bpmn-js自定义开发

1. 基于开源工具库 bpmn-js 5.0 版本,对源码进行修改、自定义,通过二次开发实现。

2. 代码主要改动介绍

  • styles/assets 样式文件,左侧调色板的图标样式
  • lib/Viewer.js bpmn-moddle 是引用的第三方库,内含所有 bpmn 所用的图形,事件,动作等
  • lib/draw/BpmnRenderer.js 添加/修改 渲染类型
  • lib/features/context-pad/ContextPadProvider.js 添加/修改上下文面板菜单
  • lib/features/modeling/ElementFactory.js 修改图形的默认尺寸
  • lib/features/palette/PaletteProvider.js 修改调色板菜单内容,分组等
  • node_modules\bpmn-js-properties-panel\lib\provider\camunda\CamundaPropertiesProvider.js 修改右侧面板选项卡内容

3. 修改后示例项目

  • 依赖引入自有 git 项目,每次库有更新,需要手动执行 npm up 来更新库
  • 使用时可自定义节点属性,进行读写