@web-utils/component 2.8.19 → 2.8.21

package/flow-designer/index.mjs

@@ -1,15 +1,15 @@
-var Me = Object.defineProperty, Oe = Object.defineProperties;
-var Pe = Object.getOwnPropertyDescriptors;
+var Oe = Object.defineProperty, Pe = Object.defineProperties;
+var De = Object.getOwnPropertyDescriptors;
 var Q = Object.getOwnPropertySymbols;
-var De = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ee = (e, i, t) => i in e ? Me(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, f = (e, i) => {
+var Be = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
+var ee = (e, i, t) => i in e ? Oe(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, f = (e, i) => {
   for (var t in i || (i = {}))
-    De.call(i, t) && ee(e, t, i[t]);
+    Be.call(i, t) && ee(e, t, i[t]);
   if (Q)
     for (var t of Q(i))
-      Be.call(i, t) && ee(e, t, i[t]);
+      je.call(i, t) && ee(e, t, i[t]);
   return e;
-}, T = (e, i) => Oe(e, Pe(i));
+}, T = (e, i) => Pe(e, De(i));
 var u = (e, i, t) => new Promise((n, s) => {
   var r = (m) => {
     try {
@@ -26,30 +26,34 @@ var u = (e, i, t) => new Promise((n, s) => {
   }, o = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(r, a);
   o((t = t.apply(e, i)).next());
 });
-import { assign as y, isArray as je, forEach as Ve, isObject as Re, isFunction as ze, some as k } from "min-dash";
-import { is as V } from "bpmn-js/lib/util/ModelUtil";
-import { isExpanded as Ue, isEventSubProcess as Ne } from "bpmn-js/lib/util/DiUtil";
+import { assign as y, isArray as Re, forEach as Ve, isObject as ze, isFunction as Ue, some as k } from "min-dash";
+import { is as R } from "bpmn-js/lib/util/ModelUtil";
+import { isExpanded as Ne, isEventSubProcess as Ge } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as Ge } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as qe } from "diagram-js/lib/util/Mouse";
-import xe from "bpmn-js/lib/features/palette/PaletteProvider";
+import { getChildLanes as qe } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as Ke } from "diagram-js/lib/util/Mouse";
+import Se from "bpmn-js/lib/features/palette/PaletteProvider";
 import K from "diagram-js/lib/features/auto-place/AutoPlace";
-import { getMid as Ke, asTRBL as Je } from "diagram-js/lib/layout/LayoutUtil";
-import { fastClone as g, isBlank as Ze } from "@web-utils/core";
+import { getMid as Je, asTRBL as Ze } from "diagram-js/lib/layout/LayoutUtil";
+import { fastClone as g, isBlank as He, isArray as te } from "@web-utils/core";
 import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-import He from "bpmn-js/lib/Modeler";
-import We from "bpmn-js-token-simulation";
+import "bpmn-js/dist/assets/bpmn-js.css";
+import "bpmn-js/dist/assets/diagram-js.css";
+import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";
+import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
+import We from "bpmn-js/lib/Modeler";
 import Xe from "bpmn-js/lib/features/drilldown/index.js";
-import Ye from "x2js";
-import Se from "highlight.js/lib/core";
-import Qe from "highlight.js/lib/languages/xml";
-import et from "highlight.js/lib/languages/json";
-import tt from "@web-utils/component/highlight-j-s";
+import Ye from "bpmn-js-token-simulation";
+import Qe from "x2js";
+import Te from "highlight.js/lib/core";
+import et from "highlight.js/lib/languages/xml";
+import tt from "highlight.js/lib/languages/json";
+import nt from "@web-utils/component/highlight-j-s";
 import "@web-utils/component/highlight-j-s/style.css";
 function J(e, i, t, n, s, r, a, o, m, F, p, l, c) {
   e = e || {}, n.registerProvider(this), this._contextPad = n, this._modeling = s, this._elementFactory = r, this._connect = a, this._create = o, this._popupMenu = m, this._canvas = F, this._rules = p, this._translate = l, e.autoPlace !== !1 && (this._autoPlace = i.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
     const C = E.context.shape;
-    if (!qe(E) || !n.isOpen(C))
+    if (!Ke(E) || !n.isOpen(C))
       return;
     const d = n.getEntries(C);
     d.replace && d.replace.action.click(E, C);
@@ -114,8 +118,8 @@ J.prototype.getContextPadEntries = function(e) {
       t.splitLane(v, b), i.open(v, !0);
     };
   }
-  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ue(c)) {
-    const b = Ge(e);
+  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ne(c)) {
+    const b = qe(e);
     y(l, {
       "lane-insert-above": {
         group: "lane-insert-above",
@@ -158,7 +162,7 @@ J.prototype.getContextPadEntries = function(e) {
       }
     });
   }
-  V(c, "bpmn:FlowNode") && (V(c, "bpmn:EventBasedGateway") ? y(l, {
+  R(c, "bpmn:FlowNode") && (R(c, "bpmn:EventBasedGateway") ? y(l, {
     "append.receive-task": d("bpmn:ReceiveTask", "bpmn-icon-receive-task", p("Append ReceiveTask")),
     "append.message-intermediate-event": d(
       "bpmn:IntermediateCatchEvent",
@@ -184,11 +188,11 @@ J.prototype.getContextPadEntries = function(e) {
       p("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
-  }) : te(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
+  }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
     "append.compensation-activity": d("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
       isForCompensation: !0
     })
-  }) : !V(c, "bpmn:EndEvent") && !c.isForCompensation && !te(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ne(c) && y(l, {
+  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ge(c) && y(l, {
     "append.end-event": d("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
     "append.gateway": d("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
     "append.append-task": d("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
@@ -232,11 +236,11 @@ J.prototype.getContextPadEntries = function(e) {
         dragstart: E
       }
     }
-  }), V(c, "bpmn:Group") && y(l, {
+  }), R(c, "bpmn:Group") && y(l, {
     "append.text-annotation": d("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
-  let _ = m.allowed("elements.delete", { elements: [e] });
-  return je(_) && (_ = _[0] === e), _ && y(l, {
+  let I = m.allowed("elements.delete", { elements: [e] });
+  return Re(I) && (I = I[0] === e), I && y(l, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
@@ -247,7 +251,7 @@ J.prototype.getContextPadEntries = function(e) {
     }
   }), l;
 };
-function te(e, i, t) {
+function ne(e, i, t) {
   const n = e.$instanceOf(i);
   let s = !1;
   const r = e.eventDefinitions || [];
@@ -255,22 +259,22 @@ function te(e, i, t) {
     a.$type === t && (s = !0);
   }), n && s;
 }
-const nt = {
+const it = {
   __init__: ["contextPadProvider"],
   contextPadProvider: ["type", J]
 };
 function L(e, i, t, n, s, r, a, o, m) {
-  xe.call(this, e, i, t, n, s, r, a, o, m, 2e3), this._create = i, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
+  Se.call(this, e, i, t, n, s, r, a, o, m, 2e3), this._create = i, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
 }
 const Z = function() {
 };
-Z.prototype = xe.prototype;
+Z.prototype = Se.prototype;
 Z.prototype.getPaletteEntries = function() {
   const e = {}, i = this._create, t = this._elementFactory, n = this._spaceTool, s = this._lassoTool, r = this._handTool, a = this._globalConnect, o = this._translate;
   function m(l, c, E, M, C) {
-    function d(_) {
+    function d(I) {
       const b = t.createShape(y({ type: l }, C));
-      C && (b.businessObject.di.isExpanded = C.isExpanded), i.start(_, b);
+      C && (b.businessObject.di.isExpanded = C.isExpanded), i.start(I, b);
     }
     const O = l.replace(/^bpmn:/, "");
     return {
@@ -345,10 +349,7 @@ Z.prototype.getPaletteEntries = function() {
         }
       }
     },
-    "tool-separator": {
-      group: "tools",
-      separator: !0
-    },
+    "tool-separator": { group: "tools", separator: !0 },
     "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
     "create.intermediate-event": m("bpmn:IntermediateThrowEvent", "event", "bpmn-icon-intermediate-event-none", o("Create Intermediate/Boundary Event")),
     "create.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
@@ -357,6 +358,7 @@ Z.prototype.getPaletteEntries = function() {
     // 'create.sql-task': createAction('user:MySql', 'activity', 'bpmn-icon-mysql', 'MySQL 节点'),
     // 'create.data-object': createAction('bpmn:DataObjectReference', 'data-object', 'bpmn-icon-data-object', translate('Create DataObjectReference')),
     // 'create.data-store': createAction('bpmn:DataStoreReference', 'data-store', 'bpmn-icon-data-store', translate('Create DataStoreReference')),
+    "activity-separator": { group: "activity", separator: !0 },
     "create.subprocess-expanded": {
       group: "activity",
       className: "bpmn-icon-subprocess-expanded",
@@ -381,14 +383,14 @@ Z.prototype.getPaletteEntries = function() {
 L.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
 L.prototype = new Z();
 L.prototype.constructor = L;
-const it = {
+const st = {
   __init__: ["customPalette"],
   customPalette: ["type", L]
 };
-function Te(e, i) {
+function Ce(e, i) {
   K.call(this, e, i, 3e3), e.on("autoPlace", 3e3, function(t) {
     const n = t.shape, s = t.source;
-    return ot(s, n);
+    return lt(s, n);
   }), this.append = function(t, n, s) {
     e.fire("autoPlace.start", {
       source: t,
@@ -406,7 +408,7 @@ function Te(e, i) {
     }), a;
   };
 }
-function st(e) {
+function rt(e) {
   return {
     top: e.y,
     right: e.x + (e.width || 0),
@@ -414,36 +416,36 @@ function st(e) {
     left: e.x
   };
 }
-function rt(e) {
+function at(e) {
   return {
     x: Math.round(e.x),
     y: Math.round(e.y)
   };
 }
-function at(e) {
-  return rt({
+function ot(e) {
+  return at({
     x: e.x + (e.width || 0) / 2,
     y: e.y + (e.height || 0) / 2
   });
 }
-function ot(e, i, t) {
+function lt(e, i, t) {
   t || (t = {});
-  const n = t.defaultDistance || 50, s = at(e), r = st(e);
+  const n = t.defaultDistance || 50, s = ot(e), r = rt(e);
   return {
     x: s.x,
     y: r.bottom + n + i.height / 2
   };
 }
-const Ce = function() {
+const Ie = function() {
 };
-Ce.prototype = K.prototype;
-Te.prototype = new Ce();
-Te.prototype.constructor = K;
-const lt = 200, pt = 100;
+Ie.prototype = K.prototype;
+Ce.prototype = new Ie();
+Ce.prototype.constructor = K;
+const pt = 200, mt = 100;
 function _e(e, i, t) {
-  e.on("autoPlace", pt, function(n) {
+  e.on("autoPlace", mt, function(n) {
     const s = n.shape, r = n.source;
-    return mt(r, s);
+    return ct(r, s);
   }), e.on("autoPlace.end", function(n) {
     t.scrollToElement(n.shape);
   }), this.append = function(n, s, r) {
@@ -462,18 +464,18 @@ function _e(e, i, t) {
   };
 }
 _e.$inject = ["eventBus", "modeling", "canvas"];
-function mt(e, i) {
-  const t = lt, n = Ke(e);
+function ct(e, i) {
+  const t = pt, n = Je(e);
   return {
-    x: Je(e).right + t + i.width / 2,
+    x: Ze(e).right + t + i.width / 2,
     y: n.y
   };
 }
-const ct = {
+const ut = {
   __init__: ["autoPlaceSelectionBehavior"],
   autoPlace: ["type", _e]
 };
-var ut = function() {
+var dt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -591,8 +593,8 @@ var ut = function() {
       expression: "businessObject.isExpanded"
     }
   })], 1) : e._e()], 2)], 1);
-}, dt = [];
-const ft = {
+}, ft = [];
+const bt = {
   name: "ElementBaseInfo",
   props: {
     id: String,
@@ -631,25 +633,25 @@ const ft = {
       i.updateProperties(this.element, { [e]: this.businessObject[e] });
     }
   }
-}, ne = {};
-var bt = /* @__PURE__ */ h(
-  ft,
-  ut,
+}, ie = {};
+var yt = /* @__PURE__ */ h(
+  bt,
   dt,
+  ft,
   !1,
-  yt,
+  ht,
   null,
   null,
   null
 );
-function yt(e) {
-  for (let i in ne)
-    this[i] = ne[i];
+function ht(e) {
+  for (let i in ie)
+    this[i] = ie[i];
 }
-const ht = /* @__PURE__ */ function() {
-  return bt.exports;
+const vt = /* @__PURE__ */ function() {
+  return yt.exports;
 }();
-var vt = function() {
+var gt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -680,8 +682,8 @@ var vt = function() {
       expression: "documentation"
     }
   })], 1)])]);
-}, gt = [];
-const Et = {
+}, Et = [];
+const Ft = {
   name: "ElementOtherConfig",
   props: {
     id: String,
@@ -697,7 +699,7 @@ const Et = {
     id: {
       immediate: !0,
       handler() {
-        if (Ze(this.element))
+        if (He(this.element))
           this.documentation = "";
         else {
           const { businessObject: { documentation: e } } = this.element;
@@ -717,25 +719,25 @@ const Et = {
       }
     }
   }
-}, ie = {};
-var Ft = /* @__PURE__ */ h(
-  Et,
-  vt,
+}, se = {};
+var xt = /* @__PURE__ */ h(
+  Ft,
   gt,
+  Et,
   !1,
-  xt,
+  St,
   null,
   null,
   null
 );
-function xt(e) {
-  for (let i in ie)
-    this[i] = ie[i];
+function St(e) {
+  for (let i in se)
+    this[i] = se[i];
 }
-const St = /* @__PURE__ */ function() {
-  return Ft.exports;
+const Tt = /* @__PURE__ */ function() {
+  return xt.exports;
 }();
-var Tt = function() {
+var Ct = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -885,7 +887,7 @@ var Tt = function() {
       expression: "userTaskForm.priority"
     }
   })], 1)], 1);
-}, Ct = [];
+}, It = [];
 const _t = {
   name: "UserTask",
   props: {
@@ -928,25 +930,25 @@ const _t = {
       e === "candidateUsers" || e === "candidateGroups" ? i[e] = this.userTaskForm[e] && this.userTaskForm[e].length ? this.userTaskForm[e].join() : null : i[e] = this.userTaskForm[e] || null, this.bpmnInstances.modeling.updateProperties(this.element, i);
     }
   }
-}, se = {};
-var It = /* @__PURE__ */ h(
+}, re = {};
+var kt = /* @__PURE__ */ h(
   _t,
-  Tt,
   Ct,
+  It,
   !1,
-  kt,
+  At,
   null,
   null,
   null
 );
-function kt(e) {
-  for (let i in se)
-    this[i] = se[i];
+function At(e) {
+  for (let i in re)
+    this[i] = re[i];
 }
-const At = /* @__PURE__ */ function() {
-  return It.exports;
+const wt = /* @__PURE__ */ function() {
+  return kt.exports;
 }();
-var wt = function() {
+var $t = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -1085,8 +1087,8 @@ var wt = function() {
       expression: "scriptTaskForm.resultVariable"
     }
   })], 1)], 1);
-}, $t = [];
-const Lt = {
+}, Lt = [];
+const Mt = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -1126,25 +1128,25 @@ const Lt = {
       e.scriptFormat = this.scriptTaskForm.scriptFormat || null, e.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (e.script = this.scriptTaskForm.script || null, e.resource = null) : (e.resource = this.scriptTaskForm.resource || null, e.script = null), this.bpmnInstances.modeling.updateProperties(this.element, e);
     }
   }
-}, re = {};
-var Mt = /* @__PURE__ */ h(
-  Lt,
-  wt,
+}, ae = {};
+var Ot = /* @__PURE__ */ h(
+  Mt,
   $t,
+  Lt,
   !1,
-  Ot,
+  Pt,
   null,
   null,
   null
 );
-function Ot(e) {
-  for (let i in re)
-    this[i] = re[i];
+function Pt(e) {
+  for (let i in ae)
+    this[i] = ae[i];
 }
-const Pt = /* @__PURE__ */ function() {
-  return Mt.exports;
+const Dt = /* @__PURE__ */ function() {
+  return Ot.exports;
 }();
-var Dt = function() {
+var Bt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -1263,8 +1265,8 @@ var Dt = function() {
       expression: "newMessageForm.name"
     }
   })], 1)], 1)], 1)], 1);
-}, Bt = [];
-const jt = {
+}, jt = [];
+const Rt = {
   name: "ReceiveTask",
   props: {
     id: String,
@@ -1316,25 +1318,25 @@ const jt = {
       });
     }
   }
-}, ae = {};
+}, oe = {};
 var Vt = /* @__PURE__ */ h(
-  jt,
-  Dt,
+  Rt,
   Bt,
+  jt,
   !1,
-  Rt,
+  zt,
   null,
   null,
   null
 );
-function Rt(e) {
-  for (let i in ae)
-    this[i] = ae[i];
+function zt(e) {
+  for (let i in oe)
+    this[i] = oe[i];
 }
-const zt = /* @__PURE__ */ function() {
+const Ut = /* @__PURE__ */ function() {
   return Vt.exports;
 }();
-var Ut = function() {
+var Nt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1397,10 +1399,10 @@ var Ut = function() {
   }) : e._e()], 1), t(e.witchTaskComponent, e._b({
     tag: "Component"
   }, "Component", e.$props, !1))], 1)], 1);
-}, Nt = [];
-const Gt = {
+}, Gt = [];
+const qt = {
   name: "ElementTaskConfig",
-  components: { UserTask: At, ScriptTask: Pt, ReceiveTask: zt },
+  components: { UserTask: wt, ScriptTask: Dt, ReceiveTask: Ut },
   props: {
     id: String,
     element: Object,
@@ -1448,25 +1450,25 @@ const Gt = {
       !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, f({}, this.taskConfigForm));
     }
   }
-}, oe = {};
-var qt = /* @__PURE__ */ h(
-  Gt,
-  Ut,
+}, le = {};
+var Kt = /* @__PURE__ */ h(
+  qt,
   Nt,
+  Gt,
   !1,
-  Kt,
+  Jt,
   null,
   null,
   null
 );
-function Kt(e) {
-  for (let i in oe)
-    this[i] = oe[i];
+function Jt(e) {
+  for (let i in le)
+    this[i] = le[i];
 }
-const Jt = /* @__PURE__ */ function() {
-  return qt.exports;
+const Zt = /* @__PURE__ */ function() {
+  return Kt.exports;
 }();
-var Zt = function() {
+var Ht = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1665,8 +1667,8 @@ var Zt = function() {
       expression: "loopInstanceForm.timeCycle"
     }
   })], 1) : e._e()] : e._e()], 2)], 1);
-}, Ht = [];
-const Wt = {
+}, Wt = [];
+const Xt = {
   name: "ElementMultiInstance",
   inject: {
     prefix: "prefix"
@@ -1777,25 +1779,25 @@ const Wt = {
       !i && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[e] = this.loopInstanceForm[e], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, n);
     }
   }
-}, le = {};
-var Xt = /* @__PURE__ */ h(
-  Wt,
-  Zt,
+}, pe = {};
+var Yt = /* @__PURE__ */ h(
+  Xt,
   Ht,
+  Wt,
   !1,
-  Yt,
+  Qt,
   null,
   null,
   null
 );
-function Yt(e) {
-  for (let i in le)
-    this[i] = le[i];
+function Qt(e) {
+  for (let i in pe)
+    this[i] = pe[i];
 }
-const Qt = /* @__PURE__ */ function() {
-  return Xt.exports;
+const en = /* @__PURE__ */ function() {
+  return Yt.exports;
 }();
-var en = function() {
+var tn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1964,8 +1966,8 @@ var en = function() {
       expression: "flowConditionForm.resource"
     }
   })], 1) : e._e()] : e._e()], 2)], 1);
-}, tn = [];
-const nn = {
+}, nn = [];
+const sn = {
   name: "FlowCondition",
   props: {
     id: String,
@@ -2036,25 +2038,25 @@ const nn = {
       e === "expression" ? r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : i === "inlineScript" ? (r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t, language: s }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource: n, language: s })), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: r });
     }
   }
-}, pe = {};
-var sn = /* @__PURE__ */ h(
-  nn,
-  en,
+}, me = {};
+var rn = /* @__PURE__ */ h(
+  sn,
   tn,
+  nn,
   !1,
-  rn,
+  an,
   null,
   null,
   null
 );
-function rn(e) {
-  for (let i in pe)
-    this[i] = pe[i];
+function an(e) {
+  for (let i in me)
+    this[i] = me[i];
 }
-const an = /* @__PURE__ */ function() {
-  return sn.exports;
+const on = /* @__PURE__ */ function() {
+  return rn.exports;
 }();
-var on = function() {
+var ln = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -2221,7 +2223,7 @@ var on = function() {
       expression: "modelObjectForm.name"
     }
   })], 1)], 1)], 1)], 1);
-}, ln = [function() {
+}, pn = [function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("span", [t("i", {
     staticClass: "el-icon-menu",
@@ -2240,7 +2242,7 @@ var on = function() {
     }
   }), e._v("信号列表")]);
 }];
-const pn = {
+const mn = {
   name: "SignalAndMessage",
   props: {
     bpmnInstances: Object
@@ -2286,29 +2288,29 @@ const pn = {
       this.modelVisible = !1, this.initDataList();
     }
   }
-}, me = {};
-var mn = /* @__PURE__ */ h(
-  pn,
-  on,
+}, ce = {};
+var cn = /* @__PURE__ */ h(
+  mn,
   ln,
+  pn,
   !1,
-  cn,
+  un,
   null,
   null,
   null
 );
-function cn(e) {
-  for (let i in me)
-    this[i] = me[i];
+function un(e) {
+  for (let i in ce)
+    this[i] = ce[i];
 }
-const un = /* @__PURE__ */ function() {
-  return mn.exports;
+const dn = /* @__PURE__ */ function() {
+  return cn.exports;
 }();
-function Ie(e, i, t, n) {
+function ke(e, i, t, n) {
   const s = /* @__PURE__ */ Object.create(null);
   switch (s.event = i.event, t && (s.id = i.id), i.listenerType) {
     case "scriptListener":
-      s.script = fn(e, i, n);
+      s.script = bn(e, i, n);
       break;
     case "expressionListener":
       s.expression = i.expression;
@@ -2319,22 +2321,22 @@ function Ie(e, i, t, n) {
     default:
       s.class = i.class;
   }
-  if (i.fields && (s.fields = i.fields.map((r) => dn(e, r, n))), t && i.event === "timeout" && i.eventDefinitionType) {
+  if (i.fields && (s.fields = i.fields.map((r) => fn(e, r, n))), t && i.event === "timeout" && i.eventDefinitionType) {
     const r = e.moddle.create("bpmn:FormalExpression", {
       body: i.eventTimeDefinitions
     }), a = e.moddle.create("bpmn:TimerEventDefinition", {
-      id: `TimerEventDefinition_${bn(8)}`,
+      id: `TimerEventDefinition_${yn(8)}`,
       [`time${i.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: r
     });
     s.eventDefinitions = [a];
   }
   return e.moddle.create(`${n}:${t ? "TaskListener" : "ExecutionListener"}`, s);
 }
-function dn(e, i, t) {
+function fn(e, i, t) {
   const { name: n, fieldType: s, string: r, expression: a } = i, o = s === "string" ? { name: n, string: r } : { name: n, expression: a };
   return e.moddle.create(`${t}:Field`, o);
 }
-function fn(e, i, t) {
+function bn(e, i, t) {
   const { scriptType: n, scriptFormat: s, value: r, resource: a } = i, o = n === "inlineScript" ? { scriptFormat: s, value: r } : { scriptFormat: s, resource: a };
   return e.moddle.create(`${t}:Script`, o);
 }
@@ -2346,14 +2348,14 @@ function U(e, i, t) {
     extensionElements: n
   });
 }
-function bn(e = 8, i) {
+function yn(e = 8, i) {
   let t = "";
   const n = i || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
   for (let s = e; s > 0; --s)
     t += n[Math.floor(Math.random() * n.length)];
   return t;
 }
-function ke(e) {
+function Ae(e) {
   let i = f({}, e);
   if (e.script && (i = T(f(f({}, e), e.script), {
     scriptType: e.script.resource ? "externalScript" : "inlineScript"
@@ -2365,30 +2367,30 @@ function ke(e) {
   }
   return i;
 }
-function Ae(e) {
+function we(e) {
   var t;
   let i;
   return e.class && (i = "classListener"), e.expression && (i = "expressionListener"), e.delegateExpression && (i = "delegateExpressionListener"), e.script && (i = "scriptListener"), T(f(f({}, g(e)), (t = e.script) != null ? t : {}), {
     listenerType: i
   });
 }
-const we = {
+const $e = {
   classListener: "Java 类",
   expressionListener: "表达式",
   delegateExpressionListener: "代理表达式",
   scriptListener: "脚本"
-}, yn = {
+}, hn = {
   create: "创建",
   assignment: "指派",
   complete: "完成",
   delete: "删除",
   update: "更新",
   timeout: "超时"
-}, $e = {
+}, Le = {
   string: "字符串",
   expression: "表达式"
 };
-var hn = function() {
+var vn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -2963,8 +2965,8 @@ var hn = function() {
       expression: "listenerFieldForm.expression"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, vn = [];
-const gn = {
+}, gn = [];
+const En = {
   name: "ElementListeners",
   inject: {
     prefix: "prefix",
@@ -2992,8 +2994,8 @@ const gn = {
       // 监听器所在下标，-1 为新增
       editingListenerFieldIndex: -1,
       // 字段所在下标，-1 为新增
-      listenerTypeObject: we,
-      fieldTypeObject: $e
+      listenerTypeObject: $e,
+      fieldTypeObject: Le
     };
   },
   watch: {
@@ -3009,13 +3011,13 @@ const gn = {
   methods: {
     resetListenersList() {
       var e, i, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => Ae(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
     },
     // 打开 监听器详情 侧边栏
     openListenerForm(e, i) {
       return u(this, null, function* () {
         var t;
-        e ? (this.listenerForm = ke(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
+        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
           fieldType: n.string ? "string" : "expression"
         })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
@@ -3056,30 +3058,30 @@ const gn = {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const i = Ie(this.bpmnInstances, this.listenerForm, !1, this.prefix);
+        const i = ke(this.bpmnInstances, this.listenerForm, !1, this.prefix);
         this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((a) => a.$type !== `${this.prefix}:ExecutionListener`)) != null ? r : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     }
   }
-}, ce = {};
-var En = /* @__PURE__ */ h(
-  gn,
-  hn,
+}, ue = {};
+var Fn = /* @__PURE__ */ h(
+  En,
   vn,
+  gn,
   !1,
-  Fn,
+  xn,
   null,
   null,
   null
 );
-function Fn(e) {
-  for (let i in ce)
-    this[i] = ce[i];
+function xn(e) {
+  for (let i in ue)
+    this[i] = ue[i];
 }
-const xn = /* @__PURE__ */ function() {
-  return En.exports;
+const Sn = /* @__PURE__ */ function() {
+  return Fn.exports;
 }();
-var Sn = function() {
+var Tn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -3245,8 +3247,8 @@ var Sn = function() {
       expression: "propertyForm.value"
     }
   })], 1)], 1)], 1)], 1);
-}, Tn = [];
-const Cn = {
+}, Cn = [];
+const In = {
   name: "ElementProperties",
   inject: {
     prefix: "prefix",
@@ -3320,25 +3322,25 @@ const Cn = {
       });
     }
   }
-}, ue = {};
+}, de = {};
 var _n = /* @__PURE__ */ h(
-  Cn,
-  Sn,
+  In,
   Tn,
+  Cn,
   !1,
-  In,
+  kn,
   null,
   null,
   null
 );
-function In(e) {
-  for (let i in ue)
-    this[i] = ue[i];
+function kn(e) {
+  for (let i in de)
+    this[i] = de[i];
 }
-const kn = /* @__PURE__ */ function() {
+const An = /* @__PURE__ */ function() {
   return _n.exports;
 }();
-var An = function() {
+var wn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -4007,8 +4009,8 @@ var An = function() {
       expression: "fieldOptionForm.value"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, wn = [];
-const $n = {
+}, $n = [];
+const Ln = {
   name: "ElementForm",
   inject: {
     prefix: "prefix",
@@ -4139,25 +4141,25 @@ const $n = {
       });
     }
   }
-}, de = {};
-var Ln = /* @__PURE__ */ h(
-  $n,
-  An,
+}, fe = {};
+var Mn = /* @__PURE__ */ h(
+  Ln,
   wn,
+  $n,
   !1,
-  Mn,
+  On,
   null,
   null,
   null
 );
-function Mn(e) {
-  for (let i in de)
-    this[i] = de[i];
+function On(e) {
+  for (let i in fe)
+    this[i] = fe[i];
 }
-const On = /* @__PURE__ */ function() {
-  return Ln.exports;
+const Pn = /* @__PURE__ */ function() {
+  return Mn.exports;
 }();
-var Pn = function() {
+var Dn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -4816,8 +4818,8 @@ var Pn = function() {
       expression: "listenerFieldForm.expression"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, Dn = [];
-const Bn = {
+}, Bn = [];
+const jn = {
   name: "UserTaskListeners",
   inject: {
     prefix: "prefix",
@@ -4831,11 +4833,11 @@ const Bn = {
   data() {
     return {
       elementListenersList: [],
-      listenerEventTypeObject: yn,
-      listenerTypeObject: we,
+      listenerEventTypeObject: hn,
+      listenerTypeObject: $e,
       listenerFormModelVisible: !1,
       listenerForm: {},
-      fieldTypeObject: $e,
+      fieldTypeObject: Le,
       fieldsListOfListener: [],
       listenerFieldFormModelVisible: !1,
       // 监听器 注入字段表单弹窗 显示状态
@@ -4860,12 +4862,12 @@ const Bn = {
   methods: {
     resetListenersList() {
       var e, i, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => Ae(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
     },
     openListenerForm(e, i) {
       return u(this, null, function* () {
         var t;
-        e ? (this.listenerForm = ke(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
+        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
           fieldType: n.string ? "string" : "expression"
         })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
@@ -4885,7 +4887,7 @@ const Bn = {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const i = Ie(this.bpmnInstances, this.listenerForm, !0, this.prefix);
+        const i = ke(this.bpmnInstances, this.listenerForm, !0, this.prefix);
         this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((a) => a.$type !== `${this.prefix}:TaskListener`)) != null ? r : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     },
@@ -4912,11 +4914,11 @@ const Bn = {
       });
     }
   }
-}, fe = {};
-var jn = /* @__PURE__ */ h(
-  Bn,
-  Pn,
+}, be = {};
+var Rn = /* @__PURE__ */ h(
+  jn,
   Dn,
+  Bn,
   !1,
   Vn,
   null,
@@ -4924,13 +4926,13 @@ var jn = /* @__PURE__ */ h(
   null
 );
 function Vn(e) {
-  for (let i in fe)
-    this[i] = fe[i];
+  for (let i in be)
+    this[i] = be[i];
 }
-const Rn = /* @__PURE__ */ function() {
-  return jn.exports;
+const zn = /* @__PURE__ */ function() {
+  return Rn.exports;
 }();
-var zn = function() {
+var Un = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     class: ["process-panel__container", {
@@ -5037,30 +5039,37 @@ var zn = function() {
       "bpmn-instances": e.bpmnInstances,
       type: e.elementType
     }
-  })], 1) : e._e(), e.formVisible ? t("ElCollapseItem", {
-    key: "form",
-    attrs: {
-      name: "condition"
-    },
-    scopedSlots: e._u([{
-      key: "title",
-      fn: function() {
-        return [t("div", {
-          staticClass: "panel-tab__title"
-        }, [t("i", {
-          staticClass: "el-icon-s-order"
-        }), e._v("表单")])];
+  })], 1) : e._e(), e._t("form", function() {
+    return [e.formVisible ? t("ElCollapseItem", {
+      key: "form",
+      attrs: {
+        name: "condition"
       },
-      proxy: !0
-    }], null, !1, 1341048650)
-  }, [t("ElementForm", {
-    attrs: {
-      id: e.elementId,
-      "bpmn-instances": e.bpmnInstances,
-      element: e.element,
-      type: e.elementType
-    }
-  })], 1) : e._e(), e._t("task", function() {
+      scopedSlots: e._u([{
+        key: "title",
+        fn: function() {
+          return [t("div", {
+            staticClass: "panel-tab__title"
+          }, [t("i", {
+            staticClass: "el-icon-s-order"
+          }), e._v("表单")])];
+        },
+        proxy: !0
+      }], null, !1, 1341048650)
+    }, [t("ElementForm", {
+      attrs: {
+        id: e.elementId,
+        "bpmn-instances": e.bpmnInstances,
+        element: e.element,
+        type: e.elementType
+      }
+    })], 1) : e._e()];
+  }, {
+    id: e.elementId,
+    bpmnInstances: e.bpmnInstances,
+    element: e.element,
+    type: e.elementType
+  }), e._t("task", function() {
     return [e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", {
       key: "task",
       attrs: {
@@ -5204,21 +5213,26 @@ var zn = function() {
       element: e.element,
       "bpmn-instances": e.bpmnInstances
     }
-  })], 1)], 2)], 1);
-}, Un = [];
-const be = "test", Nn = {
+  })], 1), e._t("extend", null, {
+    id: e.elementId,
+    bpmnInstances: e.bpmnInstances,
+    element: e.element,
+    type: e.elementType
+  })], 2)], 1);
+}, Nn = [];
+const ye = "base", Gn = {
   name: "PropertiesPanel",
   components: {
-    UserTaskListeners: Rn,
-    ElementForm: On,
-    ElementProperties: kn,
-    ElementListeners: xn,
-    SignalAndMassage: un,
-    FlowCondition: an,
-    ElementMultiInstance: Qt,
-    ElementTask: Jt,
-    ElementOtherConfig: St,
-    ElementBaseInfo: ht
+    UserTaskListeners: zn,
+    ElementForm: Pn,
+    ElementProperties: An,
+    ElementListeners: Sn,
+    SignalAndMassage: dn,
+    FlowCondition: on,
+    ElementMultiInstance: en,
+    ElementTask: Zt,
+    ElementOtherConfig: Tt,
+    ElementBaseInfo: vt
   },
   componentName: "MyPropertiesPanel",
   provide() {
@@ -5247,7 +5261,7 @@ const be = "test", Nn = {
     return {
       element: {},
       bpmnInstances: {},
-      activeTab: be,
+      activeTab: ye,
       elementId: "",
       elementType: "",
       conditionFormVisible: !1,
@@ -5260,7 +5274,7 @@ const be = "test", Nn = {
   watch: {
     elementId: {
       handler() {
-        this.activeTab = be;
+        this.activeTab = ye;
       }
     }
   },
@@ -5301,24 +5315,24 @@ const be = "test", Nn = {
       i || (i = (t = this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Collaboration")), i && (this.element = i, this.elementId = i.id, this.elementType = i.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && i.source && i.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
     }
   }
-}, ye = {};
-var Gn = /* @__PURE__ */ h(
-  Nn,
-  zn,
+}, he = {};
+var qn = /* @__PURE__ */ h(
+  Gn,
   Un,
+  Nn,
   !1,
-  qn,
+  Kn,
   null,
   null,
   null
 );
-function qn(e) {
-  for (let i in ye)
-    this[i] = ye[i];
+function Kn(e) {
+  for (let i in he)
+    this[i] = he[i];
 }
-const Kn = /* @__PURE__ */ function() {
-  return Gn.exports;
-}(), Jn = (e, i, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+const Jn = /* @__PURE__ */ function() {
+  return qn.exports;
+}(), Zn = (e, i, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
 <bpmn2:definitions
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL"
@@ -5338,7 +5352,7 @@ const Kn = /* @__PURE__ */ function() {
     </bpmndi:BPMNPlane>
   </bpmndi:BPMNDiagram>
 </bpmn2:definitions>`);
-function Zn(e) {
+function Hn(e) {
   return function(i, t) {
     return t = t || {}, i = e[i] || i, i.replace(/{([^}]+)}/g, function(n, s) {
       let r = t[s];
@@ -5346,7 +5360,7 @@ function Zn(e) {
     });
   };
 }
-const Hn = {
+const Wn = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -5580,10 +5594,23 @@ const Hn = {
   "Specify more than one user as a comma separated list.": "指定多个用户作为逗号分隔的列表。",
   "Tasklist Configuration": "Tasklist配置",
   Startable: "启动",
-  "Specify more than one group as a comma separated list.": "指定多个组作为逗号分隔的列表。"
-}, Wn = "Camunda", Xn = "http://camunda.org/schema/1.0/bpmn", Yn = "camunda", Qn = {
+  "Specify more than one group as a comma separated list.": "指定多个组作为逗号分隔的列表。",
+  "Create element": "创建元素",
+  "Empty Pool": "空池",
+  Gateways: "网关",
+  "Sub Processes": "子流程",
+  "Append element": "追加元素",
+  "Boundary Event": "边界事件",
+  "Data Store Reference": "数据存储引用",
+  "Data Object Reference": "数据对象引用",
+  Participants: "参与者",
+  Events: "事件",
+  Data: "数据",
+  TextAnnotation: "文本说明",
+  Tasks: "任务"
+}, Xn = "Camunda", Yn = "http://camunda.org/schema/1.0/bpmn", Qn = "camunda", ei = {
   tagAlias: "lowerCase"
-}, ei = [], ti = [
+}, ti = [], ni = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -6699,17 +6726,17 @@ const Hn = {
       }
     ]
   }
-], ni = [], he = {
-  name: Wn,
-  uri: Xn,
-  prefix: Yn,
-  xml: Qn,
-  associations: ei,
-  types: ti,
-  emumerations: ni
-}, ii = "Activiti", si = "http://activiti.org/bpmn", ri = "activiti", ai = {
+], ii = [], ve = {
+  name: Xn,
+  uri: Yn,
+  prefix: Qn,
+  xml: ei,
+  associations: ti,
+  types: ni,
+  emumerations: ii
+}, si = "Activiti", ri = "http://activiti.org/bpmn", ai = "activiti", oi = {
   tagAlias: "lowerCase"
-}, oi = [], li = [
+}, li = [], pi = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -7807,17 +7834,17 @@ const Hn = {
       }
     ]
   }
-], pi = [], ve = {
-  name: ii,
-  uri: si,
-  prefix: ri,
-  xml: ai,
-  associations: oi,
-  types: li,
-  emumerations: pi
-}, mi = "Flowable", ci = "http://flowable.org/bpmn", ui = "flowable", di = {
+], mi = [], ge = {
+  name: si,
+  uri: ri,
+  prefix: ai,
+  xml: oi,
+  associations: li,
+  types: pi,
+  emumerations: mi
+}, ci = "Flowable", ui = "http://flowable.org/bpmn", di = "flowable", fi = {
   tagAlias: "lowerCase"
-}, fi = [], bi = [], yi = [
+}, bi = [], yi = [], hi = [
   {
     name: "InOutBinding",
     superClass: [
@@ -9179,15 +9206,15 @@ const Hn = {
       }
     ]
   }
-], ge = {
-  name: mi,
-  uri: ci,
-  prefix: ui,
-  xml: di,
-  associations: fi,
-  emumerations: bi,
-  types: yi
-}, hi = "*";
+], Ee = {
+  name: ci,
+  uri: ui,
+  prefix: di,
+  xml: fi,
+  associations: bi,
+  emumerations: yi,
+  types: hi
+}, vi = "*";
 function A(e) {
   const i = this;
   e.on("moddleCopy.canCopyProperty", function(t) {
@@ -9197,51 +9224,51 @@ function A(e) {
 }
 A.$inject = ["eventBus"];
 A.prototype.canCopyProperty = function(e, i) {
-  if (Re(e) && !vi(e, i) || I(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Le(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || I(e, "camunda:In") && !this.canHostIn(i))
+  if (ze(e) && !gi(e, i) || _(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Me(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || _(e, "camunda:In") && !this.canHostIn(i))
     return !1;
 };
 A.prototype.canHostInputOutput = function(e) {
   if (x(e, "camunda:Connector"))
     return !0;
   const t = x(e, "bpmn:FlowNode");
-  return !(!t || Le(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || I(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || Me(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || _(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 A.prototype.canHostConnector = function(e) {
   const i = x(e, "camunda:ServiceTaskLike");
-  return I(i, "bpmn:MessageEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
+  return _(i, "bpmn:MessageEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
 };
 A.prototype.canHostIn = function(e) {
   return x(e, "bpmn:CallActivity") ? !0 : x(e, "bpmn:SignalEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
 };
-function I(e, i) {
-  return e && ze(e.$instanceOf) && e.$instanceOf(i);
+function _(e, i) {
+  return e && Ue(e.$instanceOf) && e.$instanceOf(i);
 }
-function Le(e, i) {
+function Me(e, i) {
   return k(i, function(t) {
-    return I(e, t);
+    return _(e, t);
   });
 }
 function x(e, i) {
   if (!i)
     return e.$parent;
-  if (I(e, i))
+  if (_(e, i))
     return e;
   if (e.$parent)
     return x(e.$parent, i);
 }
-function vi(e, i) {
+function gi(e, i) {
   const t = e.$type && e.$model.getTypeDescriptor(e.$type), n = t && t.meta && t.meta.allowedIn;
-  return !n || gi(n) ? !0 : k(n, function(s) {
+  return !n || Ei(n) ? !0 : k(n, function(s) {
     return x(i, s);
   });
 }
-function gi(e) {
-  return e.indexOf(hi) !== -1;
+function Ei(e) {
+  return e.indexOf(vi) !== -1;
 }
-const Ei = {
+const Fi = {
   __init__: ["camundaModdleExtension"],
   camundaModdleExtension: ["type", A]
-}, Fi = {
+}, xi = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
@@ -9249,22 +9276,22 @@ const Ei = {
 function H(e, i) {
   return e && typeof e.$instanceOf == "function" && e.$instanceOf(i);
 }
-function xi(e) {
+function Si(e) {
   return e && e.length;
 }
-function R(e, i) {
-  return xi(e) && k(e, function(t) {
+function V(e, i) {
+  return Si(e) && k(e, function(t) {
     return H(t, i);
   });
 }
-function Si(e, i) {
+function Ti(e, i) {
   return k(i, function(t) {
     return H(e, t);
   });
 }
 function G(e, i, t) {
-  const n = i.name, s = Fi[n.replace(/activiti:/, "")];
-  return n === e && Si(t, s);
+  const n = i.name, s = xi[n.replace(/activiti:/, "")];
+  return n === e && Ti(t, s);
 }
 function W(e) {
   e.on(
@@ -9279,14 +9306,14 @@ function W(e) {
 W.$inject = ["eventBus"];
 W.prototype.canCloneProperty = function(e, i) {
   if (G("activiti:FailedJobRetryTimeCycle", i, e))
-    return R(e.eventDefinitions, "bpmn:TimerEventDefinition") || R(e.eventDefinitions, "bpmn:SignalEventDefinition") || H(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+    return V(e.eventDefinitions, "bpmn:TimerEventDefinition") || V(e.eventDefinitions, "bpmn:SignalEventDefinition") || H(e.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
   if (G("activiti:Connector", i, e) || G("activiti:Field", i, e))
-    return R(e.eventDefinitions, "bpmn:MessageEventDefinition");
+    return V(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const Ti = {
+const Ci = {
   __init__: ["ActivitiModdleExtension"],
   ActivitiModdleExtension: ["type", W]
-}, Ci = {
+}, Ii = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
@@ -9302,14 +9329,14 @@ function z(e, i) {
     return X(t, i);
   });
 }
-function Ii(e, i) {
+function ki(e, i) {
   return k(i, function(t) {
     return X(e, t);
   });
 }
 function q(e, i, t) {
-  const n = i.name, s = Ci[n.replace(/flowable:/, "")];
-  return n === e && Ii(t, s);
+  const n = i.name, s = Ii[n.replace(/flowable:/, "")];
+  return n === e && ki(t, s);
 }
 function Y(e) {
   e.on(
@@ -9328,327 +9355,329 @@ Y.prototype.canCloneProperty = function(e, i) {
   if (q("flowable:Connector", i, e) || q("flowable:Field", i, e))
     return z(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const ki = {
+const Ai = {
   __init__: ["FlowableModdleExtension"],
   FlowableModdleExtension: ["type", Y]
 };
-var Ai = function() {
+var wi = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "my-process-designer"
   }, [t("div", {
     staticClass: "my-process-designer__header"
-  }, [e._t("control-header"), e.$slots["control-header"] ? e._e() : [t("ElButtonGroup", {
-    key: "file-control"
-  }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "导入流程"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-folder-opened"
-    },
-    on: {
-      click: function(n) {
-        return e.$refs.refFile.click();
+  }, [e._t("control-header", function() {
+    return [t("ElButtonGroup", {
+      key: "file-control"
+    }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "导入流程"
       }
-    }
-  }, [e._v(" 导入 ")])], 1) : e._e(), t("ElTooltip", {
-    attrs: {
-      effect: "light"
-    },
-    scopedSlots: e._u([{
-      key: "content",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsXml();
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-folder-opened"
+      },
+      on: {
+        click: function(n) {
+          return e.$refs.refFile.click();
+        }
+      }
+    }, [e._v(" 导入 ")])], 1) : e._e(), t("ElTooltip", {
+      attrs: {
+        effect: "light"
+      },
+      scopedSlots: e._u([{
+        key: "content",
+        fn: function() {
+          return [t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsXml();
+              }
             }
-          }
-        }, [e._v("下载为XML文件")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsSvg();
+          }, [e._v("下载为XML文件")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsSvg();
+              }
             }
-          }
-        }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: function(n) {
-              return e.downloadProcessAsBpmn();
+          }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: function(n) {
+                return e.downloadProcessAsBpmn();
+              }
             }
-          }
-        }, [e._v("下载为BPMN文件")])];
+          }, [e._v("下载为BPMN文件")])];
+        },
+        proxy: !0
+      }])
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-download"
+      }
+    }, [e._v("下载")])], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light"
       },
-      proxy: !0
-    }], null, !1, 1539507321)
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-download"
-    }
-  }, [e._v("下载")])], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light"
-    },
-    scopedSlots: e._u([{
-      key: "content",
-      fn: function() {
-        return [t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: e.previewProcessXML
-          }
-        }, [e._v("预览XML")]), t("br"), t("ElButton", {
-          attrs: {
-            size: e.headerButtonSize,
-            type: "text"
-          },
-          on: {
-            click: e.previewProcessJson
-          }
-        }, [e._v("预览JSON")])];
+      scopedSlots: e._u([{
+        key: "content",
+        fn: function() {
+          return [t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: e.previewProcessXML
+            }
+          }, [e._v("预览XML")]), t("br"), t("ElButton", {
+            attrs: {
+              size: e.headerButtonSize,
+              type: "text"
+            },
+            on: {
+              click: e.previewProcessJson
+            }
+          }, [e._v("预览JSON")])];
+        },
+        proxy: !0
+      }])
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-view"
+      }
+    }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: e.simulationStatus ? "退出模拟" : "开启模拟"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        type: e.headerButtonType,
+        icon: "el-icon-cpu"
       },
-      proxy: !0
-    }], null, !1, 3067180497)
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-view"
-    }
-  }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: e.simulationStatus ? "退出模拟" : "开启模拟"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-cpu"
-    },
-    on: {
-      click: e.processSimulation
-    }
-  }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", {
-    key: "align-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向左对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-left",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("left");
+      on: {
+        click: e.processSimulation
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向右对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-right",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("right");
+    }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", {
+      key: "align-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向左对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向上对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-top",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("top");
+    }, [t("ElButton", {
+      staticClass: "align align-left",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("left");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "向下对齐"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-bottom",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("bottom");
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向右对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "水平居中"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-center",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("center");
+    }, [t("ElButton", {
+      staticClass: "align align-right",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("right");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "垂直居中"
-    }
-  }, [t("ElButton", {
-    staticClass: "align align-middle",
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-s-data"
-    },
-    on: {
-      click: function(n) {
-        return e.elementsAlign("middle");
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向上对齐"
       }
-    }
-  })], 1)], 1), t("ElButtonGroup", {
-    key: "scale-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "缩小视图"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: e.defaultZoom < 0.2,
-      icon: "el-icon-zoom-out"
-    },
-    on: {
-      click: function(n) {
-        return e.processZoomOut();
+    }, [t("ElButton", {
+      staticClass: "align align-top",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("top");
+        }
       }
-    }
-  })], 1), t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize
-    }
-  }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "放大视图"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: e.defaultZoom > 4,
-      icon: "el-icon-zoom-in"
-    },
-    on: {
-      click: function(n) {
-        return e.processZoomIn();
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "向下对齐"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "重置视图并居中"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-c-scale-to-original"
-    },
-    on: {
-      click: function(n) {
-        return e.processReZoom();
+    }, [t("ElButton", {
+      staticClass: "align align-bottom",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("bottom");
+        }
       }
-    }
-  })], 1)], 1), t("ElButtonGroup", {
-    key: "stack-control"
-  }, [t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "撤销"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: !e.revocable,
-      icon: "el-icon-refresh-left"
-    },
-    on: {
-      click: function(n) {
-        return e.processUndo();
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "水平居中"
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "恢复"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      disabled: !e.recoverable,
-      icon: "el-icon-refresh-right"
-    },
-    on: {
-      click: function(n) {
-        return e.processRedo();
+    }, [t("ElButton", {
+      staticClass: "align align-center",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("center");
+        }
       }
-    }
-  })], 1), t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "重新绘制"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      icon: "el-icon-refresh"
-    },
-    on: {
-      click: e.processRestart
-    }
-  })], 1)], 1)], t("input", {
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "垂直居中"
+      }
+    }, [t("ElButton", {
+      staticClass: "align align-middle",
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-s-data"
+      },
+      on: {
+        click: function(n) {
+          return e.elementsAlign("middle");
+        }
+      }
+    })], 1)], 1), t("ElButtonGroup", {
+      key: "scale-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "缩小视图"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: e.defaultZoom < 0.2,
+        icon: "el-icon-zoom-out"
+      },
+      on: {
+        click: function(n) {
+          return e.processZoomOut();
+        }
+      }
+    })], 1), t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize
+      }
+    }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "放大视图"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: e.defaultZoom > 4,
+        icon: "el-icon-zoom-in"
+      },
+      on: {
+        click: function(n) {
+          return e.processZoomIn();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "重置视图并居中"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-c-scale-to-original"
+      },
+      on: {
+        click: function(n) {
+          return e.processReZoom();
+        }
+      }
+    })], 1)], 1), t("ElButtonGroup", {
+      key: "stack-control"
+    }, [t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "撤销"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: !e.revocable,
+        icon: "el-icon-refresh-left"
+      },
+      on: {
+        click: function(n) {
+          return e.processUndo();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "恢复"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        disabled: !e.recoverable,
+        icon: "el-icon-refresh-right"
+      },
+      on: {
+        click: function(n) {
+          return e.processRedo();
+        }
+      }
+    })], 1), t("ElTooltip", {
+      attrs: {
+        effect: "light",
+        content: "重新绘制"
+      }
+    }, [t("ElButton", {
+      attrs: {
+        size: e.headerButtonSize,
+        icon: "el-icon-refresh"
+      },
+      on: {
+        click: e.processRestart
+      }
+    })], 1)], 1)];
+  }), t("input", {
     ref: "refFile",
     staticStyle: {
       display: "none"
@@ -9686,13 +9715,13 @@ var Ai = function() {
       code: e.previewResult
     }
   })], 1)], 1);
-}, wi = [];
-Se.registerLanguage("xml", Qe);
-Se.registerLanguage("json", et);
-const $i = {
+}, $i = [];
+Te.registerLanguage("xml", et);
+Te.registerLanguage("json", tt);
+const Li = {
   name: "ProcessDesigner",
   components: {
-    HighlightJS: tt
+    HighlightJS: nt
   },
   componentName: "MyProcessDesigner",
   props: {
@@ -9762,12 +9791,12 @@ const $i = {
     additionalModules() {
       const e = [];
       if (this.onlyCustomizeAddi)
-        return Object.prototype.toString.call(this.additionalModel) === "[object Array]" ? this.additionalModel || [] : [this.additionalModel];
-      Object.prototype.toString.call(this.additionalModel) === "[object Array]" ? e.push(...this.additionalModel) : this.additionalModel && e.push(this.additionalModel);
+        return te(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
+      te(this.additionalModel) ? e.push(...this.additionalModel) : this.additionalModel && e.push(this.additionalModel);
       const i = {
-        translate: ["value", Zn(this.translations || Hn)]
+        translate: ["value", Hn(this.translations || Wn)]
       };
-      return e.push(i), this.simulation && e.push(We), e.push(Xe), this.prefix === "camunda" && e.push(Ei), this.prefix === "flowable" && e.push(ki), this.prefix === "activiti" && e.push(Ti), e;
+      return e.push(i), this.simulation && e.push(Ye), e.push(Xe), this.prefix === "camunda" && e.push(Fi), this.prefix === "flowable" && e.push(Ai), this.prefix === "activiti" && e.push(Ci), e;
     },
     moddleExtensions() {
       const e = {};
@@ -9776,12 +9805,12 @@ const $i = {
       if (this.moddleExtension)
         for (const i in this.moddleExtension)
           e[i] = this.moddleExtension[i];
-      return this.prefix === "activiti" && (e.activiti = T(f({}, ve), {
-        types: [...ve.types, ...this.extendTypes || []]
-      })), this.prefix === "flowable" && (e.flowable = T(f({}, ge), {
+      return this.prefix === "activiti" && (e.activiti = T(f({}, ge), {
         types: [...ge.types, ...this.extendTypes || []]
-      })), this.prefix === "camunda" && (e.camunda = T(f({}, he), {
-        types: [...he.types, ...this.extendTypes || []]
+      })), this.prefix === "flowable" && (e.flowable = T(f({}, Ee), {
+        types: [...Ee.types, ...this.extendTypes || []]
+      })), this.prefix === "camunda" && (e.camunda = T(f({}, ve), {
+        types: [...ve.types, ...this.extendTypes || []]
       })), e;
     }
   },
@@ -9792,7 +9821,7 @@ const $i = {
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = new He(f({
+      this.bpmnModeler || (this.bpmnModeler = new We(f({
         container: this.$refs["bpmn-canvas"],
         keyboard: this.keyboard ? { bindTo: document } : null,
         additionalModules: this.additionalModules,
@@ -9823,7 +9852,7 @@ const $i = {
     /* 创建新的流程图 */
     createNewDiagram(e) {
       return u(this, null, function* () {
-        const i = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, n = e || Jn(i, t, this.prefix);
+        const i = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, n = e || Zn(i, t, this.prefix);
         try {
           const { warnings: s } = yield this.bpmnModeler.importXML(n);
           this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), s != null && s.length;
@@ -9943,32 +9972,32 @@ const $i = {
       });
     },
     previewProcessJson() {
-      const e = new Ye();
+      const e = new Qe();
       this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: i }) => {
         const { definitions: t } = e.xml2js(i);
         t ? this.previewResult = JSON.stringify(t, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
       });
     }
   }
-}, Ee = {};
-var Li = /* @__PURE__ */ h(
-  $i,
-  Ai,
+}, Fe = {};
+var Mi = /* @__PURE__ */ h(
+  Li,
   wi,
+  $i,
   !1,
-  Mi,
+  Oi,
   null,
   null,
   null
 );
-function Mi(e) {
-  for (let i in Ee)
-    this[i] = Ee[i];
+function Oi(e) {
+  for (let i in Fe)
+    this[i] = Fe[i];
 }
-const Oi = /* @__PURE__ */ function() {
-  return Li.exports;
+const Pi = /* @__PURE__ */ function() {
+  return Mi.exports;
 }();
-var Pi = function() {
+var Di = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "flow-designer"
@@ -10017,14 +10046,36 @@ var Pi = function() {
           type: o
         })];
       }
+    }, {
+      key: "form",
+      fn: function(n) {
+        var s = n.id, r = n.bpmnInstances, a = n.element, o = n.type;
+        return [e._t("form", null, {
+          id: s,
+          bpmnInstances: r,
+          element: a,
+          type: o
+        })];
+      }
+    }, {
+      key: "extend",
+      fn: function(n) {
+        var s = n.id, r = n.bpmnInstances, a = n.element, o = n.type;
+        return [e._t("extend", null, {
+          id: s,
+          bpmnInstances: r,
+          element: a,
+          type: o
+        })];
+      }
     }], null, !0)
   })], 1);
-}, Di = [];
-const Bi = {
+}, Bi = [];
+const ji = {
   name: "FlowDesigner",
   components: {
-    PropertiesPanel: Kn,
-    ProcessDesigner: Oi
+    PropertiesPanel: Jn,
+    ProcessDesigner: Pi
   },
   props: {
     value: String,
@@ -10043,9 +10094,9 @@ const Bi = {
         prefix: "flowable",
         headerButtonSize: "mini",
         additionalModel: [
-          nt,
           it,
-          ct
+          st,
+          ut
         ]
       }
     };
@@ -10055,11 +10106,11 @@ const Bi = {
       this.modeler = e;
     }
   }
-}, Fe = {};
-var ji = /* @__PURE__ */ h(
-  Bi,
-  Pi,
+}, xe = {};
+var Ri = /* @__PURE__ */ h(
+  ji,
   Di,
+  Bi,
   !1,
   Vi,
   null,
@@ -10067,12 +10118,12 @@ var ji = /* @__PURE__ */ h(
   null
 );
 function Vi(e) {
-  for (let i in Fe)
-    this[i] = Fe[i];
+  for (let i in xe)
+    this[i] = xe[i];
 }
-const os = /* @__PURE__ */ function() {
-  return ji.exports;
+const us = /* @__PURE__ */ function() {
+  return Ri.exports;
 }();
 export {
-  os as default
+  us as default
 };