/react_bpmn_designer

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

Primary LanguageJavaScriptApache License 2.0Apache-2.0

React_Bpmn_Designer

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

项目简介

一个基于 Bpmn.jsReactAnt 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/