zpc

APP/src/index.tsx.ftl

@@ -10,6 +10,7 @@ import { ConfigProvider } from 'antd';
 import zhCN from 'antd/es/locale/zh_CN';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
+import 'antd/dist/antd.css';
 moment.locale('zh-cn');
 
 ReactDOM.render(<ConfigProvider locale={zhCN}><App/></ConfigProvider>, document.getElementById('root'));

README.md

@@ -22,11 +22,8 @@ yarn  start
 
 把该iBiz表单集成到我们的项目中，也是非常方便的。了解项目集成之前，我们首先来看一下我们的表单目录结构，如下图1：
 
-<div align = center>![1570497166531](superFormReact.assets/1570497166531.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570497166531.png" /></div>
 <div align = center>图1</div>
-
-
 ```
 ├── node_modules                      项目的依赖文件
 ├── public                      
@@ -61,59 +58,47 @@ yarn  start
 
 1.在package.json文件中添加依赖；
 
-<div align = center>![1570499047891](superFormReact.assets/1570499047891.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570499047891.png" /></div>
 <div align = center>图2</div>
-
 如上图2，我们需要添加*antd*，*axios*，*moment*，*tinymce*，*rxjs*等组件，如果我们项目之前有引入的话，就不需要引入了，只需要引入我们之前没引入的；
 
 2.复制静态资源，工具类，基础组件，设置入口文件；
 
-<div align = center>![1570499222398](superFormReact.assets/1570499222398.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570499222398.png" /></div>
 <div align = center>图3</div>
-
 如上图3，我们需要把public里面的assets文件夹，src下的ibizsys文件夹直接copy到我们项目中，其中components是我们的表单引用的基础组件，form-detail是我们的表单模型类，utils是我们的工具类，所以我们需要在我们的项目中加入上图的代码。
 
-<div align = center>![1570499815047](superFormReact.assets/1570499815047.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570499815047.png" /></div>
 <div align = center>图4</div>
-
-<div align = center>![1570499882964](superFormReact.assets/1570499882964.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570499882964.png" /></div>
 <div align = center>图5</div>
-
 如上图4和图5，我们项目的入口文件中修改的地方添加到我们的项目中；
 
 3.完成集成，将iBiz平台的成果物copy到项目中，开始你的表演吧！
 
 ## 效果展示
 
-<div align = center>![1570500259460](superFormReact.assets/1570500259460.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570500259460.png" /></div>
 <div align = center>图6</div>
-
-<div align = center>![1570500296491](superFormReact.assets/1570500296491.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570500296491.png" /></div>
 <div align = center>图7</div>
-
-<div align = center>![1570500335486](superFormReact.assets/1570500335486.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570500335486.png" /></div>
 <div align = center>图8</div>
-
-<div align = center>![1570500379570](superFormReact.assets/1570500379570.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570500379570.png" /></div>
 <div align = center>图9</div>
-
-<div align = center>![1570500405334](superFormReact.assets/1570500405334.png)</div>
-
+<div align = center><img src="superFormReact.assets/1570500405334.png" /></div>
 <div align = center>图10</div>
-
 ## 常见问题
 
 Q1:其中文件上传和图片上传组件由于场景参数不足，上传路径，上传参数，导出参数及自定义参数都需要开发者重新定义。另外，文件上传和图片上传的数据存储格式未知，目前，返回的数据格式与蚂蚁金服提供的一致，若数据存储格式确定但不满足需求，需要开发者在数据输入（handleInputData）和数据抛出（handleOutData）的时候进行数据处理。
 
-## 暂未支持
+Q2:由于TypeScript校验可能会出现如下报错，需要去`tsconfig.json`的`compilerOptions`里添加对应校验规则
 
-1.值规则------自定义值规则和脚本
+```sh
+1.Parameter 'props' implicitly has an 'any' type.  TS7006 
+#添加 "noImplicitAny": false,
+2.'nextContext' is declared but its value is never read.  TS6133
+#添加 "noUnusedParameters": false,
+```
 
+其他规则校验可以参考[TypeScript官方的schema](http://json.schemastore.org/tsconfig)
\ No newline at end of file