# AvigatorFlow

**Repository Path**: doublecc/AvigatorFlow

## Basic Information

- **Project Name**: AvigatorFlow
- **Description**: 基于 vue 和 element-ui 实现的可视化流程设计器，使用了LogicFlow作为绘图设计引擎，可以让流程设计简单而便捷。
- **Primary Language**: TypeScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-04-01
- **Last Updated**: 2024-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AvigatorFlow

<p>
  <a href="https://github.com/vuejs/vue">
    <img src="https://img.shields.io/badge/vue-2.6.11-brightgreen.svg" alt="vue"></a>
  <a href="https://github.com/ElemeFE/element">
    <img src="https://img.shields.io/badge/element--ui-2.15.1-brightgreen.svg" alt="element-ui"></a>
  <a href="https://github.com/didi/LogicFlow">
    <img src="https://img.shields.io/badge/LogicFlow-0.3.0-brightgreen.svg" alt="LogicFlow"></a>    
  <a href="https://gitee.com/gavinhome/AvigatorFlow/blob/master/LICENSE">
    <img src="https://img.shields.io/github/license/gavinhome/AvigatorFlow" alt="license"></a>
</p>


简体中文 | [English](./README.en.md)

基于 [vue](https://github.com/vuejs/vue) 和 [element-ui](https://github.com/ElemeFE/element) 实现的可视化流程设计器，使用了[LogicFlow](https://github.com/didi/LogicFlow)作为绘图设计引擎，可以让流程设计简单而便捷。


* [在线预览](https://gavinhome.gitee.io/avigatorflow)
* [开发指南](/docs/guide.zh-CN.md)
* [流程组件](/docs/component.zh-CN.md)

## 特性

* 可视化：拖拽配置流程和表单
* 预览：实时预览配置效果
* 节点：开始，审批，网关，结束
* 属性：节点属性面板，分支条件属性面板
* 数据：一键生成配置json数据
* 规则：审批人规则，分支条件规则
* 插件：表单数据，用户数据，角色数据

## 快速开始
```shell
yarn install
```
```shell
yarn serve
```

## 第三方插件

* [LogicFlow](https://github.com/didi/LogicFlow)
* [Element-ui](https://github.com/ElemeFE/element)


## 开源协议

[LGPL-3.0](https://opensource.org/licenses/LGPL-3.0)

您可以将 AvigatorFlow 源码用于 LGPL 协议的开源项目中，并保留版权信息（Powered by <a target="_blank" href="https://gitee.com/gavinhome/AvigatorFlow">AvigatorFlow</a>）