cl-vue-flow-editor/docs/js/index.07cc9d98.js

## 简介

(function(e){function t(t){for(var r,a,s=t[0],c=t[1],l=t[2],d=0,f=[];d<s.length;d++)a=s[d],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);u&&u(t);while(f.length)f.shift()();return i.push.apply(i,l||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,s=1;s<n.length;s++){var c=n[s];0!==o[c]&&(r=!1)}r&&(i.splice(t--,1),e=a(a.s=n[0]))}return e}var r={},o={index:0},i=[];function a(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=r,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)a.d(n,r,function(t){return e[t]}.bind(null,r));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/vue-flow-editor/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var u=c;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("4e68")},"0301":function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return o}));var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vue-flow-edit-menu-group",class:{"vue-flow-edit-menu-group-expanded":e.p_value}},[n("div",{staticClass:"vue-flow-edit-menu-group-title",on:{click:e.onClickTitle}},[e._t("content",[n("span",[e._v(e._s(e.label))])],{model:{label:e.label}}),e.hideArrow?e._e():n("i",{staticClass:"el-icon-arrow-down"})],2),n("el-collapse-transition",[e.p_value?n("div",{staticClass:"vue-flow-edit-menu-group-content",staticStyle:{"transition-duration":"200ms"}},[e._t("default")],2):e._e()])],1)},o=[]},"0a5f":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("b4ec"),n("5368"),n("c3b9"),n("c9b6"),n("87ea"),n("823a"),n("2339"),n("a214")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l){"use strict";var u=n("288e");Object.defineProperty(e,"__esModule",{value:!0}),e.EditorComponent=void 0,r=u(r),o=u(o),i=u(i),a=u(a),s=u(s),c=u(c),l=u(l);var d=[r.default,o.default,i.default,a.default,s.default,c.default,l.default];e.EditorComponent=d}))},"0c02":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAMFBMVEUAAAAmJiYnJycqKiomJiYnJyctLS0nJycnJycnJycmJiYnJycrKysnJycmJiYmJiZC1GUPAAAAD3RSTlMASG0kk5EisZdi0X0UmGR1kx7+AAAAjElEQVQoz2OgAuD/DwQfoRx5EOcDbtFfoaH1cNHvoaHrwaJfgZx/xhDwHijtDxf9DwNEiP5QgoB+uOh3QcH9cNt+CwrWfyDRvYyC838IykBFDwr2/xQUADPtPyEFgP5nBoZRUXyi2EOSxLjAjE14zP+Fxvx9stPOzzQImA8X/eXigpRSXVzWk5Z2KAcAa8PckkqK+zkAAAAASUVORK5CYII="},"0f81":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAREAAABWBAMAAAAakL/dAAAAMFBMVEX////ExMTLy8va2trS0tLw8PDh4eHo6Oj39/cAAAAAAAAAAAAAAAAAAAAAAAAAAAB2+XkbAAAACXBIWXMAAAsTAAALEwEAmpwYAAACVElEQVRoge2WsXKbQBRFMVi2S10BSkqY+AOkJjXETNLKXUr5D6Qiqc2fZ+/ugthoWYGHyaR4Z8YCI9g9Wt59EEWCIAiCIAiCIAiCIAjCdEqk3MTA7vpLWLaBAbpzcNT/JsD6YyY1wM1rN5Lf5M4r6jO5VyaBswOcgYPa7IH3sEk1y2Ts7ACt8S+RBWb5iMns26SuLKJo5a8FYNOQH0ETc05zck3u55o8AnkUPQCfvbPYlQqaOKtJgaRpjvNNnsDwxHplljJxdyZTYzMWnX9s8sbw8ENnjx93tgR3rkl/OKb7G5eyVpNdTLoT1pdBunpOI5i+FUKHp1SD6989nLLym1QJ3Uv2IXOOqdgXx6RyTTIO9bs+Bk0YnidGx2sySHF/WBX5SV2Bw8qsm+WWCfwVcEHFJuffdBNlsXvkbVKXnRY04Xro6AxNzM6VyXNT83CJQq0kioSN2TF5br5Zk0TtZC/m3k00YY20tlhvrYkV3GOtrkCuS9cxqf7ubLrSOpMvh7CJyk3NGvSaDHrsxeSM/Ey/lnlwshMy2fwMe+heAv64CdmxJi22e2yQveLTDBPfg80l5qypx+S6n1iTGCnwFdjzEbGgyQNnzV2Tynw1YpLwil/8KBY1WenkRVGfjXETmx3t/m6WbfAsdrJDk+z7MDu3TdguOWRfHje6faXdM75cqXYyeD9x+glNuvBONrFDXpmMdXs9+5Zve3zPW9KE4YlmmdQsrFYnblGT2Dwn+5syvDtpbzI4zOUoOFU6arLTZZ3OehYLgiAIgiAIgiAIgiD8J/wBKFCTuCCfcxQAAAAASUVORK5CYII="},"10da":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("6762"),n("ac6a")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.brushSelecct=c;var r=Math.min,o=Math.max,i=Math.abs,a="shift",s=["drag","shift","ctrl","alt","control"];function c(e){e.registerBehavior("brush-select",{getDefaultCfg:function(){return{brushStyle:{fill:"#EEF6FF",fillOpacity:.4,stroke:"#DDEEFE",lineWidth:1},onSelect:function(){},onDeselect:function(){},selectedState:"selected",trigger:a,includeEdges:!0,selectedEdges:[],selectedNodes:[]}},getEvents:function(){var e;return s.indexOf(this.trigger.toLowerCase())>-1?e=this.trigger:(e=a,console.warn("Behavior brush-select的trigger参数不合法，请输入drag、shift、ctrl或alt")),"drag"===e?{mousedown:"onMouseDown",mousemove:"onMouseMove",mouseup:"onMouseUp","canvas:click":"clearStates"}:{mousedown:"onMouseDown",mousemove:"onMouseMove",mouseup:"onMouseUp","canvas:click":"clearStates",keyup:"onKeyUp",keydown:"onKeyDown"}},onMouseDown:function(e){var t=e.item;if(!t&&("drag"===this.trigger||this.keydown)){this.selectedNodes&&0!==this.selectedNodes.length&&this.clearStates();var n=this.brush;n||(n=this._createBrush()),this.originPoint={x:e.canvasX,y:e.canvasY},n.attr({width:0,height:0}),n.show(),this.dragging=!0}},onMouseMove:function(e){this.dragging&&("drag"===this.trigger||this.keydown)&&(this._updateBrush(e),this.graph.paint())},onMouseUp:function(e){if((this.brush||this.dragging)&&("drag"===this.trigger||this.keydown)){var t=this.graph,n=t.get("autoPaint");t.setAutoPaint(!1),this.brush.destroy(),this.brush=null,this._getSelectedNodes(e),this.dragging=!1,this.graph.paint(),t.setAutoPaint(n)}},clearStates:function(){if(!this.keydown){var e=this.graph,t=e.get("autoPaint");e.setAutoPaint(!1);var n=this.selectedState,r=e.findAllByState("node",n),o=e.findAllByState("edge",n);r.forEach((function(t){return e.setItemState(t,n,!1)})),o.forEach((function(t){return e.setItemState(t,n,!1)})),this.selectedNodes=[],this.selectedEdges=[],this.onDeselect&&this.onDeselect(this.selectedNodes,this.selectedEdges),e.emit("nodeselectchange",{targets:{nodes:[],edges:[]},select:!1}),e.paint(),e.setAutoPaint(t)}},_getSelectedNodes:function(e){var t=this,n=this.graph,i=this.selectedState,a=this.originPoint,s={x:e.x,y:e.y},c=n.getPointByCanvas(a.x,a.y),l=r(s.x,c.x),u=o(s.x,c.x),d=r(s.y,c.y),f=o(s.y,c.y),p=[],h=this.shouldUpdate,g=[];n.getNodes().forEach((function(e){var t=e.getBBox();if(t.centerX>=l&&t.centerX<=u&&t.centerY>=d&&t.centerY<=f&&h(e,"select")){p.push(e);var r=e.getModel();g.push(r.id),n.setItemState(e,i,!0)}}));var y=[];this.includeEdges&&p.forEach((function(e){var r=e.getEdges();r.forEach((function(e){var r=e.getModel(),o=r.source,i=r.target;g.includes(o)&&g.includes(i)&&h(e,"select")&&(y.push(e),n.setItemState(e,t.selectedState,!0))}))})),this.selectedEdges=y,this.selectedNodes=p,this.onSelect&&this.onSelect(p,y),n.emit("nodeselectchange",{targets:{nodes:p,edges:y},select:!0})},_createBrush:function(){var e=this,t=e.graph.get("canvas").addShape("rect",{attrs:e.brushStyle,capture:!1});return this.brush=t,t},_updateBrush:function(e){var t=this.originPoint;this.brush.attr({width:i(e.canvasX-t.x),height:i(e.canvasY-t.y),x:r(e.canvasX,t.x),y:r(e.canvasY,t.y)})},onKeyDown:function(e){var t=e.key;t&&t.toLowerCase()===this.trigger.toLowerCase()||"control"===t.toLowerCase()?this.keydown=!0:this.keydown=!1},onKeyUp:function(){this.brush&&(this.brush.destroy(),this.brush=null,this.dragging=!1),this.keydown=!1}})}}))},"15a4":function(e,t,n){},2339:function(e,t,n){"use strict";n.r(t);var r=n("0301"),o=n("2bc2");for(var i in o)"default"!==i&&function(e){n.d(t,e,(function(){return o[e]}))}(i);var a=n("2877"),s=Object(a["a"])(o["default"],r["a"],r["b"],!1,null,null,null);t["default"]=s.exports},"2bc2":function(e,t,n){"use strict";n.r(t);var r=n("65a7"),o=n.n(r);for(var i in r)"default"!==i&&function(e){n.d(t,e,(function(){return r[e]}))}(i);t["default"]=o.a},3617:function(e,t,n){var r,o,i;(function(a,s){o=[t,n("743b")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t){"use strict";var r=n("288e");Object.defineProperty(e,"__esModule",{value:!0}),e.externalComponents=void 0,t=r(t);var o=[t.default];e.externalComponents=o}))},"38b5":function(e,t,n){var r,o,i;(function(n,a){o=[t],r=a,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e){"use strict";function t(e){return n("/vue-flow-editor",e)}function n(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"/";return e.indexOf("/")===e.length-1&&(e=e.slice(0,-1)),"/"===t.charAt(0)&&(t=t.slice(1)),"".concat(e).concat(n).concat(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.staticPath=t,e.joinPath=n}))},"3bd0":function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return o}));var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vue-flow-edit-menu",attrs:{draggable:"true"},on:{dragstart:e.onDragstart,dragend:e.onDragend}},[e.model.img?n("img",{attrs:{src:e.model.img,height:20}}):e._e(),e._t("content",[n("span",[e._v(e._s(e.model.label))])],{model:e.model}),e.hideArrow?e._e():n("i",{staticClass:"el-icon-arrow-right"})],2)},o=[]},"3c11":function(e,t,n){"use strict";n.r(t);var r=n("c35f"),o=n.n(r);for(var i in r)"default"!==i&&function(e){n.d(t,e,(function(){return r[e]}))}(i);t["default"]=o.a},"3ced":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("a0bb"),n("80ca"),n("8f3b"),n("9618"),n("0c02"),n("d64a"),n("88ec"),n("d1f9"),n("93e4"),n("c058"),n("556f"),n("6e88")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l,u,d,f,p){"use strict";var h=n("288e");Object.defineProperty(e,"__esModule",{value:!0}),e.TOOLBAR_IMAGE=void 0,t=h(t),r=h(r),o=h(o),i=h(i),a=h(a),s=h(s),c=h(c),l=h(l),u=h(u),d=h(d),f=h(f),p=h(p);var g={actualSize:t.default,copy:r.default,delete:o.default,fitView:i.default,grid:a.default,preview:s.default,redo:c.default,undo:l.default,save:u.default,zoomIn:d.default,zoomOut:f.default,image:p.default};e.TOOLBAR_IMAGE=g}))},"3d08":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8615"),n("ac6a"),n("73ec")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,n,r){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.clickSelect=s,e.getSelected=c,e.SELECTED_STATE=void 0;var o="shift",i=["shift","ctrl","alt"],a="selected";function s(e){e.registerBehavior("click-select",{getDefaultCfg:function(){return{multiple:!0,trigger:o}},getEvents:function(){return this.multiple?{"node:click":"onClick","edge:click":"onClick","canvas:click":"onCanvasClick",keyup:"onKeyUp",keydown:"onKeyDown"}:{"node:click":"onClick","edge:click":"onClick","canvas:click":"onCanvasClick"}},onClick:function(e){var t=this,n=e.item,o=t.graph,i=o.get("autoPaint");o.setAutoPaint(!1);var s=!1;if(!t.keydown||!t.multiple){var c=this.getSelected();(0,r.flatten)(Object.values(c)).forEach((function(e){e!==n&&e.hasState(a)&&(s=!0,o.setItemState(e,a,!1))}))}n.hasState(a)||(t.shouldUpdate.call(t,e)&&(s=!0,o.setItemState(n,a,!0)),o.emit("nodeselectchange",{target:n,select:!0}),s&&this.emitSelectChange(),o.setAutoPaint(i),o.paint())},onCanvasClick:function(){if(!this.keydown){var e=this.graph,t=e.get("autoPaint");e.setAutoPaint(!1);var n=this.getSelected(),o=!1;(0,r.flatten)(Object.values(n)).forEach((function(t){t.hasState(a)&&(o=!0,e.setItemState(t,a,!1))})),o&&this.emitSelectChange(!0),e.paint(),e.setAutoPaint(t)}},onKeyDown:function(e){var t=e.key;i.indexOf(t.toLowerCase())>-1?this.keydown=!0:this.keydown=!1},onKeyUp:function(){this.keydown=!1},getSelected:function(){return c(this.graph)},emitSelectChange:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e)this.selectChange([],[]);else{var t=this.graph,n=t.findAllByState("node",a),r=t.findAllByState("edge",a);this.selectChange(n,r)}},selectChange:function(e,t){this.graph.emit("select-change",{nodes:e,edges:t})}})}function c(e){return{nodes:e.findAllByState("node",a),edges:e.findAllByState("edge",a)}}e.SELECTED_STATE=a}))},"459e":function(e,t,n){"use strict";var r=n("a1f6"),o=n.n(r);o.a},"4a91":function(e,t,n){var r,o,i;n("8449"),function(a,s){o=[t,n("b526"),n("b87a"),n("9741")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)}("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,n,r){"use strict";function o(e){(0,t.registerAnchor)(e),(0,n.registerEdge)(e),(0,r.registerActivity)(e)}Object.defineProperty(e,"__esModule",{value:!0}),e.registerShape=o}))},"4e68":function(e,t,n){var r,o,i;(function(a,s){o=[n("cadf"),n("551c"),n("f751"),n("097d"),n("8bbf"),n("b7a4"),n("ffb4"),n("8f8e")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c){"use strict";var l=n("288e");i=l(i),a=l(a),s=l(s),c=l(c),i.default.use(c.default),i.default.use(s.default),i.default.use(window.ELEMENT),i.default.config.productionTip=!1,new i.default({render:function(e){return e(a.default)}}).$mount("#app")}))},"4f4b":function(e,t,n){var r,o,i;(function(n,a){o=[t],r=a,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.KeyboardCode=void 0;var t={16:"shift",17:"ctrl",18:"alt",8:"backspace",9:"tab",13:"enter",27:"esc",32:"space",37:"left",38:"up",39:"right",40:"down",46:"delete",189:"-",187:"=",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j",75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t",85:"u",86:"v",87:"w",88:"x",89:"y",90:"z",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12"};e.KeyboardCode=t}))},5368:function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8e6e"),n("456d"),n("ac6a"),n("2909"),n("ade3"),n("8f8e"),n("8e2d"),n("8c01"),n("746d"),n("ad39"),n("4a91"),n("73ec")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l,u,d,f,p){"use strict";var h=n("288e");function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){(0,a.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,i=h(i),a=h(a),(0,f.registerShape)(l.G6);var v=(0,s.createComponent)({name:"vue-flow-editor-canvas",props:{data:{type:Object},miniMap:{type:[Boolean,Object],default:!0},grid:{type:[Boolean,Object],default:!0}},setup:function(e,t){var n=(0,s.inject)(c.VueFlowEditorProvider),r=n.editorState,o=n.commander,a=n.props;function f(e){o.initEvent()}function h(e){o.destroyEvent()}function g(){r.graph&&r.graph.destroy();var n=t.refs.target,o=t.refs.root,s=o.offsetHeight,f=o.offsetWidth,h=(0,u.useBehavior)({multipleSelect:r.props.multipleSelect,dragEdge:{disabled:r.props.disabled||r.props.disabledDragEdge,beforeAdd:r.props.beforeAdd,afterAdd:r.props.afterAdd}}),g=new l.G6.Graph(y({container:n,width:f,height:s,modes:{edit:(0,i.default)(h)}},d.GraphStyle.default)),v=g.read;g.read=function(e){var t=e||{},n=t.nodes,r=t.edges;n=n||[],r=r||[],n.forEach((function(e){return(0,p.formatNodeModel)(e,a.activityConfig)})),e={nodes:n,edges:r},v.apply(g,[e])},g.setMode("edit"),g.read(e.data),(0,c.useEditorPlugins)(e,g),r.setGraph(g)}function v(){g()}return(0,s.onMounted)((function(){var e=t.refs.target;e.addEventListener("mouseenter",f),e.addEventListener("mouseout",h),window.addEventListener("resize",v),g()})),(0,s.onBeforeUnmount)((function(){var e=t.refs.target;e.removeEventListener("mouseenter",f),e.removeEventListener("mouseout",h),window.removeEventListener("resize",v),o.destroyEvent()})),function(){return(0,s.createElement)("div",{class:"vue-flow-editor-canvas",ref:"root"},[(0,s.createElement)("div",{class:"vue-flow-editor-canvas-target",ref:"target"})])}}});e.default=v}))},"556f":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAhFBMVEUAAAAnJycnJycmJiYnJycpKSkmJiYmJiYmJiYmJiYnJycmJiYsLCwmJiYnJycwMDA9PT0mJiYmJiYyMjIoKCgmJiYmJiYmJiYmJiYmJiYnJycmJiYoKCgoKCgrKysmJiYmJiYoKCgnJycmJiYmJiYmJiYnJycqKiomJiYrKysmJiYmJiaIfbEpAAAAK3RSTlMAd8X6kCbztOnezKcd2BUKBu6sDTLjz8l8cW9XRkAgwaFs4buaZGE9PC+GihN+2gAAAWxJREFUOMvNk9l2gjAQQIMJYQfBre7a1q33//+vx2odgaSnj96nDFzIzGSiXox838wmOp5Gb5e/xWWKkARDr7i+ifo9TSwAk6PHfAMYBOFPUB4iDWSVQxxmwGythLAB0ryvZqDnqs2qhmLk2N2uVJewgKhbEWgxhU0MgWqRwly5OGls2eonzJQbA6bz07VHLS36qbIcBsqHgaVEewi86hkyiRoIlZeYWIIZWvnZgszNhPf76msg7MrHOcrpatLbYswz+0ddY8mG5D4zW4Tinv/uuZIpVvn5AGlsBKVfTbCtsTp4zbA1XBeJ+gSwaO2hfWcwTGDT/rLxqPPOq2oCK6eZ17euCkeoXSlUU/js38Ji0zcjKKruwxTiU3f3KWD6SRWgTflc+7wGXKM8igBrzr+dDxKgME5XBRYg3mZm95EA8FmpwO2WRoPQXLvkc9VomcUA2GhxbYi4Tob5OBy1p0DGwIu4tfoni9qoF+AbdMYurM6cdisAAAAASUVORK5CYII="},"55e1":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8e6e"),n("ac6a"),n("456d"),n("96cf"),n("1da1"),n("ade3"),n("8e2d"),n("73ec")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l){"use strict";var u=n("288e");function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){(0,s.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a=u(a),s=u(s);var p={name:"vue-flow-edit-menu",inject:(0,s.default)({},c.VueFlowEditorProvider,{}),props:{model:{type:Object,require:!0},hideArrow:{type:Boolean}},data:function(){var e=this;return{handler:{dragenter:function(e){e.dataTransfer.dropEffect="move"},dragover:function(e){e.preventDefault()},dragleave:function(e){e.dataTransfer.dropEffect="none"},drop:function(){var t=(0,a.default)(regeneratorRuntime.mark((function t(n){var r,o,i,a,s,u,d,p,h,g,y,v,m,b;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(r=f({},e.model),(0,l.formatNodeModel)(r,e[c.VueFlowEditorProvider].props.activityConfig),o=r,i=o.id,a=o.shape,s=o.size,a=a||"rect",i=i||String((new Date).getTime()),"function"!==typeof i){t.next=9;break}return t.next=8,i();case 8:i=t.sent;case 9:if(u=n.clientX,d=n.clientY,p=e.graph.getPointByClient(u,d),h=p.x,g=p.y,y=e[c.VueFlowEditorProvider].editorState.props,v=y.beforeAdd,m=y.afterAdd,b=(0,l.formatPos)({x:h,y:g,size:s,shape:a}),r=f({},r,{id:i,shape:b.shape,size:b.size,x:b.x,y:b.y}),t.prev=14,!v){t.next=18;break}return t.next=18,v(r,"node");case 18:if(e.graph.emit("add-node:before",r),e.graph.add("node",r),e.graph.paint(),e.graph.emit("add-node:after",r),!m){t.next=25;break}return t.next=25,m(r,"node");case 25:t.next=30;break;case 27:t.prev=27,t.t0=t["catch"](14),console.error(t.t0);case 30:case"end":return t.stop()}}),t,null,[[14,27]])})));function n(e){return t.apply(this,arguments)}return n}()}}},computed:{graph:function(){return this[c.VueFlowEditorProvider].editorState.graph},container:function(){return this.graph?this.graph.get("container"):null}},methods:{onDragstart:function(e){e.dataTransfer.effectAllowed="move",this.container.addEventListener("dragenter",this.handler.dragenter),this.container.addEventListener("dragover",this.handler.dragover),this.container.addEventListener("dragleave",this.handler.dragleave),this.container.addEventListener("drop",this.handler.drop)},onDragend:function(){this.container.removeEventListener("dragenter",this.handler.dragenter),this.container.removeEventListener("dragover",this.handler.dragover),this.container.removeEventListener("dragleave",this.handler.dragleave),this.container.removeEventListener("drop",this.handler.drop)}}};e.default=p}))},"573e":function(e,t,n){"use strict";var r=n("9906"),o=n.n(r);o.a},"65a7":function(e,t,n){var r,o,i;(function(n,a){o=[t],r=a,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var t={name:"vue-flow-edit-menu-group",props:{value:{type:Boolean},label:{type:String},hideArrow:{type:Boolean}},watch:{value:function(e){this.p_value=e}},data:function(){return{p_value:this.value}},methods:{onClickTitle:function(){this.p_value=!this.p_value,this.$emit("input",this.p_value)}}};e.default=t}))},6636:function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8e6e"),n("ac6a"),n("456d"),n("96cf"),n("ade3"),n("1da1"),n("8f8e"),n("76c0"),n("38b5")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l,u){"use strict";var d=n("288e");function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){(0,a.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a=d(a),s=d(s);var h=window.ELEMENT,g=window.G6.default;function y(e){return new Promise((function(t){return setTimeout(t,e)}))}var v={name:"App.vue",setup:function(e,t){var n,r=(0,c.reactive)({data:l.AppData,detailModel:null,editorLoading:!1,selectOptions:[{label:"待确认",value:"0"},{label:"填写表单",value:"1"},{label:"部门负责人审批",value:"2"},{label:"总经理审批",value:"3"}],menuData:[{label:"流程节点",menus:[{label:"开始",shape:"ellipse",id:"start-node",svg:"start-node"},{label:"结束",shape:"ellipse",id:"end-node",svg:"end-node"},{label:"审批节点",busType:"123",svg:"check-node"},{label:"判断节点",shape:"diamond"}]},{label:"其他形状节点",menus:[{label:"矩形节点",shape:"rect"},{label:"圆形节点",shape:"circle"},{label:"椭圆节点",shape:"ellipse"},{label:"菱形节点",shape:"diamond"},{label:"三角形节点",shape:"triangle"},{label:"星形节点",shape:"star"}]}],activityConfig:{advertisement:{text:"广告宣传",desc:"通过广告宣传新品",color:"#9283ed",img:(0,u.staticPath)("/images/activity/advertisement-node.svg")},coupon:{text:"优惠券",desc:"发放奖励优惠券",color:"#ed8383",img:(0,u.staticPath)("/images/activity/coupon-node.svg")},crowd:{text:"用户反馈",desc:"收集用户反馈信息",color:"#92dba8",img:(0,u.staticPath)("/images/activity/crowd-node.svg")}}});function o(e){var t=g.Util.clone(e.item.get("model"));t.style=t.style||{},t.labelCfg=t.labelCfg||{style:{}},r.detailModel=t,n.openModel()}function i(e){var t=e.item.get("model"),o=t.source,i=t.target,a=t.style,s=t.labelCfg,c=t.label,l={label:c,source:o,target:i,style:a||{},labelCfg:s||{style:{}},type:null,id:null};l.type=e.item.get("type"),l.id=e.item.get("id"),r.detailModel=l,n.openModel()}function a(){n.closeModel()}function d(){console.log(r.detailModel),n.updateModel(r.detailModel),n.closeModel()}function f(e,t){return v.apply(this,arguments)}function v(){return v=(0,s.default)(regeneratorRuntime.mark((function e(t,n){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if("node"!==n){e.next=8;break}if("开始"!==t.label){e.next=8;break}return r.editorLoading=!0,e.next=5,y(1e4);case 5:return r.editorLoading=!1,h.Notification.error("不可以删除【开始】节点"),e.abrupt("return",Promise.reject("reject"));case 8:case"end":return e.stop()}}),e)}))),v.apply(this,arguments)}function m(e,t){"edge"===t?console.log("delete edge"):console.log("after delete",e.label,p({},e))}function b(e,t){if("edge"===t&&"end-node"===e.source)return h.Notification.error("结束节点不能输出连线其他节点"),Promise.reject("reject");if("node"===t&&("start-node"===e.id||"end-node"===e.id))for(var r=n.editorState.graph.save(),o=0;o<r.nodes.length;o++){var i=r.nodes[o];if(i.id===e.id)return h.Notification.error("只能有一个".concat("start-node"===e.id?"开始":"结束","节点")),Promise.reject("reject")}}function A(e,t){"edge"===t&&console.log("新增连接线")}function w(){var e=n.editorState.graph.save(),t=e.nodes,r=e.edges;t=t.map((function(e){var t=e.data,n=e.id,r=e.label,o=e.shape,i=e.x,a=e.y,s=e.text,c=e.desc,l=e.img;return{data:t,id:n,label:r,shape:o,x:i,y:a,text:s,desc:c,img:l}})),r=r.map((function(e){var t=e.source,n=e.sourceAnchor,r=e.target,o=e.targetAnchor;return{source:t,sourceAnchor:n,target:r,targetAnchor:o}})),console.log(JSON.stringify({nodes:t,edges:r},null,2))}return{state:r,showGrid:!0,showMiniMap:!1,onClickNode:o,onDblClickEdge:i,cancel:a,save:d,handleBeforeDelete:f,handleAfterDelete:m,handleBeforeAdd:b,handleAfterAdd:A,logData:w,onRef:function(e){return n=e},staticPath:u.staticPath}}};e.default=v}))},6798:function(e,t,n){"use strict";n.r(t);var r=n("6636"),o=n.n(r);for(var i in r)"default"!==i&&function(e){n.d(t,e,(function(){return r[e]}))}(i);t["default"]=o.a},"6e88":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAC3klEQVRYR+3YPWzTQBQH8P9zknaoRFsGhBgMKlFzhxGtYGErK62QECMDUwfEgKDsMDACohsbrRBIbGylA+JDLDBRgaKzQ6mC2Cs+hopU9oOrYnSYpLWbw1GkeHQuL7/87935EkKPXNQjTvShtmeqtxOVUs4z86TtVNLUI6IVpdSV5NiWiQohXhLRVJrCtscw8yvf909lgjLzTwBvbGPa1DtJRIO7ggL4rJQ6lAdUSlkHcLAPTZN2uVweLBaLM8x82HGcLxsbG8v1ev2r+d6uJ+p53v4wDJeJaMKAfQJwWin1Mb7XdagQ4gUR/bOKASjHcSar1WpDY7sKLZfLR0qlUrWZ2sP19fWLIyMj847jzOp7YRhO12q1p12Hjo+Pny0UCk+a0Bml1JKU8iiAD817c0qpu/8FKqU8HkWRDILg0U4LaWxszB0YGKgTkX6wLDHzLQBzRHTGxFuHaiQzPwewh4jOK6Ue74QVQtwmomvJcczsFwqFCes9GiOJaFh/KDNzSmxRCHGHiC6bq56Zp33fr1ld9UlkXDwDFp7n7Q3DsAJgsNFovFtbW/tmdR8FcE5Pd5wkgHvM/BbAgu69LNjt2qSj7YmZfwCIDOS8Uupqs/kvMPNiVmylUjkWhmF9dXX1u81EzVrXlVI3E8UzYXULAXimDzubm5tTJrajRGNUFEWXgiC412rqpJSpsAZytFlnxcR2BNX9x8yzQRDc36G/tsW2QMbl/mA7gmY5j7ZLNolk5gdEdAKAZyZbKpXe53YebYG9AUAvvq3pZuYF3/dnXdcdHhoaem1imfkAEe3L7eBsYs12iZF6F9H3XdcdTWC3hucGTW5dZpIxMv4CrbC5Qk0sgEU93UlkO2zuUA0RQkz5vq97cWu6213NZPWpf7Qr0O1wyddy256yoNo8OPo/lzsN8a/3dzr1VjFpiu12MaWpbXVMJmjP/O1oNSJLxXr7H2dLIVgt00/Uapy/i/0CuOzGScHnzoEAAAAASUVORK5CYII="},"73ec":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8e6e"),n("456d"),n("3835"),n("ade3"),n("ac6a")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a){"use strict";var s=n("288e");function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){(0,i.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e){return"number"===typeof e?"".concat(e,"px"):(e=String(e),/^[\d]+$/.test(e)?"".concat(e,"px"):(e.indexOf("px"),e))}function d(e){var t=[];return function e(n){n.forEach((function(n){Array.isArray(n)?e(n):t.push(n)}))}(e),t}Object.defineProperty(e,"__esModule",{value:!0}),e.suffixSize=u,e.flatten=d,e.formatPos=p,e.formatNodeModel=h,e.DEFAULT_SIZE=void 0,o=s(o),i=s(i);var f={rect:[130,40],ellipse:[100,50],diamond:[140,50],circle:[80,80],triangle:[80,80],star:[80,80],activity:[200,80]};function p(e){var t=e,n=t.x,r=t.y;e=l({},e),e.size=e.size||f[e.shape];var i=(0,o.default)(e.size,2),a=i[0],s=i[1],c={x:a/2,y:s/2},u={x:n,y:r},d=5,p=u.x-c.x,h=u.y-c.y;return p=p%d>d/2?Math.ceil(p/d)*d:Math.floor(p/d)*d,h=h%d>d/2?Math.ceil(h/d)*d:Math.floor(h/d)*d,u.x=p+c.x,u.y=h+c.y,l({},u,{size:e.size,shape:e.shape})}function h(e,t){var n=e.shape,r=e.size,o=e.activity;o&&(n="activity"),e.size=r||f[n],o&&t[o]&&(e.shape="activity",e.img=t[o].img,e.color=t[o].color)}e.DEFAULT_SIZE=f}))},"743b":function(e,t,n){"use strict";n.r(t);var r=n("998f"),o=n("ab2d");for(var i in o)"default"!==i&&function(e){n.d(t,e,(function(){return o[e]}))}(i);n("573e");var a=n("2877"),s=Object(a["a"])(o["default"],r["a"],r["b"],!1,null,null,null);t["default"]=s.exports},"746d":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8c01"),n("3d08"),n("a523"),n("e14a"),n("ecec"),n("9ef9"),n("9abc"),n("10da")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,n,r,o,i,a,s,c){"use strict";function l(e){(0,n.clickSelect)(t.G6),(0,r.dragNode)(t.G6),(0,o.hoverItemActive)(t.G6),(0,i.hoverAnchorActive)(t.G6),(0,a.dragEdge)(t.G6,{beforeAdd:e.dragEdge.beforeAdd,afterAdd:e.dragEdge.afterAdd}),(0,s.dragCanvas)(t.G6),(0,c.brushSelecct)(t.G6);var l=["drag-canvas",{type:"drag-node"},{type:"click-select",multiple:e.multipleSelect},"hover-item-active"];return e.dragEdge.disabled||l.push.apply(l,["hover-anchor-active","drag-edge"]),e.multipleSelect&&l.push({type:"brush-select",selectedState:"selected",includeEdges:!0,onSelect:function(){var e=this.graph,t=e.findAllByState("node","selected"),n=e.findAllByState("edge","selected");e.emit("select-change",{nodes:t,edges:n})}}),l}Object.defineProperty(e,"__esModule",{value:!0}),e.useBehavior=l}))},"76c0":function(e,t,n){var r,o,i;(function(n,a){o=[t],r=a,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AppData=void 0;var t={nodes:[{id:"123456",x:590,y:100,text:"广告宣传",desc:"通过广告短频宣传",activity:"advertisement"},{id:"2323456789",x:1020,y:100,text:"优惠券",desc:"发送奖励优惠券",activity:"coupon"},{data:{},id:"start-node",label:"开始",shape:"ellipse",x:380,y:100},{data:{},id:"1588848310120",label:"主管审批",shape:"rect",x:380,y:180},{data:{},id:"1588848322179",label:"经理审批",shape:"rect",x:380,y:260},{data:{},id:"1588848338211",label:"金额>2万",shape:"diamond",x:380,y:340},{data:{},id:"1588848351476",label:"财务打款",shape:"rect",x:380,y:460},{data:{},id:"end-node",label:"结束",shape:"ellipse",x:380,y:540},{data:{},id:"1588848397511",label:"VIP审批",shape:"rect",x:590,y:340},{data:{},id:"1588848436694",label:"金额>10万",shape:"diamond",x:780,y:340},{data:{},id:"1588848449431",label:"CEO审批",shape:"rect",x:960,y:460}],edges:[{source:"start-node",sourceAnchor:2,target:"1588848310120",targetAnchor:0},{source:"1588848310120",sourceAnchor:2,target:"1588848322179",targetAnchor:0},{source:"1588848322179",sourceAnchor:2,target:"1588848338211",targetAnchor:0},{source:"1588848338211",sourceAnchor:2,target:"1588848351476",targetAnchor:0},{source:"1588848351476",sourceAnchor:2,target:"end-node",targetAnchor:0},{source:"1588848338211",sourceAnchor:3,target:"1588848397511",targetAnchor:1},{source:"1588848436694",sourceAnchor:3,target:"1588848449431",targetAnchor:0},{source:"1588848449431",sourceAnchor:1,target:"1588848351476",targetAnchor:3},{source:"1588848436694",sourceAnchor:2,target:"1588848351476",targetAnchor:3},{source:"1588848397511",sourceAnchor:3,target:"1588848436694",targetAnchor:1},{source:"start-node",sourceAnchor:3,target:"123456",targetAnchor:1},{source:"123456",sourceAnchor:3,target:"2323456789",targetAnchor:1},{source:"2323456789",sourceAnchor:3,target:"end-node",targetAnchor:3}]};e.AppData=t}))},"80ca":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAHlBMVEUAAAAnJycnJycpKSkmJiYmJiYmJiYnJycmJiYmJiZwr+slAAAACXRSTlMAqlUu48eSiXGzmKc1AAAAXElEQVQoz2OgFpCciQQmEBCdKAgHngjRCUimkSrKpKSkZIAhygm0NYFY0alYTZgIJEZFSRRFj3kCoo2CSEAAIooO0EWZyw2wiDLNVKCa6BQkR4nCRWciA3yilAMAccBpS5pv+8UAAAAASUVORK5CYII="},"823a":function(e,t,n){"use strict";n.r(t);var r=n("3bd0"),o=n("9948");for(var i in o)"default"!==i&&function(e){n.d(t,e,(function(){return o[e]}))}(i);var a=n("2877"),s=Object(a["a"])(o["default"],r["a"],r["b"],!1,null,null,null);t["default"]=s.exports},"87ea":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("c5f6"),n("8f8e"),n("73ec"),n("8e2d"),n("3ced")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,n,r,o,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var a=(0,n.createComponent)({name:"vue-flow-editor-toolbar",props:{height:{type:[String,Number]},toolbarButtonHandler:{type:Function}},setup:function(e,t){var a=(0,n.computed)((function(){return{height:(0,r.suffixSize)(e.height)}})),s=(0,n.inject)(o.VueFlowEditorProvider),c=s.editorState,l=s.commander,u=s.openPreview,d=[{key:"gridSwitcher",tip:"开启/关闭网格",label:"网格",icon:"grid",handler:function(){l.commands.switchGrid()},isEnable:function(){return l.isEnable.value.switchGrid}},{key:"miniMapSwitcher",tip:"开启/关闭缩略图",label:"缩略图",icon:"image",handler:function(){l.commands.switchMiniMap()},isEnable:function(){return l.isEnable.value.switchMiniMap}},{key:"fitSize",tip:"适应画布",icon:"fitView",handler:function(){l.commands.fitView()},isEnable:function(){return l.isEnable.value.fitView}},{key:"actualSize",tip:"实际尺寸",icon:"actualSize",handler:function(){l.commands.actualView()},isEnable:function(){return l.isEnable.value.actualView}},{key:"zoomIn",tip:"放大 CTRL+=",label:"放大",icon:"zoomIn",handler:function(){l.commands.zoomIn()},isEnable:function(){return l.isEnable.value.zoomIn}},{key:"zoomOut",tip:"缩小 CTRL+-",label:"缩小",icon:"zoomOut",handler:function(){l.commands.zoomOut()},isEnable:function(){return l.isEnable.value.zoomOut}},{key:"preview",tip:"预览",icon:"preview",handler:function(){u()}},{key:"delete",tip:"删除 DELETE , CTRL+D",label:"删除",icon:"delete",handler:function(){l.commands.delete()},isEnable:function(){return l.isEnable.value.delete}}],f=(0,n.computed)((function(){var t=[].concat(d);return c.props.disabledUndo||t.splice.apply(t,[8,0].concat([{key:"undo",tip:"撤销 CTRL+Z",label:"撤销",icon:"undo",handler:function(){l.commands.undo()},isEnable:function(){return l.isEnable.value.undo}},{key:"redo",tip:"重做 CTRL+SHIFT+Z",label:"重做",icon:"redo",handler:function(){l.commands.redo()},isEnable:function(){return l.isEnable.value.redo}}])),e.toolbarButtonHandler?e.toolbarButtonHandler(t):t}));return function(){return(0,n.createElement)("div",{class:"vue-flow-editor-toolbar",style:a.value},[f.value.map((function(e){return(0,n.createElement)("el-tooltip",{attrs:{content:e.tip},key:e.key},[(0,n.createElement)("div",{class:["vue-flow-editor-toolbar-item",{"vue-flow-editor-toolbar-item-disabled":!!e.isEnable&&!e.isEnable()}],on:{click:function(){return(!e.isEnable||e.isEnable())&&e.handler()}}},[(0,n.createElement)("img",{attrs:{src:i.TOOLBAR_IMAGE[e.icon]}}),(0,n.createElement)("span",[e.label||e.tip])])])})),t.slots.default&&t.slots.default()])}}});e.default=a}))},"88ec":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAflBMVEUAAAAmJiYpKSktLS0mJiYmJiYmJiYnJycqKiosLCwwMDA8PDwmJiYmJiYmJiYmJiYmJiYnJycoKCgrKytAQEAmJiYnJycmJiYmJiYmJiYnJycnJycmJiYmJiYnJycnJycnJycmJiYmJiYpKSkpKSkmJiYnJycnJycoKCgmJiZgG4liAAAAKXRSTlMAmUsOzMG4dRkUCgfm3tWxp1UpIQT99OLRxohf7ejafG5rUEEuoJyRbKZI9bcAAADmSURBVDjL7ZO5EoMwDERJwBjCfUNIgAA59P8/GHnS2EGFCkq29Dx5VtLKOrSLsp5LPgDSkodeASAJWKjfIuteeKyDrLBZrN0h2zFZgazjs9iLi2zssdhAsQOTTZCNCrLtdTkbmiNkm/y/iz69Aa3YBEeDMzXo5BL+yt3nyZQycF81Ulb40vYelRoIdasfVZoRbUrVlD6AGf8UHh0vc1Q2+uyoDL03y8LahkrFS/n3jU3XAITPMlVhMb/I8IVaKRFXrJZbdKSOwAHIiTFRp4X924TVadoebAW1xRTwUQcEF81lYR3aV19THx6pEtIaRAAAAABJRU5ErkJggg=="},"8bbf":function(e,t){e.exports=Vue},"8c01":function(e,t,n){var r,o,i;(function(n,a){o=[t],r=a,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SingleShapeMixin=e.Minimap=e.Grid=e.Item=e.G6=void 0;var t=window.G6,n=t.default;e.G6=n;var r=t.Item;e.Item=r;var o=t.Grid;e.Grid=o;var i=t.Minimap;e.Minimap=i;var a=t.SingleShapeMixin;e.SingleShapeMixin=a}))},"8e2d":function(e,t,n){var r,o,i;(function(a,s){o=[t,n("8e6e"),n("456d"),n("2909"),n("8615"),n("ac6a"),n("5df3"),n("96cf"),n("1da1"),n("ade3"),n("8f8e"),n("8c01"),n("73ec"),n("aea6"),n("3d08"),n("e0ef")],r=s,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i)})("undefined"!==typeof globalThis?globalThis:"undefined"!==typeof self&&self,(function(e,t,r,o,i,a,s,c,l,u,d,f,p,h,g,y){"use strict";var v=n("288e");function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,u.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Object.defineProperty(e,"__esModule",{value:!0}),e.useEditorStyles=w,e.useEditorPlugins=x,e.useCanvasProps=S,e.useEditorCommander=E,e.VueFlowEditorProvider=void 0,o=v(o),l=v(l),u=v(u),y=v(y);var A="@@VueFlowEditorProvider";function w(e){return(0,d.computed)((function(){return{root:{height:(0,p.suffixSize)(e.height)},left:{width:(0,p.suffixSize)(e.menuWidth)},toolbar:{height:(0,p.suffixSize)(e.toolbarHeight)}}}))}function x(e,t){var n=(0,d.reactive)({plugin:{grid:null,miniMap:null}});return(0,d.watch)((function(){return e.grid}),(function(e){if(!1===e||null==e)n.plugin.grid&&(t.removePlugin(n.plugin.grid),n.plugin.grid=null);else{var r="boolean"===typeof e?{}:e;n.plugin.grid=new f.Grid(r),t.addPlugin(n.plugin.grid)}})),(0,d.watch)((function(){return e.miniMap}),(function(e){if(!1===e||null==e)n.plugin.miniMap&&(t.removePlugin(n.plugin.miniMap),n.plugin.miniMap=null);else{var r="boolean"===typeof e?{}:e;n.plugin.miniMap=new f.Minimap(r),t.addPlugin(n.plugin.miniMap)}})),{pluginState:n}}function S(e){var t=(0,d.reactive)({data:e.data,grid:e.grid,miniMap:e.miniMap});return(0,d.watch)((function(){return e.data}),(function(e){return t.data=e})),(0,d.watch)((function(){return e.grid}),(function(e){return t.grid=e})),(0,d.watch)((function(){return e.miniMap}),(function(e){return t.miniMap=e})),t}function E(e){var t=(0,h.useCommander)(e);return t.register(new h.Command({name:"switchGrid",execute:function(){var t=e.canvasProps.grid;return{redo:function(){e.canvasProps.grid=!t},undo:function(){e.canvasProps.grid=t}}}})),t.register(new h.Command({name:"switchMiniMap",execute:function(){var t=e.canvasProps.miniMap;return{redo:function(){e.canvasProps.miniMap=!t},undo:function(){e.canvasProps.miniMap=t}}}})),t.register(new h.Command({name:"fitView",execute:function(){var e=this.graph,t=e.getZoom();return{redo:function(){e.fitView(20)},undo:function(){e.zoomTo(t)}}}})),t.register(new h.Command({name:"actualView",execute:function(){var e=this.graph,t=e.getZoom();return{redo:function(){e.zoomTo(1)},undo:function(){e.zoomTo(t)}}}})),t.register(new h.Command({name:"zoomIn",keyboard:"ctrl+=",execute:function(){var e=this.graph,t=e.getZoom();return{redo:function(){e.zoom(1.1)},undo:function(){e.zoomTo(t)}}}})),t.register(new h.Command({name:"zoomOut",keyboard:"ctrl+-",execute:function(){var e=this.graph,t=e.getZoom();return{redo:function(){e.zoom(.9)},undo:function(){e.zoomTo(t)}}}})),t.register(new h.Command({name:"delete",keyboard:["ctrl+d","backspace","delete"],init:function(){var e=this;this.data={onSelectChange:function(t){e.data=b({},e.data,{selected:t})}},this.graph.on("select-change",this.data.onSelectChange)},destroy:function(){this.graph.off("select-change",this.data.onSelectChange)},execute:function(){var t,n,r=this.graph;return{redo:function(){var o=(0,l.default)(regeneratorRuntime.mark((function o(){var i,a,s;return regeneratorRuntime.wrap((function(o){while(1)switch(o.prev=o.next){case 0:if(t||n){o.next=8;break}return i=e.props,a=i.beforeDelete,s=i.afterDelete,t=(0,y.default)(r.save()),o.next=5,Promise.all((0,p.flatten)(Object.values((0,g.getSelected)(r))).map(function(){var e=(0,l.default)(regeneratorRuntime.mark((function e(t){var n,o;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(n=t.get("model"),o=t.get("type"),e.prev=2,!a){e.next=6;break}return e.next=6,a(n,o);case 6:if(t.clearAnchor(),r.removeItem(t),r.paint(),!s){e.next=12;break}return e.next=12,s(n,o);case 12:e.next=17;break;case 14:e.prev=14,e.t0=e["catch"](2),console.error(e.t0);case 17:case"end":return e.stop()}}),e,null,[[2,14]])})));return function(t){return e.apply(this,arguments)}}()));case 5:n=(0,y.default)(r.save()),o.next=9;break;case 8:r.read(n);case 9:case"end":return o.stop()}}),o)})));function i(){return o.apply(this,arguments)}return i}(),undo:function(){r.read(t)}}},isEnable:function(){var e=this.data.selected;if(e){var t=e.nodes,n=e.edges;return[].concat((0,o.default)(t),(0,o.default)(n)).length>0}return!1}})),t.register(new h.Command({name:"drag",doNothingWhenExecute:!0,init:function(){var e=this;this.data={ondragstart:function(){e.data=b({},e.data,{start:(0,y.default)(e.graph.save())})},ondragend:function(){e.data=b({},e.data,{end:(0,y.default)(e.graph.save())}),t.commands.drag()}},this.graph.on("drag-node:start",this.data.ondragstart),this.graph.on("drag-node:end",this.data.ondragend)},destroy:function(){this.graph.off("drag-node:start",this.data.ondragstart),this.graph.off("drag-node:end",this.data.ondragend)},execute:function(){var e=this,t=this.data,n=t.start,r=t.end;return{redo:function(){e.graph.read(r)},undo:function(){e.graph.read(n)}}}})),t.register(new h.Command({name:"selectAll",keyboard:"ctrl+a",isQueue:!1,execute:function(){var t=this;return{redo:function(){if(e.props.multipleSelect){var n={nodes:t.graph.findAll("node",(function(){return!0})),edges:t.graph.findAll("edge",(function(){return!0}))};(0,p.flatten)(Object.values(n)).forEach((function(e){e.setState(g.SELECTED_STATE,!0)})),t.graph.paint(),t.graph.emit("select-change",n)}}}}})),t.register(new h.Command({name:"addEdge",doNothingWhenExecute:!0,init:function(){var e=this;this.data={beforeAdd:function(){e.data=b({},e.data,{before:(0,y.default)(e.graph.save())})},afterAdd:function(){e.data=b({},e.data,{after:(0,y.default)(e.graph.save())}),t.commands.addEdge()}},this.graph.on("add-edge:before",this.data.beforeAdd),this.graph.on("add-edge:after",this.data.afterAdd)},destroy:function(){this.graph.off("add-edge:before",this.data.beforeAdd),this.graph.off("add-edge:after",this.data.afterAdd)},execute:function(){var e=this,t=this.data,n=t.before,r=t.after;return{redo:function(){e.graph.read(r)},undo:function(){e.graph.read(n)}}}})),t.register(new h.Command({name:"addNode",doNothingWhenExecute:!0,init:function(){var e=this;this.data={beforeAdd:function(){e.data=b({},e.data,{before:(0,y.default)(e.graph.save())})},afterAdd:function(){e.data=b({},e.data,{after:(0,y.default)(e.graph.save())}),t.commands.addNode()}},this.graph.on("add-node:before",this.data.beforeAdd),this.graph.on("add-node:after",this.data.afterAdd)},destroy:function(){this.graph.off("add-node:before",this.data.beforeAdd),this.graph.off("add-node:after",this.data.afterAdd)},execute:function(){var e=this,t=this.data,n=t.before,r=t.after;return{redo:function(){e.graph.read(r)},undo:function(){e.graph.read(n)}}}})),t.register(new h.Command({name:"update",doNothingWhenExecute:!0,init:function(){this.data={before:null,after:null}},execute:function(e){var t=this.graph,n=t.findById(e.id);this.data.before=(0,y.default)(t.save()),n?(t.update(n,e),t.paint(),this.data.after=(0,y.default)(t.save())):this.data.after=this.data.before;var r=this.data,o=r.before,i=r.after;return{redo:function(){t.read(i)},undo:function(){t.read(o)}}}})),t}e.VueFlowEditorProvider=A}))},"8f3b":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAASFBMVEUAAAAoKCgnJycnJycoKCgnJycmJiYoKCgmJiYnJycnJycnJycqKiopKSkrKytAQEAnJycvLy8nJycmJiYmJiYnJyctLS0mJiaedWoaAAAAF3RSTlMAGVz7eX0oTKyS34oqHxUGdg3r4rFUEQiYI8sAAACLSURBVDjL7ZPLCsMgEEU1iXaMGpO+7v//aQupHQp2XLQLQ3I2wuEsLsKo1nB44yrpyOlYSe08vJjtj/v6Ko73yfDuYIwHyBQhwBsTeIMGOlWkA/Tz2Xiq71ktUU5jf06rSRcEMT0Bls2R7jSNq5mAm5gmcln569L4wfw7paEIcZp/UWBSHxC+QqoRHmzYHVNObHQlAAAAAElFTkSuQmCC"},"8f8e":function(e,t,n){var r,o,i;n("7f7f"),n("165b"),n("456d"),n("ac6a"),n("cf6a"),n("c698"),n("ac4d"),n("8a81"),n("6b54");var a=n("8993");(function(s,c){"object"===a(t)&&"undefined"!==typeof e?c(t,n("8bbf")):(o=[t,n("8bbf")],r=c,i="function"===typeof r?r.apply(t,o):r,void 0===i||(e.exports=i))})(0,(function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t["default"]:t;var n=function(e){return Object.prototype.toString.call(e)};function r(e){return"function"===typeof e&&/native code/.test(e.toString())}var o="undefined"!==typeof Symbol&&r(Symbol)&&"undefined"!==typeof Reflect&&r(Reflect.ownKeys),i=function(e){return e},s={enumerable:!0,configurable:!0,get:i,set:i};function c(e,t,n){var r=n.get,o=n.set;s.get=r||i,s.set=o||i,Object.defineProperty(e,t,s)}function l(e,t,n,r){Object.defineProperty(e,t,{value:n,enumerable:!!r,writable:!0,configurable:!0})}var u=Object.prototype.hasOwnProperty;function d(e,t){return u.call(e,t)}function f(e,t){if(!e)throw new Error("[vue-composition-api] "+t)}function p(e){return Array.isArray(e)}function h(e){return"[object Object]"===n(e)}function g(e){return"function"===typeof e}function y(e,n){t.util.warn(e,n)}function v(e,t,n){if(y("Error in "+n+': "'+e.toString()+'"',t),"undefined"===typeof window||"undefined"===typeof console)throw e;console.error(e)}var m=null,b=null;function A(){return f(m,"must call Vue.use(plugin) before using any function."),m}function w(e){m=e}function x(){return b}function S(e){b=e}function E(e){var t=x();return f(t,'"'+e+'" get called outside of "setup()"'),t}function O(e,t){void 0===t&&(t={});var n=e.config.silent;e.config.silent=!0;var r=new e(t);return e.config.silent=n,r}function k(e){return m&&e instanceof m}function C(e,t){return function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];return e.$scopedSlots[t]?e.$scopedSlots[t].apply(e,n):y("slots."+t+'() got called outside of the "render()" scope',e)}}function M(e,t){var n;if(e){if(e._normalized)return e._normalized;for(var r in n={},e)e[r]&&"$"!==r[0]&&(n[r]=!0)}else n={};for(var r in t)r in n||(n[r]=!0);return n}function P(e){return o?Symbol.for(e):e}var j=P("vfa.key.preFlushQueue"),J=P("vfa.key.postFlushQueue"),B=P("vfa.key.accessControlIdentifier"),Y=P("vfa.key.reactiveIdentifier"),D=P("vfa.key.nonReactiveIdentifier"),T="vfa.key.refKey",_=function(){function e(e){var t=e.get,n=e.set;c(this,"value",{get:t,set:n})}return e}();function F(e){return Object.seal(new _(e))}function R(e){var t,n=W((t={},t[T]=e,t));return F({get:function(){return n[T]},set:function(e){return n[T]=e}})}function L(e){return e instanceof _}function K(e){if(!h(e))return e;var t={};return Object.keys(e).forEach((function(n){var r=e[n];L(r)||(r=F({get:function(){return e[n]},set:function(t){return e[n]=t}})),t[n]=r})),t}var U={},z={},I={};function N(e){return d(e,D)&&e[D]===I}function V(e){return d(e,Y)&&e[Y]===z}function X(e){if(!(!h(e)||N(e)||Array.isArray(e)||L(e)||k(e))&&(!d(e,B)||e[B]!==U)){Object.isExtensible(e)&&l(e,B,U);for(var t=Object.keys(e),n=0;n<t.length;n++)G(e,t[n])}}function G(e,t,n){if("__ob__"!==t){var r,o,i=Object.getOwnPropertyDescriptor(e,t);if(i){if(!1===i.configurable)return;r=i.get,o=i.set,r&&!o||2!==arguments.length||(n=e[t])}X(n),Object.defineProperty(e,t,{enumerable:!0,configurable:!0,get:function(){var o=r?r.call(e):n;return t!==T&&L(o)?o.value:o},set:function(i){if(!r||o){var a=r?r.call(e):n;t!==T&&L(a)&&!L(i)?a.value=i:o?o.call(e,i):n=i,X(i)}}})}}function H(e){var t,n=A();if(n.observable)t=n.observable(e);else{var r=O(n,{data:{$$state:e}});t=r._data.$$state}return t}function W(e){if(e){if(!h(e)||V(e)||N(e)||!Object.isExtensible(e))return e;var t=H(e);return l(t,Y,z),X(t),t}y('"reactive()" is called without provide an "object".')}function Q(e){return h(e)?(l(e,"__ob__",H({}).__ob__),l(e,D,I),e):e}function q(e){return void 0===e||null===e}function Z(e){return"string"===typeof e||"number"===typeof e||"symbol"===a(e)||"boolean"===typeof e}function $(e){var t=parseFloat(S