Skip to content

Flow 与或逻辑图绘制器

flow, 一个通过 canvas 绘制与或流程图的组件,支持与逻辑,或逻辑,括号逻辑和节点设置。
它能把一段 DSL(如 A&B|C&(D|E) )解析成动态的节点-或门-括号嵌套结构并实时绘制到 Canvas,放在日常后台、审批流、规则引擎等场景里可以即拿即用

基础用法

loading

设置节点

loading

自定义样式

loading

API

Props

参数说明类型例子默认值
valueDSLstringvue & (vue2 | vue3)
nodeMap节点映射表FlowNodeItem[]
orWidthRateor 占据的宽度比number0.9
orHeightRateor 占据的高度比number0.5
orHybridRateor 占据的宽度比,or 与 node 混合的情况number0.5
nodeStyle自定义节点样式FlowNodeStyle

Events

事件名说明回调参数
fetch-struct渲染时会返回解析结构体,可以用来给其他组件用

Released under the MIT License.