# g6-process-editor

**Repository Path**: zhangXDong/g6-process-editor

## Basic Information

- **Project Name**: g6-process-editor
- **Description**: G6可视化编辑器实现流程编排
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# g6-process-editor

#### 介绍
G6可视化编辑器实现流程编排

#### 软件架构
软件架构说明
├─public
│  └─data
├─src
|   ├─assets               # 样式
|   │  └─style
|   ├─behavior             # g6行为定义
|   ├─components           # 组件
|   │  ├─menu              # 左侧菜单
|   │  ├─props             # 右侧属性配置
|   │  ├─svg-icon          # svg组件
|   │  └─toolbar-panel
|   ├─libs                 # 库（发布订阅模式）
|   ├─plugins              # toolbar命令注册
|   ├─services             # axios封装
|   ├─shape                # g6图形定义
|   │  ├─edges             # g6边相关定义
|   │  └─nodes             # g6节点相关定义
|   └─utils                # 工具函数
└─Index.vue                # 入口

#### 安装教程

1.  yarn install
2.  npm run dev

#### 功能介绍

1.  拖拽组件到画布区域
3.  画布区节点hover，selected
2.  画布区节点拖拽
3.  锚点绘制
4.  节点连线
5.  连线hover，selected
6.  toolbar操作
7.  画布拖拽
8.  minimap