跳到主要内容

FlowChart

流程图组件,基于 didi/LogicFlow 的简单封装。详细配置请参考文档 FlowChart

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

属性类型默认值可选值说明
flowOptionsobject--FlowCharts 配置项
dataobject--流程数据
toolbarbooleantrue-是否显示工具栏
patternItems[]--左侧拖拽列表数据