pangchun / react-bpmn

基于react集成bpmn-js的流程引擎作图工具。支持获取流程定义XML。自定义属性面板、自定义platte工具。支持flowable、activiti、camunda等不同协议。遵循MIT开源协议，可用于学习、生产、商业用途。

React Bpmn

---

简介

项目基于bpmnJs集成了bpmn流程设计器，自定义属性面板panel，对palette和canvas样式做了适应主题的处理；

顶部添加了一些常用功能，如下载流程图、模拟流转、放大缩小、恢复撤销等；

支持activiti、flowable、camunda3种模式的流程设计，可在配置中心中进行切换；

此外添加了一键换肤、明亮暗夜模式切换等辅助性功能。

在线demo请访问：http://designer.v2star.top/

参考与致谢

本项目很大程度参考了 miyuesc 的项目，在此对所参考项目提供的帮助表示衷心感谢。

1. 参考项目：https://github.com/miyuesc/bpmn-process-designer
2. 参考文章：https://juejin.cn/post/6844904017584193544

快速启动

本项目基于UmiJS构建。

$ yarn // 安装依赖
$ yarn start // 启动

其它说明

bpmnJs版本

由于1.0后的和1.0之前的属性面板有较大的改变，且相关的api名称或位置可能也有改变，因此，在这里说明一下当前项目集成的版本。

"bpmn-js": "^9.0.3",
"bpmn-js-properties-panel": "^1.0.0",
"camunda-bpmn-moddle": "^6.1.2",

react-bpmn's Issues

现在按照demo集成的话，能够正常作为一个功能点作为线上环境发布使用吗，是否完整及稳定

当引擎切换为activiti后，点击右侧表单会报错，提示unknown type <activiti:FormData>

当把引擎切换为activiti后如果右侧出现“表单”面板后，点击会报错，提示Error: unknown type activiti:FormData

如果切换成flowable或者camunda都没问题一开始我以为是没定义类型，但是找了一下发现flowable和camunda也没定义这个类型，但是没问题。在线等……

快捷

流程线

目前流程线没有定义

ts 中引入js 问题是否已解决

ts 中引入js 问题解决了吗？