Giter VIP home page Giter VIP logo

tbh67373 / react-bpmn Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pangchun/react-bpmn

0.0 0.0 0.0 899 KB

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

Home Page: http://designer.v2star.top/

License: MIT License

JavaScript 9.76% TypeScript 88.94% Less 1.29%

react-bpmn's Introduction

logo

React Bpmn

GitHub stars GitHub stars star fork


简介

项目基于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 People

Contributors

pangchun avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.