React_Bpmn_Designer

💻在线演示 · 🐛报告 Bug · Star 加群后续版本更新不错过

项目简介

一个基于 Bpmn.js，React 和 Ant Design 开发的 BPMN 2.0 流程设计器（网页版）。

此项目支持 Flowable 流程引擎，并提供了常见的贴合实际业务的功能。

安装和使用

# 克隆仓库
git clone https://github.com/dialYun/react_bpmn_designer

# 安装依赖
npm install

# 启动项目
npm start

可用功能

1. 属性面板

• [x] 基础信息
• [x] 启动权限
• [x] 人员组合选择器
• [x] 表单设置
• [x] 按钮配置
• [x] 流转条件
• [x] 执行监听器
• [x] 任务监听器
• [x] 会签（并行、串行）

2. 工具栏

• [x] 导入文件
• [x] 导出文件（bpmn, svg）
• [x] 元素对其（垂直上中下、水平左中右）
• [x] 放大与缩放
• [x] 撤销恢复与重做

3. 编辑器

• [x] 自定义 PaletteProvider
• [x] 自定义 Renderer
• [x] 自定义 ContextPadProvider
• [x] 自定义 ElementFactory

技术交流

qq群: 907718872

商业版流程设计器、表单设计器地址

预览：💻 https://formdeep.com/