Git Product home page Git Product logo

vue-x6-flow-'s Introduction

vue3 和 vue2 两个项目的demo是不同的，可以都下载下来运行查看是否有符合自身业务的demo

vue-x6-flow

基于antv-x6 vue版本 vue2.x+ element +antv-x6 适用于流程图-dag图

vue3版本地址

https://github.com/MyButifullyLife/vue-x6-flow-3.0

有以下功能内容： 1、拖拽布局 2、右键菜单 3、保存

4、缩放 5、多选 6、快捷键 cv cx cz（重做） 7、连线判断 8、配置属性 9、动态节点流向动画 其余功能可在antv-x6文档自行添加

文档地址

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

本项目效果图

image

流向动画

GIF 2022-1-18 16-51-01

树状图 现成源码

1679362448522

企业微信截图_d2f74ba5-4202-43eb-90e8-9f95bfc3ff2f

x6 对于流程图 dag图 思维导图均可实现

image

如果文章对你有帮助，那么5块、10块也是爱

image

有疑问可加QQ

冠希：微信转账30可以让你少掉、少白几根头发永远跟我一样帅 QQ：251275985 wx：gjh251275985

antv在vue使用所需要的依赖

···

"@antv/x6": "^1.29.5"

"@antv/x6-vue-shape": "^1.3.0"

"@vue/composition-api": "^1.4.3"



vue.config.js 配置
runtimeCompiler: true
![image](https://user-images.githubusercontent.com/16436933/228793431-1a5c9d9e-03c7-4a43-8765-879f5177333c.png)

···

Project setup

因为项目是由最新vue-cli创建，运行环境必须要有 yarn
本地环境没有yarn 可以通过 npm install yarn 下载

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

vue-x6-flow-'s People

Contributors

mybutifullylife avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.