You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.2 KiB
1 lines
7.2 KiB
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-f7efd296"],{"4ca7":function(e,t,i){"use strict";i("9409")},"5bd1":function(e,t,i){"use strict";(function(e){i("99af"),i("4de4"),i("b0c0"),i("4ec9"),i("d3b7"),i("6062"),i("3ca3"),i("159b"),i("ddb0");var n=i("4f27"),o=i.n(n);t["a"]={name:"vis-graph",props:{relationsView:{type:Object,default:function(){return{}}},showTools:{type:Boolean,default:function(){return!0}},labelList:{type:Array,default:function(){return[]}},colorMap:{type:Map,default:function(){return new Map}}},data:function(){return{dataSet:new Set,linkSet:new Set,dialogVisible:!1,scale:void 0,domPosi:void 0,currentId:void 0,nodes:[],edges:[],container:null,nodesArray:[],edgesArray:[],options:{},data:{},isInit:!1}},methods:{deleteRelation:function(){this.currentId&&(this.$emit("deleteRelation",this.currentId),this.hideCircle())},deleteNode:function(){},initData:function(e,t){this.dataSet=new Set,this.linkSet=new Set;var i=this;t.forEach((function(e){i.linkSet.has(e.id)||(i.edgesArray.push({to:e.to,from:e.from,label:e.properties?e.properties.name:"",arrows:"to",id:e.id}),i.linkSet.add(e.id))})),e.forEach((function(e){i.dataSet.has(e.id)||(i.nodesArray.push({id:e.id,labelId:e.labelId,label:e.name,color:{background:i.colorMap.get(e.labelId)}}),i.dataSet.add(e.id))})),i.init()},init:function(){this.network&&this.network.destroy();var e=this;e.nodes=new o.a.DataSet(e.nodesArray),e.edges=new o.a.DataSet(e.edgesArray),e.container=document.getElementById("network_id"),e.data={nodes:e.nodes,edges:e.edges},e.options={autoResize:!0,locale:"cn",locales:{cn:{edit:"编辑",del:"删除当前节点或关系",back:"返回",addNode:"添加节点",addEdge:"添加连线",editNode:"编辑节点",editEdge:"编辑连线",addDescription:"点击空白处可添加节点",edgeDescription:"点击某个节点拖拽连线可连接另一个节点",editEdgeDescription:"可拖拽连线改变关系",createEdgeError:"无法将边连接到集群",deleteClusterError:"无法删除集群.",editClusterError:"无法编辑群集'"}},groups:{useDefaultGroups:!0,myGroupId:{},ws:{shape:"dot",color:"white"}},nodes:{shape:"dot",size:50,fixed:!1,font:{size:24},color:{border:"#2B7CE9",background:"#97C2FC",highlight:{border:"#2B7CE9",background:"#D2E5FF"},hover:{border:"#2B7CE9",background:"#D2E5FF"}},mass:5,widthConstraint:150,borderWidth:0,borderWidthSelected:4},edges:{width:1,length:260,color:{color:"#848484",highlight:"#848484",hover:"#848484",inherit:"from",opacity:1},shadow:!0,smooth:{enabled:!0},arrows:{to:!0}},physics:{enabled:!0,barnesHut:{gravitationalConstant:-400,centralGravity:.3,springLength:120,springConstant:.015,damping:.09,avoidOverlap:0}},interaction:{dragNodes:!0,dragView:!0,hover:!0,multiselect:!0,selectable:!0,selectConnectedEdges:!0,hoverConnectedEdges:!0,zoomView:!0},manipulation:{enabled:!1,addNode:!0,addEdge:!0,editEdge:!0,deleteNode:!0,deleteEdge:!0}},e.network=new o.a.Network(e.container,e.data,e.options)},resetAllNodes:function(){var e=this;e.nodes.clear(),e.edges.clear(),e.nodes.add(e.nodesArray),e.edges.add(e.edgesArray),e.data={nodes:e.nodes,edges:e.edges},e.network=new o.a.Network(e.container,e.data,e.options)},resetAllNodesStabilize:function(){var e=this;e.resetAllNodes(),e.network.stabilize()},parentDeleteRelation:function(e){console.log(e),this.edgesArray=this.edgesArray.filter((function(t){return t.id!=e})),console.log(this.data.edges),this.data.edges.remove(e),console.log(this.data.edges),this.linkSet.delete(e)},addDatas:function(e){var t=this;e.nodes&&e.nodes.length>0&&(e.links.forEach((function(e){if(!t.linkSet.has(e.id)){t.linkSet.add(e.id);var i={to:e.to,from:e.from,label:e.properties?e.properties.name:"",arrows:"to",id:e.id};t.edgesArray.push(i),t.data.edges.add(i)}})),e.nodes.forEach((function(e){if(!t.dataSet.has(e.id)){t.dataSet.add(e.id);var i={id:e.id,labelId:e.labelId,label:e.name,color:{background:t.colorMap.get(e.labelId)}};t.nodesArray.push(i),t.data.nodes.add(i)}})))},addOneNode:function(){this.currentId&&this.$emit("nextNode",this.currentId)},addRelation:function(){this.currentId&&this.$emit("addNode",this.currentId)},editNode:function(){this.$emit("updateNode",this.currentId),this.hideCircle()},toDetail:function(){this.$emit("toDetail",this.currentId)},setCirclePosition:function(){var e=document.getElementById("circle-option");e.style="left: ".concat(this.domPosi["x"]-50,"px; top: ").concat(this.domPosi["y"]-50,"px;transform:scale(").concat(2.5*this.scale,");display:block;")},hideCircle:function(){var e=document.getElementById("circle-option");e.style="display:none;"}},watch:{domPosi:function(e){this.setCirclePosition()},scale:function(e){this.setCirclePosition()},relationsView:{handler:function(e){if(e&&e.nodes&&e.links&&e.nodes.length>0){var t=this;t.dataSet=new Set,t.linkSet=new Set,t.initData((e||{}).nodes||[],(e||{}).links||[])}},deep:!0,immediate:!0},labelList:{handler:function(e){this.labelList=e},deep:!0,immediate:!0}},mounted:function(){var t=this;this.init(),this.network.on("stabilized",(function(e){})),this.network.on("zoom",(function(e){if(t.currentId){var i=document.getElementById("circle-option");if("none"!==i.style.display){t.scale=e.scale;var n=t.network.getPositions(t.currentId);t.domPosi=t.network.canvasToDOM({x:n[t.currentId]["x"],y:n[t.currentId]["y"]})}}else t.hideCircle()})),this.network.on("dragStart",(function(e){t.isInit=!1,t.hideCircle()})),this.network.on("dragEnd",(function(e){e.nodes&&e.nodes.length>0&&t.network.clustering.updateClusteredNode(e.nodes[0],{physics:!1}),t.hideCircle()})),this.network.on("click",(function(i){if(t.showTools){var n=t;if(i.nodes&&i.nodes.length>0)if(n.currentId=i.nodes[0],n.network.clustering.updateClusteredNode(n.currentId,{physics:!1}),n.currentId){var o=n.network.getPositions(n.currentId);n.scale=n.network.getScale(),n.domPosi=n.network.canvasToDOM({x:o[n.currentId]["x"],y:o[n.currentId]["y"]}),n.setCirclePosition(),e(".custom-menu").hide()}else t.hideCircle();else i.edges&&i.edges.length||(t.hideCircle(),e(".custom-menu").hide())}}))}}}).call(this,i("1157"))},6462:function(e,t,i){"use strict";i.r(t);var n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticStyle:{position:"relative"}},[i("div",{staticClass:"network",staticStyle:{height:"80vh"},attrs:{id:"network_id"}}),i("div",{staticClass:"circle-option",attrs:{id:"circle-option"}},[i("span",{attrs:{title:"编辑节点"},on:{click:function(t){return t.stopPropagation(),e.editNode(t)}}},[i("i",{staticClass:"el-icon-edit"})]),i("span",{attrs:{title:"详情查看"},on:{click:function(t){return t.stopPropagation(),e.toDetail(t)}}},[i("i",{staticClass:"el-icon-info"})]),i("span",{attrs:{title:"展开下级"},on:{click:function(t){return t.stopPropagation(),e.addOneNode(t)}}},[i("i",{staticClass:"el-icon-help"})]),i("span",{attrs:{title:"添加关系"},on:{click:function(t){return t.stopPropagation(),e.addRelation(t)}}},[i("i",{staticClass:"el-icon-plus"})]),i("span",{attrs:{title:"删除关系"},on:{click:e.deleteRelation}},[i("i",{staticClass:"el-icon-delete"})])]),i("div",{staticClass:"custom-menu",staticStyle:{width:"80px"}},[i("div",[i("a",{on:{click:e.deleteNode}},[e._v("删除关系")])])])])},o=[],d=i("5bd1"),a=d["a"],s=(i("4ca7"),i("2877")),r=Object(s["a"])(a,n,o,!1,null,null,null);t["default"]=r.exports},9409:function(e,t,i){}}]);
|