# 前端复杂组件库

##  目前包括 

### 仿钉钉自定义流程图（完成）；dingding分支
### echarts 地图添加点击事件显示状图（完成）； echarts分支

###  SelectBox穿梭框选人组件（正在重构中。。。）

需要的同学可以按需拉去


# 仿钉钉自定义流程文档

## 效果图
<img src='flow.png'/>

### Attributes 
| 参数       | 说明     | 类型       | 可选值 | 默认值 |
|------------|--------|------------|--------|--------|
| FlowConfig | 展示数据 | FlowConfig | --     | --     |
### Events

| 事件名称   | 说明   | 回调参数  
|------|------|------|
| clickNode | 点击流程节点时触发 | 返回当前节点数据（TreeNode）

### 事件

| 事件名称   | 说明   | 回调参数  
|------|------|------|
| getResData | 获取流程图数据 | 返回两个参数，依次为：所有流程节点的一维数组集合、用于渲染流程图而生成的树状结构
| nodeChange | 在自己业务页面操作完，当前节点发生变化时，可手动去触发 | 支持传入当前改变的节点，数据结构参考下文TreeNode

### TreeNode

| 参数     | 说明                                          | 类型            | 可选值                  | 默认值 |
|----------|---------------------------------------------|-----------------|-------------------------|--------|
| id       | 定位节点的唯一标识                            | string          | --                      | --     |
| groupId  | 流程图生成过程中生成的组id                    | string          | --                      | --     |
| type     | 节点类型                                      | string          | '1','2','3','4','5','6' | --     |
| title    | 标题                                          | string          | --                      | --     |
| groupPid | 流程图渲染过程中所应用数据                    | string          | --                      | --     |
| content  | 节点显示内容                                  | string          | --                      | --     |
| isRow    | 是否为行元素                                  | boolean         | --                      | --     |
| isRoot   | 是否为根节点                                  | boolean         | --                      | --     |
| data     | 拓展属性，用以存储业务相关内容                 | object          | --                      | {}     |
| pids     | 流程图生成过程中生成属性，指明此节点父节点数组 | Array<'string'> | --                      | --     |