# 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 | `[]` | - | - | 左側拖拽列表數據 |