使用体验与价值

      在实际企业级应用开发中，流程设计模块常面临节点类型单一、定制化难度高、与现有技术栈适配差等问题。使用 unione-flow-editor 期间，其基于 Vue 3 + TypeScript 的技术选型能很好地融入现代前端项目架构，避免了技术栈不兼容导致的额外适配成本。对于多场景业务需求，内置的审批、服务等节点可直接满足基础流程设计，而动态注册功能则支持快速扩展如“数据校验”“消息推送”等自定义节点，大幅提升了流程设计的灵活性。在复杂业务场景下，灵活的架构设计让团队能够轻松扩展子流程嵌套、泳道权限管控等高级能力，有效解决了传统流程设计工具“重配置、轻扩展”的痛点。

项目简介

unione-flow-editor 基于 Vue 3、TypeScript 和 Vite 构建，是一款面向开发场景的流程设计工具，可用于企业级应用的流程设计界面开发。

核心功能

• 内置节点类型：涵盖开始、结束、审批、服务、触发、子流程、泳道等基础节点

• 动态节点注册：支持开发者根据业务需求注册自定义节点

• 节点属性配置：提供节点属性定制能力，适配不同业务场景

• 扩展能力：采用灵活的架构设计，支持针对复杂工作流场景进行扩展开发

快速开始

环境要求

Node.js 14.0+ npm 6.0+ 或 yarn 1.22+

安装步骤

# 克隆仓库
git clone https://github.com/unione-cloud/unione-flow-editor.git
# 或
git clone https://gitee.com/unione-cloud/unione-flow-editor.git
cd unione-flow-editor

# 安装依赖
npm install
# 或
yarn install

开发与构建

npm run dev
# 或
yarn dev

贡献指南

1. Fork 本仓库
2. 创建特性分支 (git checkout -b feature/amazing-feature)
3. 提交更改 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 打开Pull Request

许可证

本项目采用 Apache License 2.0 许可证，详情可参考项目内 LICENSE 文件。

项目相关地址

• 项目地址github：https://github.com/unione-cloud/unione-flow-editor
• 项目地址gitee：https://gitee.com/unione-cloud/unione-flow-editor
• GitHub Issues: https://github.com/unione-cloud/unione-flow-editor/issues
• Gitee Issues: https://gitee.com/unione-cloud/unione-flow-editor/issues

截图