workflow-editor 0.0.81-up-tmp7 → 0.0.81-up-tmp9

package/dist/index.full.min.js

@@ -2635,10 +2635,78 @@
   const ur = M(dr, [["render", function(e2, t2, o2, l2, n2, i2) {
     const a2 = r.resolveComponent("el-button"), s2 = r.resolveComponent("el-option"), d2 = r.resolveComponent("el-select"), c2 = r.resolveComponent("el-row"), m2 = r.resolveComponent("toolbox"), u2 = r.resolveComponent("workflow-canvas"), p2 = r.resolveComponent("el-tab-pane"), h2 = r.resolveComponent("el-tabs"), f2 = r.resolveComponent("icon-svg"), w2 = r.resolveComponent("context-menu"), g2 = r.resolveComponent("admin-save-dialog"), C2 = r.resolveDirective("permission");
     return r.openBlock(), r.createElementBlock("div", { ref: "wfEditor", style: { position: "relative", height: "100%" }, onMousedown: t2[9] || (t2[9] = (t3) => e2.setContextMenuVisible(false)), onMousewheel: t2[10] || (t2[10] = (t3) => e2.setContextMenuVisible(false)) }, [r.createVNode(c2, { class: "button-area" }, { default: r.withCtx(() => [o2.readonly ? r.createCommentVNode("", true) : (r.openBlock(), r.createBlock(a2, { key: 0, type: "primary", onClick: i2.saveXml }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.save")), 1)]), _: 1 }, 8, ["onClick"])), o2.readonly ? r.createCommentVNode("", true) : r.withDirectives((r.openBlock(), r.createBlock(a2, { key: 1, class: "button--default", onClick: i2.adminSave }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.adminSave")), 1)]), _: 1 }, 8, ["onClick"])), [[C2, "wf.workflowDefinition.adminSave"]]), e2.isShowEnable ? (r.openBlock(), r.createBlock(a2, { key: 2, class: "button--default", onClick: i2.enableWf }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.enable")), 1)]), _: 1 }, 8, ["onClick"])) : r.createCommentVNode("", true), r.createVNode(a2, { class: "button--default", onClick: i2.exportProcessFromClient }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.export")), 1)]), _: 1 }, 8, ["onClick"]), o2.readonly ? r.createCommentVNode("", true) : (r.openBlock(), r.createBlock(a2, { key: 3, class: "button--default", onClick: i2.selectProcessFile }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.open")) + " ", 1), r.createElementVNode("input", { ref: "processFile", type: "file", name: "processFile", accept: ".xml", style: { display: "none" }, onChange: t2[0] || (t2[0] = (...e3) => i2.openXmlFromClient && i2.openXmlFromClient(...e3)) }, null, 544)]), _: 1 }, 8, ["onClick"])), r.createVNode(a2, { type: "primary", class: "button--return", onClick: t2[1] || (t2[1] = (t3) => e2.$emit("back")) }, { default: r.withCtx(() => [r.createTextVNode(r.toDisplayString(e2.$t("workflowEditorPublicModel.return")), 1)]), _: 1 }), e2.isShowDefVersionList ? (r.openBlock(), r.createBlock(d2, { key: 4, modelValue: e2.defVersion, "onUpdate:modelValue": t2[2] || (t2[2] = (t3) => e2.defVersion = t3), style: { "padding-left": "10px", width: "200px" }, onChange: i2.changeDefVersion }, { default: r.withCtx(() => [(r.openBlock(true), r.createElementBlock(r.Fragment, null, r.renderList(e2.workflowDefVersionList, (e3) => (r.openBlock(), r.createBlock(s2, { key: e3.definitionVersion, label: e3.definitionVersion, value: e3.definitionVersion }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "onChange"])) : r.createCommentVNode("", true)]), _: 1 }), r.createElementVNode("div", { class: "main", onMousedown: t2[4] || (t2[4] = (...e3) => i2.startDrag && i2.startDrag(...e3)), onMousemove: t2[5] || (t2[5] = (...e3) => i2.drag && i2.drag(...e3)), onMouseup: t2[6] || (t2[6] = (...e3) => i2.endDrag && i2.endDrag(...e3)), onMouseleave: t2[7] || (t2[7] = (...e3) => i2.clearStatus && i2.clearStatus(...e3)) }, [o2.readonly ? r.createCommentVNode("", true) : (r.openBlock(), r.createBlock(m2, { key: 0, class: "toolbox", onselectstart: "return false", oncontextmenu: "return false" })), (r.openBlock(), r.createElementBlock("section", { class: "tabBox", key: e2.canvasKey }, [r.createVNode(h2, { modelValue: e2.activeTab, "onUpdate:modelValue": t2[3] || (t2[3] = (t3) => e2.activeTab = t3), class: "tabs" }, { default: r.withCtx(() => [r.createVNode(p2, { label: e2.$t("workflowEditorPublicModel.flowChart"), name: "canvas", class: "tab-pane" }, { default: r.withCtx(() => [r.createVNode(u2, { onselectstart: "return false", process: e2.process, class: "canvas", onMouseup: i2.addTache, onContextmenu: r.withModifiers(i2.showContextMenu, ["prevent"]) }, null, 8, ["process", "onMouseup", "onContextmenu"])]), _: 1 }, 8, ["label"]), r.createVNode(p2, { label: "XML", name: "xml", class: "tab-pane" }, { default: r.withCtx(() => [r.createElementVNode("div", cr, ["xml" === e2.activeTab ? (r.openBlock(), r.createElementBlock("pre", mr, [r.createElementVNode("code", { ref: "xml", class: "language-xml" }, r.toDisplayString(e2.xml), 513)])) : r.createCommentVNode("", true)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]))], 32), e2.componentToDraw ? (r.openBlock(), r.createBlock(f2, { key: 0, style: r.normalizeStyle({ height: i2.componentInfo.height, width: i2.componentInfo.width, color: i2.componentInfo.color, left: e2.currentPosition.x + "px", top: e2.currentPosition.y + "px" }), icon: i2.componentInfo.icon, class: "component-icon" }, null, 8, ["style", "icon"])) : r.createCommentVNode("", true), e2.contextMenuVisible ? (r.openBlock(), r.createBlock(w2, { key: 1, style: r.normalizeStyle({ position: "absolute", left: e2.contextMenuPosition.x + "px", top: e2.contextMenuPosition.y + "px" }) }, null, 8, ["style"])) : r.createCommentVNode("", true), e2.isAdminSave ? (r.openBlock(), r.createBlock(g2, { key: 2, onClose: t2[8] || (t2[8] = (t3) => e2.isAdminSave = false), onUpdate: i2.updateWfVersion, onAdd: i2.addWfVersion }, null, 8, ["onUpdate", "onAdd"])) : r.createCommentVNode("", true)], 544);
-  }], ["__scopeId", "data-v-865cb4ee"]]), pr = ["src"];
-  const hr = { name: "WfHistoryCanvas", components: { Start: z, End: G, HumanTask: te, Decision: ie, Subprocess: ce, CustomTask: he, Fork: be, Join: Te, HumanDecision: Me, CopyTask: Pe, Transition: Ze, TacheHistoryTooltip: tr, TacheSubprocessHistoryDialog: M({ name: "TacheSubprocessHistoryDialog", props: { workflowId: { type: Number, default: null } }, data: () => ({ dialogVisible: true }) }, [["render", function(e2, t2, o2, l2, n2, i2) {
+  }], ["__scopeId", "data-v-865cb4ee"]]), pr = { namespaced: true, state: { taches: [], transitions: [], startJoint: null, endJoint: null, isMovingTache: false, mouseDownPosition: null, isDrawingRegion: false, isMovingRegion: false, selectedTaches: [], selectedTransition: null, resizerToMove: null, draggerToMove: null, propertiesEditorFor: "", componentToDraw: "", controlPointToMove: null, formFields: [], formFieldsWithSub: [], contextMenuVisible: false, formCode: null, systemCode: null, systemVersion: null, processCode: null, processI18n: null, subtableConditionMap: null, propSettingKeyList: null, tableCode: null, isCreateDefinition: "", isHandleCreate: "", pageCode: null, sourceComponentType: "" }, getters: { taches: (e2) => e2.taches, transitions: (e2) => e2.transitions, startJoint: (e2) => e2.startJoint, endJoint: (e2) => e2.endJoint, isMovingTache: (e2) => e2.isMovingTache, mouseDownPosition: (e2) => e2.mouseDownPosition, isDrawingRegion: (e2) => e2.isDrawingRegion, isMovingRegion: (e2) => e2.isMovingRegion, selectedTaches: (e2) => e2.selectedTaches, selectedTransition: (e2) => e2.selectedTransition, resizerToMove: (e2) => e2.resizerToMove, draggerToMove: (e2) => e2.draggerToMove, propertiesEditorFor: (e2) => e2.propertiesEditorFor, componentToDraw: (e2) => e2.componentToDraw, controlPointToMove: (e2) => e2.controlPointToMove, formFields: (e2) => e2.formFields, formCode: (e2) => e2.formCode, formFieldsWithSub: (e2) => e2.formFieldsWithSub, contextMenuVisible: (e2) => e2.contextMenuVisible, systemCode: (e2) => e2.systemCode, processCode: (e2) => e2.processCode, processI18n: (e2) => e2.processI18n, subtableConditionMap: (e2) => e2.subtableConditionMap, propSettingKeyList: (e2) => e2.propSettingKeyList, systemVersion: (e2) => e2.systemVersion, tableCode: (e2) => e2.tableCode, isHandleCreate: (e2) => e2.isHandleCreate, isCreateDefinition: (e2) => e2.isCreateDefinition, pageCode: (e2) => e2.pageCode, sourceComponentType: (e2) => e2.sourceComponentType }, mutations: { setTaches(e2, t2) {
+    e2.taches = t2;
+  }, setTransitions(e2, t2) {
+    e2.transitions = t2;
+  }, clearCanvas(e2) {
+    e2.taches = [], e2.transitions = [];
+  }, resetState(e2) {
+    e2.isMovingTache = false, e2.startJoint = null, e2.endJoint = null, e2.isDrawingRegion = false, e2.isMovingRegion = false, e2.resizerToMove = null, e2.draggerToMove = null, e2.controlPointToMove = null;
+  }, stopDrawingLine(e2) {
+    e2.startJoint = null, e2.endJoint = null;
+  }, setStartJoint(e2, t2) {
+    e2.startJoint = t2;
+  }, setEndJoint(e2, t2) {
+    e2.endJoint = t2;
+  }, setMovingTache(e2, t2) {
+    e2.isMovingTache = t2;
+  }, setMouseDownPosition(e2, t2) {
+    e2.mouseDownPosition = t2;
+  }, setDrawingRegion(e2, t2) {
+    e2.isDrawingRegion = t2;
+  }, setMovingRegion(e2, t2) {
+    e2.isMovingRegion = t2;
+  }, setSelectedTaches(e2, t2) {
+    e2.selectedTaches = t2;
+  }, setSelectedTransition(e2, t2) {
+    e2.selectedTransition = t2;
+  }, setResizerToMove(e2, t2) {
+    e2.resizerToMove = t2;
+  }, setDraggerToMove(e2, t2) {
+    e2.draggerToMove = t2;
+  }, setPropertiesEditorFor(e2, t2) {
+    e2.propertiesEditorFor = t2;
+  }, setComponentToDraw(e2, t2) {
+    e2.componentToDraw = t2;
+  }, setControlPointToMove(e2, t2) {
+    e2.controlPointToMove = t2;
+  }, setFormFields(e2, t2) {
+    e2.formFields = t2;
+  }, setFormCode(e2, t2) {
+    e2.formCode = t2;
+  }, setFormFieldsWithSub(e2, t2) {
+    e2.formFieldsWithSub = t2;
+  }, setContextMenuVisible(e2, t2) {
+    e2.contextMenuVisible = t2;
+  }, setSystemCode(e2, t2) {
+    e2.systemCode = t2;
+  }, setProcessCode(e2, t2) {
+    e2.processCode = t2;
+  }, setProcessI18n(e2, t2) {
+    e2.processI18n = t2;
+  }, setSubtableConditionMap(e2, t2) {
+    e2.subtableConditionMap = t2;
+  }, setPropSettingKeyList(e2, t2) {
+    e2.propSettingKeyList = t2;
+  }, setSystemVersion(e2, t2) {
+    e2.systemVersion = t2;
+  }, setTableCode(e2, t2) {
+    e2.tableCode = t2;
+  }, setTableCode(e2, t2) {
+    e2.tableCode = t2;
+  }, setIsCreateDefinition(e2, t2) {
+    e2.isCreateDefinition = t2;
+  }, setIsHandleCreate(e2, t2) {
+    e2.isHandleCreate = t2;
+  }, setPageCode(e2, t2) {
+    e2.pageCode = t2;
+  }, setSourceComponentForCopy(e2, t2) {
+    e2.sourceComponentType = t2;
+  } } }, hr = ["src"];
+  const fr = { name: "WfHistoryCanvas", components: { Start: z, End: G, HumanTask: te, Decision: ie, Subprocess: ce, CustomTask: he, Fork: be, Join: Te, HumanDecision: Me, CopyTask: Pe, Transition: Ze, TacheHistoryTooltip: tr, TacheSubprocessHistoryDialog: M({ name: "TacheSubprocessHistoryDialog", props: { workflowId: { type: Number, default: null } }, data: () => ({ dialogVisible: true }) }, [["render", function(e2, t2, o2, l2, n2, i2) {
     const a2 = r.resolveComponent("el-dialog");
-    return r.openBlock(), r.createBlock(a2, { "model-value": "", title: e2.$t("workflowEditorPublicModel.subprocessTitle"), "close-on-click-modal": false, "append-to-body": "", width: "90%", top: "5vh", onOpen: t2[0] || (t2[0] = (t3) => e2.$emit("open")), onOpend: t2[1] || (t2[1] = (t3) => e2.$emit("opend")), onClose: t2[2] || (t2[2] = (t3) => e2.$emit("close")), onClosed: t2[3] || (t2[3] = (t3) => e2.$emit("closed")) }, { default: r.withCtx(() => [r.createElementVNode("iframe", { id: "_subprocess-content", src: "#/show-sub-wf-history?workflowId=" + o2.workflowId, name: "_subprocess-content", title: "Subprocess Content", frameborder: "0" }, null, 8, pr)]), _: 1 }, 8, ["title"]);
+    return r.openBlock(), r.createBlock(a2, { "model-value": "", title: e2.$t("workflowEditorPublicModel.subprocessTitle"), "close-on-click-modal": false, "append-to-body": "", width: "90%", top: "5vh", onOpen: t2[0] || (t2[0] = (t3) => e2.$emit("open")), onOpend: t2[1] || (t2[1] = (t3) => e2.$emit("opend")), onClose: t2[2] || (t2[2] = (t3) => e2.$emit("close")), onClosed: t2[3] || (t2[3] = (t3) => e2.$emit("closed")) }, { default: r.withCtx(() => [r.createElementVNode("iframe", { id: "_subprocess-content", src: "#/show-sub-wf-history?workflowId=" + o2.workflowId, name: "_subprocess-content", title: "Subprocess Content", frameborder: "0" }, null, 8, hr)]), _: 1 }, 8, ["title"]);
   }], ["__scopeId", "data-v-2b195c05"]]), AutoTask: _e }, props: { process: { type: Object, default: null }, histories: { type: Array, default: null }, currentTasks: { type: Array, default: null }, allProcessI18n: { type: Object, default: null } }, data: function() {
     return { showHistory: false, tooltipPosition: null, tacheHistoryInfo: null, showSubprocessDialog: false, subWorkflowId: null };
   }, computed: { ...t.mapGetters("wfEditor", ["taches", "transitions", "processI18n"]) }, mounted: function() {
@@ -2697,18 +2765,18 @@
     t2 && void 0 !== t2.hasChildren && true === t2.hasChildren && (t2.children && t2.children.length > 0 && (this.subWorkflowId = t2.children[0].workflowId), this.showSubprocessDialog = true);
   }, closeSubprocessHistory() {
     this.showSubprocessDialog = false;
-  } } }, fr = { ref: "svgContainer", style: { position: "relative" } }, wr = r.createElementVNode("defs", null, [r.createElementVNode("marker", { id: "arrow", markerWidth: "10", markerHeight: "10", refX: "6", refY: "2", orient: "auto", markerUnits: "strokeWidth" }, [r.createElementVNode("path", { d: "M0,0 L0,4 L6,2 z", fill: "#666" })])], -1);
-  const gr = M(hr, [["render", function(e2, t2, o2, l2, n2, i2) {
+  } } }, wr = { ref: "svgContainer", style: { position: "relative" } }, gr = r.createElementVNode("defs", null, [r.createElementVNode("marker", { id: "arrow", markerWidth: "10", markerHeight: "10", refX: "6", refY: "2", orient: "auto", markerUnits: "strokeWidth" }, [r.createElementVNode("path", { d: "M0,0 L0,4 L6,2 z", fill: "#666" })])], -1);
+  const Cr = M(fr, [["render", function(e2, t2, o2, l2, n2, i2) {
     const a2 = r.resolveComponent("tache-history-tooltip"), s2 = r.resolveComponent("tache-subprocess-history-dialog");
-    return r.openBlock(), r.createElementBlock("div", fr, [(r.openBlock(), r.createElementBlock("svg", { id: "svg", width: "2000", height: "2000", onMousedown: t2[0] || (t2[0] = (...e3) => i2.mousedown && i2.mousedown(...e3)), onMousemove: t2[1] || (t2[1] = (...e3) => i2.mousemove && i2.mousemove(...e3)), onMouseup: t2[2] || (t2[2] = (...e3) => i2.mouseup && i2.mouseup(...e3)), onMouseleave: t2[3] || (t2[3] = (...e3) => i2.mouseleave && i2.mouseleave(...e3)) }, [wr, (r.openBlock(true), r.createElementBlock(r.Fragment, null, r.renderList(e2.taches, (e3) => (r.openBlock(), r.createBlock(r.resolveDynamicComponent(e3.type), { key: e3.id, model: e3, class: r.normalizeClass([i2.getTacheClass(e3)]), "display-mode": e3.displayMode, onMouseenter: (t3) => i2.showTacheHistoryTooltip(e3, t3), onMouseleave: (t3) => i2.hideTacheHistoryTooltip(e3), onMousemove: i2.updateTacheHistoryTooltipPosition, onClick: (t3) => i2.showSubprocessHistory(e3) }, null, 40, ["model", "class", "display-mode", "onMouseenter", "onMouseleave", "onMousemove", "onClick"]))), 128)), (r.openBlock(true), r.createElementBlock(r.Fragment, null, r.renderList(e2.transitions, (e3) => (r.openBlock(), r.createBlock(r.resolveDynamicComponent("transition"), { key: e3.id, model: e3 }, null, 8, ["model"]))), 128))], 32)), e2.showHistory && e2.tacheHistoryInfo ? (r.openBlock(), r.createBlock(a2, { key: 0, style: r.normalizeStyle(e2.tooltipPosition), content: e2.tacheHistoryInfo }, null, 8, ["style", "content"])) : r.createCommentVNode("", true), e2.showSubprocessDialog ? (r.openBlock(), r.createBlock(s2, { key: 1, "workflow-id": e2.subWorkflowId, onClose: i2.closeSubprocessHistory }, null, 8, ["workflow-id", "onClose"])) : r.createCommentVNode("", true)], 512);
-  }]]), Cr = { refresh() {
+    return r.openBlock(), r.createElementBlock("div", wr, [(r.openBlock(), r.createElementBlock("svg", { id: "svg", width: "2000", height: "2000", onMousedown: t2[0] || (t2[0] = (...e3) => i2.mousedown && i2.mousedown(...e3)), onMousemove: t2[1] || (t2[1] = (...e3) => i2.mousemove && i2.mousemove(...e3)), onMouseup: t2[2] || (t2[2] = (...e3) => i2.mouseup && i2.mouseup(...e3)), onMouseleave: t2[3] || (t2[3] = (...e3) => i2.mouseleave && i2.mouseleave(...e3)) }, [gr, (r.openBlock(true), r.createElementBlock(r.Fragment, null, r.renderList(e2.taches, (e3) => (r.openBlock(), r.createBlock(r.resolveDynamicComponent(e3.type), { key: e3.id, model: e3, class: r.normalizeClass([i2.getTacheClass(e3)]), "display-mode": e3.displayMode, onMouseenter: (t3) => i2.showTacheHistoryTooltip(e3, t3), onMouseleave: (t3) => i2.hideTacheHistoryTooltip(e3), onMousemove: i2.updateTacheHistoryTooltipPosition, onClick: (t3) => i2.showSubprocessHistory(e3) }, null, 40, ["model", "class", "display-mode", "onMouseenter", "onMouseleave", "onMousemove", "onClick"]))), 128)), (r.openBlock(true), r.createElementBlock(r.Fragment, null, r.renderList(e2.transitions, (e3) => (r.openBlock(), r.createBlock(r.resolveDynamicComponent("transition"), { key: e3.id, model: e3 }, null, 8, ["model"]))), 128))], 32)), e2.showHistory && e2.tacheHistoryInfo ? (r.openBlock(), r.createBlock(a2, { key: 0, style: r.normalizeStyle(e2.tooltipPosition), content: e2.tacheHistoryInfo }, null, 8, ["style", "content"])) : r.createCommentVNode("", true), e2.showSubprocessDialog ? (r.openBlock(), r.createBlock(s2, { key: 1, "workflow-id": e2.subWorkflowId, onClose: i2.closeSubprocessHistory }, null, 8, ["workflow-id", "onClose"])) : r.createCommentVNode("", true)], 512);
+  }]]), br = { refresh() {
     this.showHistory();
-  } }, br = { name: "WorkflowHistory", components: { WfHistoryCanvas: gr }, props: { id: { type: Number, default: null } }, data: function() {
+  } }, kr = { name: "WorkflowHistory", components: { WfHistoryCanvas: Cr }, props: { id: { type: Number, default: null } }, data: function() {
     return { process: null, histories: [], currentTasks: [], allProcessI18n: null };
   }, computed: { ...t.mapGetters("wfEditor", ["componentToDraw", "taches", "transitions", "contextMenuVisible"]), ...t.mapGetters(["sidebar"]) }, watch: {}, created: function() {
     this.showHistory();
   }, mounted: function() {
-  }, methods: { ...Cr, ...t.mapMutations("wfEditor", ["setComponentToDraw", "clearCanvas", "setContextMenuVisible", "setProcessI18n"]), showHistory() {
+  }, methods: { ...br, ...t.mapMutations("wfEditor", ["setComponentToDraw", "clearCanvas", "setContextMenuVisible", "setProcessI18n"]), showHistory() {
     this.clearCanvas(), this.id ? this.$http.get(this.baseAPI + "/wf-editor/i18n-settings/get-bundle-info?workflowId=" + this.id).then((e2) => {
       this.allProcessI18n = e2;
       const t2 = this.baseAPI + "/wf-editor/instance-histories/" + this.id;
@@ -2721,83 +2789,15 @@
   }, initProcessByXml(e2) {
     const t2 = n.xml2js(e2, { nativeType: true, attributesKey: "attr", compact: true, ignoreComment: true, spaces: 4 });
     b(t2.process), this.process = t2.process, V(this.process);
-  } } }, kr = { ref: "wfEditor", style: { position: "relative", height: "100%" } }, Vr = { class: "main" };
-  const yr = M(br, [["render", function(e2, t2, o2, l2, n2, i2) {
+  } } }, Vr = { ref: "wfEditor", style: { position: "relative", height: "100%" } }, yr = { class: "main" };
+  const vr = M(kr, [["render", function(e2, t2, o2, l2, n2, i2) {
     const a2 = r.resolveComponent("wf-history-canvas");
-    return r.openBlock(), r.createElementBlock("div", kr, [r.createElementVNode("div", Vr, [r.createElementVNode("section", null, [r.createVNode(a2, { onselectstart: "return false", process: e2.process, histories: e2.histories, "current-tasks": e2.currentTasks, "all-process-i18n": e2.allProcessI18n, "show-history": true, class: "canvas", onContextmenu: r.withModifiers(i2.showContextMenu, ["prevent"]) }, null, 8, ["process", "histories", "current-tasks", "all-process-i18n", "onContextmenu"])])])], 512);
+    return r.openBlock(), r.createElementBlock("div", Vr, [r.createElementVNode("div", yr, [r.createElementVNode("section", null, [r.createVNode(a2, { onselectstart: "return false", process: e2.process, histories: e2.histories, "current-tasks": e2.currentTasks, "all-process-i18n": e2.allProcessI18n, "show-history": true, class: "canvas", onContextmenu: r.withModifiers(i2.showContextMenu, ["prevent"]) }, null, 8, ["process", "histories", "current-tasks", "all-process-i18n", "onContextmenu"])])])], 512);
   }], ["__scopeId", "data-v-6658e14b"]]);
   ur.install = function(e2) {
-    e2.component(ur.name, ur), e2.component(yr.name, yr);
+    e2.component(ur.name, ur), e2.component(vr.name, vr);
   };
-  const vr = { WorkflowEditor: ur, WorkflowHistory: yr }, Tr = { namespaced: true, state: { taches: [], transitions: [], startJoint: null, endJoint: null, isMovingTache: false, mouseDownPosition: null, isDrawingRegion: false, isMovingRegion: false, selectedTaches: [], selectedTransition: null, resizerToMove: null, draggerToMove: null, propertiesEditorFor: "", componentToDraw: "", controlPointToMove: null, formFields: [], formFieldsWithSub: [], contextMenuVisible: false, formCode: null, systemCode: null, systemVersion: null, processCode: null, processI18n: null, subtableConditionMap: null, propSettingKeyList: null, tableCode: null, isCreateDefinition: "", isHandleCreate: "", pageCode: null, sourceComponentType: "" }, getters: { taches: (e2) => e2.taches, transitions: (e2) => e2.transitions, startJoint: (e2) => e2.startJoint, endJoint: (e2) => e2.endJoint, isMovingTache: (e2) => e2.isMovingTache, mouseDownPosition: (e2) => e2.mouseDownPosition, isDrawingRegion: (e2) => e2.isDrawingRegion, isMovingRegion: (e2) => e2.isMovingRegion, selectedTaches: (e2) => e2.selectedTaches, selectedTransition: (e2) => e2.selectedTransition, resizerToMove: (e2) => e2.resizerToMove, draggerToMove: (e2) => e2.draggerToMove, propertiesEditorFor: (e2) => e2.propertiesEditorFor, componentToDraw: (e2) => e2.componentToDraw, controlPointToMove: (e2) => e2.controlPointToMove, formFields: (e2) => e2.formFields, formCode: (e2) => e2.formCode, formFieldsWithSub: (e2) => e2.formFieldsWithSub, contextMenuVisible: (e2) => e2.contextMenuVisible, systemCode: (e2) => e2.systemCode, processCode: (e2) => e2.processCode, processI18n: (e2) => e2.processI18n, subtableConditionMap: (e2) => e2.subtableConditionMap, propSettingKeyList: (e2) => e2.propSettingKeyList, systemVersion: (e2) => e2.systemVersion, tableCode: (e2) => e2.tableCode, isHandleCreate: (e2) => e2.isHandleCreate, isCreateDefinition: (e2) => e2.isCreateDefinition, pageCode: (e2) => e2.pageCode, sourceComponentType: (e2) => e2.sourceComponentType }, mutations: { setTaches(e2, t2) {
-    e2.taches = t2;
-  }, setTransitions(e2, t2) {
-    e2.transitions = t2;
-  }, clearCanvas(e2) {
-    e2.taches = [], e2.transitions = [];
-  }, resetState(e2) {
-    e2.isMovingTache = false, e2.startJoint = null, e2.endJoint = null, e2.isDrawingRegion = false, e2.isMovingRegion = false, e2.resizerToMove = null, e2.draggerToMove = null, e2.controlPointToMove = null;
-  }, stopDrawingLine(e2) {
-    e2.startJoint = null, e2.endJoint = null;
-  }, setStartJoint(e2, t2) {
-    e2.startJoint = t2;
-  }, setEndJoint(e2, t2) {
-    e2.endJoint = t2;
-  }, setMovingTache(e2, t2) {
-    e2.isMovingTache = t2;
-  }, setMouseDownPosition(e2, t2) {
-    e2.mouseDownPosition = t2;
-  }, setDrawingRegion(e2, t2) {
-    e2.isDrawingRegion = t2;
-  }, setMovingRegion(e2, t2) {
-    e2.isMovingRegion = t2;
-  }, setSelectedTaches(e2, t2) {
-    e2.selectedTaches = t2;
-  }, setSelectedTransition(e2, t2) {
-    e2.selectedTransition = t2;
-  }, setResizerToMove(e2, t2) {
-    e2.resizerToMove = t2;
-  }, setDraggerToMove(e2, t2) {
-    e2.draggerToMove = t2;
-  }, setPropertiesEditorFor(e2, t2) {
-    e2.propertiesEditorFor = t2;
-  }, setComponentToDraw(e2, t2) {
-    e2.componentToDraw = t2;
-  }, setControlPointToMove(e2, t2) {
-    e2.controlPointToMove = t2;
-  }, setFormFields(e2, t2) {
-    e2.formFields = t2;
-  }, setFormCode(e2, t2) {
-    e2.formCode = t2;
-  }, setFormFieldsWithSub(e2, t2) {
-    e2.formFieldsWithSub = t2;
-  }, setContextMenuVisible(e2, t2) {
-    e2.contextMenuVisible = t2;
-  }, setSystemCode(e2, t2) {
-    e2.systemCode = t2;
-  }, setProcessCode(e2, t2) {
-    e2.processCode = t2;
-  }, setProcessI18n(e2, t2) {
-    e2.processI18n = t2;
-  }, setSubtableConditionMap(e2, t2) {
-    e2.subtableConditionMap = t2;
-  }, setPropSettingKeyList(e2, t2) {
-    e2.propSettingKeyList = t2;
-  }, setSystemVersion(e2, t2) {
-    e2.systemVersion = t2;
-  }, setTableCode(e2, t2) {
-    e2.tableCode = t2;
-  }, setTableCode(e2, t2) {
-    e2.tableCode = t2;
-  }, setIsCreateDefinition(e2, t2) {
-    e2.isCreateDefinition = t2;
-  }, setIsHandleCreate(e2, t2) {
-    e2.isHandleCreate = t2;
-  }, setPageCode(e2, t2) {
-    e2.pageCode = t2;
-  }, setSourceComponentForCopy(e2, t2) {
-    e2.sourceComponentType = t2;
-  } } };
+  const Tr = { WorkflowEditor: ur, WorkflowHistory: vr, wfEditorStore: pr };
   function Nr() {
     return Nr = Object.assign ? Object.assign.bind() : function(e2) {
       for (var t2 = 1; t2 < arguments.length; t2++) {
@@ -3495,10 +3495,10 @@
     }), Object.keys(c2).length > 0 || Object.keys(d2).length > 0 ? { rules: a2, subRules: c2, totalSubRules: d2, dataTypeMap: s2 } : a2;
   }, cn = { install: function(e2, t2) {
     e2.config.globalProperties.$formValidator = sn, e2.config.globalProperties.$getValidator = dn;
-  } }, mn = vr.WorkflowEditor, un = vr.WorkflowHistory, pn = [mn, un], hn = function(e2) {
-    hn.installed || (pn.forEach((t2) => {
+  } }, mn = Tr.WorkflowEditor, un = Tr.WorkflowHistory, pn = Tr.wfEditorStore, hn = [mn, un], fn = function(e2) {
+    fn.installed || (hn.forEach((t2) => {
       e2.component(t2.name, t2);
     }), e2.use(cn));
   };
-  e.WorkflowEditor = mn, e.WorkflowHistory = un, e.wfEditorCn = d, e.wfEditorEn = s, e.wfEditorInstall = hn, e.wfEditorStore = Tr, Object.defineProperty(e, Symbol.toStringTag, { value: "Module" });
+  e.WorkflowEditor = mn, e.WorkflowHistory = un, e.wfEditorCn = d, e.wfEditorEn = s, e.wfEditorInstall = fn, e.wfEditorStore = pn, Object.defineProperty(e, Symbol.toStringTag, { value: "Module" });
 });

package/es/index.mjs

@@ -1,18 +1,17 @@
 import o from "./workflow-editor/index.mjs";
-import { default as default2 } from "./workflow-editor/src/store/workflow-editor.mjs";
 import r from "./plugins/index.mjs";
-import { default as default3 } from "./src/i18n/langs/cn.mjs";
-import { default as default4 } from "./src/i18n/langs/en.mjs";
-const t = o.WorkflowEditor, e = o.WorkflowHistory, s = [t, e], f = function(o2) {
-  f.installed || (s.forEach((r2) => {
+import { default as default2 } from "./src/i18n/langs/cn.mjs";
+import { default as default3 } from "./src/i18n/langs/en.mjs";
+const n = o.WorkflowEditor, t = o.WorkflowHistory, i = o.wfEditorStore, s = [n, t], e = function(o2) {
+  e.installed || (s.forEach((r2) => {
     o2.component(r2.name, r2);
   }), o2.use(r));
 };
 export {
-  t as WorkflowEditor,
-  e as WorkflowHistory,
-  default3 as wfEditorCn,
-  default4 as wfEditorEn,
-  f as wfEditorInstall,
-  default2 as wfEditorStore
+  n as WorkflowEditor,
+  t as WorkflowHistory,
+  default2 as wfEditorCn,
+  default3 as wfEditorEn,
+  e as wfEditorInstall,
+  i as wfEditorStore
 };

package/es/style.css

@@ -125,6 +125,20 @@ section[data-v-6658e14b] {
 }
 .canvas[data-v-6658e14b] .draggable {
   cursor: default;
+}h3[data-v-0d941719] {
+  color: #999999;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-size: 18px;
+}
+.el-button[data-v-0d941719] {
+  margin: 6px 0;
+  min-width: 110px;
+  padding: 9px 15px;
+}
+.el-button i[data-v-0d941719] {
+  padding-right: 4px;
 }
 #svg{
     /* border:1px solid red; */
@@ -173,6 +187,37 @@ g text{
     fill: white
 }
 
+#svg{
+    /* border:1px solid red; */
+    background: white;
+    background-image:
+        linear-gradient(rgba(242,242,242,.7) 1px, transparent 0),
+        linear-gradient(90deg, rgba(242,242,242,.7) 1px, transparent 0),
+        linear-gradient(#e5e5e5 1px, transparent 0),
+        linear-gradient(90deg,#e5e5e5 1px, transparent 0);
+    background-size:
+            15px 15px,
+            15px 15px,
+            75px 75px,
+            75px 75px;
+}
+g{
+    font-size: 16px;
+}
+g text{
+    dominant-baseline: middle;
+}
+.selected{
+    fill: #fff;
+    stroke: #f00;
+    stroke-width: 2;
+}
+.task-tache{
+    fill: #fff;
+    stroke: #666;
+    stroke-width: 2;
+}
+
 .svg-icon {
   width: 1em;
   height: 1em;
@@ -180,21 +225,7 @@ g text{
   fill: currentColor;
   overflow: hidden;
 }
-h3[data-v-0d941719] {
-  color: #999999;
-  margin: 0;
-  padding: 0;
-  font-weight: bold;
-  font-size: 18px;
-}
-.el-button[data-v-0d941719] {
-  margin: 6px 0;
-  min-width: 110px;
-  padding: 9px 15px;
-}
-.el-button i[data-v-0d941719] {
-  padding-right: 4px;
-}li[data-v-7e8a1cf6] {
+li[data-v-7e8a1cf6] {
   color: #333;
 }
 .context-menu[data-v-7e8a1cf6] {
@@ -223,37 +254,6 @@ h3[data-v-0d941719] {
 li[data-v-7e8a1cf6] {
   list-style-type: none;
 }
-#svg{
-    /* border:1px solid red; */
-    background: white;
-    background-image:
-        linear-gradient(rgba(242,242,242,.7) 1px, transparent 0),
-        linear-gradient(90deg, rgba(242,242,242,.7) 1px, transparent 0),
-        linear-gradient(#e5e5e5 1px, transparent 0),
-        linear-gradient(90deg,#e5e5e5 1px, transparent 0);
-    background-size:
-            15px 15px,
-            15px 15px,
-            75px 75px,
-            75px 75px;
-}
-g{
-    font-size: 16px;
-}
-g text{
-    dominant-baseline: middle;
-}
-.selected{
-    fill: #fff;
-    stroke: #f00;
-    stroke-width: 2;
-}
-.task-tache{
-    fill: #fff;
-    stroke: #666;
-    stroke-width: 2;
-}
-
 .start{
     stroke-width: 0;
     fill:#fff;
@@ -274,6 +274,16 @@ g text{
     fill:#fff;
 }
 
+.human-decision{
+    stroke-width: 0;
+    fill:#fff;
+}
+
+.end{
+    stroke-width: 0;
+    fill:#fff;
+}
+
 .transition[data-v-a1576cad] {
   stroke-width: 2;
   stroke: #666;
@@ -292,15 +302,7 @@ g text{
 .no-events[data-v-a1576cad] {
   pointer-events: none;
 }
-
-.human-decision{
-    stroke-width: 0;
-    fill:#fff;
-}
-#_subprocess-content[data-v-2b195c05] {
-  width: 100%;
-  height: calc(100vh - 200px);
-}.tooltip[data-v-ac799913] {
+.tooltip[data-v-ac799913] {
   position: absolute;
   background: #fff;
   min-width: 150px;
@@ -315,18 +317,6 @@ g text{
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   word-break: break-all;
 }
-.end{
-    stroke-width: 0;
-    fill:#fff;
-}
-
-.virtual-transition{
-    stroke-width: 2;
-    stroke:#000;
-    stroke-dasharray: 2 2;
-    fill: none;
-}
-
 .selection-region{
     stroke: blue;
     stroke-width: 1;
@@ -340,7 +330,17 @@ g text{
     /* 控制region在画的过程中不响应任何事件，只有画完后才能响应 */
     pointer-events:none;
 }
-
+
+.virtual-transition{
+    stroke-width: 2;
+    stroke:#000;
+    stroke-dasharray: 2 2;
+    fill: none;
+}
+#_subprocess-content[data-v-2b195c05] {
+  width: 100%;
+  height: calc(100vh - 200px);
+}
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
 .properties-editor[data-v-1651d82a] .el-dialog__body {
   padding-top: 0;
@@ -387,31 +387,21 @@ g text{
     fill: white;
 }
 
-.control-point[data-v-788fb0ae]{
+.control-point[data-v-0ff53a0a]{
     fill: #fff;
     cursor: move;
 }
-.control-line[data-v-788fb0ae] {
+.control-line[data-v-0ff53a0a] {
     stroke-dasharray: 2 2
 }
 
-.control-point[data-v-0ff53a0a]{
+.control-point[data-v-788fb0ae]{
     fill: #fff;
     cursor: move;
 }
-.control-line[data-v-0ff53a0a] {
+.control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
-
-.percent[data-v-a219b06d] {
-  margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
-}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -422,20 +412,34 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-6aef99ff]{
+.percent[data-v-a219b06d] {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
+
+.el-checkbox[data-v-5fb29fef]{
+    margin-left: 20px;
+}
+
+.percent[data-v-c1c7385b]{
   margin-left: 10px;
   color:red;
   font-size:1.2em;
 }
 
-.percent[data-v-c1c7385b]{
+.percent[data-v-6aef99ff]{
   margin-left: 10px;
   color:red;
   font-size:1.2em;
 }
 
-.el-checkbox[data-v-5fb29fef]{
-    margin-left: 20px;
+span[data-v-4e29ea06] {
+  margin: 0 10px;
 }
 .group[data-v-98300543] {
   font-size: 14px;
@@ -474,29 +478,6 @@ select[data-v-aaf48aff]{
     line-height: 32px;
 }
 
-span[data-v-4e29ea06] {
-  margin: 0 10px;
-}
-
-#custTabOne[data-v-7feaa2da] .el-tabs__content {
-  height: 500px;
-}
-.group[data-v-7feaa2da] {
-  font-size: 14px;
-  width: 100%;
-}
-.item[data-v-7feaa2da] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
-  margin-bottom: 18px;
-}
-.item-content[data-v-7feaa2da] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
-  overflow: auto;
-}
-
 .searchResult {
   color:red
 }
@@ -517,6 +498,25 @@ span[data-v-4e29ea06] {
   word-break: keep-all;
   width: 55%;
 }
+#custTabOne[data-v-7feaa2da] .el-tabs__content {
+  height: 500px;
+}
+.group[data-v-7feaa2da] {
+  font-size: 14px;
+  width: 100%;
+}
+.item[data-v-7feaa2da] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
+  margin-bottom: 18px;
+}
+.item-content[data-v-7feaa2da] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
+  overflow: auto;
+}
+
 .searchResult {
   color:red
 }

package/es/workflow-editor/index.mjs

@@ -1,9 +1,10 @@
 import o from "./src/workflow-editor.vue.mjs";
-import r from "./src/workflow-history.vue.mjs";
-o.install = function(t2) {
-  t2.component(o.name, o), t2.component(r.name, r);
+import r from "./src/store/workflow-editor.mjs";
+import t from "./src/workflow-history.vue.mjs";
+o.install = function(r2) {
+  r2.component(o.name, o), r2.component(t.name, t);
 };
-const t = { WorkflowEditor: o, WorkflowHistory: r };
+const m = { WorkflowEditor: o, WorkflowHistory: t, wfEditorStore: r };
 export {
-  t as default
+  m as default
 };

package/lib/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const r = require("./workflow-editor/index.cjs"), o = require("./workflow-editor/src/store/workflow-editor.cjs"), e = require("./plugins/index.cjs"), t = require("./src/i18n/langs/cn.cjs"), s = require("./src/i18n/langs/en.cjs"), i = r.WorkflowEditor, n = r.WorkflowHistory, l = [i, n], c = function(r2) {
+const r = require("./workflow-editor/index.cjs"), o = require("./plugins/index.cjs"), e = require("./src/i18n/langs/cn.cjs"), t = require("./src/i18n/langs/en.cjs"), i = r.WorkflowEditor, s = r.WorkflowHistory, n = r.wfEditorStore, l = [i, s], c = function(r2) {
   c.installed || (l.forEach((o2) => {
     r2.component(o2.name, o2);
-  }), r2.use(e));
+  }), r2.use(o));
 };
-exports.wfEditorStore = o, exports.wfEditorCn = t, exports.wfEditorEn = s, exports.WorkflowEditor = i, exports.WorkflowHistory = n, exports.wfEditorInstall = c;
+exports.wfEditorCn = e, exports.wfEditorEn = t, exports.WorkflowEditor = i, exports.WorkflowHistory = s, exports.wfEditorInstall = c, exports.wfEditorStore = n;

package/lib/style.css

@@ -125,6 +125,20 @@ section[data-v-6658e14b] {
 }
 .canvas[data-v-6658e14b] .draggable {
   cursor: default;
+}h3[data-v-0d941719] {
+  color: #999999;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-size: 18px;
+}
+.el-button[data-v-0d941719] {
+  margin: 6px 0;
+  min-width: 110px;
+  padding: 9px 15px;
+}
+.el-button i[data-v-0d941719] {
+  padding-right: 4px;
 }
 #svg{
     /* border:1px solid red; */
@@ -173,6 +187,37 @@ g text{
     fill: white
 }
 
+#svg{
+    /* border:1px solid red; */
+    background: white;
+    background-image:
+        linear-gradient(rgba(242,242,242,.7) 1px, transparent 0),
+        linear-gradient(90deg, rgba(242,242,242,.7) 1px, transparent 0),
+        linear-gradient(#e5e5e5 1px, transparent 0),
+        linear-gradient(90deg,#e5e5e5 1px, transparent 0);
+    background-size:
+            15px 15px,
+            15px 15px,
+            75px 75px,
+            75px 75px;
+}
+g{
+    font-size: 16px;
+}
+g text{
+    dominant-baseline: middle;
+}
+.selected{
+    fill: #fff;
+    stroke: #f00;
+    stroke-width: 2;
+}
+.task-tache{
+    fill: #fff;
+    stroke: #666;
+    stroke-width: 2;
+}
+
 .svg-icon {
   width: 1em;
   height: 1em;
@@ -180,21 +225,7 @@ g text{
   fill: currentColor;
   overflow: hidden;
 }
-h3[data-v-0d941719] {
-  color: #999999;
-  margin: 0;
-  padding: 0;
-  font-weight: bold;
-  font-size: 18px;
-}
-.el-button[data-v-0d941719] {
-  margin: 6px 0;
-  min-width: 110px;
-  padding: 9px 15px;
-}
-.el-button i[data-v-0d941719] {
-  padding-right: 4px;
-}li[data-v-7e8a1cf6] {
+li[data-v-7e8a1cf6] {
   color: #333;
 }
 .context-menu[data-v-7e8a1cf6] {
@@ -223,37 +254,6 @@ h3[data-v-0d941719] {
 li[data-v-7e8a1cf6] {
   list-style-type: none;
 }
-#svg{
-    /* border:1px solid red; */
-    background: white;
-    background-image:
-        linear-gradient(rgba(242,242,242,.7) 1px, transparent 0),
-        linear-gradient(90deg, rgba(242,242,242,.7) 1px, transparent 0),
-        linear-gradient(#e5e5e5 1px, transparent 0),
-        linear-gradient(90deg,#e5e5e5 1px, transparent 0);
-    background-size:
-            15px 15px,
-            15px 15px,
-            75px 75px,
-            75px 75px;
-}
-g{
-    font-size: 16px;
-}
-g text{
-    dominant-baseline: middle;
-}
-.selected{
-    fill: #fff;
-    stroke: #f00;
-    stroke-width: 2;
-}
-.task-tache{
-    fill: #fff;
-    stroke: #666;
-    stroke-width: 2;
-}
-
 .start{
     stroke-width: 0;
     fill:#fff;
@@ -264,6 +264,11 @@ g text{
     fill:#fff;
 }
 
+.end{
+    stroke-width: 0;
+    fill:#fff;
+}
+
 .decision{
     stroke-width: 0;
     fill:#fff;
@@ -274,6 +279,11 @@ g text{
     fill:#fff;
 }
 
+.human-decision{
+    stroke-width: 0;
+    fill:#fff;
+}
+
 .transition[data-v-a1576cad] {
   stroke-width: 2;
   stroke: #666;
@@ -292,16 +302,6 @@ g text{
 .no-events[data-v-a1576cad] {
   pointer-events: none;
 }
-
-.human-decision{
-    stroke-width: 0;
-    fill:#fff;
-}
-
-.end{
-    stroke-width: 0;
-    fill:#fff;
-}
 .tooltip[data-v-ac799913] {
   position: absolute;
   background: #fff;
@@ -316,17 +316,7 @@ g text{
   font-size: 14px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
   word-break: break-all;
-}#_subprocess-content[data-v-2b195c05] {
-  width: 100%;
-  height: calc(100vh - 200px);
 }
-.virtual-transition{
-    stroke-width: 2;
-    stroke:#000;
-    stroke-dasharray: 2 2;
-    fill: none;
-}
-
 .selection-region{
     stroke: blue;
     stroke-width: 1;
@@ -340,7 +330,17 @@ g text{
     /* 控制region在画的过程中不响应任何事件，只有画完后才能响应 */
     pointer-events:none;
 }
-
+
+.virtual-transition{
+    stroke-width: 2;
+    stroke:#000;
+    stroke-dasharray: 2 2;
+    fill: none;
+}
+#_subprocess-content[data-v-2b195c05] {
+  width: 100%;
+  height: calc(100vh - 200px);
+}
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
 .properties-editor[data-v-1651d82a] .el-dialog__body {
   padding-top: 0;
@@ -352,12 +352,12 @@ g text{
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-af76d417] .el-dialog__body{
+.properties-editor[data-v-adb7c2ff] .el-dialog__body{
   padding-top: 0
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-adb7c2ff] .el-dialog__body{
+.properties-editor[data-v-af76d417] .el-dialog__body{
   padding-top: 0
 }
 
@@ -402,16 +402,6 @@ g text{
 .control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
-
-.percent[data-v-a219b06d] {
-  margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
-}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -422,10 +412,18 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-6aef99ff]{
+.percent[data-v-a219b06d] {
   margin-left: 10px;
-  color:red;
-  font-size:1.2em;
+  color: red;
+  font-size: 1.2em;
+}
+
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
+
+.el-checkbox[data-v-5fb29fef]{
+    margin-left: 20px;
 }
 
 .percent[data-v-c1c7385b]{
@@ -434,24 +432,10 @@ ul li[data-v-39fac73c] {
   font-size:1.2em;
 }
 
-.el-checkbox[data-v-5fb29fef]{
-    margin-left: 20px;
+span[data-v-4e29ea06] {
+  margin: 0 10px;
 }
-.group[data-v-98300543] {
-  font-size: 14px;
-  width: 100%;
-}
-.item[data-v-98300543] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
-  margin-bottom: 18px;
-}
-.item-content[data-v-98300543] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
-  overflow: auto;
-}
+
 .el-tag + .el-tag[data-v-aaf48aff] {
     margin-left: 10px;
 }
@@ -473,28 +457,25 @@ select[data-v-aaf48aff]{
     height: 32px;
     line-height: 32px;
 }
-
-span[data-v-4e29ea06] {
-  margin: 0 10px;
-}
-
-#custTabOne[data-v-7feaa2da] .el-tabs__content {
-  height: 500px;
-}
-.group[data-v-7feaa2da] {
-  font-size: 14px;
+.group[data-v-98300543] {
+  font-size: 14px;
   width: 100%;
 }
-.item[data-v-7feaa2da] {
-  float: left;
-  list-style-type: none;
-  width: 33.33%;
+.item[data-v-98300543] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
   margin-bottom: 18px;
 }
-.item-content[data-v-7feaa2da] {
-  height: calc(100vh - 300px);
-  padding-left: 20px;
+.item-content[data-v-98300543] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
   overflow: auto;
+}
+.percent[data-v-6aef99ff]{
+  margin-left: 10px;
+  color:red;
+  font-size:1.2em;
 }
 
 .searchResult {
@@ -517,6 +498,25 @@ span[data-v-4e29ea06] {
   word-break: keep-all;
   width: 55%;
 }
+#custTabOne[data-v-7feaa2da] .el-tabs__content {
+  height: 500px;
+}
+.group[data-v-7feaa2da] {
+  font-size: 14px;
+  width: 100%;
+}
+.item[data-v-7feaa2da] {
+  float: left;
+  list-style-type: none;
+  width: 33.33%;
+  margin-bottom: 18px;
+}
+.item-content[data-v-7feaa2da] {
+  height: calc(100vh - 300px);
+  padding-left: 20px;
+  overflow: auto;
+}
+
 .searchResult {
   color:red
 }

package/lib/workflow-editor/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
-const o = require("./src/workflow-editor.vue.cjs"), r = require("./src/workflow-history.vue.cjs");
-o.install = function(e2) {
-  e2.component(o.name, o), e2.component(r.name, r);
+const o = require("./src/workflow-editor.vue.cjs"), r = require("./src/store/workflow-editor.cjs"), e = require("./src/workflow-history.vue.cjs");
+o.install = function(r2) {
+  r2.component(o.name, o), r2.component(e.name, e);
 };
-const e = { WorkflowEditor: o, WorkflowHistory: r };
-module.exports = e;
+const t = { WorkflowEditor: o, WorkflowHistory: e, wfEditorStore: r };
+module.exports = t;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "workflow-editor",
   "private": false,
-  "version": "0.0.81-up-tmp7",
+  "version": "0.0.81-up-tmp9",
   "type": "module",
   "main": "./lib/index.cjs",
   "module": "./es/index.mjs",