|
|
@@ -11,9 +11,44 @@
|
|
|
|
|
|
整个流程图分为四种节点 分别为 root end row(占一整行) col(列元素)
|
|
|
```javascript
|
|
|
- let rootNode
|
|
|
+ class rootNode{
|
|
|
+
|
|
|
+ }
|
|
|
+ class rowNode{
|
|
|
+
|
|
|
+ }
|
|
|
+ class colNode{
|
|
|
+
|
|
|
+ }
|
|
|
+ class endNode{
|
|
|
+
|
|
|
+ }
|
|
|
+```
|
|
|
+传参进来的数据格式
|
|
|
+``` javascript
|
|
|
+// 生成流程图时会自动组装数据 除了造假数据之外可以不用关心
|
|
|
+Array<node>
|
|
|
+class Node {
|
|
|
+ id // 如果是开始节点请写死 "root" 节点id
|
|
|
+ groupId // 组ID
|
|
|
+ type // 1|2|3|4|5|6 开始,抄送 条件 审批 结束 流转至
|
|
|
+ title // "标题",
|
|
|
+ groupPid //如果col元素 会以他们的groupId虚拟一个包裹层,包裹层的groupId 是所包裹的所有col元素的groupPid
|
|
|
+ content // "显示内容",
|
|
|
+ isRow // 是否为行元素
|
|
|
+ isRoot // 是否是根节点
|
|
|
+ data // {}
|
|
|
+ pids //非必填 无需关心
|
|
|
+}
|
|
|
```
|
|
|
+暴露出去的数据格式 Array
|
|
|
|
|
|
+``` JavaScript
|
|
|
+Array<node>
|
|
|
+class node {
|
|
|
+
|
|
|
+}
|
|
|
+```
|
|
|
## Project setup
|
|
|
```
|
|
|
yarn install
|