得得

开源

LogicFlow

A front-end framework for process visualization.
Apache-2.0开源 快速上手
最新版本:@logicflow/core@1.1.11     更新时间:2022-04-01
特性
🛠 高拓展性,兼容各种产品自定义的流程编辑需求,绝大部分模块以插件的形式实现,支持各模块自由插拔。,🚀 重执行,流程图能完备的表达业务逻辑,不受流程引擎限制。,🎯 专业,专注于业务流程图编辑的框架
流程图编辑器快速搭建
提供了一个流程图编辑所必需的各项能力,这也是 LogicFlow 的基础能力:,图的绘制能力。基于 SVG 来绘制形状各异的节点和线,并提供了基础的节点(矩形、圆形、多边形等)和线(直线、折线、曲线),各类交互能力,让图动起来。根据节点、线、图的各类鼠标事件(hover、点击、拖拽等)做出反应。比如节点拖拽、拖拽创建边、线的调整、双击节点编辑文本等,提升编辑效率的能力。提供网格、对齐线,上一步、下一步,键盘快捷键,图放大缩小等配套能力,帮助用户提升编辑效率,提供了丰富的 API ,宿主研发通过 API 传参调用和监听事件的方式,与 LogicFlow 完成交互,下面是通过 LogicFlow 内置的节点和配套能力,做的流程图示例 :
基于业务场景拓展
当基础能力无法满足业务需求的时候,便需要基于业务场景拓展。,基于上述拓展的能力,前端研发能够根据实际业务场景的需求,灵活的开发出所需的节点、组件等。下面有两个基于 LogicFlow 拓展能力做出的流程图:,BPMN: http://logic-flow.org/examples/#/extension/bpmn,审批流程:http://logic-flow.org/examples/#/extension/approve,源码地址 https://github.com/xinxin93/logicflow_vue_demo,LogicFlow不仅支持开发类似bpmn.js这种固定整体样式、更偏向生成数据在流程引擎可执行的流程图工具。也支持实现类似ProcessOn这种自由控制样式的作图工具。,源码地址:http://logic-flow.org/mvp/index.html,示例图如下: ,源码地址: https://github.com/Logic-Flow/logicflow-node-red-vue3
研发人员
LogicFlow的研发团队来自五湖四海,期待你的加入。
xutao
Rain
JoYous-SUN