流程引擎（bpmn-js 画审批流程）+ FormCreate（配置每个审批节点的业务表单），广泛应用于在政务系统、OA系统、ERP系统、电商系统、流程管理等领域。
bpmn-js【流程设计】
bpmn-js 是 Camunda 旗下 bpmn.io 开源项目 的核心 JavaScript 工具库，官网地址：https://bpmn.io/toolkit/bpmn-js/bpmn.io，开源（MIT 协议），免费商用，GitHub 持续迭代更新
定位：BPMN 2.0 标准的浏览器端流程图查看器 + 在线建模编辑器 ，纯前端 JS 实现，无需后端服务即可运行，可独立使用或嵌入任意 Web 系统（Vue/React/ 原生 JS 等）
完整遵循 BPMN 2.0 官方规范，导出的 XML 可通用所有主流工作流引擎（Camunda、Flowable、Activiti）
极强可扩展（核心优势） 模块化插件架构，几乎所有界面 / 逻辑都能自定义：
- 自定义节点（会签、加签、审批专用任务）
- 自定义样式、颜色、图标、画布渲染
- 扩展属性面板，增加业务自定义字段
- 流程仿真（token 模拟流转，预览执行路径）
- 自定义校验规则、工具栏、提示批注
纯浏览器运行 基于 SVG 绘图，不依赖 Flash / 客户端软件，所有渲染、编辑逻辑在前端完成；仅读写 XML 与后端交互。
配套底层组件
- diagram-js：底层通用画布渲染引擎（支撑流程图拖拽、交互）
- bpmn-moddle：BPMN XML 解析 / 序列化工具，负责模型读写校验
二、两大核心模式
1. Viewer（只读查看器）
仅渲染展示 BPMN 流程图，无编辑能力，适合流程详情页、审批查看、实例回放场景：
- 加载后端返回的 BPMN XML 渲染画布
- 支持缩放、平移、节点高亮、业务数据标注
- 极简集成，几行 JS 代码即可嵌入页面
2. Modeler（全功能建模编辑器）
完整可视化拖拽编辑器，用于设计 / 编辑业务流程：
- 内置全部 BPMN 2.0 标准元素：开始 / 结束事件、任务、排他 / 并行网关、泳道、子流程等
- 左侧拖拽面板、右键菜单、底部属性面板，支持修改节点名称、流程变量、执行条件
- 可导出标准 BPMN 2.0 XML（能直接给 Camunda、Flowable 等流程引擎解析执行）
- 内置模型校验，提示不符合规范的流程写法
FormCreate【VUE表单设计】
FormCreate 是基于 Vue2 / Vue3 的开源免费JSON 驱动动态表单引擎 ， 配套开源低代码可视化表单设计器拖拽编辑器 FcDesigner，通过数据驱动表单渲染。可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率，节省开发者的时间。
FcDesigner（可视化表单设计器）
开源版基础免费商用；高级功能、AI 助理、源码授权为商业版，VForm3 / VForm：同类型 Vue 动态表单设计器
拖拽式画布，可视化搭建表单 → 导出 JSON 规则 → 传给 form-create 渲染
form-create
核心表单渲染组件，输入 JSON 配置（rule 规则）自动渲染出完整表单
| 工具 | 定位 | 产出物 |
|---|---|---|
| bpmn-js | BPMN 流程图编辑器（流程拓扑） | BPMN XML（流程走向、审批人、网关） |
| FormCreate | 动态表单编辑器（页面字段） | JSON 表单规则（每个节点需要填写哪些字段） |