workflow-editor 0.0.81-up-tmp11 → 0.0.81-up-tmp15

package/es/workflow-editor/src/util.mjs

@@ -0,0 +1,180 @@
+import { getLanguageWithLocale as t } from "agilebuilder-ui";
+import o from "../../src/i18n/i18n.mjs";
+import e from "./json-object-templates/auto-task.mjs";
+import n from "./json-object-templates/copy-task.mjs";
+import i from "./json-object-templates/decision.mjs";
+import r from "./json-object-templates/end.mjs";
+import s from "./json-object-templates/fork.mjs";
+import a from "./json-object-templates/human-decision.mjs";
+import c from "./json-object-templates/human-task.mjs";
+import l from "./json-object-templates/join.mjs";
+import d from "./json-object-templates/process.mjs";
+import f from "./json-object-templates/start.mjs";
+import m from "./json-object-templates/subprocess.mjs";
+import u from "./json-object-templates/transition.mjs";
+function p() {
+  return window.$store;
+}
+function h() {
+  return window.$locale ? o.locale = window.$locale : o.locale = "cn", o.global;
+}
+function w() {
+  return [{ name: "Start", label: h().t("workflowEditor.task.start"), icon: "start", type: "primary", class: "", round: true, width: 48, height: 48, color: "#67C23A" }, { name: "HumanTask", label: h().t("workflowEditor.task.humanTask"), icon: "human-task", type: "", class: "", round: true, width: 80, height: 40, color: "#000" }, { name: "Decision", label: h().t("workflowEditor.task.conditionJudgment"), icon: "decision", type: "", class: "", round: true, width: 48, height: 48, color: "#999" }, { name: "Fork", label: h().t("workflowEditor.task.branch"), icon: "fork", type: "", class: "", round: true, width: 48, height: 48, color: "#999" }, { name: "Join", label: h().t("workflowEditor.task.converge"), icon: "join", type: "", class: "", round: true, width: 48, height: 48, color: "#999" }, { name: "Subprocess", label: h().t("workflowEditor.task.subprocess"), icon: "subprocess", type: "warning", class: "", round: true, width: 80, height: 40, color: "#0777D4" }, { name: "HumanDecision", label: h().t("workflowEditor.task.manualJudgment"), icon: "human-decision", type: "", class: "", round: true, width: 48, height: 48, color: "#999" }, { name: "CopyTask", label: h().t("workflowEditor.task.cCtask"), icon: "copy-task", type: "", class: "", round: true, width: 80, height: 40, color: "#0777D4" }, { name: "AutoTask", label: h().t("workflowEditor.task.autoTask"), icon: "human-task", type: "", class: "", round: true, width: 80, height: 40, color: "#0777D4" }, { name: "End", label: h().t("workflowEditor.task.end"), icon: "end", type: "danger", class: "workflow-end-button", round: true, width: 48, height: 48, color: "#F56C6C" }];
+}
+function g(t2) {
+  const o2 = w().filter((o3) => o3.name === t2);
+  return o2.length > 0 ? o2[0] : null;
+}
+function y(t2, o2) {
+  switch ("string" == typeof t2 && (t2 = function(t3) {
+    return p().getters["wfEditor/taches"].filter((o3) => o3.id === t3)[0];
+  }(t2)), o2) {
+    case "up":
+    case "top":
+      return { position: "up", x: t2.x + t2.width / 2, y: t2.y };
+    case "right":
+      return { position: "right", x: t2.x + t2.width, y: t2.y + t2.height / 2 };
+    case "down":
+    case "bottom":
+      return { position: "down", x: t2.x + t2.width / 2, y: t2.y + t2.height };
+    case "left":
+      return { position: "left", x: t2.x, y: t2.y + t2.height / 2 };
+    default:
+      return { position: "", x: t2.x, y: t2.y };
+  }
+}
+function k(t2) {
+  const o2 = document.getElementById("svg").getScreenCTM();
+  return { x: (t2.clientX - o2.e) / o2.a, y: (t2.clientY - o2.f) / o2.d };
+}
+function b(t2, o2) {
+  if (!t2 || !o2)
+    return {};
+  const { x: e2, y: n2 } = t2, { x: i2, y: r2 } = o2;
+  var s2 = { x: 0, y: 0, width: Math.abs(i2 - e2), height: Math.abs(r2 - n2) };
+  return e2 <= i2 ? n2 <= r2 ? (s2.x = e2, s2.y = n2) : (s2.x = e2, s2.y = r2) : n2 >= r2 ? (s2.x = i2, s2.y = r2) : (s2.x = i2, s2.y = n2), s2;
+}
+function j(t2) {
+  let o2, e2, n2, i2;
+  o2 = e2 = 1e4, n2 = i2 = 0;
+  for (const r2 of t2)
+    o2 > r2.x && (o2 = r2.x), e2 > r2.y && (e2 = r2.y), n2 < r2.x + r2.width && (n2 = r2.x + r2.width), i2 < r2.y + r2.height && (i2 = r2.y + r2.height);
+  return { x: o2 - 10, y: e2 - 10, width: n2 - o2 + 20, height: i2 - e2 + 20 };
+}
+function E(t2, o2) {
+  T(), o2.$parent.region = null, o2.$parent.showHistory || (o2.model.isSelected = true), p().getters["wfEditor/selectedTaches"].push(o2.model);
+  const e2 = k(t2);
+  p().commit("wfEditor/setMouseDownPosition", e2), p().commit("wfEditor/setMovingTache", true);
+}
+function x() {
+  p().commit("wfEditor/setMovingTache", false), p().commit("wfEditor/setMouseDownPosition", null);
+}
+function T() {
+  !function() {
+    for (const t2 of p().getters["wfEditor/selectedTaches"])
+      t2.isSelected = false;
+    p().commit("wfEditor/setSelectedTaches", []);
+  }(), p().getters["wfEditor/selectedTransition"] && (p().getters["wfEditor/selectedTransition"].isSelected = false), p().commit("wfEditor/setSelectedTransition", null);
+}
+function S(t2) {
+  Object.getOwnPropertyNames(t2).forEach(function(o2) {
+    if ("object" == typeof t2[o2]) {
+      if (void 0 !== t2[o2]._text)
+        return void (t2[o2] = t2[o2]._text);
+      if (Object.keys(t2[o2]).length > 0)
+        S(t2[o2]);
+      else {
+        ["variables", "events", "autoFilledFields"].indexOf(o2) < 0 && (t2[o2] = "");
+      }
+    }
+  });
+}
+function J(t2, o2) {
+  o2 || (o2 = []), Array.isArray(o2) || (o2 = [o2]);
+  const e2 = p().getters["wfEditor/taches"];
+  for (const n2 of o2) {
+    const o3 = { id: n2.attr.id, name: n2.attr.name, x: n2.g.x, y: n2.g.y, width: n2.g.width, height: n2.g.height, type: t2, isSelected: false, ref: n2 };
+    e2.push(o3);
+  }
+}
+function D(t2) {
+  t2 && (J("HumanTask", t2.humanTask), J("Decision", t2.decision), J("Fork", t2.fork), J("Join", t2.join), J("Subprocess", t2.subprocess), J("HumanDecision", t2.humanDecision), J("CopyTask", t2.copyTask), J("AutoTask", t2.autoTask), J("Start", t2.start), J("End", t2.end), function(t3, o2) {
+    o2 || (o2 = []), Array.isArray(o2) || (o2 = [o2]);
+    const e2 = p().getters["wfEditor/transitions"];
+    for (const t4 of o2) {
+      const o3 = t4.basicProperties.remark || "", n2 = { id: t4.attr.id, startJoint: { parent: P(t4.attr.from), position: t4.g.fromJoint }, endJoint: { parent: P(t4.attr.to), position: t4.g.toJoint }, isSelected: false, remark: o3, lineInfo: { type: t4.g.lineType, controlPoint: null }, ref: t4 };
+      if ("CurveLine" === t4.g.lineType && t4.g.coordinate) {
+        const o4 = t4.g.coordinate.split(",");
+        n2.lineInfo.controlPoint = { x: o4[0], y: o4[1] };
+      } else if ("BrokenLine" === t4.g.lineType && t4.g.coordinate) {
+        const o4 = t4.g.coordinate.split(";"), e3 = [];
+        o4.forEach((t5) => {
+          if ("" !== t5) {
+            const o5 = t5.split(",");
+            e3.push({ x: o5[0], y: o5[1] });
+          }
+        }), n2.lineInfo.controlPoint = e3;
+      }
+      e2.push(n2);
+    }
+  }(0, t2.transition));
+}
+function M(t2) {
+  return p().getters["wfEditor/transitions"].filter((o2) => o2.startJoint.parent.id === t2 || o2.ref.attr.from === t2);
+}
+function v(t2) {
+  return p().getters["wfEditor/transitions"].filter((o2) => o2.endJoint.parent.id === t2 || o2.ref.attr.to === t2);
+}
+function P(t2) {
+  const o2 = p().getters["wfEditor/taches"].filter((o3) => o3.ref.attr.id === t2);
+  return o2.length > 0 ? o2[0] : null;
+}
+function A(t2) {
+  return JSON.parse(JSON.stringify(t2));
+}
+function C(t2, o2) {
+  v(o2).map((o3) => {
+    o3.ref.attr.to = t2, o3.ref.attr.id = "flow_" + o3.ref.attr.from + "_to_" + o3.ref.attr.to, o3.id = o3.ref.attr.id;
+  });
+  return M(o2).map((o3) => {
+    o3.ref.attr.from = t2, o3.ref.attr.id = "flow_" + o3.ref.attr.from + "_to_" + o3.ref.attr.to, o3.id = o3.ref.attr.id;
+  }), true;
+}
+function I(t2) {
+  const o2 = P(t2.formModel.id);
+  if (o2 && o2.id !== t2.id)
+    return t2.$alert(h().t("workflowEditorMessage.itIsTheSameAsTheExistingLink", { name: o2.name })), void (t2.formModel.id = t2.id);
+  C(t2.formModel.id, t2.id), t2.$emit("update:id", t2.formModel.id);
+}
+function _(o2, e2) {
+  let n2 = "";
+  if (o2.processI18n && o2.model.ref && o2.model.ref.basicProperties && o2.model.ref.basicProperties.i18nKey) {
+    const i2 = o2.model.ref.basicProperties.i18nKey, r2 = t();
+    o2.processI18n[i2] && (n2 = o2.processI18n[i2][r2]), n2 || (n2 = e2);
+  } else
+    n2 = e2;
+  return n2;
+}
+const H = { newProcess: d, newHumanTask: c, newDecision: i, newStart: f, newEnd: r, newTransition: u, newSubprocess: m, newFork: s, newJoin: l, newHumanDecision: a, newCopyTask: n, newAutoTask: e };
+export {
+  T as clearAllSelectedComponents,
+  A as deepCopy,
+  x as endDragTache,
+  v as findIncomingTransitionsByTacheId,
+  M as findOutgoingTransitionsByTacheId,
+  P as findTacheById,
+  g as getComponentInfo,
+  w as getComponentList,
+  h as getI18n,
+  y as getJoint,
+  k as getMousePosition,
+  j as getRealRegion,
+  b as getVirtualRegion,
+  D as initializeProcessData,
+  H as processTemplate,
+  S as removeTextProperty,
+  E as startDragTache,
+  C as updateTransitionsWhenTacheIdChanged,
+  I as validateTacheCode,
+  _ as watchShowName
+};

package/es/workflow-editor/src/workflow-editor.vue.mjs

@@ -0,0 +1,205 @@
+import "./assets/wf-editor-icons.mjs";
+import { mapGetters as e, mapMutations as t } from "vuex";
+import { getComponentInfo as s, processTemplate as o, initializeProcessData as i, removeTextProperty as n, getMousePosition as r } from "./util.mjs";
+import a from "./main/toolbox.vue.mjs";
+import l from "./main/canvas.vue.mjs";
+import d from "./main/icon-svg.vue.mjs";
+import c from "./main/context-menu.vue.mjs";
+import h from "xml-js";
+import f from "./process-service.mjs";
+import m from "file-saver";
+import p from "prismjs";
+import u from "./main/admin-save-dialog.vue.mjs";
+import { authApi as w, http as b } from "agilebuilder-ui";
+import { resolveComponent as y, resolveDirective as g, openBlock as C, createElementBlock as v, createVNode as x, withCtx as P, createBlock as k, createTextVNode as S, toDisplayString as V, createCommentVNode as I, withDirectives as $, createElementVNode as D, Fragment as E, renderList as T, withModifiers as M, normalizeStyle as A } from "vue";
+import "./workflow-editor.vue2.mjs";
+import F from "../../_virtual/_plugin-vue_export-helper.mjs";
+const X = { name: "WorkflowEditor", components: { WorkflowCanvas: l, Toolbox: a, IconSvg: d, ContextMenu: c, AdminSaveDialog: u }, props: { code: { type: String, default: null }, version: { type: Number, default: null }, id: { type: Number, default: null }, readonly: { type: Boolean, default: false }, systemCode: { type: String, default: null }, systemPublishVersion: { type: Number, default: null }, pageCode: { type: String, default: null } }, data: function() {
+  return { activeTab: "canvas", count: 1, currentPosition: { x: 0, y: 0 }, process: null, definitionId: null, xml: "", contextMenuPosition: null, isAdminSave: false, isShowEnable: false, defVersion: 0, workflowDefVersionList: [], isShowDefVersionList: false, canvasKey: 0 };
+}, computed: { ...e("wfEditor", ["componentToDraw", "taches", "selectedTaches", "transitions", "contextMenuVisible", "systemVersion", "tableCode", "pageCode", "sourceComponentType"]), ...e(["sidebar"]), componentInfo() {
+  return s(this.componentToDraw);
+} }, watch: { activeTab(e2) {
+  "xml" === e2 && (this.xml = this.getProcessXml(), this.$nextTick(function() {
+    p.highlightElement(this.$refs.xml);
+  }));
+}, sourceComponentType(e2) {
+  e2 && this.copyTache();
+} }, created: function() {
+  w.setSessionCache("wf_editor_systemVersion", this.systemPublishVersion), this.setPageCode(this.pageCode), this.systemCode && this.setSystemCode(this.systemCode), this.systemCode && this.getWorkflowDefVersionList(), this.clearCanvas(), this.id && (this.definitionId = this.id), this.code, this.id, this.code || this.id ? this.initShowDefinitionWhenUpdate(this.id, this.code, this.version) : (this.isShowEnable = false, window.$store.commit("wfEditor/setIsCreateDefinition", "true"), this.process = o.newProcess(), i(this.process));
+}, mounted: function() {
+}, methods: { ...t("wfEditor", ["setComponentToDraw", "clearCanvas", "setContextMenuVisible", "setSystemCode", "setSystemVersion", "setProcessCode", "setPageCode", "setSourceComponentForCopy"]), initShowDefinitionWhenUpdate(e2, t2, s2) {
+  window.$store.commit("wfEditor/setIsCreateDefinition", "false");
+  let o2 = this.baseAPI + "/wf-editor/open-xmls/with-definitions";
+  o2 = this.packageUrlParam(o2, e2, t2, s2), this.$http.get(o2).then((e3) => {
+    const t3 = e3.definition;
+    if (t3) {
+      this.definitionId = t3.id, this.defVersion = t3.definitionVersion, window.$store.commit("wfEditor/setTableCode", t3.tableCode);
+      const e4 = t3.enable;
+      this.isShowEnable = !e4 || "ENABLE" !== e4, t3.formCode ? window.$store.commit("wfEditor/setIsHandleCreate", "true") : window.$store.commit("wfEditor/setIsHandleCreate", "false");
+    }
+    const s3 = e3.xml;
+    this.initProcessByXml(s3, t3), this.canvasKey++;
+  });
+}, getWorkflowDefVersionList() {
+  this.isShowDefVersionList = false;
+  let e2 = { wfDefinitionCode: this.code, publishVersion: this.systemPublishVersion };
+  b.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/workflow-definitions/version-list", e2).then((e3) => {
+    this.workflowDefVersionList = e3, e3.length > 0 && !this.defVersion && (this.defVersion = e3[0].definitionVersion), this.isShowDefVersionList = true;
+  });
+}, showContextMenu(e2) {
+  this.setContextMenuVisible(true);
+  const t2 = this.$refs.wfEditor.getBoundingClientRect();
+  this.contextMenuPosition = { x: e2.clientX - t2.x, y: e2.clientY - t2.y };
+}, changeDefVersion(e2) {
+  const t2 = this.workflowDefVersionList.filter((t3) => t3.definitionVersion === e2);
+  if (t2 && t2.length > 0) {
+    const e3 = t2[0];
+    this.clearCanvas(), this.initShowDefinitionWhenUpdate(e3.id, e3.code, e3.definitionVersion), this.$emit("changeDefVersion", e3);
+  }
+}, initProcessByXml(e2, t2) {
+  if (e2) {
+    const t3 = { nativeType: true, attributesKey: "attr", compact: true, ignoreComment: true, spaces: 4 }, s2 = h.xml2js(e2, t3);
+    n(s2.process), this.process = s2.process;
+  } else
+    this.process = o.newProcess(), this.initProcessBaseInfo(t2);
+  this.process && this.process.properties && this.process.properties.basicProperties ? this.setSystemCode(this.process.properties.basicProperties.systemCode) : this.setSystemCode(this.systemCode), this.process && this.process.attr && this.setProcessCode(this.process.attr.code), this.fetchFormFields(), this.clearCanvas(), i(this.process), this.count = this.getMaxCount() + 1;
+}, initProcessBaseInfo(e2) {
+  this.process.attr.name = e2.name, this.process.attr.code = e2.code, this.process.properties.basicProperties.systemCode = e2.systemCode, this.pageCode && (this.process.properties.parameterSettings || (this.process.properties.parameterSettings = {}), this.process.properties.parameterSettings.doTask || (this.process.properties.parameterSettings.doTask = {}), this.process.properties.parameterSettings.doTask.url = "page:" + this.pageCode);
+}, fetchFormFields() {
+  const e2 = this.process.properties.basicProperties, t2 = e2.formCode, s2 = e2.formVersion;
+  this.tableCode, t2 && "" !== t2 && s2 ? f.fetchFormFields(e2.formCode, e2.formVersion, null, this.systemPublishVersion) : this.tableCode && f.fetchFormFields(null, null, this.tableCode, this.systemPublishVersion);
+}, packageUrlParam: (e2, t2, s2, o2) => (t2 ? e2 = e2 + "?id=" + t2 : s2 && (e2 = e2 + "?code=" + s2 + "&version=" + o2), e2), getProcessXml() {
+  const e2 = { start: [], humanTask: [], decision: [], transition: [], fork: [], join: [], subprocess: [], humanDecision: [], copyTask: [], autoTask: [], end: [] };
+  e2.attr = this.process.attr, e2.properties = this.process.properties, this.taches.map((t3) => {
+    const s2 = t3.type;
+    e2[s2.charAt(0).toLowerCase() + s2.substring(1)].push(t3.ref), t3.ref.g = { x: t3.x, y: t3.y, width: t3.width, height: t3.height };
+  }), this.transitions.map((t3) => {
+    if (e2.transition.push(t3.ref), t3.ref.g = { fromJoint: t3.startJoint.position, toJoint: t3.endJoint.position, coordinate: "", lineType: t3.lineInfo.type }, "CurveLine" === t3.lineInfo.type && t3.lineInfo.controlPoint)
+      t3.ref.g.coordinate = t3.lineInfo.controlPoint.x + "," + t3.lineInfo.controlPoint.y;
+    else if ("BrokenLine" === t3.lineInfo.type && t3.lineInfo.controlPoint) {
+      let e3 = "";
+      t3.lineInfo.controlPoint.forEach((t4) => {
+        e3 += t4.x + "," + t4.y + ";";
+      }), t3.ref.g.coordinate = e3;
+    }
+  });
+  let t2 = h.json2xml({ process: e2 }, { attributesKey: "attr", compact: true, ignoreComment: true, spaces: 4 });
+  return t2 = '<?xml version="1.0" encoding="utf-8"?>\n' + t2, t2;
+}, saveXml() {
+  const e2 = this.getProcessXml();
+  if (this.code || this.id || this.definitionId)
+    this.saveWf(e2, this.baseAPI + "/wf-editor/workflow-definitions/updates").then(() => {
+      this.isShowEnable = true, window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.$alert(this.$t("workflowEditorMessage.updateSuccessful"));
+    });
+  else {
+    const t2 = { xml: e2, publishVersion: this.systemPublishVersion };
+    this.$http.post(this.baseAPI + "/wf-editor/workflow-definitions", t2).then((e3) => {
+      this.isShowEnable = true, window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.definitionId = e3.id, this.$alert(this.$t("workflowEditorMessage.savedSuccessfully"));
+    });
+  }
+}, saveWf(e2, t2, s2) {
+  return new Promise((s3, o2) => {
+    const i2 = this.packageSaveXmlParam(e2);
+    this.$http.post(t2, i2).then((e3) => {
+      this.definitionId = e3.id, s3();
+    });
+  });
+}, packageSaveXmlParam(e2) {
+  const t2 = { xml: e2, publishVersion: this.systemPublishVersion };
+  return this.definitionId ? t2.id = this.definitionId : this.id ? t2.id = this.id : this.code && (t2.code = this.code, t2.version = this.version), t2;
+}, adminSave() {
+  const e2 = this.getProcessXml();
+  if (this.code || this.id || this.definitionId) {
+    const t2 = this.baseAPI + "/wf-editor/workflow-definitions/states", s2 = {};
+    this.definitionId ? s2.id = this.definitionId : this.id ? s2.id = this.id : this.code && (s2.code = this.code, s2.version = this.version), this.$http.post(t2, s2).then((t3) => {
+      "DRAFT" === t3 ? this.saveWf(e2, this.baseAPI + "/wf-editor/workflow-definitions/updates").then(() => {
+        this.isShowEnable = true, window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.$alert(this.$t("workflowEditorMessage.updateSuccessful"));
+      }) : this.isAdminSave = true;
+    });
+  } else {
+    const t2 = { xml: e2, publishVersion: this.systemPublishVersion };
+    this.$http.post(this.baseAPI + "/wf-editor/workflow-definitions", t2).then((e3) => {
+      this.isShowEnable = true, window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.definitionId = e3.id, this.$alert(this.$t("workflowEditorMessage.savedSuccessfully"));
+    });
+  }
+}, updateWfVersion() {
+  const e2 = this.getProcessXml();
+  this.saveWf(e2, this.baseAPI + "/wf-editor/workflow-definitions/update-version").then(() => {
+    window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.isAdminSave = false, this.$alert(this.$t("workflowEditorMessage.updateVersionSuccessful"));
+  });
+}, addWfVersion() {
+  const e2 = this.getProcessXml();
+  this.saveWf(e2, this.baseAPI + "/wf-editor/workflow-definitions/updates").then(() => {
+    this.isShowEnable = true, window.$store.commit("wfEditor/setIsCreateDefinition", "false"), this.isAdminSave = false, this.$alert(this.$t("workflowEditorMessage.addVersionSuccessful"));
+  });
+}, exportProcessFromClient() {
+  const e2 = new Blob([this.getProcessXml()], { type: "text/xml;charset=utf-8" });
+  m.saveAs(e2, this.process.attr.name + ".xml");
+}, exportProcess() {
+  const e2 = this.getProcessXml();
+  this.$http({ method: "post", url: this.baseAPI + "/wf-editor/save-as-xmls", data: { xmlContent: e2 } }).then((e3) => {
+    this.download(e3), this.$t("workflowEditorMessage.exportSucceeded");
+  });
+}, download(e2) {
+  if (!e2)
+    return;
+  const t2 = window.URL.createObjectURL(new Blob([e2])), s2 = document.createElement("a");
+  s2.style.display = "none", s2.href = t2, s2.setAttribute("download", "myXml.xml"), document.body.appendChild(s2), s2.click();
+}, uploadSuccess(e2, t2, s2) {
+  const o2 = e2;
+  this.clearCanvas(), this.initProcessByXml(o2), this.$refs.upload.clearFiles();
+}, getCurrentPosition(e2) {
+  if (this.componentToDraw) {
+    const t2 = this.$refs.wfEditor.getBoundingClientRect();
+    this.currentPosition = { x: e2.clientX - t2.x - 22, y: e2.clientY - t2.y - 22 };
+  }
+}, startDrag(e2) {
+  this.getCurrentPosition(e2);
+}, drag(e2) {
+  this.getCurrentPosition(e2);
+}, endDrag() {
+  this.componentToDraw && this.setComponentToDraw("");
+}, addTache(e2) {
+  if (this.componentToDraw) {
+    const t2 = r(e2), s2 = o["new" + this.componentToDraw]();
+    s2.attr.id = this.componentToDraw.charAt(0).toLowerCase() + this.componentToDraw.substring(1) + "_" + this.count;
+    const i2 = { id: s2.attr.id, name: s2.attr.name, x: t2.x - this.componentInfo.width / 2, y: t2.y - this.componentInfo.height / 2, width: this.componentInfo.width, height: this.componentInfo.height, type: this.componentToDraw, isSelected: false };
+    i2.ref = s2, this.taches.push(i2), this.count++;
+  }
+}, copyTache() {
+  const e2 = this.selectedTaches && this.selectedTaches.length > 0 ? this.selectedTaches[0] : null;
+  if (!e2)
+    return;
+  const t2 = JSON.parse(JSON.stringify(e2)), s2 = t2.type, o2 = t2.ref;
+  o2.attr.id = s2.charAt(0).toLowerCase() + s2.substring(1) + "_" + this.count, o2.attr.name = e2.name + "_copy", t2.id = o2.attr.id, t2.name = o2.attr.name, t2.x = e2.x + 20, t2.y = e2.y + 20, t2.isSelected = false, t2.ref = o2, this.taches.push(t2), this.count++, this.setSourceComponentForCopy("");
+}, clearStatus() {
+  this.componentToDraw && this.setComponentToDraw("");
+}, getMaxCount() {
+  let e2 = 0;
+  return this.taches.map((t2) => {
+    let s2 = t2.id.substring(t2.id.lastIndexOf("_") + 1);
+    s2 = +s2, e2 < s2 && (e2 = s2);
+  }), e2;
+}, selectProcessFile() {
+  this.$refs.processFile.click();
+}, openXmlFromClient() {
+  if ("" === this.$refs.processFile.value)
+    return;
+  const e2 = this.$refs.processFile.files[0], t2 = new FileReader();
+  t2.readAsText(e2);
+  const s2 = this;
+  t2.onload = function() {
+    s2.clearCanvas(), s2.initProcessByXml(t2.result), s2.$refs.processFile.value = "";
+  };
+}, enableWf() {
+  this.definitionId && this.$http.put(this.baseAPI + "/wf-editor/workflow-editors/" + this.definitionId + "/states").then(() => {
+    this.getWorkflowDefVersionList(), this.isShowEnable = false, this.$alert(this.$t("workflowEditorMessage.enabledSuccessfully"));
+  });
+} } }, _ = { style: { width: "100%", height: "100%", background: "#fff" } }, L = { key: 0, class: "xml line-numbers" };
+const W = F(X, [["render", function(e2, t2, s2, o2, i2, n2) {
+  const r2 = y("el-button"), a2 = y("el-option"), l2 = y("el-select"), d2 = y("el-row"), c2 = y("toolbox"), h2 = y("workflow-canvas"), f2 = y("el-tab-pane"), m2 = y("el-tabs"), p2 = y("icon-svg"), u2 = y("context-menu"), w2 = y("admin-save-dialog"), b2 = g("permission");
+  return C(), v("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)) }, [x(d2, { class: "button-area" }, { default: P(() => [s2.readonly ? I("", true) : (C(), k(r2, { key: 0, type: "primary", onClick: n2.saveXml }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.save")), 1)]), _: 1 }, 8, ["onClick"])), s2.readonly ? I("", true) : $((C(), k(r2, { key: 1, class: "button--default", onClick: n2.adminSave }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.adminSave")), 1)]), _: 1 }, 8, ["onClick"])), [[b2, "wf.workflowDefinition.adminSave"]]), e2.isShowEnable ? (C(), k(r2, { key: 2, class: "button--default", onClick: n2.enableWf }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.enable")), 1)]), _: 1 }, 8, ["onClick"])) : I("", true), x(r2, { class: "button--default", onClick: n2.exportProcessFromClient }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.export")), 1)]), _: 1 }, 8, ["onClick"]), s2.readonly ? I("", true) : (C(), k(r2, { key: 3, class: "button--default", onClick: n2.selectProcessFile }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.open")) + " ", 1), D("input", { ref: "processFile", type: "file", name: "processFile", accept: ".xml", style: { display: "none" }, onChange: t2[0] || (t2[0] = (...e3) => n2.openXmlFromClient && n2.openXmlFromClient(...e3)) }, null, 544)]), _: 1 }, 8, ["onClick"])), x(r2, { type: "primary", class: "button--return", onClick: t2[1] || (t2[1] = (t3) => e2.$emit("back")) }, { default: P(() => [S(V(e2.$t("workflowEditorPublicModel.return")), 1)]), _: 1 }), e2.isShowDefVersionList ? (C(), k(l2, { key: 4, modelValue: e2.defVersion, "onUpdate:modelValue": t2[2] || (t2[2] = (t3) => e2.defVersion = t3), style: { "padding-left": "10px", width: "200px" }, onChange: n2.changeDefVersion }, { default: P(() => [(C(true), v(E, null, T(e2.workflowDefVersionList, (e3) => (C(), k(a2, { key: e3.definitionVersion, label: e3.definitionVersion, value: e3.definitionVersion }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "onChange"])) : I("", true)]), _: 1 }), D("div", { class: "main", onMousedown: t2[4] || (t2[4] = (...e3) => n2.startDrag && n2.startDrag(...e3)), onMousemove: t2[5] || (t2[5] = (...e3) => n2.drag && n2.drag(...e3)), onMouseup: t2[6] || (t2[6] = (...e3) => n2.endDrag && n2.endDrag(...e3)), onMouseleave: t2[7] || (t2[7] = (...e3) => n2.clearStatus && n2.clearStatus(...e3)) }, [s2.readonly ? I("", true) : (C(), k(c2, { key: 0, class: "toolbox", onselectstart: "return false", oncontextmenu: "return false" })), (C(), v("section", { class: "tabBox", key: e2.canvasKey }, [x(m2, { modelValue: e2.activeTab, "onUpdate:modelValue": t2[3] || (t2[3] = (t3) => e2.activeTab = t3), class: "tabs" }, { default: P(() => [x(f2, { label: e2.$t("workflowEditorPublicModel.flowChart"), name: "canvas", class: "tab-pane" }, { default: P(() => [x(h2, { onselectstart: "return false", process: e2.process, class: "canvas", onMouseup: n2.addTache, onContextmenu: M(n2.showContextMenu, ["prevent"]) }, null, 8, ["process", "onMouseup", "onContextmenu"])]), _: 1 }, 8, ["label"]), x(f2, { label: "XML", name: "xml", class: "tab-pane" }, { default: P(() => [D("div", _, ["xml" === e2.activeTab ? (C(), v("pre", L, [D("code", { ref: "xml", class: "language-xml" }, V(e2.xml), 513)])) : I("", true)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]))], 32), e2.componentToDraw ? (C(), k(p2, { key: 0, style: A({ height: n2.componentInfo.height, width: n2.componentInfo.width, color: n2.componentInfo.color, left: e2.currentPosition.x + "px", top: e2.currentPosition.y + "px" }), icon: n2.componentInfo.icon, class: "component-icon" }, null, 8, ["style", "icon"])) : I("", true), e2.contextMenuVisible ? (C(), k(u2, { key: 1, style: A({ position: "absolute", left: e2.contextMenuPosition.x + "px", top: e2.contextMenuPosition.y + "px" }) }, null, 8, ["style"])) : I("", true), e2.isAdminSave ? (C(), k(w2, { key: 2, onClose: t2[8] || (t2[8] = (t3) => e2.isAdminSave = false), onUpdate: n2.updateWfVersion, onAdd: n2.addWfVersion }, null, 8, ["onUpdate", "onAdd"])) : I("", true)], 544);
+}], ["__scopeId", "data-v-865cb4ee"]]);
+export {
+  W as default
+};

package/es/workflow-editor/src/workflow-editor.vue2.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/es/workflow-editor/src/workflow-history.vue.mjs

@@ -0,0 +1,35 @@
+import "./assets/wf-editor-icons.mjs";
+import { mapGetters as s, mapMutations as t } from "vuex";
+import { processTemplate as e, initializeProcessData as o, removeTextProperty as r } from "./util.mjs";
+import i from "./main/wf-history-canvas.vue.mjs";
+import n from "xml-js";
+import a from "./api.mjs";
+import { resolveComponent as c, openBlock as l, createElementBlock as h, createElementVNode as u, createVNode as m, withModifiers as p } from "vue";
+import "./workflow-history.vue2.mjs";
+import d from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = { name: "WorkflowHistory", components: { WfHistoryCanvas: i }, props: { id: { type: Number, default: null } }, data: function() {
+  return { process: null, histories: [], currentTasks: [], allProcessI18n: null };
+}, computed: { ...s("wfEditor", ["componentToDraw", "taches", "transitions", "contextMenuVisible"]), ...s(["sidebar"]) }, watch: {}, created: function() {
+  this.showHistory();
+}, mounted: function() {
+}, methods: { ...a, ...t("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((s2) => {
+    this.allProcessI18n = s2;
+    const t2 = this.baseAPI + "/wf-editor/instance-histories/" + this.id;
+    this.$http.get(t2).then((t3) => {
+      let e2;
+      this.initProcessByXml(t3.xml), t3.histories && t3.histories.length > 0 && (e2 = t3.histories[0].bundleCode), !e2 && t3.currentTasks && t3.currentTasks.length > 0 && (e2 = t3.currentTasks[0].bundleCode), e2 && this.setProcessI18n(s2[e2]), this.histories = t3.histories, this.currentTasks = t3.currentTasks;
+    });
+  }) : (this.process = e.newProcess(), o(this.process));
+}, showContextMenu(s2) {
+}, initProcessByXml(s2) {
+  const t2 = n.xml2js(s2, { nativeType: true, attributesKey: "attr", compact: true, ignoreComment: true, spaces: 4 });
+  r(t2.process), this.process = t2.process, o(this.process);
+} } }, w = { ref: "wfEditor", style: { position: "relative", height: "100%" } }, v = { class: "main" };
+const y = d(f, [["render", function(s2, t2, e2, o2, r2, i2) {
+  const n2 = c("wf-history-canvas");
+  return l(), h("div", w, [u("div", v, [u("section", null, [m(n2, { onselectstart: "return false", process: s2.process, histories: s2.histories, "current-tasks": s2.currentTasks, "all-process-i18n": s2.allProcessI18n, "show-history": true, class: "canvas", onContextmenu: p(i2.showContextMenu, ["prevent"]) }, null, 8, ["process", "histories", "current-tasks", "all-process-i18n", "onContextmenu"])])])], 512);
+}], ["__scopeId", "data-v-6658e14b"]]);
+export {
+  y as default
+};

package/es/workflow-editor/src/workflow-history.vue2.mjs

@@ -0,0 +1,4 @@
+const t = "";
+export {
+  t as default
+};

package/lib/_virtual/_plugin-vue_export-helper.cjs

@@ -0,0 +1,7 @@
+"use strict";
+module.exports = (t, o) => {
+  const s = t.__vccOpts || t;
+  for (const [t2, c] of o)
+    s[t2] = c;
+  return s;
+};

package/lib/index.cjs

@@ -0,0 +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) {
+  c.installed || (l.forEach((o2) => {
+    r2.component(o2.name, o2);
+  }), r2.use(o));
+};
+exports.wfEditorCn = e, exports.wfEditorEn = t, exports.WorkflowEditor = i, exports.WorkflowHistory = s, exports.wfEditorInstall = c, exports.wfEditorStore = n;