登录注册

[开源]MIT开源协议，适用于低代码或无代码开发平台的流程设计器

开源系统流程管理
2026-06-28 05:26 4 次浏览 • 0 次下载 0KB
[开源]MIT开源协议，适用于低代码或无代码开发平台的流程设计器

一、开源项目简介

lowflow-design

低代码流程设计器

lowflow-design是一个基于Vue3，Vite，TypeScript，Element-Plus等技术栈开发的，适用于低代码或无代码开发平台的流程设计器。让普通人也能通过简单配置快速搭建流程。

并提供了将json转xml的后端代码：lowflow-design-converter。

二、开源协议

使用MIT开源协议

三、界面展示

示例图

图片

图片

四、功能概述

特性

节点

状态

描述

审批人

✅

支持单人、多人、角色、部门、发起人、上级领导、自定义审批人、等等...

抄送人

✅

支持单人、多人、角色、部门、发起人、上级领导、自定义抄送人、等等...

互斥分支

✅

支持或/且条件组，条件组组合

计时等待

✅

支持秒、分、时、天、周、月、自定义时间等待

五、技术选型

lowflow-design是一个基于Vue3，Vite，TypeScript，Element-Plus等技术栈开发的，适用于低代码或无代码开发平台的流程设计器。让普通人也能通过简单配置快速搭建流程。

目录结构

├── public
├── src
│   ├── api                                     # 接口
│   │   ├── index.ts                            # 接口统一管理
│   │   ├── modules                             # 接口模块
│   │   │   ├── role.ts                         # 角色接口
│   │   │   ├── user.ts                         # 用户接口
│   │   │   └── model.ts                        # 流程模型接口
│   ├── assets                                  # 静态资源
│   │   ├── logo.png
│   │   └── ...
│   ├── components                              # 公共组件
│   │   ├── AdvancedFilter                      # 高级条件筛选
│   │   ├── Render                              # 组件渲染器
│   │   ├── RoleSelector                        # 角色选择器
│   │   ├── SvgIcon                             # svg图标
│   │   ├── UserSelector                        # 用户选择器
│   │   └── ...
│   ├── mock                                    # mock模拟数据
│   │   ├── index.ts
│   │   ├── role.ts                             # 角色接口
│   │   ├── user.ts                             # 用户接口
│   │   └── ...
│   ├── router                                  # 路由
│   │   ├── index.ts
│   │   └── ...
│   ├── stores                                  # 状态管理
│   │   ├── index.ts
│   │   └── ...
│   ├── styles                                  # 全局样式
│   │   ├── index.scss
│   │   └── ...
│   ├── typings                                 # 全局类型
│   │   ├── index.scss
│   │   └── ...
│   ├── views
│   │   ├── flowDesign                          # 流程设计器
│   │   │   ├── nodes                           # 流程节点
│   │   │   │   ├── Add.vue                     # 添加节点
│   │   │   │   ├── ApprovalNode.vue            # 审批人节点
│   │   │   │   ├── CcNode.vue                  # 抄送人节点
│   │   │   │   ├── ConditionNode.vue           # 条件节点
│   │   │   │   ├── EndNode.vue                 # 结束节点
│   │   │   │   ├── ExclusiveNode.vue           # 互斥分支节点
│   │   │   │   ├── GatewayNode.vue             # 网关节点
│   │   │   │   ├── Node.vue                    # 节点
│   │   │   │   ├── StartNode.vue               # 开始节点
│   │   │   │   ├── TimerNode.vue               # 计时等待节点
│   │   │   │   ├── TreeNode.vue                # 节点树
│   │   │   │   └── type.ts                     # 节点类型
│   │   │   ├── panels                          # 属性面板
│   │   │   │   ├── ApprovalPanel.vue           # 审批人配置面板
│   │   │   │   ├── CcPanel.vue                 # 抄送人配置面板
│   │   │   │   ├── ConditionPanel.vue          # 条件配置面板
│   │   │   │   ├── index.vue                   # 属性面板抽屉
│   │   │   │   ├── StartPanel.vue              # 开始配置面板
│   │   │   │   └── TimerPanel.vue              # 计时等待配置面板
│   │   ├── home                                # 首页
│   │   └── ...
│   ├── App.vue
│   ├── main.ts
│   └── shims-vue.d.ts
├── .gitignore
├── package.json
├── README.md
├── unocss.config.ts
└── vite.config.ts
评论