lowflow-design 是一个基于 Vue 3、Vite、TypeScript、Element Plus 的流程设计器，适用于低代码/无代码平台中的流程配置场景。

项目支持通过可视化方式快速搭建流程，并可配合后端转换项目将流程 JSON 转换为 BPMN XML：

• 后端转换器：GitHub | Gitee
• 传统 bpmn-js 流程设计器：GitHub | Gitee

• 预览地址：https://tsai996.github.io/lowflow-design/
• 成品示例：https://demo.lowflow.vip/

• 审批节点：支持单人、多人、角色、部门、发起人、上级领导、自定义审批人等。
• 抄送节点：支持单人、多人、角色、部门、发起人、上级领导、自定义抄送人等。
• 条件分支：支持条件组及组合逻辑。
• 计时等待：支持秒、分、时、天、周、月及自定义时长。
• 消息通知：支持站内信、邮件、企业微信、钉钉、飞书、短信等通知方式。

• Vue 3
• TypeScript
• Vite
• Element Plus
• Pinia
• Vue Router
• UnoCSS

npm install

npm run dev

npm run build

npm run preview

npm run dev         # 本地开发
npm run build       # 生产构建（含类型检查）
npm run build:dev   # development 模式构建
npm run build:test  # test 模式构建
npm run preview     # 预览构建产物
npm run type-check  # 类型检查
npm run lint        # ESLint（自动修复）
npm run format      # Prettier 格式化（src）

.
|-- public/
|-- src/
|   |-- api/
|   |-- assets/
|   |-- components/
|   |-- hooks/
|   |-- mock/
|   |-- router/
|   |-- stores/
|   |-- styles/
|   |-- typings/
|   |-- views/
|   |   |-- flowDesign/
|   |   |   |-- nodes/
|   |   |   |-- panels/
|   |   |   `-- index.vue
|   |-- App.vue
|   `-- main.ts
|-- package.json
|-- vite.config.ts
`-- README.md

如果这个项目对你有帮助，欢迎赞助支持。

推荐搭配阅读《深入 Flowable 流程引擎：核心原理与高阶实战》： https://item.jd.com/14804836.html