# FlowChart 流程图组件,基于 `didi/LogicFlow` 的简单封装。详细配置请参考文档 [FlowChart](http://logic-flow.org/guide/start.html) ## Usage ```vue <template> <FlowChart :data="demoData" /> </template> <script lang="ts"> import { FlowChart } from '/@/components/FlowChart'; import { PageWrapper } from '/@/components/Page'; import demoData from './dataTurbo.json'; export default { components: { FlowChart, PageWrapper }, setup() { return { demoData }; }, }; </script> ``` ## Props | 属性 | 类型 | 默认值 | 可选值 | 说明 | | ------------ | --------- | ------ | ------ | ----------------- | | flowOptions | `object` | - | - | FlowCharts 配置项 | | data | `object` | - | - | 流程数据 | | toolbar | `boolean` | `true` | - | 是否显示工具栏 | | patternItems | `[]` | - | - | 左侧拖拽列表数据 |