LogicFlow Designer

一个基于 LogicFlow 和 Vue2 的流程图设计器组件库，可以轻松集成到你的 Vue 项目中。

特性

- 基于 LogicFlow 实现，支持多种节点类型
- 预定义多种节点类型（开始节点、赋值节点、决策节点等）
- 支持自定义节点和边
- 内置属性面板和工具栏
- 支持导出和导入流程数据

安装

``bash
npm install logicflow-designer
`

使用方法

$3

`javascript
import Vue from 'vue';
import LogicFlowDesigner from 'logicflow-designer';

Vue.use(LogicFlowDesigner);
`

然后在组件中使用：

`vue



`

$3

`vue



`

$3

可以通过 ref 调用组件方法：

`vue



`

属性 (Props)

| 属性名 | 类型 | 默认值 | 说明 |
|--------|------|--------|------|
| title | String | '' | 流程图标题 |
| flowData | Object | null | 流程图数据 |
| options | Object | {} | LogicFlow 配置选项 |

方法

| 方法名 | 参数 | 返回值 | 说明 |
|--------|------|--------|------|
| $_getData | 无 | Object | 获取当前流程图数据 |

构建

如果你想自己构建这个包:

`bash


安装依赖

npm install

构建为库

npm run build-bundle
``

License

MIT