https://github.com/xw-an/vue-x6-flow

基于vue2.x+antdesign+antv x6实现的流程图编辑器
https://github.com/xw-an/vue-x6-flow

Last synced: 26 days ago
JSON representation

基于vue2.x+antdesign+antv x6实现的流程图编辑器

• Host: GitHub
• URL: https://github.com/xw-an/vue-x6-flow
• Owner: xw-an
• Created: 2022-05-30T14:07:24.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-31T02:37:46.000Z (almost 3 years ago)
• Last Synced: 2024-07-31T07:15:45.936Z (9 months ago)
• Language: Vue
• Homepage:
• Size: 221 KB
• Stars: 9
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-x6 - vue-x6-flow - an - 基于vue2.x+antdesign+antv x6实现的流程图编辑器 (Frameworks / Vue Component)

README

        
# vue-x6-flow

基于antv-x6 vue版本 vue2.x+antdesign+antv-x6流程图编辑器

## 项目效果图

![image](https://user-images.githubusercontent.com/9762767/171016275-e96a7d22-4c06-413a-9f82-d5e4a5f5e9dc.png)

![image](https://user-images.githubusercontent.com/9762767/171016392-3d02dd2b-6882-4d5f-962c-bdbd2b9c8940.png)

![image](https://user-images.githubusercontent.com/9762767/171016659-79305867-295a-4619-bfaa-48bf9baa105b.png)

![image](https://user-images.githubusercontent.com/9762767/171020070-466fc3ad-5531-4ca3-90bc-4354563275fd.png)

## 支持功能

画布功能：放大、缩小、撤销、取消撤销、全屏、导出svg

节点功能：快捷键操作、标题修改、字号修改、颜色修改

连线功能：支持实虚线形、双向/正向/逆向箭头、文本填充

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

```

## antv-x6官方文档地址

https://x6.antv.vision/en/docs/api/graph/graph

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).