workflow-editor 0.0.81-up-tmp3 → 0.0.81-up-tmp6

package/dist/index.full.min.js

@@ -1,5 +1,5 @@
 !function(e, t) {
-  "object" == typeof exports && "undefined" != typeof module ? t(exports, require("vuex"), require("agilebuilder-ui"), require("vue-i18n"), require("vue"), require("xml-js"), require("file-saver"), require("prismjs")) : "function" == typeof define && define.amd ? define(["exports", "vuex", "agilebuilder-ui", "vue-i18n", "vue", "xml-js", "file-saver", "prismjs"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).wfEditor = {}, e.vuex, e.agilebuilderUi, e.vueI18n, e.vue, e.convert, e.FileSaver, e.Prism);
+  "object" == typeof exports && "undefined" != typeof module ? t(exports, require("vuex"), require("agilebuilder-ui"), require("vue-i18n"), require("vue"), require("xml-js"), require("file-saver"), require("prismjs")) : "function" == typeof define && define.amd ? define(["exports", "vuex", "agilebuilder-ui", "vue-i18n", "vue", "xml-js", "file-saver", "prismjs"], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).AgilebuilderUi = {}, e.vuex, e.agilebuilderUi, e.vueI18n, e.vue, e.convert, e.FileSaver, e.Prism);
 }(this, function(e, t, o, l, r, n, i, a) {
   "use strict";
   !function(e2) {
@@ -2635,78 +2635,10 @@
   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 = { 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) {
+  }], ["__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) {
     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, hr)]), _: 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, pr)]), _: 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() {
@@ -2765,18 +2697,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;
-  } } }, 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) {
+  } } }, 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) {
     const a2 = r.resolveComponent("tache-history-tooltip"), s2 = r.resolveComponent("tache-subprocess-history-dialog");
-    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() {
+    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() {
     this.showHistory();
-  } }, kr = { name: "WorkflowHistory", components: { WfHistoryCanvas: Cr }, props: { id: { type: Number, default: null } }, data: function() {
+  } }, br = { name: "WorkflowHistory", components: { WfHistoryCanvas: gr }, 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: { ...br, ...t.mapMutations("wfEditor", ["setComponentToDraw", "clearCanvas", "setContextMenuVisible", "setProcessI18n"]), showHistory() {
+  }, methods: { ...Cr, ...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;
@@ -2789,15 +2721,83 @@
   }, 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);
-  } } }, Vr = { ref: "wfEditor", style: { position: "relative", height: "100%" } }, yr = { class: "main" };
-  const vr = M(kr, [["render", function(e2, t2, o2, l2, n2, i2) {
+  } } }, kr = { ref: "wfEditor", style: { position: "relative", height: "100%" } }, Vr = { class: "main" };
+  const yr = M(br, [["render", function(e2, t2, o2, l2, n2, i2) {
     const a2 = r.resolveComponent("wf-history-canvas");
-    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);
+    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);
   }], ["__scopeId", "data-v-6658e14b"]]);
   ur.install = function(e2) {
-    e2.component(ur.name, ur), e2.component(vr.name, vr);
+    e2.component(ur.name, ur), e2.component(yr.name, yr);
   };
-  const Tr = { WorkflowEditor: ur, WorkflowHistory: vr, wfEditorStore: pr };
+  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;
+  } } };
   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 = Tr.WorkflowEditor, un = Tr.WorkflowHistory, pn = Tr.wfEditorStore, hn = [mn, un], fn = function(e2) {
-    fn.installed || (hn.forEach((t2) => {
+  } }, mn = vr.WorkflowEditor, un = vr.WorkflowHistory, pn = [mn, un], hn = function(e2) {
+    hn.installed || (pn.forEach((t2) => {
       e2.component(t2.name, t2);
     }), e2.use(cn));
   };
-  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" });
+  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" });
 });

package/es/index.mjs

@@ -1,17 +1,18 @@
 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 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) => {
+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) => {
     o2.component(r2.name, r2);
   }), o2.use(r));
 };
 export {
-  n as WorkflowEditor,
-  t as WorkflowHistory,
-  default2 as wfEditorCn,
-  default3 as wfEditorEn,
-  e as wfEditorInstall,
-  i as wfEditorStore
+  t as WorkflowEditor,
+  e as WorkflowHistory,
+  default3 as wfEditorCn,
+  default4 as wfEditorEn,
+  f as wfEditorInstall,
+  default2 as wfEditorStore
 };

package/es/style.css

@@ -125,57 +125,7 @@ section[data-v-6658e14b] {
 }
 .canvas[data-v-6658e14b] .draggable {
   cursor: default;
-}li[data-v-7e8a1cf6] {
-  color: #333;
-}
-.context-menu[data-v-7e8a1cf6] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-}
-.context-menu li[data-v-7e8a1cf6] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-}
-.context-menu li[data-v-7e8a1cf6]:hover {
-  background: #42b983;
-  color: #fff;
-}
-.context-menu[data-v-7e8a1cf6] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
-}
-li[data-v-7e8a1cf6] {
-  list-style-type: none;
-}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-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-
 #svg{
     /* border:1px solid red; */
     background: white;
@@ -205,8 +155,38 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
+}
+.passed-tache .task-tache{
+    fill: green;
+    stroke: green;
+    stroke-width: 2;
+}
+.current-tache .task-tache{
+    fill: red;
+    stroke: red;
+    stroke-width: 2;
+}
+.passed-tache text{
+    fill:white;
+}
+.current-tache text{
+    fill: white
 }
-
+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; */
     background: white;
@@ -236,25 +216,50 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
+}
+
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+li[data-v-7e8a1cf6] {
+  color: #333;
 }
-.passed-tache .task-tache{
-    fill: green;
-    stroke: green;
-    stroke-width: 2;
+.context-menu[data-v-7e8a1cf6] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
 }
-.current-tache .task-tache{
-    fill: red;
-    stroke: red;
-    stroke-width: 2;
+.context-menu li[data-v-7e8a1cf6] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
 }
-.passed-tache text{
-    fill:white;
+.context-menu li[data-v-7e8a1cf6]:hover {
+  background: #42b983;
+  color: #fff;
 }
-.current-tache text{
-    fill: white
+.context-menu[data-v-7e8a1cf6] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-7e8a1cf6] {
+  list-style-type: none;
+}
+.start{
+    stroke-width: 0;
+    fill:#fff;
 }
 
-.start{
+.end{
     stroke-width: 0;
     fill:#fff;
 }
@@ -264,7 +269,7 @@ g text{
     fill:#fff;
 }
 
-.end{
+.decision{
     stroke-width: 0;
     fill:#fff;
 }
@@ -273,6 +278,28 @@ g text{
     stroke-width: 0;
     fill:#fff;
 }
+.tooltip[data-v-ac799913] {
+  position: absolute;
+  background: #fff;
+  min-width: 150px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  padding: 12px;
+  z-index: 2000;
+  color: #606266;
+  line-height: 1.4;
+  text-align: justify;
+  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);
+}
+.human-decision{
+    stroke-width: 0;
+    fill:#fff;
+}
 
 .transition[data-v-a1576cad] {
   stroke-width: 2;
@@ -292,10 +319,17 @@ g text{
 .no-events[data-v-a1576cad] {
   pointer-events: none;
 }
+
+/* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
+.properties-editor[data-v-1651d82a] .el-dialog__body {
+  padding-top: 0;
+}
 
-.human-decision{
-    stroke-width: 0;
-    fill:#fff;
+.virtual-transition{
+    stroke-width: 2;
+    stroke:#000;
+    stroke-dasharray: 2 2;
+    fill: none;
 }
 
 .selection-region{
@@ -311,28 +345,11 @@ g text{
     /* 控制region在画的过程中不响应任何事件，只有画完后才能响应 */
     pointer-events:none;
 }
-
-.decision{
-    stroke-width: 0;
-    fill:#fff;
-}
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
 .properties-editor[data-v-0e44fe8c] .el-dialog__body{
   padding-top: 0
 }
-
-.virtual-transition{
-    stroke-width: 2;
-    stroke:#000;
-    stroke-dasharray: 2 2;
-    fill: none;
-}
-
-/* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-1651d82a] .el-dialog__body {
-  padding-top: 0;
-}
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
 .properties-editor[data-v-af76d417] .el-dialog__body{
@@ -348,24 +365,7 @@ g text{
 .properties-editor[data-v-adb7c2ff] .el-dialog__body{
   padding-top: 0
 }
-.tooltip[data-v-ac799913] {
-  position: absolute;
-  background: #fff;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  padding: 12px;
-  z-index: 2000;
-  color: #606266;
-  line-height: 1.4;
-  text-align: justify;
-  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);
-}
+
 .joint-container{
     stroke-width: 0;
     fill: #fff;
@@ -381,27 +381,29 @@ g text{
     fill-opacity: 1;
 }
 
-.control-point[data-v-788fb0ae]{
-    fill: #fff;
-    cursor: move;
-}
-.control-line[data-v-788fb0ae] {
-    stroke-dasharray: 2 2
+.resizer{
+    stroke: blue;
+    stroke-width: 1;
+    fill: white;
 }
 
-.control-point[data-v-0ff53a0a]{
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
+
+.percent[data-v-a219b06d] {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+
+.control-point[data-v-788fb0ae]{
     fill: #fff;
     cursor: move;
 }
-.control-line[data-v-0ff53a0a] {
+.control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
-
-.resizer{
-    stroke: blue;
-    stroke-width: 1;
-    fill: white;
-}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -412,14 +414,12 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-a219b06d] {
-  margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
+.control-point[data-v-0ff53a0a]{
+    fill: #fff;
+    cursor: move;
+}
+.control-line[data-v-0ff53a0a] {
+    stroke-dasharray: 2 2
 }
 
 .el-checkbox[data-v-5fb29fef]{
@@ -452,10 +452,6 @@ ul li[data-v-39fac73c] {
   padding-left: 20px;
   overflow: auto;
 }
-span[data-v-4e29ea06] {
-  margin: 0 10px;
-}
-
 .el-tag + .el-tag[data-v-aaf48aff] {
     margin-left: 10px;
 }
@@ -478,26 +474,10 @@ select[data-v-aaf48aff]{
     line-height: 32px;
 }
 
-.searchResult {
-  color:red
-}
-.inline-input-custom {
-  width : 90%
+span[data-v-4e29ea06] {
+  margin: 0 10px;
 }
-#appContainer[data-v-9458f3bf] .el-checkbox {
-  display: block;
-}
-#appContainer[data-v-9458f3bf] .el-transfer-panel {
-  width: 400px;
-}
-#appContainer[data-v-9458f3bf] .ellipsis {
-  display: inline-block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-break: keep-all;
-  width: 55%;
-}
+
 .searchResult {
   color:red
 }
@@ -523,3 +503,23 @@ select[data-v-aaf48aff]{
   padding-left: 20px;
   overflow: auto;
 }
+#appContainer[data-v-9458f3bf] .el-checkbox {
+  display: block;
+}
+#appContainer[data-v-9458f3bf] .el-transfer-panel {
+  width: 400px;
+}
+#appContainer[data-v-9458f3bf] .ellipsis {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: keep-all;
+  width: 55%;
+}
+.searchResult {
+  color:red
+}
+.inline-input-custom {
+  width : 90%
+}

package/es/workflow-editor/index.mjs

@@ -1,10 +1,9 @@
 import o from "./src/workflow-editor.vue.mjs";
-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);
+import r from "./src/workflow-history.vue.mjs";
+o.install = function(t2) {
+  t2.component(o.name, o), t2.component(r.name, r);
 };
-const m = { WorkflowEditor: o, WorkflowHistory: t, wfEditorStore: r };
+const t = { WorkflowEditor: o, WorkflowHistory: r };
 export {
-  m as default
+  t 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("./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) {
+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) {
   c.installed || (l.forEach((o2) => {
     r2.component(o2.name, o2);
-  }), r2.use(o));
+  }), r2.use(e));
 };
-exports.wfEditorCn = e, exports.wfEditorEn = t, exports.WorkflowEditor = i, exports.WorkflowHistory = s, exports.wfEditorInstall = c, exports.wfEditorStore = n;
+exports.wfEditorStore = o, exports.wfEditorCn = t, exports.wfEditorEn = s, exports.WorkflowEditor = i, exports.WorkflowHistory = n, exports.wfEditorInstall = c;

package/lib/style.css

@@ -1,29 +1,4 @@
-@charset "UTF-8";.main[data-v-6658e14b] {
-  position: relative;
-  display: flex;
-  height: 100%;
-  width: 100%;
-}
-.canvas-container[data-v-6658e14b] {
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-section[data-v-6658e14b] {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-}
-.canvas[data-v-6658e14b] {
-  overflow: auto;
-  height: 100%;
-  padding: 0;
-  min-height: 500px;
-}
-.canvas[data-v-6658e14b] .draggable {
-  cursor: default;
-}
+@charset "UTF-8";
 .button-area[data-v-865cb4ee] {
   padding: 5px 0 5px 5px;
   height: 50px;
@@ -125,56 +100,31 @@ pre[data-v-865cb4ee] {
 /* 去掉卡片和tab表头的距离 */
 [data-v-865cb4ee] .el-tabs__header {
   margin: 0;
-}li[data-v-7e8a1cf6] {
-  color: #333;
-}
-.context-menu[data-v-7e8a1cf6] {
-  position: fixed;
-  background: #fff;
-  z-index: 999;
-  padding: 5px;
-  margin: 0;
-}
-.context-menu li[data-v-7e8a1cf6] {
-  min-width: 75px;
-  height: 28px;
-  line-height: 28px;
-  text-align: left;
-  color: #1a1a1a;
-}
-.context-menu li[data-v-7e8a1cf6]:hover {
-  background: #42b983;
-  color: #fff;
-}
-.context-menu[data-v-7e8a1cf6] {
-  border: 1px solid #eee;
-  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
-  border-radius: 5px;
+}.main[data-v-6658e14b] {
+  position: relative;
+  display: flex;
+  height: 100%;
+  width: 100%;
 }
-li[data-v-7e8a1cf6] {
-  list-style-type: none;
+.canvas-container[data-v-6658e14b] {
+  position: relative;
+  height: 100%;
+  width: 100%;
 }
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
+section[data-v-6658e14b] {
   overflow: hidden;
-}
-h3[data-v-0d941719] {
-  color: #999999;
-  margin: 0;
+  width: 100%;
+  height: 100%;
   padding: 0;
-  font-weight: bold;
-  font-size: 18px;
 }
-.el-button[data-v-0d941719] {
-  margin: 6px 0;
-  min-width: 110px;
-  padding: 9px 15px;
+.canvas[data-v-6658e14b] {
+  overflow: auto;
+  height: 100%;
+  padding: 0;
+  min-height: 500px;
 }
-.el-button i[data-v-0d941719] {
-  padding-right: 4px;
+.canvas[data-v-6658e14b] .draggable {
+  cursor: default;
 }
 #svg{
     /* border:1px solid red; */
@@ -205,13 +155,38 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
+}
+.passed-tache .task-tache{
+    fill: green;
+    stroke: green;
+    stroke-width: 2;
+}
+.current-tache .task-tache{
+    fill: red;
+    stroke: red;
+    stroke-width: 2;
+}
+.passed-tache text{
+    fill:white;
+}
+.current-tache text{
+    fill: white
 }
-
-.start{
-    stroke-width: 0;
-    fill:#fff;
-}
-
+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; */
     background: white;
@@ -241,22 +216,52 @@ g text{
     fill: #fff;
     stroke: #666;
     stroke-width: 2;
+}
+li[data-v-7e8a1cf6] {
+  color: #333;
 }
-.passed-tache .task-tache{
-    fill: green;
-    stroke: green;
-    stroke-width: 2;
+.context-menu[data-v-7e8a1cf6] {
+  position: fixed;
+  background: #fff;
+  z-index: 999;
+  padding: 5px;
+  margin: 0;
 }
-.current-tache .task-tache{
-    fill: red;
-    stroke: red;
-    stroke-width: 2;
+.context-menu li[data-v-7e8a1cf6] {
+  min-width: 75px;
+  height: 28px;
+  line-height: 28px;
+  text-align: left;
+  color: #1a1a1a;
 }
-.passed-tache text{
-    fill:white;
+.context-menu li[data-v-7e8a1cf6]:hover {
+  background: #42b983;
+  color: #fff;
 }
-.current-tache text{
-    fill: white
+.context-menu[data-v-7e8a1cf6] {
+  border: 1px solid #eee;
+  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+li[data-v-7e8a1cf6] {
+  list-style-type: none;
+}
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.start{
+    stroke-width: 0;
+    fill:#fff;
+}
+
+.decision{
+    stroke-width: 0;
+    fill:#fff;
 }
 
 .decision{
@@ -269,11 +274,33 @@ g text{
     fill:#fff;
 }
 
-.decision{
+.human-decision{
     stroke-width: 0;
     fill:#fff;
 }
 
+.decision{
+    stroke-width: 0;
+    fill:#fff;
+}
+.tooltip[data-v-ac799913] {
+  position: absolute;
+  background: #fff;
+  min-width: 150px;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+  padding: 12px;
+  z-index: 2000;
+  color: #606266;
+  line-height: 1.4;
+  text-align: justify;
+  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);
+}
 .transition[data-v-a1576cad] {
   stroke-width: 2;
   stroke: #666;
@@ -293,14 +320,11 @@ g text{
   pointer-events: none;
 }
 
-.human-decision{
-    stroke-width: 0;
-    fill:#fff;
-}
-
-.decision{
-    stroke-width: 0;
-    fill:#fff;
+.virtual-transition{
+    stroke-width: 2;
+    stroke:#000;
+    stroke-dasharray: 2 2;
+    fill: none;
 }
 
 .selection-region{
@@ -318,20 +342,13 @@ g text{
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-0e44fe8c] .el-dialog__body{
-  padding-top: 0
-}
-
-.virtual-transition{
-    stroke-width: 2;
-    stroke:#000;
-    stroke-dasharray: 2 2;
-    fill: none;
+.properties-editor[data-v-1651d82a] .el-dialog__body {
+  padding-top: 0;
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor[data-v-1651d82a] .el-dialog__body {
-  padding-top: 0;
+.properties-editor[data-v-0e44fe8c] .el-dialog__body{
+  padding-top: 0
 }
 
 /* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
@@ -348,24 +365,7 @@ g text{
 .properties-editor[data-v-adb7c2ff] .el-dialog__body{
   padding-top: 0
 }
-.tooltip[data-v-ac799913] {
-  position: absolute;
-  background: #fff;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid #ebeef5;
-  padding: 12px;
-  z-index: 2000;
-  color: #606266;
-  line-height: 1.4;
-  text-align: justify;
-  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);
-}
+
 .joint-container{
     stroke-width: 0;
     fill: #fff;
@@ -381,27 +381,29 @@ g text{
     fill-opacity: 1;
 }
 
-.control-point[data-v-788fb0ae]{
-    fill: #fff;
-    cursor: move;
-}
-.control-line[data-v-788fb0ae] {
-    stroke-dasharray: 2 2
+.resizer{
+    stroke: blue;
+    stroke-width: 1;
+    fill: white;
 }
 
-.control-point[data-v-0ff53a0a]{
+.el-checkbox[data-v-c019538f]{
+    margin-left: 20px;
+}
+
+.percent[data-v-a219b06d] {
+  margin-left: 10px;
+  color: red;
+  font-size: 1.2em;
+}
+
+.control-point[data-v-788fb0ae]{
     fill: #fff;
     cursor: move;
 }
-.control-line[data-v-0ff53a0a] {
+.control-line[data-v-788fb0ae] {
     stroke-dasharray: 2 2
 }
-
-.resizer{
-    stroke: blue;
-    stroke-width: 1;
-    fill: white;
-}
 ul[data-v-39fac73c] {
   margin: 0;
   padding: 0;
@@ -412,14 +414,12 @@ ul li[data-v-39fac73c] {
 .sub-li[data-v-39fac73c] {
   padding-left: 10px;
 }
-.percent[data-v-a219b06d] {
-  margin-left: 10px;
-  color: red;
-  font-size: 1.2em;
-}
-
-.el-checkbox[data-v-c019538f]{
-    margin-left: 20px;
+.control-point[data-v-0ff53a0a]{
+    fill: #fff;
+    cursor: move;
+}
+.control-line[data-v-0ff53a0a] {
+    stroke-dasharray: 2 2
 }
 
 .el-checkbox[data-v-5fb29fef]{
@@ -452,10 +452,6 @@ ul li[data-v-39fac73c] {
   padding-left: 20px;
   overflow: auto;
 }
-span[data-v-4e29ea06] {
-  margin: 0 10px;
-}
-
 .el-tag + .el-tag[data-v-aaf48aff] {
     margin-left: 10px;
 }
@@ -478,6 +474,17 @@ select[data-v-aaf48aff]{
     line-height: 32px;
 }
 
+span[data-v-4e29ea06] {
+  margin: 0 10px;
+}
+
+.searchResult {
+  color:red
+}
+.inline-input-custom {
+  width : 90%
+}
+
 #custTabOne[data-v-7feaa2da] .el-tabs__content {
   height: 500px;
 }
@@ -496,13 +503,6 @@ select[data-v-aaf48aff]{
   padding-left: 20px;
   overflow: auto;
 }
-
-.searchResult {
-  color:red
-}
-.inline-input-custom {
-  width : 90%
-}
 #appContainer[data-v-9458f3bf] .el-checkbox {
   display: block;
 }

package/lib/workflow-editor/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
-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 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 t = { WorkflowEditor: o, WorkflowHistory: e, wfEditorStore: r };
-module.exports = t;
+const e = { WorkflowEditor: o, WorkflowHistory: r };
+module.exports = e;

package/package.json

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

package/vite.config.js

@@ -17,21 +17,8 @@ const devDependencies = Object.keys(packageJson.devDependencies)
 
 const arr = [...dependencies, ...devDependencies]
 
-//https://vitejs.dev/config/
+// https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({
-  plugins: [
-    vue(),
-    vueJsx(),
-    terser({
-      compress: {
-        drop_debugger: ['production'].includes(mode),
-        pure_funcs: ['production'].includes(mode) ? ['console.log', 'console.info', 'console.warn', 'console.debug'] : [],
-      },
-      output: {
-        // 对于console.error，不做任何处理
-        comments: (node, comment) => comment.type === 'error'
-      }
-    })],
   build: {
     target: 'modules',
     // //打包文件目录
@@ -40,20 +27,10 @@ export default defineConfig(({ mode }) => ({
     minify: false,
     //css分离
     cssCodeSplit: false,
-    outDir: 'lib',
-    // 开启vite打包的库模式
-    lib: {
-      entry: './packages/index.js'
-    },
-    // outDir: "lib",//输出文件名称
-    // lib: {
-    //   entry: path.resolve(__dirname, "./packages/index.js"),//指定组件编译入口文件
-    //   name: "workflow-editor",//打包js名称
-    //   fileName: "workflow-editor",
-    // },//库编译模式配置
     rollupOptions: {
-      //确保外部化处理那些你不想打包进库的依赖
-       external: (id) => {
+      //忽略打包vue文件
+      // external: ['vue', 'jsx', 'tsx'],
+      external: (id) => {
         for (let i = 0; i < arr.length; i++) {
           if (id.startsWith(arr[i])) {
             // console.log('id===', id)
@@ -62,11 +39,10 @@ export default defineConfig(({ mode }) => ({
         }
       },
       input: ['./packages/index.js'],
-      output: 
-      [
+      output:[
         {
           format: 'umd',
-          name: 'wfEditor',
+          name: 'AgilebuilderUi',
           //不用打包成.es.js,这里我们想把它打包成.js
           entryFileNames: 'index.full.min.js',
           //让打包目录和源码目录对应,如果为false就会只生成一个js文件包含所有内容
@@ -96,26 +72,32 @@ export default defineConfig(({ mode }) => ({
           preserveModulesRoot: 'packages'
         }
       ]
-      // {
-      //   //在UMD构建模式下为这些外部化的依赖提供一个全局变量
-      //   globals: {
-      //     vue: "Vue",
-      //   },
-      //   //定义生成css的名称
-      //   assetFileNames: (assetInfo) => {
-      //     if (assetInfo.name == 'style.css')
-      //       return 'workflow-editor.css';//打包的css名称
-      //     return assetInfo.name;
-      //   },
-      // },
-    },//rollup打包配置
+    },
+    outDir: 'lib',
+    // 开启vite打包的库模式
+    lib: {
+      entry: './packages/index.js'
+    }
   },
-  //...其他配置项
+  plugins: [
+    vue(),
+    vueJsx(),
+    terser({
+      compress: {
+        drop_debugger: ['production'].includes(mode),
+        pure_funcs: ['production'].includes(mode) ? ['console.log', 'console.info', 'console.warn', 'console.debug'] : [],
+      },
+      output: {
+        // 对于console.error，不做任何处理
+        comments: (node, comment) => comment.type === 'error'
+      }
+    })
+  ],
   resolve: {
-    //忽略后缀名的配置选项,添加.vue选项时要记得原本默认忽略的选项也要手动写入
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
     }
   }
-}));
+}));
+