# vue-dawn-flow
**Repository Path**: yangguangchenjie/vue-dawn-flow
## Basic Information
- **Project Name**: vue-dawn-flow
- **Description**: 精美的vue流程设计器，拖拽设计。
兼容任何vue前端框架，如element ui 、element plus 、Ant Design Vue、Naive UI等。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://139.155.137.144:8871
- **GVP Project**: No
## Statistics
- **Stars**: 10
- **Forks**: 4
- **Created**: 2025-11-08
- **Last Updated**: 2026-03-18
## Categories & Tags
**Categories**: Uncategorized
**Tags**: Vue, 流程, 流程插件, 流程设计器, 工作流
## README
# 🎉vue-dawn-flow 精美的可视化流程设计器
支持前端任何框架，如 Element UI、Element Plus、Ant Design Vue、Naive UI 等。
🚩本插件开源，可以商用。
🚀求 star，谢谢！
## 🎁开箱即用
### 🚀快速开始
使用 npm 安装：
```ts
npm i vue-dawn-flow
```
或者使用 yarn 安装：
```bash
yarn add vue-dawn-flow
```
### 🎨节点种类
| 节点名称 | 说明 |
| :----------- | :-------------------------------------------------------------------------------------------------------------------- |
| 开始节点 | 一个流程只能有一个开始节点，表示流程的开始 |
| 普通节点 | 多用于单人审批 |
| 会签节点 | 用于多人联合审批 |
| 条件会签节点 | 用于多人联合审批，并且根据条件判断会签后的流程走向
需要设置 `conditionValue` 属性 |
| 决策节点 | 多用于根据条件判断流程走向
只有 2 个条件，分别为 yes 和 no |
| 条件节点 | 根据条件判断流程走向
需要设置 `conditionValue` 属性 |
| 任务节点 | 多用于任务分配和执行 |
| 结束节点 | 一个流程只能有一个结束节点，表示流程的结束 |
| 水平泳道节点 | 用于将节点分组，并且在水平方向上显示节点 |
| 垂直泳道节点 | 用于将节点分组，并且在垂直方向上显示节点 |
## 📝演示/文档地址
- 文档地址：[http://139.155.137.144:8871](http://139.155.137.144:8871)
- Element Plus 在线演示：[http://139.155.137.144:8870](http://139.155.137.144:8870)
- AntdV 在线演示：[http://139.155.137.144:8872](http://139.155.137.144:8872)
## ⛪可定制开发
> 如果当前插件不能满足你的需求，你可以定制开发（绝对物美价廉）。
- 作者 QQ：1652794307
- 作者微信：cf_bzsmn
- 定制开发的费用根据项目的复杂程度和功能的数量而不同。
## ❤️源码出售
> 源码出售仅需 ￥998 元。
- 作者 QQ：1652794307
- 作者微信：cf_bzsmn
## 👫讨论群
> 作者会在群里回答你的问题，也会分享插件的使用经验。
- QQ 群号：801913255
## 🌐界面展示
