[Open Source] MIT License. A workflow designer for low-code or no-code development platforms

Open SourceProcess Management
2026-06-28 05:26 5 次浏览 • 0 次下载 0KB
[Open Source] MIT License. A workflow designer for low-code or no-code development platforms

1. Project Overview

lowflow-design

Low-Code Workflow Designer

lowflow-design is a workflow designer developed using Vue3, Vite, TypeScript, Element-Plus, and other technologies. It is designed for low-code or no-code development platforms, allowing anyone to quickly build workflows through simple configuration.

It also provides backend code for converting JSON to XML: lowflow-design-converter.

2. Open Source License

Licensed under MIT

3. Screenshots

Screenshots

Image

Image

4. Feature Overview

Features

Nodes

Status

Description

Approvers

✅

Supports single users, multiple users, roles, departments, initiators, direct supervisors, custom approvers, and more...

CC Recipients

✅

Supports single users, multiple users, roles, departments, initiators, direct supervisors, custom CC recipients, and more...

Exclusive Branches

✅

Supports OR/AND condition groups and combinations of condition groups.

Timed Wait

✅

Supports waiting periods in seconds, minutes, hours, days, weeks, months, and custom time intervals.

5. Tech Stack

lowflow-design is a workflow designer developed using Vue3, Vite, TypeScript, Element-Plus, and other technologies. It is designed for low-code or no-code development platforms, allowing anyone to quickly build workflows through simple configuration.

Directory Structure

├── public
├── src
│   ├── api                                     # API
│   │   ├── index.ts                            # Unified API Management
│   │   ├── modules                             # API Modules
│   │   │   ├── role.ts                         # Role API
│   │   │   ├── user.ts                         # User API
│   │   │   └── model.ts                        # Workflow Model API
│   ├── assets                                  # Static Assets
│   │   ├── logo.png
│   │   └── ...
│   ├── components                              # Shared components
│   │   ├── AdvancedFilter                      # Advanced filter
│   │   ├── Render                              # Component renderer
│   │   ├── RoleSelector                        # Role selector
│   │   ├── SvgIcon                             # SVG icons
│   │   ├── UserSelector                        # User selector
│   │   └── ...
│   ├── mock                                    # Mock data
│   │   ├── index.ts
│   │   ├── role.ts                             # Role API
│   │   ├── user.ts                             # User API
│   │   └── ...
│   ├── router                                  # Routing
│   │   ├── index.ts
│   │   └── ...
│   ├── stores                                  # State management
│   │   ├── index.ts
│   │   └── ...
│   ├── styles                                  # Global styles
│   │   ├── index.scss
│   │   └── ...
│   ├── typings                                 # Global types
│   │   ├── index.scss
│   │   └── ...
│   ├── views
│   ├── flowDesign                          # Workflow designer
│   │   ├── nodes                           # Workflow nodes
│   │   │   ├── Add.vue                     # Add node
│   │   │   ├── ApprovalNode.vue            # Approver node
│   │   │   ├── CcNode.vue                  # CC recipient node
│   │   │   ├── ConditionNode.vue           # Condition node
│   │   │   ├── EndNode.vue                 # End node
│   │   │   │   ├── ExclusiveNode.vue           # Exclusive branch node
│   │   │   │   ├── GatewayNode.vue             # Gateway node
│   │   │   │   ├── Node.vue                    # Node
│   │   │   │   ├── StartNode.vue               # Start node
│   │   │   │   ├── TimerNode.vue               # Timed waiting node
│   │   │   │   ├── TreeNode.vue                # Node tree
│   │   │   └── type.ts                     # Node types
│   │   │   ├── panels                          # Property panels
│   │   │   │   ├── ApprovalPanel.vue           # Approver configuration panel
│   │   │   │   ├── CcPanel.vue                 # CC recipient configuration panel
│   │   │   │   ├── ConditionPanel.vue          # Condition configuration panel
│   │   │   │   ├── index.vue                   # Property panel drawer
│   │   │   │   ├── StartPanel.vue              # Start configuration panel
│   │   │   │   └── TimerPanel.vue              # Timed waiting configuration panel
│   │   ├── home                                # Home page
│   │   └── ...
│   ├── App.vue
│   ├── main.ts
│   └── shims-vue.d.ts
├── .gitignore
├── package.json
├── README.md
├── unocss.config.ts
└── vite.config.ts
#1
资源直链https://gitee.com/cai_xiao_feng/lowflow-design
去下载
星河码客

发现和分享优质开源项目,传承互联网精神,为开发者服务。

关于本站

联系我们

微信/广告合作:ITcloub (备注星河码客)

免责声明:本站资源版权归原作者所有,仅供学习与交流。如有侵权,请通过「关于我们 - 侵权投诉」联系删除。

Powered by Nuxt · Deployed on Cloudflare