FlowChart

流程图组件，基于 didi/LogicFlow 的简单封装。详细配置请参考文档 FlowChart (opens new window)

Usage

<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	[]	-	-	左侧拖拽列表数据