本项目采用了 Vue3 + Vite + element-plus + TS + electron 开发的桌面端应用。采用logic-flow实现自定义的业务流程图绘制（配合自研的工作流后端）。

业务场景 平时有些业务场景需要绘制流程图或工作流、对流程图进行编辑等需求。 技术选型 进行技术选型，主要从下面几个方面进行考量： 1、功能是否基本满足需求，文档是否齐全 2、用户是否足够多，有足够的问

在开发流图编辑器的过程中，为了深度适配后端 flowable 引擎的功能，经常需要对 bpmn-js 进行扩展，主要分为两个部分：propertie-panel 和 bpmn model。 之前有介绍

通过 vite-plugin-svg-icons 插件封装SvgIcon组件 配置 vite.config.ts 配置 main.ts 封装SvgIcon组件 src/components/SvgIc

bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 因为公司业务的需要因而要在项目中使用到bpmn.js,但是由于bpmn.js的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己去找…

在对 bpmn.js 进行深入了解之后，心中对如何使用以及如何根据业务需求进行改造有了比较清晰的理解。为了解决之前写中文文档留下的坑，这里特地从源码层面对 bpmn.js 进行解析。

首先需要明确的一点是，本文的出发点 纯粹是针对工作流开发 的场景的选型对比，其他业务场景下建议重新调研。 什么是工作流？ 工作流，即 Workflow，是对工作流程及其