dialYun / react_bpmn_designer

基于 React Antd 版本的 BpmnJs 流程设计器，已经更新 Antd5 版本

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. 属性面板

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

2. 工具栏

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

3. 编辑器

• 自定义 PaletteProvider
• 自定义 Renderer
• 自定义 ContextPadProvider
• 自定义 ElementFactory

技术交流

qq群: 907718872

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

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