vue-jsplumb-editor:利用vue、jsPlumb参照阿里pai平台

上传者: 42113552 | 上传时间: 2023-01-17 09:31:57 | 文件大小: 2.07MB | 文件类型: ZIP
vue-jsplumb-editor 功能点 菜单节点区域 从菜单中拖动一个节点到主设计区域,可放置该节点 按节点类型组织节点 主设计区域 操作可撤销 背景的平移和缩放 可接收从菜单中拖入的节点 拖入的节点会根据当前的节点信息生成对应的端点(用于拖出连线) 生成的端点分两种类型:源端点和目标端点,应在样式上作区分 源端点放置在节点bottom位置,目标节点防止在节点的top位置(便于从上往下拖出连接线) 所有节点可通过拖拽移动位置 所有节点和连接线可删除 所有节点和端点在鼠标悬浮需要有tooltip框来提示节点或端点信息 所有节点、端点和连接线在鼠标悬浮时需要设置不同的样式 所有节点和连接线可被选中 操作实时保存数据 导入数据生成流程图 节点配置区域 在设计区域选中节点时,节点配置区域会显示一个对应的节点配置面板 不同节点应拥有对应的节点配置面板 节点面板用来

文件下载

资源详情

[{"title":"( 53 个子文件 2.07MB ) vue-jsplumb-editor:利用vue、jsPlumb参照阿里pai平台","children":[{"title":"vue-jsplumb-editor-master","children":[{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 573B </span>","children":null,"spread":false},{"title":"view.jpg <span style='color:#111;'> 68.12KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"src","children":[{"title":"router.ts <span style='color:#111;'> 443B </span>","children":null,"spread":false},{"title":"main.ts <span style='color:#111;'> 348B </span>","children":null,"spread":false},{"title":"store.ts <span style='color:#111;'> 158B </span>","children":null,"spread":false},{"title":"views","children":[{"title":"Home.vue <span style='color:#111;'> 327B </span>","children":null,"spread":false},{"title":"About.vue <span style='color:#111;'> 89B </span>","children":null,"spread":false}],"spread":true},{"title":"Index.vue <span style='color:#111;'> 1.79KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"HelloWorld.vue <span style='color:#111;'> 1.99KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 2.48KB </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"logo.png <span style='color:#111;'> 8.38KB </span>","children":null,"spread":false}],"spread":true},{"title":"mock","children":[{"title":"index.ts <span style='color:#111;'> 7.24KB </span>","children":null,"spread":false}],"spread":true},{"title":"api","children":[{"title":"index.ts <span style='color:#111;'> 372B </span>","children":null,"spread":false}],"spread":true},{"title":"FlowChart","children":[{"title":"Utils.js <span style='color:#111;'> 976B </span>","children":null,"spread":false},{"title":"config.js <span style='color:#111;'> 249B </span>","children":null,"spread":false},{"title":"editorCss.js <span style='color:#111;'> 4.14KB </span>","children":null,"spread":false},{"title":"Node.vue <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false},{"title":"contextMenu.js <span style='color:#111;'> 5.20KB </span>","children":null,"spread":false},{"title":"model.js <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 350B </span>","children":null,"spread":false},{"title":"style.js <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"const.js <span style='color:#111;'> 203B </span>","children":null,"spread":false},{"title":"Command.js <span style='color:#111;'> 2.99KB </span>","children":null,"spread":false},{"title":"instance.js <span style='color:#111;'> 111B </span>","children":null,"spread":false},{"title":"editor.js <span style='color:#111;'> 14.56KB </span>","children":null,"spread":false},{"title":"EventCenter.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"moveAndZoom.js <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 1.77KB </span>","children":null,"spread":false}],"spread":false},{"title":"Operation.vue <span style='color:#111;'> 133B </span>","children":null,"spread":false},{"title":"FlowChart.vue <span style='color:#111;'> 15.85KB </span>","children":null,"spread":false}],"spread":false},{"title":"babel.config.js <span style='color:#111;'> 56B </span>","children":null,"spread":false},{"title":"shims-vue.d.ts <span style='color:#111;'> 72B </span>","children":null,"spread":false},{"title":"tsconfig.json <span style='color:#111;'> 578B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false},{"title":"dist","children":[{"title":"index.html <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"logo.02e648dc.png <span style='color:#111;'> 8.38KB </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"app.ceaf261d.js.map <span style='color:#111;'> 138.17KB </span>","children":null,"spread":false},{"title":"operation.3fd1688c.js <span style='color:#111;'> 370B </span>","children":null,"spread":false},{"title":"chunk-vendors.0de12f31.js.map <span style='color:#111;'> 4.50MB </span>","children":null,"spread":false},{"title":"operation.3fd1688c.js.map <span style='color:#111;'> 2.17KB </span>","children":null,"spread":false},{"title":"chunk-vendors.0de12f31.js <span style='color:#111;'> 1.12MB </span>","children":null,"spread":false},{"title":"app.ceaf261d.js <span style='color:#111;'> 38.11KB </span>","children":null,"spread":false}],"spread":true},{"title":"md.png <span style='color:#111;'> 400.09KB </span>","children":null,"spread":false},{"title":"fonts","children":[{"title":"element-icons.732389de.ttf <span style='color:#111;'> 54.64KB </span>","children":null,"spread":false},{"title":"element-icons.535877f5.woff <span style='color:#111;'> 27.54KB </span>","children":null,"spread":false}],"spread":true},{"title":"css","children":[{"title":"chunk-vendors.af67b8ba.css <span style='color:#111;'> 213.01KB </span>","children":null,"spread":false},{"title":"app.71d78e7d.css <span style='color:#111;'> 5.74KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".editorconfig <span style='color:#111;'> 160B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 214B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 552.06KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明