VFD(VUE FLOW DESIGN流程设计器) v1.0

VFD流程设计器下载

  • 源码大小:12.4MB
  • 源码语言:简体中文
  • 源码类型:国产软件
  • 源码授权:免费软件
  • 更新时间:2023-03-16 15:28:46
  • 源码类别:其它
  • 源码官网:
  • 网友评分:源码评分
  • 应用平台:JavaScript
内容介绍热点排行相关文章下载地址↓

VFD(VUE FLOW DESIGN流程设计器)是一套基于Vue + Ant Design Vue + JSPlumb,该组件目的是为了使用在Vue项目中,它前身是原生版流程设计器。

Vue版本以全新的技术栈重构了代码,并在原版基础上实现了更好的操作方式。

效果演示

基础面板

拖拽节点到绘图区连线

拖拽对齐或使用自动对齐

显示/隐藏网格

设置节点和连线的属性

单节点、多节点移动(按住CTRL键)

改变节点对齐的排序顺序(按住Ctrl键一个一个单击选中要对齐的节点,单击的顺序就是对齐的排列顺序)

清空画布,重新绘制

保存流程图(会生成一段json数据,后台可以保存这段数据,为了便于调试,生成的json数据可以通过快捷键CTRL+ALT+T打开的测试窗口看到。同时也可以从该窗口载入其他的符合流程图的json数据)

快捷键说明

使用教程

在你的项目根目录下安装vfd:

npm install vfd --save

在代码中引用,类似如下:

<template><div> <vfd></vfd> </div></template><script> import vfd from 'vfd' export default { components: { vfd } }</script>

人气源码
下载地址
相关文章
网友评论
下载声明

☉ 解压密码:www.jb51.net 就是本站主域名,希望大家看清楚,[ 分享码的获取方法 ]可以参考这篇文章
☉ 推荐使用 [ 迅雷 ] 下载,使用 [ WinRAR v5 ] 以上版本解压本站软件。
☉ 如果这个软件总是不能下载的请在评论中留言,我们会尽快修复,谢谢!
☉ 下载本站资源,如果服务器暂不能下载请过一段时间重试!或者多试试几个下载地址
☉ 如果遇到什么问题,请评论留言,我们定会解决问题,谢谢大家支持!
☉ 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。
☉ 本站提供的VFD(VUE FLOW DESIGN流程设计器) v1.0资源来源互联网,版权归该下载资源的合法拥有者所有。