在企业级系统中，流程引擎是不可或缺的一环。Flowable 作为一款强大而灵活的 BPM 引擎，提供了丰富的流程控制能力。但它默认的流程设计器相对简陋，扩展性不高，难以满足复杂业务场景下的个性化需求。
本文将介绍如何基于 bpmn-js 打造一款媲美甚至超越官方的 Flowable 流程设计器，支持丰富的自定义属性、事件监听、与后端无缝联动等功能。
为什么选择 bpmn-js？
bpmn-js 是 Camunda 团队开源的一款 BPMN 2.0 图形建模工具，具有如下优势：
- 原生支持 BPMN 2.0 标准
- 支持建模与渲染
- 可扩展性强（可定制 palette、renderer、moddle、属性面板等）
- 社区活跃，文档齐全
节点支持
- 开始事件：开始、消息启动、定时启动、条件启动、信号启动、参数启动
- 任务类型：用户任务、服务任务、接受任务、手动任务、规则任务、脚本任务
- 自定义任务：Http任务、抄送任务、Shell任务、邮件任务、外部工作者任务、决策任务、Mule任务
- 网关类型：排他网关、并行网关、事件网关、包容网关
- 边界事件：错误、定时、信号、消息、条件、升级、补偿、参数
- 中间事件：消息、定时、升级、条件、补偿、信号、参数
- 结束事件：结束、消息、升级、错误、补偿、信号、终止
- 子流程：引用流程、子流程、临时子流程、事件子流程、事务子流程
示例效果图（建议附带）
预览地址：bpmn-js 流程设计器
