【文件属性】:
文件名称:vue-jsplumb-editor:利用vue、jsPlumb参照阿里pai平台
文件大小:2.07MB
文件格式:ZIP
更新时间:2021-05-07 14:37:36
editor vue jsplumb JavaScript
vue-jsplumb-editor
功能点
菜单节点区域
从菜单中拖动一个节点到主设计区域,可放置该节点
按节点类型组织节点
主设计区域
操作可撤销
背景的平移和缩放
可接收从菜单中拖入的节点
拖入的节点会根据当前的节点信息生成对应的端点(用于拖出连线)
生成的端点分两种类型:源端点和目标端点,应在样式上作区分
源端点放置在节点bottom位置,目标节点防止在节点的top位置(便于从上往下拖出连接线)
所有节点可通过拖拽移动位置
所有节点和连接线可删除
所有节点和端点在鼠标悬浮需要有tooltip框来提示节点或端点信息
所有节点、端点和连接线在鼠标悬浮时需要设置不同的样式
所有节点和连接线可被选中
操作实时保存数据
导入数据生成流程图
节点配置区域
在设计区域选中节点时,节点配置区域会显示一个对应的节点配置面板
不同节点应拥有对应的节点配置面板
节点面板用来
【文件预览】:
vue-jsplumb-editor-master
----public()
--------index.html(573B)
--------view.jpg(68KB)
--------favicon.ico(4KB)
----src()
--------router.ts(443B)
--------main.ts(348B)
--------store.ts(158B)
--------views()
--------Index.vue(2KB)
--------components()
--------App.vue(2KB)
--------assets()
--------mock()
--------api()
--------FlowChart()
--------Operation.vue(133B)
--------FlowChart.vue(16KB)
----babel.config.js(56B)
----shims-vue.d.ts(72B)
----tsconfig.json(578B)
----README.md(2KB)
----dist()
--------index.html(1KB)
--------favicon.ico(4KB)
--------img()
--------js()
--------md.png(400KB)
--------fonts()
--------css()
----.editorconfig(160B)
----.gitignore(214B)
----package-lock.json(552KB)
----package.json(2KB)