@web-utils/component 3.3.2 → 3.3.4

package/flow-designer/index.mjs

@@ -1,60 +1,61 @@
-var ge = Object.defineProperty, ve = Object.defineProperties;
+var ve = Object.defineProperty, ge = Object.defineProperties;
 var Ee = Object.getOwnPropertyDescriptors;
 var Q = Object.getOwnPropertySymbols;
 var Fe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
-var ee = (i, e, t) => e in i ? ge(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, u = (i, e) => {
+var ee = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, u = (n, e) => {
   for (var t in e || (e = {}))
-    Fe.call(e, t) && ee(i, t, e[t]);
+    Fe.call(e, t) && ee(n, t, e[t]);
   if (Q)
     for (var t of Q(e))
-      xe.call(e, t) && ee(i, t, e[t]);
-  return i;
-}, T = (i, e) => ve(i, Ee(e));
-var d = (i, e, t) => new Promise((n, s) => {
-  var r = (m) => {
+      xe.call(e, t) && ee(n, t, e[t]);
+  return n;
+}, T = (n, e) => ge(n, Ee(e));
+var d = (n, e, t) => new Promise((i, s) => {
+  var a = (p) => {
     try {
-      o(t.next(m));
+      o(t.next(p));
     } catch (F) {
       s(F);
     }
-  }, a = (m) => {
+  }, r = (p) => {
     try {
-      o(t.throw(m));
+      o(t.throw(p));
     } catch (F) {
       s(F);
     }
-  }, o = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(r, a);
-  o((t = t.apply(i, e)).next());
+  }, o = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(a, r);
+  o((t = t.apply(n, e)).next());
 });
-import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as Ie, some as A } from "min-dash";
-import { is as V } from "bpmn-js/lib/util/ModelUtil";
-import { isExpanded as ke, isEventSubProcess as Ae } from "bpmn-js/lib/util/DiUtil";
+import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as ke, some as _ } from "min-dash";
+import { is as R } from "bpmn-js/lib/util/ModelUtil";
+import { isExpanded as Ie, isEventSubProcess as _e } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as _e } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as we } from "diagram-js/lib/util/Mouse";
+import { getChildLanes as we } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as Ae } from "diagram-js/lib/util/Mouse";
 import oe from "bpmn-js/lib/features/palette/PaletteProvider";
 import K from "diagram-js/lib/features/auto-place/AutoPlace";
 import { getMid as $e, asTRBL as Le } from "diagram-js/lib/layout/LayoutUtil";
-import { fastClone as v, isBlank as Oe, isArray as te } from "@web-utils/core";
+import { fastClone as g, isBlank as Oe, capitalize as Pe, isArray as te } from "@web-utils/core";
 import { n as h } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 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 Pe from "bpmn-js/lib/Modeler";
-import Me from "bpmn-js/lib/features/drilldown/index.js";
-import De from "bpmn-js-token-simulation";
-import Be from "x2js";
+import Me from "bpmn-js/lib/Modeler";
+import De from "bpmn-js/lib/features/drilldown/index.js";
+import Be from "bpmn-js-token-simulation";
+import Ve from "x2js";
 import le from "highlight.js/lib/core";
 import Re from "highlight.js/lib/languages/xml";
-import Ve from "highlight.js/lib/languages/json";
+import ze from "highlight.js/lib/languages/json";
 import je from "../highlight-j-s/index.mjs";
-function J(i, e, t, n, s, r, a, o, m, F, p, l, c) {
-  i = i || {}, 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, i.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
+import "../highlight-j-s/style.css";
+function J(n, e, t, i, s, a, r, o, p, F, m, l, c) {
+  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = F, this._rules = m, this._translate = l, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
     const C = E.context.shape;
-    if (!we(E) || !n.isOpen(C))
+    if (!Ae(E) || !i.isOpen(C))
       return;
-    const f = n.getEntries(C);
+    const f = i.getEntries(C);
     f.replace && f.replace.action.click(E, C);
   });
 }
@@ -73,77 +74,77 @@ J.$inject = [
   "translate",
   "elementRegistry"
 ];
-J.prototype.getContextPadEntries = function(i) {
-  const e = this._contextPad, t = this._modeling, n = this._elementFactory, s = this._connect, r = this._create, a = this._popupMenu, o = this._canvas, m = this._rules, F = this._autoPlace, p = this._translate, l = {};
-  if (i.type === "label")
+J.prototype.getContextPadEntries = function(n) {
+  const e = this._contextPad, t = this._modeling, i = this._elementFactory, s = this._connect, a = this._create, r = this._popupMenu, o = this._canvas, p = this._rules, F = this._autoPlace, m = this._translate, l = {};
+  if (n.type === "label")
     return l;
-  const c = i.businessObject;
+  const c = n.businessObject;
   function E(b, S) {
     s.start(b, S);
   }
   function O() {
-    t.removeElements([i]);
+    t.removeElements([n]);
   }
   function C(b) {
-    const g = o.getContainer(), w = e.getPad(b).html, $ = g.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
+    const v = o.getContainer(), A = e.getPad(b).html, $ = v.getBoundingClientRect(), M = A.getBoundingClientRect(), D = M.top - $.top;
     return {
       x: M.left - $.left,
       y: D + M.height + 5
     };
   }
-  function f(b, S, g, w) {
-    typeof g != "string" && (w = g, g = p("Append {type}", { type: b.replace(/^bpmn:/, "") }));
+  function f(b, S, v, A) {
+    typeof v != "string" && (A = v, v = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
     function $(D, B) {
-      const R = n.createShape(y({ type: b }, w));
-      r.start(D, R, {
+      const V = i.createShape(y({ type: b }, A));
+      a.start(D, V, {
         source: B
       });
     }
     return {
       group: "model",
       className: S,
-      title: g,
+      title: v,
       action: {
         dragstart: $,
         click: F ? function(D, B) {
-          const R = n.createShape(y({ type: b }, w));
-          F.append(B, R);
+          const V = i.createShape(y({ type: b }, A));
+          F.append(B, V);
         } : $
       }
     };
   }
   function P(b) {
-    return function(S, g) {
-      t.splitLane(g, b), e.open(g, !0);
+    return function(S, v) {
+      t.splitLane(v, b), e.open(v, !0);
     };
   }
-  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && ke(c)) {
-    const b = _e(i);
+  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ie(c)) {
+    const b = we(n);
     y(l, {
       "lane-insert-above": {
         group: "lane-insert-above",
         className: "bpmn-icon-lane-insert-above",
-        title: p("Add Lane above"),
+        title: m("Add Lane above"),
         action: {
-          click: function(S, g) {
-            t.addLane(g, "top");
+          click: function(S, v) {
+            t.addLane(v, "top");
           }
         }
       }
-    }), b.length < 2 && (i.height >= 120 && y(l, {
+    }), b.length < 2 && (n.height >= 120 && y(l, {
       "lane-divide-two": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-two",
-        title: p("Divide into two Lanes"),
+        title: m("Divide into two Lanes"),
         action: {
           click: P(2)
         }
       }
-    }), i.height >= 180 && y(l, {
+    }), n.height >= 180 && y(l, {
       "lane-divide-three": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-three",
-        title: p("Divide into three Lanes"),
+        title: m("Divide into three Lanes"),
         action: {
           click: P(3)
         }
@@ -152,74 +153,74 @@ J.prototype.getContextPadEntries = function(i) {
       "lane-insert-below": {
         group: "lane-insert-below",
         className: "bpmn-icon-lane-insert-below",
-        title: p("Add Lane below"),
+        title: m("Add Lane below"),
         action: {
-          click: function(S, g) {
-            t.addLane(g, "bottom");
+          click: function(S, v) {
+            t.addLane(v, "bottom");
           }
         }
       }
     });
   }
-  V(c, "bpmn:FlowNode") && (V(c, "bpmn:EventBasedGateway") ? y(l, {
+  R(c, "bpmn:FlowNode") && (R(c, "bpmn:EventBasedGateway") ? y(l, {
     "append.receive-task": f(
       "bpmn:ReceiveTask",
       "bpmn-icon-receive-task",
-      p("Append ReceiveTask")
+      m("Append ReceiveTask")
     ),
     "append.message-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-message",
-      p("Append MessageIntermediateCatchEvent"),
+      m("Append MessageIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:MessageEventDefinition" }
     ),
     "append.timer-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-timer",
-      p("Append TimerIntermediateCatchEvent"),
+      m("Append TimerIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:TimerEventDefinition" }
     ),
     "append.condition-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-condition",
-      p("Append ConditionIntermediateCatchEvent"),
+      m("Append ConditionIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
     ),
     "append.signal-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-signal",
-      p("Append SignalIntermediateCatchEvent"),
+      m("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
   }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
     "append.compensation-activity": f(
       "bpmn:Task",
       "bpmn-icon-task",
-      p("Append compensation activity"),
+      m("Append compensation activity"),
       {
         isForCompensation: !0
       }
     )
-  }) : !V(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ae(c) && y(l, {
-    "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
-    "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
-    "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
+  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !_e(c) && y(l, {
+    "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", m("Append EndEvent")),
+    "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", m("Append Gateway")),
+    "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", m("Append Task")),
     "append.intermediate-event": f(
       "bpmn:IntermediateThrowEvent",
       "bpmn-icon-intermediate-event-none",
-      p("Append Intermediate/Boundary Event")
+      m("Append Intermediate/Boundary Event")
     )
-  })), a.isEmpty(i, "bpmn-replace") || y(l, {
+  })), r.isEmpty(n, "bpmn-replace") || y(l, {
     replace: {
       group: "edit",
       className: "bpmn-icon-screw-wrench",
-      title: p("Change type"),
+      title: m("Change type"),
       action: {
         click: function(b, S) {
-          const g = y(C(S), {
+          const v = y(C(S), {
             cursor: { x: b.x, y: b.y }
           });
-          a.open(S, "bpmn-replace", g);
+          r.open(S, "bpmn-replace", v);
         }
       }
     }
@@ -233,7 +234,7 @@ J.prototype.getContextPadEntries = function(i) {
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: p(
+      title: m(
         `Connect using ${c.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`
       ),
       action: {
@@ -245,63 +246,63 @@ J.prototype.getContextPadEntries = function(i) {
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: p("Connect using DataInputAssociation"),
+      title: m("Connect using DataInputAssociation"),
       action: {
         click: E,
         dragstart: E
       }
     }
-  }), V(c, "bpmn:Group") && y(l, {
+  }), R(c, "bpmn:Group") && y(l, {
     "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
-  let I = m.allowed("elements.delete", { elements: [i] });
-  return Se(I) && (I = I[0] === i), I && y(l, {
+  let k = p.allowed("elements.delete", { elements: [n] });
+  return Se(k) && (k = k[0] === n), k && y(l, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
-      title: p("Remove"),
+      title: m("Remove"),
       action: {
         click: O
       }
     }
   }), l;
 };
-function ne(i, e, t) {
-  const n = i.$instanceOf(e);
+function ne(n, e, t) {
+  const i = n.$instanceOf(e);
   let s = !1;
-  const r = i.eventDefinitions || [];
-  return Te(r, function(a) {
-    a.$type === t && (s = !0);
-  }), n && s;
+  const a = n.eventDefinitions || [];
+  return Te(a, function(r) {
+    r.$type === t && (s = !0);
+  }), i && s;
 }
-const ze = {
+const Ue = {
   __init__: ["contextPadProvider"],
   contextPadProvider: ["type", J]
 };
-function L(i, e, t, n, s, r, a, o, m) {
+function L(n, e, t, i, s, a, r, o, p) {
   oe.call(
     this,
-    i,
+    n,
     e,
     t,
-    n,
+    i,
     s,
-    r,
     a,
+    r,
     o,
-    m,
+    p,
     2e3
-  ), this._create = e, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
+  ), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = s, this._handTool = a, this._globalConnect = r, this._moddle = o, this._translate = p;
 }
 const Z = function() {
 };
 Z.prototype = oe.prototype;
 Z.prototype.getPaletteEntries = function() {
-  const i = {}, e = 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, O, C) {
-    function f(I) {
+  const n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, s = this._lassoTool, a = this._handTool, r = this._globalConnect, o = this._translate;
+  function p(l, c, E, O, C) {
+    function f(k) {
       const b = t.createShape(y({ type: l }, C));
-      C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(I, b);
+      l === "bpmn:UserTask" && (b.businessObject.candidateUsers = "${handlers}"), C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(k, b);
     }
     const P = l.replace(/^bpmn:/, "");
     return {
@@ -332,17 +333,17 @@ Z.prototype.getPaletteEntries = function() {
       }
     });
   }
-  function p(l) {
+  function m(l) {
     e.start(l, t.createParticipantShape());
   }
-  return y(i, {
+  return y(n, {
     "hand-tool": {
       group: "tools",
       className: "bpmn-icon-hand-tool",
       title: o("Activate the hand tool"),
       action: {
         click: function(l) {
-          r.activateHand(l);
+          a.activateHand(l);
         }
       }
     },
@@ -362,7 +363,7 @@ Z.prototype.getPaletteEntries = function() {
       title: o("Activate the create/remove space tool"),
       action: {
         click: function(l) {
-          n.activateSelection(l);
+          i.activateSelection(l);
         }
       }
     },
@@ -372,31 +373,31 @@ Z.prototype.getPaletteEntries = function() {
       title: o("Activate the global connect tool"),
       action: {
         click: function(l) {
-          a.toggle(l);
+          r.toggle(l);
         }
       }
     },
     "tool-separator": { group: "tools", separator: !0 },
-    "create.start-event": m(
+    "create.start-event": p(
       "bpmn:StartEvent",
       "event",
       "bpmn-icon-start-event-none",
       o("Create StartEvent")
     ),
-    "create.intermediate-event": m(
+    "create.intermediate-event": p(
       "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")),
-    "create.exclusive-gateway": m(
+    "create.user-task": p("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
+    "create.exclusive-gateway": p(
       "bpmn:ExclusiveGateway",
       "activity",
       "bpmn-icon-gateway-none",
       o("Create Gateway")
     ),
-    "create.end-event": m(
+    "create.end-event": p(
       "bpmn:EndEvent",
       "activity",
       "bpmn-icon-end-event-none",
@@ -420,12 +421,12 @@ Z.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-participant",
       title: o("Create Pool/Participant"),
       action: {
-        dragstart: p,
-        click: p
+        dragstart: m,
+        click: m
       }
     }
     // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
-  }), i;
+  }), n;
 };
 L.$inject = [
   "palette",
@@ -440,57 +441,57 @@ L.$inject = [
 ];
 L.prototype = new Z();
 L.prototype.constructor = L;
-const Ue = {
+const Ne = {
   __init__: ["customPalette"],
   customPalette: ["type", L]
 };
-function pe(i, e) {
-  K.call(this, i, e, 3e3), i.on("autoPlace", 3e3, function(t) {
-    const n = t.shape, s = t.source;
-    return Ke(s, n);
-  }), this.append = function(t, n, s) {
-    i.fire("autoPlace.start", {
+function pe(n, e) {
+  K.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
+    const i = t.shape, s = t.source;
+    return Je(s, i);
+  }), this.append = function(t, i, s) {
+    n.fire("autoPlace.start", {
       source: t,
-      shape: n
+      shape: i
     });
-    const r = i.fire("autoPlace", {
+    const a = n.fire("autoPlace", {
       source: t,
-      shape: n
+      shape: i
     });
-    console.log("hints", s, "position", r);
-    const a = e.appendShape(t, n, r, t.parent, s);
-    return i.fire("autoPlace.end", {
+    console.log("hints", s, "position", a);
+    const r = e.appendShape(t, i, a, t.parent, s);
+    return n.fire("autoPlace.end", {
       source: t,
-      shape: a
-    }), a;
+      shape: r
+    }), r;
   };
 }
-function Ne(i) {
+function Ge(n) {
   return {
-    top: i.y,
-    right: i.x + (i.width || 0),
-    bottom: i.y + (i.height || 0),
-    left: i.x
+    top: n.y,
+    right: n.x + (n.width || 0),
+    bottom: n.y + (n.height || 0),
+    left: n.x
   };
 }
-function Ge(i) {
+function qe(n) {
   return {
-    x: Math.round(i.x),
-    y: Math.round(i.y)
+    x: Math.round(n.x),
+    y: Math.round(n.y)
   };
 }
-function qe(i) {
-  return Ge({
-    x: i.x + (i.width || 0) / 2,
-    y: i.y + (i.height || 0) / 2
+function Ke(n) {
+  return qe({
+    x: n.x + (n.width || 0) / 2,
+    y: n.y + (n.height || 0) / 2
   });
 }
-function Ke(i, e, t) {
+function Je(n, e, t) {
   t || (t = {});
-  const n = t.defaultDistance || 50, s = qe(i), r = Ne(i);
+  const i = t.defaultDistance || 50, s = Ke(n), a = Ge(n);
   return {
     x: s.x,
-    y: r.bottom + n + e.height / 2
+    y: a.bottom + i + e.height / 2
   };
 }
 const me = function() {
@@ -498,45 +499,45 @@ const me = function() {
 me.prototype = K.prototype;
 pe.prototype = new me();
 pe.prototype.constructor = K;
-const Je = 200, Ze = 100;
-function ce(i, e, t) {
-  i.on("autoPlace", Ze, function(n) {
-    const s = n.shape, r = n.source;
-    return He(r, s);
-  }), i.on("autoPlace.end", function(n) {
-    t.scrollToElement(n.shape);
-  }), this.append = function(n, s, r) {
-    i.fire("autoPlace.start", {
-      source: n,
+const Ze = 200, He = 100;
+function ce(n, e, t) {
+  n.on("autoPlace", He, function(i) {
+    const s = i.shape, a = i.source;
+    return We(a, s);
+  }), n.on("autoPlace.end", function(i) {
+    t.scrollToElement(i.shape);
+  }), this.append = function(i, s, a) {
+    n.fire("autoPlace.start", {
+      source: i,
       shape: s
     });
-    const a = i.fire("autoPlace", {
-      source: n,
+    const r = n.fire("autoPlace", {
+      source: i,
       shape: s
-    }), o = e.appendShape(n, s, a, n.parent, r);
-    return i.fire("autoPlace.end", {
-      source: n,
+    }), o = e.appendShape(i, s, r, i.parent, a);
+    return n.fire("autoPlace.end", {
+      source: i,
       shape: o
     }), o;
   };
 }
 ce.$inject = ["eventBus", "modeling", "canvas"];
-function He(i, e) {
-  const t = Je, n = $e(i);
+function We(n, e) {
+  const t = Ze, i = $e(n);
   return {
-    x: Le(i).right + t + e.width / 2,
-    y: n.y
+    x: Le(n).right + t + e.width / 2,
+    y: i.y
   };
 }
-const We = {
+const Xe = {
   __init__: ["autoPlaceSelectionBehavior"],
   autoPlace: ["type", ce]
 };
-function ue(i, e, t, n) {
+function ue(n, e, t, i) {
   const s = /* @__PURE__ */ Object.create(null);
   switch (s.event = e.event, t && (s.id = e.id), e.listenerType) {
     case "scriptListener":
-      s.script = Ye(i, e, n);
+      s.script = Qe(n, e, i);
       break;
     case "expressionListener":
       s.expression = e.expression;
@@ -547,45 +548,45 @@ function ue(i, e, t, n) {
     default:
       s.class = e.class;
   }
-  if (e.fields && (s.fields = e.fields.map((r) => Xe(i, r, n))), t && e.event === "timeout" && e.eventDefinitionType) {
-    const r = i.moddle.create("bpmn:FormalExpression", {
+  if (e.fields && (s.fields = e.fields.map((a) => Ye(n, a, i))), t && e.event === "timeout" && e.eventDefinitionType) {
+    const a = n.moddle.create("bpmn:FormalExpression", {
       body: e.eventTimeDefinitions
-    }), a = i.moddle.create("bpmn:TimerEventDefinition", {
-      id: `TimerEventDefinition_${Qe(8)}`,
-      [`time${e.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: r
+    }), r = n.moddle.create("bpmn:TimerEventDefinition", {
+      id: `TimerEventDefinition_${et(8)}`,
+      [`time${e.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: a
     });
-    s.eventDefinitions = [a];
+    s.eventDefinitions = [r];
   }
-  return i.moddle.create(`${n}:${t ? "TaskListener" : "ExecutionListener"}`, s);
+  return n.moddle.create(`${i}:${t ? "TaskListener" : "ExecutionListener"}`, s);
 }
-function Xe(i, e, t) {
-  const { name: n, fieldType: s, string: r, expression: a } = e, o = s === "string" ? { name: n, string: r } : { name: n, expression: a };
-  return i.moddle.create(`${t}:Field`, o);
+function Ye(n, e, t) {
+  const { name: i, fieldType: s, string: a, expression: r } = e, o = s === "string" ? { name: i, string: a } : { name: i, expression: r };
+  return n.moddle.create(`${t}:Field`, o);
 }
-function Ye(i, e, t) {
-  const { scriptType: n, scriptFormat: s, value: r, resource: a } = e, o = n === "inlineScript" ? { scriptFormat: s, value: r } : { scriptFormat: s, resource: a };
-  return i.moddle.create(`${t}:Script`, o);
+function Qe(n, e, t) {
+  const { scriptType: i, scriptFormat: s, value: a, resource: r } = e, o = i === "inlineScript" ? { scriptFormat: s, value: a } : { scriptFormat: s, resource: r };
+  return n.moddle.create(`${t}:Script`, o);
 }
-function U(i, e, t) {
-  const n = i.moddle.create("bpmn:ExtensionElements", {
+function U(n, e, t) {
+  const i = n.moddle.create("bpmn:ExtensionElements", {
     values: t
   });
-  i.modeling.updateProperties(e, {
-    extensionElements: n
+  n.modeling.updateProperties(e, {
+    extensionElements: i
   });
 }
-function Qe(i = 8, e) {
+function et(n = 8, e) {
   let t = "";
-  const n = e || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  for (let s = i; s > 0; --s)
-    t += n[Math.floor(Math.random() * n.length)];
+  const i = e || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+  for (let s = n; s > 0; --s)
+    t += i[Math.floor(Math.random() * i.length)];
   return t;
 }
-const et = (i, e = "body") => i ? i.get(e) : null, tt = (i, e, t = "body", n) => {
-  nt(i, e, { [t]: n });
-}, nt = ({ modeling: i }, e, t) => {
-  i.updateProperties(e, t);
-}, it = {
+const tt = (n, e = "body") => n ? n.get(e) : null, nt = (n, e, t = "body", i) => {
+  it(n, e, { [t]: i });
+}, it = ({ modeling: n }, e, t) => {
+  n.updateProperties(e, t);
+}, st = {
   name: "ElementBaseInfo",
   inject: {
     prefix: "prefix",
@@ -615,68 +616,68 @@ const et = (i, e = "body") => i ? i.get(e) : null, tt = (i, e, t = "body", n) =>
     id: "init"
   },
   methods: {
-    init(i) {
+    init(n) {
       const { businessObject: e } = this.element;
-      i ? (this.businessObject = v(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = et(e, this.skipExpressionProp);
+      n ? (this.businessObject = g(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = tt(e, this.skipExpressionProp);
     },
-    updateBaseInfo(i) {
+    updateBaseInfo(n) {
       const { modeling: e } = this.bpmnInstances;
-      if (i === "id") {
+      if (n === "id") {
         e.updateProperties(this.element, {
-          id: this.businessObject[i],
-          di: { id: `${this.businessObject[i]}_di` }
+          id: this.businessObject[n],
+          di: { id: `${this.businessObject[n]}_di` }
         });
         return;
       }
-      if (i === "isExpanded") {
+      if (n === "isExpanded") {
         e.toggleCollapse(this.element);
         return;
       }
-      e.updateProperties(this.element, { [i]: this.businessObject[i] });
+      e.updateProperties(this.element, { [n]: this.businessObject[n] });
     },
-    updateProp(i, e) {
-      tt(this.bpmnInstances, this.element, i, e);
+    updateProp(n, e) {
+      nt(this.bpmnInstances, this.element, n, e);
     }
   }
 };
-var st = function() {
+var rt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "ID" } }, [t("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(n) {
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "ID" } }, [t("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(i) {
     return e.updateBaseInfo("id");
-  } }, model: { value: e.businessObject.id, callback: function(n) {
-    e.$set(e.businessObject, "id", n);
-  }, expression: "businessObject.id" } })], 1), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
+  } }, model: { value: e.businessObject.id, callback: function(i) {
+    e.$set(e.businessObject, "id", i);
+  }, expression: "businessObject.id" } })], 1), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
     return e.updateBaseInfo("name");
-  } }, model: { value: e.businessObject.name, callback: function(n) {
-    e.$set(e.businessObject, "name", n);
-  }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? t("ElFormItem", { attrs: { label: "跳过表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (n) => e.updateProp(e.skipExpressionProp, n) }, model: { value: e.skipExpression, callback: function(n) {
-    e.skipExpression = n;
-  }, expression: "skipExpression" } })], 1) : e._e(), e.businessObject.$type === "bpmn:Process" ? [t("ElFormItem", { attrs: { label: "版本标签" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
+  } }, model: { value: e.businessObject.name, callback: function(i) {
+    e.$set(e.businessObject, "name", i);
+  }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? t("ElFormItem", { attrs: { label: "跳过表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (i) => e.updateProp(e.skipExpressionProp, i) }, model: { value: e.skipExpression, callback: function(i) {
+    e.skipExpression = i;
+  }, expression: "skipExpression" } })], 1) : e._e(), e.businessObject.$type === "bpmn:Process" ? [t("ElFormItem", { attrs: { label: "版本标签" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
     return e.updateBaseInfo("versionTag");
-  } }, model: { value: e.businessObject.versionTag, callback: function(n) {
-    e.$set(e.businessObject, "versionTag", n);
-  }, expression: "businessObject.versionTag" } })], 1), t("ElFormItem", { attrs: { label: "可执行" } }, [t("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(n) {
+  } }, model: { value: e.businessObject.versionTag, callback: function(i) {
+    e.$set(e.businessObject, "versionTag", i);
+  }, expression: "businessObject.versionTag" } })], 1), t("ElFormItem", { attrs: { label: "可执行" } }, [t("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(i) {
     return e.updateBaseInfo("isExecutable");
-  } }, model: { value: e.businessObject.isExecutable, callback: function(n) {
-    e.$set(e.businessObject, "isExecutable", n);
-  }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? t("ElFormItem", { attrs: { label: "状态" } }, [t("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(n) {
+  } }, model: { value: e.businessObject.isExecutable, callback: function(i) {
+    e.$set(e.businessObject, "isExecutable", i);
+  }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? t("ElFormItem", { attrs: { label: "状态" } }, [t("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(i) {
     return e.updateBaseInfo("isExpanded");
-  } }, model: { value: e.businessObject.isExpanded, callback: function(n) {
-    e.$set(e.businessObject, "isExpanded", n);
+  } }, model: { value: e.businessObject.isExpanded, callback: function(i) {
+    e.$set(e.businessObject, "isExpanded", i);
   }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
-}, rt = [], at = /* @__PURE__ */ h(
-  it,
+}, at = [], ot = /* @__PURE__ */ h(
   st,
   rt,
+  at,
   !1,
   null,
   null,
   null,
   null
 );
-const ot = at.exports, lt = {
+const lt = ot.exports, pt = {
   name: "ElementOtherConfig",
   props: {
     id: String,
@@ -696,43 +697,43 @@ const ot = at.exports, lt = {
           this.documentation = "";
         else {
           const {
-            businessObject: { documentation: i }
+            businessObject: { documentation: n }
           } = this.element;
-          this.documentation = (i == null ? void 0 : i[0].text) || "";
+          this.documentation = (n == null ? void 0 : n[0].text) || "";
         }
       }
     }
   },
   methods: {
     updateDocumentation() {
-      const { modeling: i } = this.bpmnInstances, {
+      const { modeling: n } = this.bpmnInstances, {
         businessObject: { documentation: e }
       } = this.element;
       if (e != null && e.length)
-        e[0].set("text", this.documentation), i.updateProperties(this.element, { documentation: e });
+        e[0].set("text", this.documentation), n.updateProperties(this.element, { documentation: e });
       else {
-        const { bpmnFactory: t } = this.bpmnInstances, n = t.create("bpmn:Documentation", { text: this.documentation });
-        i.updateProperties(this.element, { documentation: [n] });
+        const { bpmnFactory: t } = this.bpmnInstances, i = t.create("bpmn:Documentation", { text: this.documentation });
+        n.updateProperties(this.element, { documentation: [i] });
       }
     }
   }
 };
-var pt = function() {
+var mt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "element-property input-property" }, [t("div", { staticClass: "element-property__label" }, [e._v("元素文档：")]), t("div", { staticClass: "element-property__value" }, [t("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: e.updateDocumentation }, model: { value: e.documentation, callback: function(n) {
-    e.documentation = n;
+  return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "element-property input-property" }, [t("div", { staticClass: "element-property__label" }, [e._v("元素文档：")]), t("div", { staticClass: "element-property__value" }, [t("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: e.updateDocumentation }, model: { value: e.documentation, callback: function(i) {
+    e.documentation = i;
   }, expression: "documentation" } })], 1)])]);
-}, mt = [], ct = /* @__PURE__ */ h(
-  lt,
+}, ct = [], ut = /* @__PURE__ */ h(
   pt,
   mt,
+  ct,
   !1,
   null,
   null,
   null,
   null
 );
-const ut = ct.exports, dt = {
+const dt = ut.exports, ft = {
   name: "UserTask",
   props: {
     id: String,
@@ -763,62 +764,62 @@ const ut = ct.exports, dt = {
   },
   methods: {
     resetTaskForm() {
-      const { businessObject: i } = this.element;
+      const { businessObject: n } = this.element;
       for (const e in this.defaultTaskForm) {
         let t;
-        ["candidateUsers", "candidateGroups"].includes(e) ? t = i[e] ? i[e].split(",") : [] : t = i[e] || this.defaultTaskForm[e], this.$set(this.userTaskForm, e, t);
+        ["candidateUsers", "candidateGroups"].includes(e) ? t = n[e] ? n[e].split(",") : [] : t = n[e] || this.defaultTaskForm[e], this.$set(this.userTaskForm, e, t);
       }
     },
-    updateElementTask(i) {
+    updateElementTask(n) {
       const e = {};
-      i === "candidateUsers" || i === "candidateGroups" ? e[i] = this.userTaskForm[i] && this.userTaskForm[i].length ? this.userTaskForm[i].join() : null : e[i] = this.userTaskForm[i] || null, this.bpmnInstances.modeling.updateProperties(this.element, e);
+      n === "candidateUsers" || n === "candidateGroups" ? e[n] = this.userTaskForm[n] && this.userTaskForm[n].length ? this.userTaskForm[n].join() : null : e[n] = this.userTaskForm[n] || null, this.bpmnInstances.modeling.updateProperties(this.element, e);
     }
   }
 };
-var ft = function() {
+var bt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "处理用户" } }, [t("ElSelect", { on: { change: function(n) {
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "处理用户" } }, [t("ElSelect", { on: { change: function(i) {
     return e.updateElementTask("assignee");
-  } }, model: { value: e.userTaskForm.assignee, callback: function(n) {
-    e.$set(e.userTaskForm, "assignee", n);
-  }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(n) {
-    return t("ElOption", { key: `ass-${n}`, attrs: { label: `用户${n}`, value: `user${n}` } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选用户" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(n) {
+  } }, model: { value: e.userTaskForm.assignee, callback: function(i) {
+    e.$set(e.userTaskForm, "assignee", i);
+  }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(i) {
+    return t("ElOption", { key: `ass-${i}`, attrs: { label: `用户${i}`, value: `user${i}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选用户" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(i) {
     return e.updateElementTask("candidateUsers");
-  } }, model: { value: e.userTaskForm.candidateUsers, callback: function(n) {
-    e.$set(e.userTaskForm, "candidateUsers", n);
-  }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(n) {
-    return t("ElOption", { key: `user-${n}`, attrs: { label: `用户${n}`, value: `user${n}` } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选分组" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(n) {
+  } }, model: { value: e.userTaskForm.candidateUsers, callback: function(i) {
+    e.$set(e.userTaskForm, "candidateUsers", i);
+  }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(i) {
+    return t("ElOption", { key: `user-${i}`, attrs: { label: `用户${i}`, value: `user${i}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "候选分组" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(i) {
     return e.updateElementTask("candidateGroups");
-  } }, model: { value: e.userTaskForm.candidateGroups, callback: function(n) {
-    e.$set(e.userTaskForm, "candidateGroups", n);
-  }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(n) {
-    return t("ElOption", { key: `ass-${n}`, attrs: { label: `分组${n}`, value: `group${n}` } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "到期时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
+  } }, model: { value: e.userTaskForm.candidateGroups, callback: function(i) {
+    e.$set(e.userTaskForm, "candidateGroups", i);
+  }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(i) {
+    return t("ElOption", { key: `ass-${i}`, attrs: { label: `分组${i}`, value: `group${i}` } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "到期时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
     return e.updateElementTask("dueDate");
-  } }, model: { value: e.userTaskForm.dueDate, callback: function(n) {
-    e.$set(e.userTaskForm, "dueDate", n);
-  }, expression: "userTaskForm.dueDate" } })], 1), t("ElFormItem", { attrs: { label: "跟踪时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
+  } }, model: { value: e.userTaskForm.dueDate, callback: function(i) {
+    e.$set(e.userTaskForm, "dueDate", i);
+  }, expression: "userTaskForm.dueDate" } })], 1), t("ElFormItem", { attrs: { label: "跟踪时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
     return e.updateElementTask("followUpDate");
-  } }, model: { value: e.userTaskForm.followUpDate, callback: function(n) {
-    e.$set(e.userTaskForm, "followUpDate", n);
-  }, expression: "userTaskForm.followUpDate" } })], 1), t("ElFormItem", { attrs: { label: "优先级" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
+  } }, model: { value: e.userTaskForm.followUpDate, callback: function(i) {
+    e.$set(e.userTaskForm, "followUpDate", i);
+  }, expression: "userTaskForm.followUpDate" } })], 1), t("ElFormItem", { attrs: { label: "优先级" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
     return e.updateElementTask("priority");
-  } }, model: { value: e.userTaskForm.priority, callback: function(n) {
-    e.$set(e.userTaskForm, "priority", n);
+  } }, model: { value: e.userTaskForm.priority, callback: function(i) {
+    e.$set(e.userTaskForm, "priority", i);
   }, expression: "userTaskForm.priority" } })], 1)], 1);
-}, bt = [], yt = /* @__PURE__ */ h(
-  dt,
+}, yt = [], ht = /* @__PURE__ */ h(
   ft,
   bt,
+  yt,
   !1,
   null,
   null,
   null,
   null
 );
-const ht = yt.exports, gt = {
+const vt = ht.exports, gt = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -846,59 +847,59 @@ const ht = yt.exports, gt = {
   },
   methods: {
     resetTaskForm() {
-      var i;
+      var n;
       for (const e in this.defaultTaskForm) {
-        const t = ((i = this.element) == null ? void 0 : i.businessObject[e]) || this.defaultTaskForm[e];
+        const t = ((n = this.element) == null ? void 0 : n.businessObject[e]) || this.defaultTaskForm[e];
         this.$set(this.scriptTaskForm, e, t);
       }
       this.$set(this.scriptTaskForm, "scriptType", this.scriptTaskForm.script ? "inline" : "external");
     },
     updateElementTask() {
-      const i = /* @__PURE__ */ Object.create(null);
-      i.scriptFormat = this.scriptTaskForm.scriptFormat || null, i.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (i.script = this.scriptTaskForm.script || null, i.resource = null) : (i.resource = this.scriptTaskForm.resource || null, i.script = null), this.bpmnInstances.modeling.updateProperties(this.element, i);
+      const n = /* @__PURE__ */ Object.create(null);
+      n.scriptFormat = this.scriptTaskForm.scriptFormat || null, n.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (n.script = this.scriptTaskForm.script || null, n.resource = null) : (n.resource = this.scriptTaskForm.resource || null, n.script = null), this.bpmnInstances.modeling.updateProperties(this.element, n);
     }
   }
 };
-var vt = function() {
+var Et = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "脚本格式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "脚本格式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
     return e.updateElementTask();
-  }, change: function(n) {
+  }, change: function(i) {
     return e.updateElementTask();
-  } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(n) {
-    e.$set(e.scriptTaskForm, "scriptFormat", n);
-  }, expression: "scriptTaskForm.scriptFormat" } })], 1), t("ElFormItem", { attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.scriptTaskForm.scriptType, callback: function(n) {
-    e.$set(e.scriptTaskForm, "scriptType", n);
-  }, expression: "scriptTaskForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inline" } }), t("ElOption", { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(n) {
+  } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(i) {
+    e.$set(e.scriptTaskForm, "scriptFormat", i);
+  }, expression: "scriptTaskForm.scriptFormat" } })], 1), t("ElFormItem", { attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.scriptTaskForm.scriptType, callback: function(i) {
+    e.$set(e.scriptTaskForm, "scriptType", i);
+  }, expression: "scriptTaskForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inline" } }), t("ElOption", { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(i) {
     return e.updateElementTask();
-  }, change: function(n) {
+  }, change: function(i) {
     return e.updateElementTask();
-  } }, model: { value: e.scriptTaskForm.script, callback: function(n) {
-    e.$set(e.scriptTaskForm, "script", n);
-  }, expression: "scriptTaskForm.script" } })], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
+  } }, model: { value: e.scriptTaskForm.script, callback: function(i) {
+    e.$set(e.scriptTaskForm, "script", i);
+  }, expression: "scriptTaskForm.script" } })], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
     return e.updateElementTask();
-  }, change: function(n) {
+  }, change: function(i) {
     return e.updateElementTask();
-  } }, model: { value: e.scriptTaskForm.resource, callback: function(n) {
-    e.$set(e.scriptTaskForm, "resource", n);
-  }, expression: "scriptTaskForm.resource" } })], 1), t("ElFormItem", { attrs: { label: "结果变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
+  } }, model: { value: e.scriptTaskForm.resource, callback: function(i) {
+    e.$set(e.scriptTaskForm, "resource", i);
+  }, expression: "scriptTaskForm.resource" } })], 1), t("ElFormItem", { attrs: { label: "结果变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
     return e.updateElementTask();
-  }, change: function(n) {
+  }, change: function(i) {
     return e.updateElementTask();
-  } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(n) {
-    e.$set(e.scriptTaskForm, "resultVariable", n);
+  } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(i) {
+    e.$set(e.scriptTaskForm, "resultVariable", i);
   }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
-}, Et = [], Ft = /* @__PURE__ */ h(
+}, Ft = [], xt = /* @__PURE__ */ h(
   gt,
-  vt,
   Et,
+  Ft,
   !1,
   null,
   null,
   null,
   null
 );
-const xt = Ft.exports, St = {
+const St = xt.exports, Tt = {
   name: "ReceiveTask",
   props: {
     id: String,
@@ -922,14 +923,14 @@ const xt = Ft.exports, St = {
     }
   },
   created() {
-    this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((i) => i.$type === "bpmn:Message").forEach((i) => {
-      this.bpmnMessageRefsMap[i.id] = i, this.$set(this.messageMap, i.id, i.name);
+    this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((n) => n.$type === "bpmn:Message").forEach((n) => {
+      this.bpmnMessageRefsMap[n.id] = n, this.$set(this.messageMap, n.id, n.name);
     }), this.$set(this.messageMap, "-1", "无");
   },
   methods: {
     getBindMessage() {
-      var i, e;
-      this.bindMessageId = ((e = (i = this.element.businessObject) == null ? void 0 : i.messageRef) == null ? void 0 : e.id) || "-1";
+      var n, e;
+      this.bindMessageId = ((e = (n = this.element.businessObject) == null ? void 0 : n.messageRef) == null ? void 0 : e.id) || "-1";
     },
     openMessageModel() {
       this.messageModelVisible = !0, this.newMessageForm = {};
@@ -939,48 +940,48 @@ const xt = Ft.exports, St = {
         this.$message.error("该消息已存在，请修改id后重新保存");
         return;
       }
-      const i = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
-      this.bpmnRootElements.push(i), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = i, this.messageModelVisible = !1;
+      const n = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
+      this.bpmnRootElements.push(n), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = n, this.messageModelVisible = !1;
     },
-    updateTaskMessage(i) {
-      i === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
+    updateTaskMessage(n) {
+      n === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
         messageRef: null
       }) : this.bpmnInstances.modeling.updateProperties(this.element, {
-        messageRef: this.bpmnMessageRefsMap[i]
+        messageRef: this.bpmnMessageRefsMap[n]
       });
     }
   }
 };
-var Tt = function() {
+var Ct = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t("ElSelect", { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(n) {
-    e.bindMessageId = n;
-  }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(n) {
-    return t("ElOption", { key: n, attrs: { value: n, label: e.messageMap[n] } });
-  }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.messageModelVisible = n;
+  return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t("ElSelect", { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(i) {
+    e.bindMessageId = i;
+  }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(i) {
+    return t("ElOption", { key: i, attrs: { value: i, label: e.messageMap[i] } });
+  }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.messageModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
-  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "消息ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(n) {
-    e.$set(e.newMessageForm, "id", n);
-  }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(n) {
-    e.$set(e.newMessageForm, "name", n);
+  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "消息ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(i) {
+    e.$set(e.newMessageForm, "id", i);
+  }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(i) {
+    e.$set(e.newMessageForm, "name", i);
   }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
-}, Ct = [], It = /* @__PURE__ */ h(
-  St,
+}, kt = [], It = /* @__PURE__ */ h(
   Tt,
   Ct,
+  kt,
   !1,
   null,
   null,
   null,
   null
 );
-const kt = It.exports, At = {
+const _t = It.exports, wt = {
   name: "ElementTaskConfig",
-  components: { UserTask: ht, ScriptTask: xt, ReceiveTask: kt },
+  components: { UserTask: vt, ScriptTask: St, ReceiveTask: _t },
   props: {
     id: String,
     element: Object,
@@ -1012,8 +1013,8 @@ const kt = It.exports, At = {
     id: {
       immediate: !0,
       handler() {
-        var i, e, t, n, s, r;
-        this.taskConfigForm.asyncBefore = (e = (i = this.element) == null ? void 0 : i.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (n = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : n.asyncAfter, this.taskConfigForm.exclusive = (r = (s = this.element) == null ? void 0 : s.businessObject) == null ? void 0 : r.exclusive;
+        var n, e, t, i, s, a;
+        this.taskConfigForm.asyncBefore = (e = (n = this.element) == null ? void 0 : n.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (i = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : i.asyncAfter, this.taskConfigForm.exclusive = (a = (s = this.element) == null ? void 0 : s.businessObject) == null ? void 0 : a.exclusive;
       }
     },
     type: {
@@ -1029,28 +1030,28 @@ const kt = It.exports, At = {
     }
   }
 };
-var _t = function() {
+var At = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "异步延续" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(n) {
-    e.$set(e.taskConfigForm, "asyncBefore", n);
-  }, expression: "taskConfigForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(n) {
-    e.$set(e.taskConfigForm, "asyncAfter", n);
-  }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(n) {
-    e.$set(e.taskConfigForm, "exclusive", n);
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "异步延续" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(i) {
+    e.$set(e.taskConfigForm, "asyncBefore", i);
+  }, expression: "taskConfigForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(i) {
+    e.$set(e.taskConfigForm, "asyncAfter", i);
+  }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(i) {
+    e.$set(e.taskConfigForm, "exclusive", i);
   }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
-}, wt = [], $t = /* @__PURE__ */ h(
-  At,
-  _t,
+}, $t = [], Lt = /* @__PURE__ */ h(
   wt,
+  At,
+  $t,
   !1,
   null,
   null,
   null,
   null
 );
-const Lt = $t.exports, Ot = {
+const Ot = Lt.exports, Pt = {
   name: "ElementMultiInstance",
   inject: {
     prefix: "prefix"
@@ -1079,8 +1080,8 @@ const Lt = $t.exports, Ot = {
     id: {
       immediate: !0,
       handler() {
-        const { businessObject: i } = this.element;
-        this.getElementLoop(i);
+        const { businessObject: n } = this.element;
+        this.getElementLoop(n);
       }
     }
   },
@@ -1088,63 +1089,63 @@ const Lt = $t.exports, Ot = {
     this.multiLoopInstance = null;
   },
   methods: {
-    getElementLoop(i) {
-      var e, t, n, s, r, a;
-      if (!i.loopCharacteristics) {
+    getElementLoop(n) {
+      var e, t, i, s, a, r;
+      if (!n.loopCharacteristics) {
         this.loopCharacteristics = "Null", this.loopInstanceForm = {};
         return;
       }
-      if (i.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
+      if (n.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
         this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
         return;
       }
-      i.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(u(u({}, this.defaultLoopInstanceForm), i.loopCharacteristics), {
-        completionCondition: (n = (t = (e = i.loopCharacteristics) == null ? void 0 : e.completionCondition) == null ? void 0 : t.body) != null ? n : "",
-        loopCardinality: (a = (r = (s = i.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : r.body) != null ? a : ""
-      }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, i.loopCharacteristics.extensionElements && i.loopCharacteristics.extensionElements.values && i.loopCharacteristics.extensionElements.values.length && this.$set(
+      n.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(u(u({}, this.defaultLoopInstanceForm), n.loopCharacteristics), {
+        completionCondition: (i = (t = (e = n.loopCharacteristics) == null ? void 0 : e.completionCondition) == null ? void 0 : t.body) != null ? i : "",
+        loopCardinality: (r = (a = (s = n.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : a.body) != null ? r : ""
+      }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, n.loopCharacteristics.extensionElements && n.loopCharacteristics.extensionElements.values && n.loopCharacteristics.extensionElements.values.length && this.$set(
         this.loopInstanceForm,
         "timeCycle",
-        i.loopCharacteristics.extensionElements.values[0].body
+        n.loopCharacteristics.extensionElements.values[0].body
       );
     },
-    changeLoopCharacteristicsType(i) {
-      if (i === "Null") {
+    changeLoopCharacteristicsType(n) {
+      if (n === "Null") {
         this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
         return;
       }
-      if (i === "StandardLoop") {
+      if (n === "StandardLoop") {
         const e = this.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
         this.bpmnInstances.modeling.updateProperties(this.element, {
           loopCharacteristics: e
         }), this.multiLoopInstance = null;
         return;
       }
-      i === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
+      n === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
         isSequential: !0
       }) : this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), this.bpmnInstances.modeling.updateProperties(this.element, {
         loopCharacteristics: this.multiLoopInstance
       });
     },
     // 循环基数
-    updateLoopCardinality(i) {
+    updateLoopCardinality(n) {
       let e = null;
-      i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+      n && n.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
         loopCardinality: e
       });
     },
     // 完成条件
-    updateLoopCondition(i) {
+    updateLoopCondition(n) {
       let e = null;
-      i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
+      n && n.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
         completionCondition: e
       });
     },
     // 重试周期
-    updateLoopTimeCycle(i) {
+    updateLoopTimeCycle(n) {
       const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
         values: [
           this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
-            body: i
+            body: n
           })
         ]
       });
@@ -1160,53 +1161,77 @@ const Lt = $t.exports, Ot = {
       });
     },
     // 各异步状态
-    updateLoopAsync(i) {
+    updateLoopAsync(n) {
       const { asyncBefore: e, asyncAfter: t } = this.loopInstanceForm;
-      let n = /* @__PURE__ */ Object.create(null);
-      !e && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[i] = this.loopInstanceForm[i], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, n);
+      let i = /* @__PURE__ */ Object.create(null);
+      !e && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), i = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : i[n] = this.loopInstanceForm[n], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, i);
     }
   }
 };
-var Pt = function() {
+var Mt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "回路特性" } }, [t("ElSelect", { on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(n) {
-    e.loopCharacteristics = n;
-  }, expression: "loopCharacteristics" } }, [t("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), t("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), t("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), t("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCardinality }, model: { value: e.loopInstanceForm.loopCardinality, callback: function(n) {
-    e.$set(e.loopInstanceForm, "loopCardinality", n);
-  }, expression: "loopInstanceForm.loopCardinality" } })], 1), t("ElFormItem", { key: "collection", attrs: { label: "集合" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.collection, callback: function(n) {
-    e.$set(e.loopInstanceForm, "collection", n);
-  }, expression: "loopInstanceForm.collection" } })], 1), t("ElFormItem", { key: "elementVariable", attrs: { label: "元素变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.elementVariable, callback: function(n) {
-    e.$set(e.loopInstanceForm, "elementVariable", n);
-  }, expression: "loopInstanceForm.elementVariable" } })], 1), t("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCondition }, model: { value: e.loopInstanceForm.completionCondition, callback: function(n) {
-    e.$set(e.loopInstanceForm, "completionCondition", n);
-  }, expression: "loopInstanceForm.completionCondition" } })], 1), t("ElFormItem", { key: "async", attrs: { label: "异步状态" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(n) {
+  return t("div", { staticClass: "panel-tab__content element-multi-instance" }, [t("ElForm", { attrs: { size: "mini", "label-width": "100px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "回路特性" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 回路特性 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("并行")]), e._v(" 一次性创建所有任务实例")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("串行")]), e._v(" 完成一个任务实例再创建一个任务实例,直到环节完成 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("循环事件")]), e._v(" 未知")])])];
+    }, proxy: !0 }]) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }]) }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(i) {
+    e.loopCharacteristics = i;
+  }, expression: "loopCharacteristics" } }, [t("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), t("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), t("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), t("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 循环基数 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("div", [e._v("与任务实例数相对,可不填")])];
+    }, proxy: !0 }], null, !1, 3306633709) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 3757615878) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCardinality }, model: { value: e.loopInstanceForm.loopCardinality, callback: function(i) {
+    e.$set(e.loopInstanceForm, "loopCardinality", i);
+  }, expression: "loopInstanceForm.loopCardinality" } })], 1), t("ElFormItem", { key: "collection", attrs: { label: "集合名称", required: "" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 集合变量 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("p", [e._v("流程变量名,设置为 "), t("span", { staticClass: "flow-tips-keyword" }, [e._v("${handlers}")]), e._v(" 就行")])];
+    }, proxy: !0 }], null, !1, 2769289721) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 3139340263) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.collection, callback: function(i) {
+    e.$set(e.loopInstanceForm, "collection", i);
+  }, expression: "loopInstanceForm.collection" } })], 1), t("ElFormItem", { key: "elementVariable", attrs: { label: "元素名称", required: "" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 元素变量 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("p", [e._v(" 流程变量名,设置为 "), t("span", { staticClass: "flow-tips-keyword" }, [e._v("handler")]), e._v(' 就行,注意与"'), t("span", { staticClass: "flow-tips-keyword" }, [e._v("处理人")]), e._v('"中的"'), t("span", { staticClass: "flow-tips-keyword" }, [e._v("分配人员")]), e._v('"值保持一致 ')])];
+    }, proxy: !0 }], null, !1, 952223137) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 1907746023) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.elementVariable, callback: function(i) {
+    e.$set(e.loopInstanceForm, "elementVariable", i);
+  }, expression: "loopInstanceForm.elementVariable" } })], 1), t("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 完成条件 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("p", { staticClass: "flow-tips-title" }, [e._v("特殊流程变量：")]), t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfInstances")]), e._v(" 总实例数")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfCompletedInstances")]), e._v(" 已完成的实例数 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfActiveInstances")]), e._v(" 未完成实例数 ")])]), t("p", { staticClass: "flow-tips-title" }, [e._v("示例：")]), t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances/nrOfInstances >= 1}")]), e._v("：所有实例完成结束该环节 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances/nrOfInstances >= 0.5}")]), e._v("：50%实例完成结束该环节 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances >= 1}")]), e._v("：有一个实例完成结束该环节 ")])]), t("p", { staticClass: "flow-tips-title" }, [e._v("不填要等所有实例完成才会结束该环节")])];
+    }, proxy: !0 }], null, !1, 3464763714) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 1913912486) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCondition }, model: { value: e.loopInstanceForm.completionCondition, callback: function(i) {
+    e.$set(e.loopInstanceForm, "completionCondition", i);
+  }, expression: "loopInstanceForm.completionCondition" } })], 1), t("ElFormItem", { key: "async", attrs: { label: "异步状态" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [e._v(" 异步状态 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
+      return [t("div", [e._v("目前没用到")])];
+    }, proxy: !0 }], null, !1, 1935913218) }, [t("i", { staticClass: "el-icon-info" })])];
+  }, proxy: !0 }], null, !1, 474663414) }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(i) {
     return e.updateLoopAsync("asyncBefore");
-  } }, model: { value: e.loopInstanceForm.asyncBefore, callback: function(n) {
-    e.$set(e.loopInstanceForm, "asyncBefore", n);
-  }, expression: "loopInstanceForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(n) {
+  } }, model: { value: e.loopInstanceForm.asyncBefore, callback: function(i) {
+    e.$set(e.loopInstanceForm, "asyncBefore", i);
+  }, expression: "loopInstanceForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(i) {
     return e.updateLoopAsync("asyncAfter");
-  } }, model: { value: e.loopInstanceForm.asyncAfter, callback: function(n) {
-    e.$set(e.loopInstanceForm, "asyncAfter", n);
-  }, expression: "loopInstanceForm.asyncAfter" } }), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(n) {
+  } }, model: { value: e.loopInstanceForm.asyncAfter, callback: function(i) {
+    e.$set(e.loopInstanceForm, "asyncAfter", i);
+  }, expression: "loopInstanceForm.asyncAfter" } }), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(i) {
     return e.updateLoopAsync("exclusive");
-  } }, model: { value: e.loopInstanceForm.exclusive, callback: function(n) {
-    e.$set(e.loopInstanceForm, "exclusive", n);
-  }, expression: "loopInstanceForm.exclusive" } }) : e._e()], 1), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopTimeCycle }, model: { value: e.loopInstanceForm.timeCycle, callback: function(n) {
-    e.$set(e.loopInstanceForm, "timeCycle", n);
+  } }, model: { value: e.loopInstanceForm.exclusive, callback: function(i) {
+    e.$set(e.loopInstanceForm, "exclusive", i);
+  }, expression: "loopInstanceForm.exclusive" } }) : e._e()], 1), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopTimeCycle }, model: { value: e.loopInstanceForm.timeCycle, callback: function(i) {
+    e.$set(e.loopInstanceForm, "timeCycle", i);
   }, expression: "loopInstanceForm.timeCycle" } })], 1) : e._e()] : e._e()], 2)], 1);
-}, Mt = [], Dt = /* @__PURE__ */ h(
-  Ot,
+}, Dt = [], Bt = /* @__PURE__ */ h(
   Pt,
   Mt,
+  Dt,
   !1,
   null,
   null,
   null,
   null
 );
-const Bt = Dt.exports, Rt = {
+const Vt = Bt.exports, Rt = {
   name: "FlowCondition",
   props: {
     id: String,
@@ -1238,26 +1263,26 @@ const Bt = Dt.exports, Rt = {
       else if (!this.element.businessObject.conditionExpression)
         this.flowConditionForm = { type: "normal" };
       else {
-        const i = this.element.businessObject.conditionExpression;
-        if (this.flowConditionForm = T(u({}, i), { type: "condition" }), this.flowConditionForm.resource) {
+        const n = this.element.businessObject.conditionExpression;
+        if (this.flowConditionForm = T(u({}, n), { type: "condition" }), this.flowConditionForm.resource) {
           this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
           return;
         }
-        if (i.language) {
+        if (n.language) {
           this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "inlineScript");
           return;
         }
         this.$set(this.flowConditionForm, "conditionType", "expression");
       }
     },
-    updateFlowType(i) {
-      if (i === "condition") {
+    updateFlowType(n) {
+      if (n === "condition") {
         this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, {
           conditionExpression: this.flowConditionRef
         });
         return;
       }
-      if (i === "default") {
+      if (n === "default") {
         this.bpmnInstances.modeling.updateProperties(this.element, {
           conditionExpression: null
         }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
@@ -1272,34 +1297,34 @@ const Bt = Dt.exports, Rt = {
       });
     },
     updateFlowCondition() {
-      const { conditionType: i, scriptType: e, body: t, resource: n, language: s } = this.flowConditionForm;
-      let r;
-      i === "expression" ? r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : e === "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 });
+      const { conditionType: n, scriptType: e, body: t, resource: i, language: s } = this.flowConditionForm;
+      let a;
+      n === "expression" ? a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : e === "inlineScript" ? (a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t, language: s }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource: i, language: s })), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
     }
   }
 };
-var Vt = function() {
+var zt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { model: e.flowConditionForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "流转类型" } }, [t("ElSelect", { on: { change: e.updateFlowType }, model: { value: e.flowConditionForm.type, callback: function(n) {
-    e.$set(e.flowConditionForm, "type", n);
-  }, expression: "flowConditionForm.type" } }, [t("ElOption", { attrs: { label: "普通流转路径", value: "normal" } }), t("ElOption", { attrs: { label: "默认流转路径", value: "default" } }), t("ElOption", { attrs: { label: "条件流转路径", value: "condition" } })], 1)], 1), e.flowConditionForm.type === "condition" ? t("ElFormItem", { key: "condition", attrs: { label: "条件格式" } }, [t("ElSelect", { model: { value: e.flowConditionForm.conditionType, callback: function(n) {
-    e.$set(e.flowConditionForm, "conditionType", n);
-  }, expression: "flowConditionForm.conditionType" } }, [t("ElOption", { attrs: { label: "表达式", value: "expression" } }), t("ElOption", { attrs: { label: "脚本", value: "script" } })], 1)], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "expression" ? t("ElFormItem", { key: "express", attrs: { label: "表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(n) {
-    e.$set(e.flowConditionForm, "body", n);
-  }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "script" ? [t("ElFormItem", { key: "language", attrs: { label: "脚本语言" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.language, callback: function(n) {
-    e.$set(e.flowConditionForm, "language", n);
-  }, expression: "flowConditionForm.language" } })], 1), t("ElFormItem", { key: "scriptType", attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.flowConditionForm.scriptType, callback: function(n) {
-    e.$set(e.flowConditionForm, "scriptType", n);
-  }, expression: "flowConditionForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.flowConditionForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "body", attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(n) {
-    e.$set(e.flowConditionForm, "body", n);
-  }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", { key: "resource", attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.resource, callback: function(n) {
-    e.$set(e.flowConditionForm, "resource", n);
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { model: e.flowConditionForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "流转类型" } }, [t("ElSelect", { on: { change: e.updateFlowType }, model: { value: e.flowConditionForm.type, callback: function(i) {
+    e.$set(e.flowConditionForm, "type", i);
+  }, expression: "flowConditionForm.type" } }, [t("ElOption", { attrs: { label: "普通流转路径", value: "normal" } }), t("ElOption", { attrs: { label: "默认流转路径", value: "default" } }), t("ElOption", { attrs: { label: "条件流转路径", value: "condition" } })], 1)], 1), e.flowConditionForm.type === "condition" ? t("ElFormItem", { key: "condition", attrs: { label: "条件格式" } }, [t("ElSelect", { model: { value: e.flowConditionForm.conditionType, callback: function(i) {
+    e.$set(e.flowConditionForm, "conditionType", i);
+  }, expression: "flowConditionForm.conditionType" } }, [t("ElOption", { attrs: { label: "表达式", value: "expression" } }), t("ElOption", { attrs: { label: "脚本", value: "script" } })], 1)], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "expression" ? t("ElFormItem", { key: "express", attrs: { label: "表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(i) {
+    e.$set(e.flowConditionForm, "body", i);
+  }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "script" ? [t("ElFormItem", { key: "language", attrs: { label: "脚本语言" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.language, callback: function(i) {
+    e.$set(e.flowConditionForm, "language", i);
+  }, expression: "flowConditionForm.language" } })], 1), t("ElFormItem", { key: "scriptType", attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.flowConditionForm.scriptType, callback: function(i) {
+    e.$set(e.flowConditionForm, "scriptType", i);
+  }, expression: "flowConditionForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.flowConditionForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "body", attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(i) {
+    e.$set(e.flowConditionForm, "body", i);
+  }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", { key: "resource", attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.resource, callback: function(i) {
+    e.$set(e.flowConditionForm, "resource", i);
   }, expression: "flowConditionForm.resource" } })], 1) : e._e()] : e._e()], 2)], 1);
-}, jt = [], zt = /* @__PURE__ */ h(
+}, jt = [], Ut = /* @__PURE__ */ h(
   Rt,
-  Vt,
+  zt,
   jt,
   !1,
   null,
@@ -1307,7 +1332,7 @@ var Vt = function() {
   null,
   null
 );
-const Ut = zt.exports, Nt = {
+const Nt = Ut.exports, Gt = {
   name: "SignalAndMessage",
   props: {
     bpmnInstances: Object
@@ -1331,82 +1356,82 @@ const Ut = zt.exports, Nt = {
   },
   methods: {
     initDataList() {
-      this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((i) => {
-        i.$type === "bpmn:Message" && (this.messageIdMap[i.id] = !0, this.messageList.push(u({}, i))), i.$type === "bpmn:Signal" && (this.signalIdMap[i.id] = !0, this.signalList.push(u({}, i)));
+      this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((n) => {
+        n.$type === "bpmn:Message" && (this.messageIdMap[n.id] = !0, this.messageList.push(u({}, n))), n.$type === "bpmn:Signal" && (this.signalIdMap[n.id] = !0, this.signalList.push(u({}, n)));
       });
     },
-    openModel(i) {
-      this.modelType = i, this.modelObjectForm = {}, this.modelVisible = !0;
+    openModel(n) {
+      this.modelType = n, this.modelObjectForm = {}, this.modelVisible = !0;
     },
     addNewObject() {
       if (this.modelType === "message") {
         if (this.messageIdMap[this.modelObjectForm.id])
           return this.$message.error("该消息已存在，请修改id后重新保存");
-        const i = this.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
-        this.rootElements.push(i);
+        const n = this.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
+        this.rootElements.push(n);
       } else {
         if (this.signalIdMap[this.modelObjectForm.id])
           return this.$message.error("该信号已存在，请修改id后重新保存");
-        const i = this.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
-        this.rootElements.push(i);
+        const n = this.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
+        this.rootElements.push(n);
       }
       this.modelVisible = !1, this.initDataList();
     }
   }
 };
-var Gt = function() {
+var qt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "panel-tab__content--title" }, [e._m(0), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "panel-tab__content--title" }, [e._m(0), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openModel("message");
-  } } }, [e._v("创建新消息")])], 1), t("ElTable", { attrs: { data: e.messageList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "消息ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "消息名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("div", { staticClass: "panel-tab__content--title", staticStyle: { "margin-top": "8px", "padding-top": "8px", "border-top": "1px solid #eee" } }, [e._m(1), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  } } }, [e._v("创建新消息")])], 1), t("ElTable", { attrs: { data: e.messageList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "消息ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "消息名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("div", { staticClass: "panel-tab__content--title", staticStyle: { "margin-top": "8px", "padding-top": "8px", "border-top": "1px solid #eee" } }, [e._m(1), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openModel("signal");
-  } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.modelVisible = n;
+  } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.modelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
       e.modelVisible = !1;
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.addNewObject } }, [e._v("保 存")])];
-  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.modelObjectForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: e.modelConfig.idLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.id, callback: function(n) {
-    e.$set(e.modelObjectForm, "id", n);
-  }, expression: "modelObjectForm.id" } })], 1), t("ElFormItem", { attrs: { label: e.modelConfig.nameLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.name, callback: function(n) {
-    e.$set(e.modelObjectForm, "name", n);
+  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.modelObjectForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: e.modelConfig.idLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.id, callback: function(i) {
+    e.$set(e.modelObjectForm, "id", i);
+  }, expression: "modelObjectForm.id" } })], 1), t("ElFormItem", { attrs: { label: e.modelConfig.nameLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.name, callback: function(i) {
+    e.$set(e.modelObjectForm, "name", i);
   }, expression: "modelObjectForm.name" } })], 1)], 1)], 1)], 1);
-}, qt = [function() {
-  var i = this, e = i._self._c;
-  return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), i._v("消息列表")]);
+}, Kt = [function() {
+  var n = this, e = n._self._c;
+  return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), n._v("消息列表")]);
 }, function() {
-  var i = this, e = i._self._c;
-  return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), i._v("信号列表")]);
-}], Kt = /* @__PURE__ */ h(
-  Nt,
+  var n = this, e = n._self._c;
+  return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), n._v("信号列表")]);
+}], Jt = /* @__PURE__ */ h(
   Gt,
   qt,
+  Kt,
   !1,
   null,
   null,
   null,
   null
 );
-const Jt = Kt.exports;
-function de(i) {
-  let e = u({}, i);
-  if (i.script && (e = T(u(u({}, i), i.script), {
-    scriptType: i.script.resource ? "externalScript" : "inlineScript"
-  })), i.event === "timeout" && i.eventDefinitions && i.eventDefinitions.length) {
+const Zt = Jt.exports;
+function de(n) {
+  let e = u({}, n);
+  if (n.script && (e = T(u(u({}, n), n.script), {
+    scriptType: n.script.resource ? "externalScript" : "inlineScript"
+  })), n.event === "timeout" && n.eventDefinitions && n.eventDefinitions.length) {
     let t = "";
-    for (const n in i.eventDefinitions[0])
-      n.indexOf("time") !== -1 && (t = n, e.eventDefinitionType = n.replace("time", "").toLowerCase());
-    e.eventTimeDefinitions = i.eventDefinitions[0][t].body;
+    for (const i in n.eventDefinitions[0])
+      i.indexOf("time") !== -1 && (t = i, e.eventDefinitionType = i.replace("time", "").toLowerCase());
+    e.eventTimeDefinitions = n.eventDefinitions[0][t].body;
   }
   return e;
 }
-function fe(i) {
-  var t, n;
+function fe(n) {
+  var t, i;
   let e;
-  return i.class && (e = "classListener"), i.expression && (e = "expressionListener"), i.delegateExpression && (e = "delegateExpressionListener"), i.script && (e = "scriptListener"), T(u(u({}, v(i)), (t = i.script) != null ? t : {}), {
-    fields: (n = i.fields) == null ? void 0 : n.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
+  return n.class && (e = "classListener"), n.expression && (e = "expressionListener"), n.delegateExpression && (e = "delegateExpressionListener"), n.script && (e = "scriptListener"), T(u(u({}, g(n)), (t = n.script) != null ? t : {}), {
+    fields: (i = n.fields) == null ? void 0 : i.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
     listenerType: e
   });
 }
@@ -1415,7 +1440,7 @@ const be = {
   expressionListener: "表达式",
   delegateExpressionListener: "代理表达式",
   scriptListener: "脚本"
-}, Zt = {
+}, Ht = {
   create: "创建",
   assignment: "指派",
   complete: "完成",
@@ -1425,11 +1450,27 @@ const be = {
 }, ye = {
   string: "字符串",
   expression: "表达式"
-}, Ht = {
+}, Wt = (n, e) => ({
+  $type: "flowable:ExecutionListener",
+  event: n === "draft" ? "start" : n,
+  // eslint-disable-next-line no-template-curly-in-string
+  delegateExpression: "${httpInvokeExecutionListener}",
+  fields: [],
+  listenerType: "delegateExpressionListener"
+}), Xt = (n, e) => [
+  { $type: "flowable:Field", name: "serviceId", string: e.serviceId, fieldType: "string" },
+  {
+    $type: "flowable:Field",
+    name: "url",
+    string: `${e != null && e.url ? `/${e.url}` : ""}/flow${Pe(n)}`,
+    fieldType: "string"
+  }
+], Yt = {
   name: "ElementListeners",
   inject: {
     prefix: "prefix",
-    width: "width"
+    width: "width",
+    context: "context"
   },
   props: {
     id: String,
@@ -1457,36 +1498,57 @@ const be = {
       fieldTypeObject: ye
     };
   },
+  computed: {
+    apis() {
+      var e;
+      return (((e = this.context) == null ? void 0 : e.apis) || ["flowDraft", "flowStart", "flowEnd"]).map((t) => {
+        var i;
+        return `${(i = this.context) != null && i.url ? `/${this.context.url}/` : ""}${t}`;
+      }) || [];
+    }
+  },
   watch: {
     id: {
       immediate: !0,
-      handler(i) {
+      handler(n) {
         return d(this, null, function* () {
-          i && (yield this.$nextTick(), this.resetListenersList());
+          n && (yield this.$nextTick(), this.resetListenersList());
         });
       }
     }
   },
   methods: {
     resetListenersList() {
-      var i, e, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
+      var n, e, t, i;
+      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
         (s) => s.$type === `${this.prefix}:ExecutionListener`
-      )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
+      )) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
     },
-    changeFiledType(i) {
-      i === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
+    changeFiledType(n) {
+      n === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
+    },
+    assignListener(n) {
+      const e = Wt(n, this.context);
+      e.fields = Xt(n, this.context), this.listenerForm = e, this.fieldsListOfListener = e.fields;
+    },
+    setDefaultFieldValue(n) {
+      n !== "url" ? this.$set(this.listenerFieldForm, "string", this.context[n] || "") : this.$set(this.listenerFieldForm, "string", "");
     },
     // 打开 监听器详情 侧边栏
-    openListenerForm(i, e) {
+    openListenerForm(n, e) {
       return d(this, null, function* () {
         var t;
-        i ? (this.listenerForm = de(i), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), i && i.fields ? this.fieldsListOfListener = i.fields.map((n) => u({}, n)) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
+        if (n) {
+          const i = de(n);
+          n.fields ? i.fields = n.fields.map((s) => u({}, s)) : i.fields = [], this.listenerForm = i, this.fieldsListOfListener = i.fields, this.editingListenerIndex = e;
+        } else
+          this.listenerForm = { fields: [] }, this.fieldsListOfListener = this.listenerForm.fields, this.editingListenerIndex = -1;
+        this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
     },
     // 打开监听器字段编辑弹窗
-    openListenerFieldForm(i, e) {
-      this.listenerFieldForm = i ? v(i) : {}, this.editingListenerFieldIndex = i ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+    openListenerFieldForm(n, e) {
+      this.listenerFieldForm = n ? g(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
       });
     },
@@ -1497,7 +1559,7 @@ const be = {
       });
     },
     // 移除监听器字段
-    removeListenerField(i, e) {
+    removeListenerField(n, e) {
       return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
@@ -1506,7 +1568,7 @@ const be = {
       });
     },
     // 移除监听器
-    removeListener(i, e) {
+    removeListener(n, e) {
       return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(
@@ -1521,13 +1583,13 @@ const be = {
     // 保存监听器配置
     saveListenerConfig() {
       return d(this, null, function* () {
-        var t, n, s, r;
+        var t, i, s, a;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
         const e = ue(this.bpmnInstances, this.listenerForm, !1, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), 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.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter(
+          (r) => r.$type !== `${this.prefix}:ExecutionListener`
+        )) != null ? a : [], U(
           this.bpmnInstances,
           this.element,
           this.otherExtensionList.concat(this.bpmnElementListeners)
@@ -1536,80 +1598,99 @@ const be = {
     }
   }
 };
-var Wt = function() {
+var Qt = function() {
+  var i, s, a;
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "100px", prop: "event" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => e.listenerTypeObject[n.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openListenerForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeListener(n, s);
+  return t("div", { staticClass: "panel-tab__content element-listeners" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "100px", prop: "event" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "100px", "show-overflow-tooltip": "", formatter: (r) => e.listenerTypeObject[r.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: r, $index: o }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(p) {
+      return e.openListenerForm(r, o);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(p) {
+      return e.removeListener(r, o);
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(r) {
     return e.openListenerForm(null);
-  } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "执行监听器", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.listenerFormModelVisible = n;
-  } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(n) {
-    e.$set(e.listenerForm, "event", n);
-  }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "start", value: "start" } }), t("ElOption", { attrs: { label: "end", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(n) {
-    e.$set(e.listenerForm, "listenerType", n);
-  }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(n) {
-    return t("ElOption", { key: n, attrs: { label: e.listenerTypeObject[n], value: n } });
-  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(n) {
-    e.$set(e.listenerForm, "class", n);
-  }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(n) {
-    e.$set(e.listenerForm, "expression", n);
-  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(n) {
-    e.$set(e.listenerForm, "delegateExpression", n);
-  }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(n) {
-    e.$set(e.listenerForm, "scriptFormat", n);
-  }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(n) {
-    e.$set(e.listenerForm, "scriptType", n);
-  }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(n) {
-    e.$set(e.listenerForm, "value", n);
-  }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(n) {
-    e.$set(e.listenerForm, "resource", n);
-  }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
+  } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer element-listeners-drawer", attrs: { visible: e.listenerFormModelVisible, title: "执行监听器", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
+    e.listenerFormModelVisible = r;
+  } } }, [t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("监听器类型：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
+    return e.assignListener("start");
+  } } }, [e._v("开始")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
+    return e.assignListener("end");
+  } } }, [e._v("结束")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
+    return e.assignListener("draft");
+  } } }, [e._v("草稿")])], 1), t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(r) {
+    r.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.event, callback: function(r) {
+    e.$set(e.listenerForm, "event", r);
+  }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "开始", value: "start" } }), t("ElOption", { attrs: { label: "结束", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.listenerType, callback: function(r) {
+    e.$set(e.listenerForm, "listenerType", r);
+  }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(r) {
+    return t("ElOption", { key: r, attrs: { label: e.listenerTypeObject[r], value: r } });
+  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(r) {
+    e.$set(e.listenerForm, "class", r);
+  }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(r) {
+    e.$set(e.listenerForm, "expression", r);
+  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(r) {
+    e.$set(e.listenerForm, "delegateExpression", r);
+  }, expression: "listenerForm.delegateExpression" } }, e._l(((i = e.context) == null ? void 0 : i.delegateExpressions) || [], function(r) {
+    return t("ElOption", { key: r, attrs: { value: r, label: r } });
+  }), 1)], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(r) {
+    e.$set(e.listenerForm, "scriptFormat", r);
+  }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(r) {
+    e.$set(e.listenerForm, "scriptType", r);
+  }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(r) {
+    e.$set(e.listenerForm, "value", r);
+  }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(r) {
+    e.$set(e.listenerForm, "resource", r);
+  }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
     return e.openListenerFieldForm(null);
-  } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.fieldTypeObject[n.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => n.string || n.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openListenerFieldForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeListenerField(n, s);
-    } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+  } } }, [e._v(" 添加字段 ")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (r) => e.fieldTypeObject[r.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (r) => r.string || r.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: r, $index: o }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(p) {
+      return e.openListenerFieldForm(r, o);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(p) {
+      return e.removeListenerField(r, o);
+    } } }, [e._v(" 移除 ")])];
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
     e.listenerFormModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.listenerFieldFormModelVisible = n;
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
+    e.listenerFieldFormModelVisible = r;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
       e.listenerFieldFormModelVisible = !1;
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
-  }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(n) {
-    e.$set(e.listenerFieldForm, "name", n);
-  }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(n) {
-    e.$set(e.listenerFieldForm, "fieldType", n);
-  }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(n) {
-    return t("ElOption", { key: n, attrs: { label: e.fieldTypeObject[n], value: n } });
-  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(n) {
-    e.$set(e.listenerFieldForm, "string", n);
-  }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(n) {
-    e.$set(e.listenerFieldForm, "expression", n);
+  }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(r) {
+    r.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(r) {
+    e.$set(e.listenerFieldForm, "name", r);
+  }, expression: "listenerFieldForm.name" } }, e._l(((s = e.context) == null ? void 0 : s.fields) || [], function(r) {
+    return t("ElOption", { key: r, attrs: { value: r, label: r } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(r) {
+    e.$set(e.listenerFieldForm, "fieldType", r);
+  }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(r) {
+    return t("ElOption", { key: r, attrs: { label: e.fieldTypeObject[r], value: r } });
+  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", staticClass: "element-listeners-field-name", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [e.listenerFieldForm.name === "url" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
+    e.$set(e.listenerFieldForm, "string", r);
+  }, expression: "listenerFieldForm.string" } }, e._l(e.apis, function(r) {
+    return t("ElOption", { key: r, attrs: { value: r, label: r } });
+  }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
+    e.$set(e.listenerFieldForm, "string", r);
+  }, expression: "listenerFieldForm.string" } }, e._l(((a = e.context) == null ? void 0 : a.services) || [], function(r) {
+    return t("ElOption", { key: r, attrs: { value: r, label: r } });
+  }), 1) : t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
+    e.$set(e.listenerFieldForm, "string", r);
+  }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(r) {
+    e.$set(e.listenerFieldForm, "expression", r);
   }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
-}, Xt = [], Yt = /* @__PURE__ */ h(
-  Ht,
-  Wt,
-  Xt,
+}, en = [], tn = /* @__PURE__ */ h(
+  Yt,
+  Qt,
+  en,
   !1,
   null,
   null,
   null,
   null
 );
-const Qt = Yt.exports, en = {
+const nn = tn.exports, sn = {
   name: "ElementProperties",
   inject: {
     prefix: "prefix",
@@ -1631,25 +1712,25 @@ const Qt = Yt.exports, en = {
   watch: {
     id: {
       immediate: !0,
-      handler(i) {
-        i && i.length && this.resetAttributesList();
+      handler(n) {
+        n && n.length && this.resetAttributesList();
       }
     }
   },
   methods: {
     resetAttributesList() {
-      var i, e, t, n, s;
-      this.otherExtensionList = [], this.bpmnElementProperties = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
-        (r, a) => r.concat(a.values),
+      var n, e, t, i, s;
+      this.otherExtensionList = [], this.bpmnElementProperties = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((a) => (a.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(a), a.$type === `${this.prefix}:Properties`))) != null ? i : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
+        (a, r) => a.concat(r.values),
         []
-      ), this.elementPropertyList = v((s = this.bpmnElementPropertyList) != null ? s : []);
+      ), this.elementPropertyList = g((s = this.bpmnElementPropertyList) != null ? s : []);
     },
-    openAttributesForm(i, e) {
-      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : v(i), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+    openAttributesForm(n, e) {
+      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : g(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
       });
     },
-    removeAttributes(i, e) {
+    removeAttributes(n, e) {
       this.$confirm("确认移除该属性吗？", "提示", {
         confirmButtonText: "确 认",
         cancelButtonText: "取 消"
@@ -1663,27 +1744,27 @@ const Qt = Yt.exports, en = {
       });
     },
     saveAttribute() {
-      const { name: i, value: e } = this.propertyForm;
+      const { name: n, value: e } = this.propertyForm;
       if (this.editingPropertyIndex !== -1)
         this.bpmnInstances.modeling.updateModdleProperties(
           this.element,
           this.bpmnElementPropertyList[this.editingPropertyIndex],
           {
-            name: i,
+            name: n,
             value: e
           }
         );
       else {
-        const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: i, value: e }), n = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+        const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: n, value: e }), i = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
           values: this.bpmnElementPropertyList.concat([t])
         });
-        this.updateElementExtensions(n);
+        this.updateElementExtensions(i);
       }
       this.propertyFormModelVisible = !1, this.resetAttributesList();
     },
-    updateElementExtensions(i) {
+    updateElementExtensions(n) {
       const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensionList.concat([i])
+        values: this.otherExtensionList.concat([n])
       });
       this.bpmnInstances.modeling.updateProperties(this.element, {
         extensionElements: e
@@ -1691,40 +1772,40 @@ const Qt = Yt.exports, en = {
     }
   }
 };
-var tn = function() {
+var rn = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openAttributesForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeAttributes(n, s);
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openAttributesForm(i, s);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeAttributes(i, s);
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openAttributesForm(null, -1);
-  } } }, [e._v("添加属性")])], 1), t("ElementDialog", { attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.propertyFormModelVisible = n;
+  } } }, [e._v("添加属性")])], 1), t("ElementDialog", { attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.propertyFormModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
       e.propertyFormModelVisible = !1;
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveAttribute } }, [e._v("确 定")])];
-  }, proxy: !0 }]) }, [t("ElForm", { ref: "attributeFormRef", attrs: { model: e.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "属性名：", prop: "name" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.name, callback: function(n) {
-    e.$set(e.propertyForm, "name", n);
-  }, expression: "propertyForm.name" } })], 1), t("ElFormItem", { attrs: { label: "属性值：", prop: "value" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.value, callback: function(n) {
-    e.$set(e.propertyForm, "value", n);
+  }, proxy: !0 }]) }, [t("ElForm", { ref: "attributeFormRef", attrs: { model: e.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "属性名：", prop: "name" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.name, callback: function(i) {
+    e.$set(e.propertyForm, "name", i);
+  }, expression: "propertyForm.name" } })], 1), t("ElFormItem", { attrs: { label: "属性值：", prop: "value" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.value, callback: function(i) {
+    e.$set(e.propertyForm, "value", i);
   }, expression: "propertyForm.value" } })], 1)], 1)], 1)], 1);
-}, nn = [], sn = /* @__PURE__ */ h(
-  en,
-  tn,
-  nn,
+}, an = [], on = /* @__PURE__ */ h(
+  sn,
+  rn,
+  an,
   !1,
   null,
   null,
   null,
   null
 );
-const rn = sn.exports, an = {
+const ln = on.exports, pn = {
   name: "ElementForm",
   inject: {
     prefix: "prefix",
@@ -1771,17 +1852,17 @@ const rn = sn.exports, an = {
   watch: {
     id: {
       immediate: !0,
-      handler(i) {
+      handler(n) {
         return d(this, null, function* () {
-          i && (yield this.$nextTick(), this.resetFormList());
+          n && (yield this.$nextTick(), this.resetFormList());
         });
       }
     }
   },
   methods: {
     resetFormList() {
-      var i;
-      this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((i = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : i[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = v(this.formData.fields || []), this.updateElementExtensions();
+      var n;
+      this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((n = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : n[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = g(this.formData.fields || []), this.updateElementExtensions();
     },
     updateElementFormKey() {
       this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
@@ -1792,22 +1873,22 @@ const rn = sn.exports, an = {
       });
     },
     // 根据类型调整字段type
-    changeFieldTypeType(i) {
-      this.$set(this.formFieldForm, "type", i === "custom" ? "" : i);
+    changeFieldTypeType(n) {
+      this.$set(this.formFieldForm, "type", n === "custom" ? "" : n);
     },
     // 打开字段详情侧边栏
-    openFieldForm(i, e) {
-      var t, n;
+    openFieldForm(n, e) {
+      var t, i;
       if (this.formFieldIndex = e, e !== -1) {
         const s = this.formData.fields[e];
-        this.formFieldForm = v(i), this.$set(this.formFieldForm, "typeType", this.fieldType[i.type] ? i.type : "custom"), i.type === "enum" && (this.fieldEnumList = v((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = v(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = v(((n = s == null ? void 0 : s.properties) == null ? void 0 : n.values) || []);
+        this.formFieldForm = g(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = g((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = g(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = g(((i = s == null ? void 0 : s.properties) == null ? void 0 : i.values) || []);
       } else
         this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
       this.fieldModelVisible = !0;
     },
     // 打开字段 某个 配置项 弹窗
-    openFieldOptionForm(i, e, t) {
-      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "约束条件配置");
+    openFieldOptionForm(n, e, t) {
+      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "约束条件配置");
     },
     // 保存字段 某个 配置项
     saveFieldOption() {
@@ -1815,23 +1896,23 @@ const rn = sn.exports, an = {
     },
     // 保存字段配置
     saveField() {
-      const { id: i, type: e, label: t, defaultValue: n, datePattern: s } = this.formFieldForm, r = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: i, type: e, label: t });
-      if (n && (r.defaultValue = n), s && (r.datePattern = s), this.fieldPropertiesList && this.fieldPropertiesList.length) {
-        const a = this.fieldPropertiesList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: o.id, value: o.value }));
-        r.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: a
+      const { id: n, type: e, label: t, defaultValue: i, datePattern: s } = this.formFieldForm, a = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: n, type: e, label: t });
+      if (i && (a.defaultValue = i), s && (a.datePattern = s), this.fieldPropertiesList && this.fieldPropertiesList.length) {
+        const r = this.fieldPropertiesList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: o.id, value: o.value }));
+        a.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: r
         });
       }
       if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
-        const a = this.fieldConstraintsList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: o.name, config: o.config }));
-        r.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
-          constraints: a
+        const r = this.fieldConstraintsList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: o.name, config: o.config }));
+        a.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
+          constraints: r
         });
       }
-      this.fieldEnumList && this.fieldEnumList.length && (r.values = this.fieldEnumList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: a.name, id: a.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(r)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, r)), this.updateElementExtensions(), this.fieldModelVisible = !1;
+      this.fieldEnumList && this.fieldEnumList.length && (a.values = this.fieldEnumList.map((r) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: r.name, id: r.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(a)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, a)), this.updateElementExtensions(), this.fieldModelVisible = !1;
     },
     // 移除某个 字段的 配置项
-    removeFieldOptionItem(i, e, t) {
+    removeFieldOptionItem(n, e, t) {
       if (t === "property") {
         this.fieldPropertiesList.splice(e, 1);
         return;
@@ -1843,107 +1924,109 @@ const rn = sn.exports, an = {
       this.fieldConstraintsList.splice(e, 1);
     },
     // 移除 字段
-    removeField(i, e) {
+    removeField(n, e) {
       this.fieldList.splice(e, 1), this.formData.fields.splice(e, 1), this.updateElementExtensions();
     },
     updateElementExtensions() {
-      const i = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
+      const n = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
         values: this.otherExtensions.concat(this.formData)
       });
       this.bpmnInstances.modeling.updateProperties(this.element, {
-        extensionElements: i
+        extensionElements: n
       });
     }
   }
 };
-var on = function() {
+var mn = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(n) {
-    e.formKey = n;
-  }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(n) {
-    e.businessKey = n;
-  }, expression: "businessKey" } }, [e._l(e.fieldList, function(n) {
-    return t("ElOption", { key: n.id, attrs: { value: n.id, label: n.label } });
-  }), t("ElOption", { attrs: { label: "无", value: "" } })], 2)], 1)], 1), t("div", { staticClass: "element-property list-property" }, [t("ElDivider", [t("i", { staticClass: "el-icon-coin" }), e._v(" 表单字段")]), t("ElTable", { attrs: { data: e.fieldList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", type: "index", width: "50px" } }), t("ElTableColumn", { attrs: { label: "字段名称", prop: "label", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "字段类型", prop: "type", "min-width": "80px", formatter: (n) => e.fieldType[n.type] || n.type, "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "默认值", prop: "defaultValue", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openFieldForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeField(n, s);
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(i) {
+    e.formKey = i;
+  }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(i) {
+    e.businessKey = i;
+  }, expression: "businessKey" } }, [e._l(e.fieldList, function(i) {
+    return t("ElOption", { key: i.id, attrs: { value: i.id, label: i.label } });
+  }), t("ElOption", { attrs: { label: "无", value: "" } })], 2)], 1)], 1), t("div", { staticClass: "element-property list-property" }, [t("ElDivider", [t("i", { staticClass: "el-icon-coin" }), e._v(" 表单字段")]), t("ElTable", { attrs: { data: e.fieldList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", type: "index", width: "50px" } }), t("ElTableColumn", { attrs: { label: "字段名称", prop: "label", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "字段类型", prop: "type", "min-width": "80px", formatter: (i) => e.fieldType[i.type] || i.type, "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "默认值", prop: "defaultValue", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openFieldForm(i, s);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeField(i, s);
     } } }, [e._v("移除")])];
-  } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openFieldForm(null, -1);
-  } } }, [e._v("添加字段")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.fieldModelVisible, title: "字段配置", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.fieldModelVisible = n;
-  } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(n) {
-    e.$set(e.formFieldForm, "id", n);
-  }, expression: "formFieldForm.id" } })], 1), t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { attrs: { placeholder: "请选择字段类型", clearable: "" }, on: { change: e.changeFieldTypeType }, model: { value: e.formFieldForm.typeType, callback: function(n) {
-    e.$set(e.formFieldForm, "typeType", n);
-  }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(n, s) {
-    return t("ElOption", { key: s, attrs: { label: n, value: s } });
-  }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(n) {
-    e.$set(e.formFieldForm, "type", n);
-  }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(n) {
-    e.$set(e.formFieldForm, "label", n);
-  }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(n) {
-    e.$set(e.formFieldForm, "datePattern", n);
-  }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(n) {
-    e.$set(e.formFieldForm, "defaultValue", n);
-  }, expression: "formFieldForm.defaultValue" } })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", { key: "enum-divider" }), t("p", { key: "enum-title", staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("枚举值列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
+  } } }, [e._v("添加字段")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.fieldModelVisible, title: "字段配置", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.fieldModelVisible = i;
+  } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(i) {
+    e.$set(e.formFieldForm, "id", i);
+  }, expression: "formFieldForm.id" } })], 1), t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { attrs: { placeholder: "请选择字段类型", clearable: "" }, on: { change: e.changeFieldTypeType }, model: { value: e.formFieldForm.typeType, callback: function(i) {
+    e.$set(e.formFieldForm, "typeType", i);
+  }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(i, s) {
+    return t("ElOption", { key: s, attrs: { label: i, value: s } });
+  }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(i) {
+    e.$set(e.formFieldForm, "type", i);
+  }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(i) {
+    e.$set(e.formFieldForm, "label", i);
+  }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(i) {
+    e.$set(e.formFieldForm, "datePattern", i);
+  }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(i) {
+    e.$set(e.formFieldForm, "defaultValue", i);
+  }, expression: "formFieldForm.defaultValue" } })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", { key: "enum-divider" }), t("p", { key: "enum-title", staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("枚举值列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openFieldOptionForm(null, -1, "enum");
-  } } }, [e._v("添加枚举值")])], 1), t("ElTable", { key: "enum-table", attrs: { data: e.fieldEnumList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "枚举值编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "枚举值名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openFieldOptionForm(n, s, "enum");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeFieldOptionItem(n, s, "enum");
+  } } }, [e._v("添加枚举值")])], 1), t("ElTable", { key: "enum-table", attrs: { data: e.fieldEnumList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "枚举值编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "枚举值名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openFieldOptionForm(i, s, "enum");
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeFieldOptionItem(i, s, "enum");
     } } }, [e._v("移除")])];
-  } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
+  } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openFieldOptionForm(null, -1, "constraint");
-  } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openFieldOptionForm(n, s, "constraint");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeFieldOptionItem(n, s, "constraint");
+  } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openFieldOptionForm(i, s, "constraint");
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeFieldOptionItem(i, s, "constraint");
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
+  } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openFieldOptionForm(null, -1, "property");
-  } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openFieldOptionForm(n, s, "property");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeFieldOptionItem(n, s, "property");
+  } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openFieldOptionForm(i, s, "property");
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeFieldOptionItem(i, s, "property");
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.fieldOptionModelVisible = n;
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
+    e.fieldModelVisible = !1;
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.fieldOptionModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
       e.fieldOptionModelVisible = !1;
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveFieldOption } }, [e._v("确 定")])];
-  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(n) {
-    e.$set(e.fieldOptionForm, "id", n);
-  }, expression: "fieldOptionForm.id" } })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", { key: "option-name", attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.name, callback: function(n) {
-    e.$set(e.fieldOptionForm, "name", n);
-  }, expression: "fieldOptionForm.name" } })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", { key: "option-config", attrs: { label: "配置" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.config, callback: function(n) {
-    e.$set(e.fieldOptionForm, "config", n);
-  }, expression: "fieldOptionForm.config" } })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", { key: "option-value", attrs: { label: "值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.value, callback: function(n) {
-    e.$set(e.fieldOptionForm, "value", n);
+  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(i) {
+    e.$set(e.fieldOptionForm, "id", i);
+  }, expression: "fieldOptionForm.id" } })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", { key: "option-name", attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.name, callback: function(i) {
+    e.$set(e.fieldOptionForm, "name", i);
+  }, expression: "fieldOptionForm.name" } })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", { key: "option-config", attrs: { label: "配置" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.config, callback: function(i) {
+    e.$set(e.fieldOptionForm, "config", i);
+  }, expression: "fieldOptionForm.config" } })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", { key: "option-value", attrs: { label: "值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.value, callback: function(i) {
+    e.$set(e.fieldOptionForm, "value", i);
   }, expression: "fieldOptionForm.value" } })], 1) : e._e()], 1)], 1)], 1);
-}, ln = [], pn = /* @__PURE__ */ h(
-  an,
-  on,
-  ln,
+}, cn = [], un = /* @__PURE__ */ h(
+  pn,
+  mn,
+  cn,
   !1,
   null,
   null,
   null,
   null
 );
-const mn = pn.exports, cn = {
+const dn = un.exports, fn = {
   name: "UserTaskListeners",
   inject: {
     prefix: "prefix",
@@ -1957,7 +2040,7 @@ const mn = pn.exports, cn = {
   data() {
     return {
       elementListenersList: [],
-      listenerEventTypeObject: Zt,
+      listenerEventTypeObject: Ht,
       listenerTypeObject: be,
       listenerFormModelVisible: !1,
       listenerForm: {},
@@ -1976,30 +2059,30 @@ const mn = pn.exports, cn = {
   watch: {
     id: {
       immediate: !0,
-      handler(i) {
+      handler(n) {
         return d(this, null, function* () {
-          i && (yield this.$nextTick(), this.resetListenersList());
+          n && (yield this.$nextTick(), this.resetListenersList());
         });
       }
     }
   },
   methods: {
     resetListenersList() {
-      var i, e, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
+      var n, e, t, i;
+      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
         (s) => s.$type === `${this.prefix}:TaskListener`
-      )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
+      )) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
     },
-    openListenerForm(i, e) {
+    openListenerForm(n, e) {
       return d(this, null, function* () {
         var t;
-        i ? (this.listenerForm = de(i), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), i && i.fields ? this.fieldsListOfListener = i.fields.map((n) => T(u({}, n), {
-          fieldType: n.string ? "string" : "expression"
+        n ? (this.listenerForm = de(n), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), n && n.fields ? this.fieldsListOfListener = n.fields.map((i) => T(u({}, i), {
+          fieldType: i.string ? "string" : "expression"
         })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
     },
     // 移除监听器
-    removeListener(i, e) {
+    removeListener(n, e) {
       return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(
@@ -2014,13 +2097,13 @@ const mn = pn.exports, cn = {
     // 保存监听器
     saveListenerConfig() {
       return d(this, null, function* () {
-        var t, n, s, r;
+        var t, i, s, a;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
         const e = ue(this.bpmnInstances, this.listenerForm, !0, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), 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.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter(
+          (r) => r.$type !== `${this.prefix}:TaskListener`
+        )) != null ? a : [], U(
           this.bpmnInstances,
           this.element,
           this.otherExtensionList.concat(this.bpmnElementListeners)
@@ -2028,10 +2111,10 @@ const mn = pn.exports, cn = {
       });
     },
     // 打开监听器字段编辑弹窗
-    openListenerFieldForm(i, e) {
+    openListenerFieldForm(n, e) {
       return d(this, null, function* () {
         var t;
-        this.listenerFieldForm = i ? v(i) : {}, this.editingListenerFieldIndex = i ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
+        this.listenerFieldForm = n ? g(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
       });
     },
     // 保存监听器注入字段
@@ -2041,7 +2124,7 @@ const mn = pn.exports, cn = {
       });
     },
     // 移除监听器字段
-    removeListenerField(i, e) {
+    removeListenerField(n, e) {
       return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
@@ -2051,106 +2134,107 @@ const mn = pn.exports, cn = {
     }
   }
 };
-var un = function() {
+var bn = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.listenerEventTypeObject[n.event] } }), t("ElTableColumn", { attrs: { label: "事件id", "min-width": "80px", prop: "id", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.listenerTypeObject[n.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openListenerForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeListener(n, s);
+  return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.listenerEventTypeObject[i.event] } }), t("ElTableColumn", { attrs: { label: "事件id", "min-width": "80px", prop: "id", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.listenerTypeObject[i.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openListenerForm(i, s);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeListener(i, s);
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openListenerForm(null);
-  } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "任务监听器", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.listenerFormModelVisible = n;
-  } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(n) {
-    e.$set(e.listenerForm, "event", n);
-  }, expression: "listenerForm.event" } }, e._l(Object.keys(e.listenerEventTypeObject), function(n) {
-    return t("ElOption", { key: n, attrs: { label: e.listenerEventTypeObject[n], value: n } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "监听器ID", prop: "id", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.id, callback: function(n) {
-    e.$set(e.listenerForm, "id", n);
-  }, expression: "listenerForm.id" } })], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(n) {
-    e.$set(e.listenerForm, "listenerType", n);
-  }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(n) {
-    return t("ElOption", { key: n, attrs: { label: e.listenerTypeObject[n], value: n } });
-  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(n) {
-    e.$set(e.listenerForm, "class", n);
-  }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(n) {
-    e.$set(e.listenerForm, "expression", n);
-  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(n) {
-    e.$set(e.listenerForm, "delegateExpression", n);
-  }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(n) {
-    e.$set(e.listenerForm, "scriptFormat", n);
-  }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(n) {
-    e.$set(e.listenerForm, "scriptType", n);
-  }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(n) {
-    e.$set(e.listenerForm, "value", n);
-  }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(n) {
-    e.$set(e.listenerForm, "resource", n);
-  }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e(), e.listenerForm.event === "timeout" ? [t("ElFormItem", { key: "eventDefinitionType", attrs: { label: "定时器类型", prop: "eventDefinitionType" } }, [t("ElSelect", { model: { value: e.listenerForm.eventDefinitionType, callback: function(n) {
-    e.$set(e.listenerForm, "eventDefinitionType", n);
-  }, expression: "listenerForm.eventDefinitionType" } }, [t("ElOption", { attrs: { label: "日期", value: "date" } }), t("ElOption", { attrs: { label: "持续时长", value: "duration" } }), t("ElOption", { attrs: { label: "循环", value: "cycle" } }), t("ElOption", { attrs: { label: "无", value: "null" } })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", { key: "eventTimeDefinitions", attrs: { label: "定时器", prop: "eventTimeDefinitions", rules: { required: !0, trigger: ["blur", "change"], message: "请填写定时器配置" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.eventTimeDefinitions, callback: function(n) {
-    e.$set(e.listenerForm, "eventTimeDefinitions", n);
-  }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
+  } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "任务监听器", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.listenerFormModelVisible = i;
+  } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(i) {
+    e.$set(e.listenerForm, "event", i);
+  }, expression: "listenerForm.event" } }, e._l(Object.keys(e.listenerEventTypeObject), function(i) {
+    return t("ElOption", { key: i, attrs: { label: e.listenerEventTypeObject[i], value: i } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "监听器ID", prop: "id", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.id, callback: function(i) {
+    e.$set(e.listenerForm, "id", i);
+  }, expression: "listenerForm.id" } })], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(i) {
+    e.$set(e.listenerForm, "listenerType", i);
+  }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(i) {
+    return t("ElOption", { key: i, attrs: { label: e.listenerTypeObject[i], value: i } });
+  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(i) {
+    e.$set(e.listenerForm, "class", i);
+  }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(i) {
+    e.$set(e.listenerForm, "expression", i);
+  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(i) {
+    e.$set(e.listenerForm, "delegateExpression", i);
+  }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(i) {
+    e.$set(e.listenerForm, "scriptFormat", i);
+  }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(i) {
+    e.$set(e.listenerForm, "scriptType", i);
+  }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(i) {
+    e.$set(e.listenerForm, "value", i);
+  }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(i) {
+    e.$set(e.listenerForm, "resource", i);
+  }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e(), e.listenerForm.event === "timeout" ? [t("ElFormItem", { key: "eventDefinitionType", attrs: { label: "定时器类型", prop: "eventDefinitionType" } }, [t("ElSelect", { model: { value: e.listenerForm.eventDefinitionType, callback: function(i) {
+    e.$set(e.listenerForm, "eventDefinitionType", i);
+  }, expression: "listenerForm.eventDefinitionType" } }, [t("ElOption", { attrs: { label: "日期", value: "date" } }), t("ElOption", { attrs: { label: "持续时长", value: "duration" } }), t("ElOption", { attrs: { label: "循环", value: "cycle" } }), t("ElOption", { attrs: { label: "无", value: "null" } })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", { key: "eventTimeDefinitions", attrs: { label: "定时器", prop: "eventTimeDefinitions", rules: { required: !0, trigger: ["blur", "change"], message: "请填写定时器配置" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.eventTimeDefinitions, callback: function(i) {
+    e.$set(e.listenerForm, "eventTimeDefinitions", i);
+  }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openListenerFieldForm(null);
-  } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.fieldTypeObject[n.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => n.string || n.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.openListenerFieldForm(n, s);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
-      return e.removeListenerField(n, s);
+  } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.fieldTypeObject[i.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (i) => i.string || i.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.openListenerFieldForm(i, s);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
+      return e.removeListenerField(i, s);
     } } }, [e._v(" 移除 ")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
     e.listenerFormModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.listenerFieldFormModelVisible = n;
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.listenerFieldFormModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
       e.listenerFieldFormModelVisible = !1;
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
-  }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
-    n.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(n) {
-    e.$set(e.listenerFieldForm, "name", n);
-  }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerFieldForm.fieldType, callback: function(n) {
-    e.$set(e.listenerFieldForm, "fieldType", n);
-  }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(n) {
-    return t("ElOption", { key: n, attrs: { label: e.fieldTypeObject[n], value: n } });
-  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(n) {
-    e.$set(e.listenerFieldForm, "string", n);
-  }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(n) {
-    e.$set(e.listenerFieldForm, "expression", n);
+  }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(i) {
+    e.$set(e.listenerFieldForm, "name", i);
+  }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerFieldForm.fieldType, callback: function(i) {
+    e.$set(e.listenerFieldForm, "fieldType", i);
+  }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(i) {
+    return t("ElOption", { key: i, attrs: { label: e.fieldTypeObject[i], value: i } });
+  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
+    e.$set(e.listenerFieldForm, "string", i);
+  }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(i) {
+    e.$set(e.listenerFieldForm, "expression", i);
   }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
-}, dn = [], fn = /* @__PURE__ */ h(
-  cn,
-  un,
-  dn,
+}, yn = [], hn = /* @__PURE__ */ h(
+  fn,
+  bn,
+  yn,
   !1,
   null,
   null,
   null,
   null
 );
-const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
+const vn = hn.exports, ie = ["base", "task", "form", "multiInstance"], gn = {
   name: "PropertiesPanel",
   componentName: "MyPropertiesPanel",
   components: {
-    UserTaskListeners: bn,
-    ElementForm: mn,
-    ElementProperties: rn,
-    ElementListeners: Qt,
-    SignalAndMassage: Jt,
-    FlowCondition: Ut,
-    ElementMultiInstance: Bt,
-    ElementTask: Lt,
-    ElementOtherConfig: ut,
-    ElementBaseInfo: ot
+    UserTaskListeners: vn,
+    ElementForm: dn,
+    ElementProperties: ln,
+    ElementListeners: nn,
+    SignalAndMassage: Zt,
+    FlowCondition: Nt,
+    ElementMultiInstance: Vt,
+    ElementTask: Ot,
+    ElementOtherConfig: dt,
+    ElementBaseInfo: lt
   },
   provide() {
     return {
       prefix: this.prefix,
       width: this.width,
+      context: this.context,
       bpmnInstances: this.bpmnInstances
     };
   },
@@ -2160,6 +2244,7 @@ const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
       default: () => ["base", "task", "form", "multiInstance"]
     },
     bpmnModeler: Object,
+    context: Object,
     prefix: {
       type: String,
       default: "camunda"
@@ -2224,28 +2309,28 @@ const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
     getActiveElement() {
       this.initFormOnChanged(null), this.bpmnModeler.on("import.done", () => {
         this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), this.initFormOnChanged(null);
-      }), this.bpmnModeler.on("selection.changed", ({ newSelection: i }) => {
-        this.initFormOnChanged(i[0] || null);
-      }), this.bpmnModeler.on("element.changed", ({ element: i }) => {
-        i && i.id === this.elementId && this.initFormOnChanged(i);
+      }), this.bpmnModeler.on("selection.changed", ({ newSelection: n }) => {
+        this.initFormOnChanged(n[0] || null);
+      }), this.bpmnModeler.on("element.changed", ({ element: n }) => {
+        n && n.id === this.elementId && this.initFormOnChanged(n);
       });
     },
     // 初始化数据
-    initFormOnChanged(i) {
+    initFormOnChanged(n) {
       var t;
-      let e = i;
-      e || (e = (t = this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Collaboration")), e && (this.element = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
+      let e = n;
+      e || (e = (t = this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Collaboration")), e && (this.element = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
     }
   }
 };
-var hn = function() {
+var En = function() {
   var e = this, t = e._self._c;
-  return t("div", { class: ["process-panel__container", { show: e.isPanelVisible, hide: !e.isPanelVisible }], style: { width: `${e.isPanelVisible ? e.width : 34}px` }, on: { click: function(n) {
+  return t("div", { class: ["process-panel__container", { show: e.isPanelVisible, hide: !e.isPanelVisible }], style: { width: `${e.isPanelVisible ? e.width : 34}px` }, on: { click: function(i) {
     e.isPanelVisible = !0;
-  } } }, [t("div", { staticStyle: { height: "40px", "line-height": "40px" } }, [t("i", { class: ["open-properties-handel", e.isPanelVisible ? "el-icon-caret-right" : "el-icon-caret-left"], on: { click: function(n) {
-    n.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
-  } } })]), t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(n) {
-    e.activeTab = n;
+  } } }, [t("div", { staticStyle: { height: "40px", "line-height": "40px" } }, [t("i", { class: ["open-properties-handel", e.isPanelVisible ? "el-icon-caret-right" : "el-icon-caret-left"], on: { click: function(i) {
+    i.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
+  } } })]), t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(i) {
+    e.activeTab = i;
   }, expression: "activeTab" } }, [t("ElCollapseItem", { attrs: { name: "base" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-info" }), e._v("常规")])];
   }, proxy: !0 }]) }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e.elementType === "Process" ? t("ElCollapseItem", { key: "message", attrs: { name: "message" }, scopedSlots: e._u([{ key: "title", fn: function() {
@@ -2271,45 +2356,45 @@ var hn = function() {
   }, proxy: !0 }]) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), t("ElCollapseItem", { key: "other", attrs: { name: "other" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("其他")])];
   }, proxy: !0 }]) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType })], 2)], 1);
-}, gn = [], vn = /* @__PURE__ */ h(
-  yn,
-  hn,
+}, Fn = [], xn = /* @__PURE__ */ h(
   gn,
+  En,
+  Fn,
   !1,
   null,
   null,
   null,
   null
 );
-const En = vn.exports, Fn = (i, e, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+const Sn = xn.exports, Tn = (n, e, 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"
   xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI"
   xmlns:dc="http://www.omg.org/spec/DD/20100524/DC"
   xmlns:di="http://www.omg.org/spec/DD/20100524/DI"
-  id="diagram_${i}"
+  id="diagram_${n}"
   targetNamespace="${{
   activiti: "http://activiti.org/bpmn",
   camunda: "http://bpmn.io/schema/bpmn",
   flowable: "http://flowable.org/bpmn"
 }[t]}">
-  <bpmn2:process id="${i}" name="${e}" isExecutable="true">
+  <bpmn2:process id="${n}" name="${e}" isExecutable="true">
   </bpmn2:process>
   <bpmndi:BPMNDiagram id="BPMNDiagram_1">
-    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="${i}">
+    <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="${n}">
     </bpmndi:BPMNPlane>
   </bpmndi:BPMNDiagram>
 </bpmn2:definitions>`);
-function xn(i) {
+function Cn(n) {
   return function(e, t) {
-    return t = t || {}, e = i[e] || e, e.replace(/{([^}]+)}/g, function(n, s) {
-      let r = t[s];
-      return i[t[s]] !== null && i[t[s]] !== void 0 && (r = i[t[s]]), r || `{${s}}`;
+    return t = t || {}, e = n[e] || e, e.replace(/{([^}]+)}/g, function(i, s) {
+      let a = t[s];
+      return n[t[s]] !== null && n[t[s]] !== void 0 && (a = n[t[s]]), a || `{${s}}`;
     });
   };
 }
-const Sn = {
+const kn = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -2557,9 +2642,9 @@ const Sn = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, Tn = "Camunda", Cn = "http://camunda.org/schema/1.0/bpmn", In = "camunda", kn = {
+}, In = "Camunda", _n = "http://camunda.org/schema/1.0/bpmn", wn = "camunda", An = {
   tagAlias: "lowerCase"
-}, An = [], _n = [
+}, $n = [], Ln = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -3675,17 +3760,17 @@ const Sn = {
       }
     ]
   }
-], wn = [], se = {
-  name: Tn,
-  uri: Cn,
-  prefix: In,
-  xml: kn,
-  associations: An,
-  types: _n,
-  emumerations: wn
-}, $n = "Activiti", Ln = "http://activiti.org/bpmn", On = "activiti", Pn = {
+], On = [], se = {
+  name: In,
+  uri: _n,
+  prefix: wn,
+  xml: An,
+  associations: $n,
+  types: Ln,
+  emumerations: On
+}, Pn = "Activiti", Mn = "http://activiti.org/bpmn", Dn = "activiti", Bn = {
   tagAlias: "lowerCase"
-}, Mn = [], Dn = [
+}, Vn = [], Rn = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -4783,17 +4868,17 @@ const Sn = {
       }
     ]
   }
-], Bn = [], re = {
-  name: $n,
-  uri: Ln,
-  prefix: On,
-  xml: Pn,
-  associations: Mn,
-  types: Dn,
-  emumerations: Bn
-}, Rn = "Flowable", Vn = "http://flowable.org/bpmn", jn = "flowable", zn = {
+], zn = [], re = {
+  name: Pn,
+  uri: Mn,
+  prefix: Dn,
+  xml: Bn,
+  associations: Vn,
+  types: Rn,
+  emumerations: zn
+}, jn = "Flowable", Un = "http://flowable.org/bpmn", Nn = "flowable", Gn = {
   tagAlias: "lowerCase"
-}, Un = [], Nn = [], Gn = [
+}, qn = [], Kn = [], Jn = [
   {
     name: "InOutBinding",
     superClass: [
@@ -6156,161 +6241,161 @@ const Sn = {
     ]
   }
 ], ae = {
-  name: Rn,
-  uri: Vn,
-  prefix: jn,
-  xml: zn,
-  associations: Un,
-  emumerations: Nn,
-  types: Gn
-}, qn = "*";
-function _(i) {
+  name: jn,
+  uri: Un,
+  prefix: Nn,
+  xml: Gn,
+  associations: qn,
+  emumerations: Kn,
+  types: Jn
+}, Zn = "*";
+function w(n) {
   const e = this;
-  i.on("moddleCopy.canCopyProperty", function(t) {
-    const n = t.property, s = t.parent;
-    return e.canCopyProperty(n, s);
+  n.on("moddleCopy.canCopyProperty", function(t) {
+    const i = t.property, s = t.parent;
+    return e.canCopyProperty(i, s);
   });
 }
-_.$inject = ["eventBus"];
-_.prototype.canCopyProperty = function(i, e) {
-  if (Ce(i) && !Kn(i, e) || k(i, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(i, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || k(i, "camunda:In") && !this.canHostIn(e))
+w.$inject = ["eventBus"];
+w.prototype.canCopyProperty = function(n, e) {
+  if (Ce(n) && !Hn(n, e) || I(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || I(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
-_.prototype.canHostInputOutput = function(i) {
-  if (x(i, "camunda:Connector"))
+w.prototype.canHostInputOutput = function(n) {
+  if (x(n, "camunda:Connector"))
     return !0;
-  const t = x(i, "bpmn:FlowNode");
-  return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || k(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  const t = x(n, "bpmn:FlowNode");
+  return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || I(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
-_.prototype.canHostConnector = function(i) {
-  const e = x(i, "camunda:ServiceTaskLike");
-  return k(e, "bpmn:MessageEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
+w.prototype.canHostConnector = function(n) {
+  const e = x(n, "camunda:ServiceTaskLike");
+  return I(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
-_.prototype.canHostIn = function(i) {
-  return x(i, "bpmn:CallActivity") ? !0 : x(i, "bpmn:SignalEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
+w.prototype.canHostIn = function(n) {
+  return x(n, "bpmn:CallActivity") ? !0 : x(n, "bpmn:SignalEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
-function k(i, e) {
-  return i && Ie(i.$instanceOf) && i.$instanceOf(e);
+function I(n, e) {
+  return n && ke(n.$instanceOf) && n.$instanceOf(e);
 }
-function he(i, e) {
-  return A(e, function(t) {
-    return k(i, t);
+function he(n, e) {
+  return _(e, function(t) {
+    return I(n, t);
   });
 }
-function x(i, e) {
+function x(n, e) {
   if (!e)
-    return i.$parent;
-  if (k(i, e))
-    return i;
-  if (i.$parent)
-    return x(i.$parent, e);
+    return n.$parent;
+  if (I(n, e))
+    return n;
+  if (n.$parent)
+    return x(n.$parent, e);
 }
-function Kn(i, e) {
-  const t = i.$type && i.$model.getTypeDescriptor(i.$type), n = t && t.meta && t.meta.allowedIn;
-  return !n || Jn(n) ? !0 : A(n, function(s) {
+function Hn(n, e) {
+  const t = n.$type && n.$model.getTypeDescriptor(n.$type), i = t && t.meta && t.meta.allowedIn;
+  return !i || Wn(i) ? !0 : _(i, function(s) {
     return x(e, s);
   });
 }
-function Jn(i) {
-  return i.indexOf(qn) !== -1;
+function Wn(n) {
+  return n.indexOf(Zn) !== -1;
 }
-const Zn = {
+const Xn = {
   __init__: ["camundaModdleExtension"],
-  camundaModdleExtension: ["type", _]
-}, Hn = {
+  camundaModdleExtension: ["type", w]
+}, Yn = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function H(i, e) {
-  return i && typeof i.$instanceOf == "function" && i.$instanceOf(e);
+function H(n, e) {
+  return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function Wn(i) {
-  return i && i.length;
+function Qn(n) {
+  return n && n.length;
 }
-function j(i, e) {
-  return Wn(i) && A(i, function(t) {
+function z(n, e) {
+  return Qn(n) && _(n, function(t) {
     return H(t, e);
   });
 }
-function Xn(i, e) {
-  return A(e, function(t) {
-    return H(i, t);
+function ei(n, e) {
+  return _(e, function(t) {
+    return H(n, t);
   });
 }
-function G(i, e, t) {
-  const n = e.name, s = Hn[n.replace(/activiti:/, "")];
-  return n === i && Xn(t, s);
+function G(n, e, t) {
+  const i = e.name, s = Yn[i.replace(/activiti:/, "")];
+  return i === n && ei(t, s);
 }
-function W(i) {
-  i.on(
+function W(n) {
+  n.on(
     "property.clone",
     function(e) {
-      const t = e.newElement, n = e.propertyDescriptor;
-      this.canCloneProperty(t, n);
+      const t = e.newElement, i = e.propertyDescriptor;
+      this.canCloneProperty(t, i);
     },
     this
   );
 }
 W.$inject = ["eventBus"];
-W.prototype.canCloneProperty = function(i, e) {
-  if (G("activiti:FailedJobRetryTimeCycle", e, i))
-    return j(i.eventDefinitions, "bpmn:TimerEventDefinition") || j(i.eventDefinitions, "bpmn:SignalEventDefinition") || H(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-  if (G("activiti:Connector", e, i) || G("activiti:Field", e, i))
-    return j(i.eventDefinitions, "bpmn:MessageEventDefinition");
+W.prototype.canCloneProperty = function(n, e) {
+  if (G("activiti:FailedJobRetryTimeCycle", e, n))
+    return z(n.eventDefinitions, "bpmn:TimerEventDefinition") || z(n.eventDefinitions, "bpmn:SignalEventDefinition") || H(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (G("activiti:Connector", e, n) || G("activiti:Field", e, n))
+    return z(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const Yn = {
+const ti = {
   __init__: ["ActivitiModdleExtension"],
   ActivitiModdleExtension: ["type", W]
-}, Qn = {
+}, ni = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function X(i, e) {
-  return i && typeof i.$instanceOf == "function" && i.$instanceOf(e);
+function X(n, e) {
+  return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function ei(i) {
-  return i && i.length;
+function ii(n) {
+  return n && n.length;
 }
-function z(i, e) {
-  return ei(i) && A(i, function(t) {
+function j(n, e) {
+  return ii(n) && _(n, function(t) {
     return X(t, e);
   });
 }
-function ti(i, e) {
-  return A(e, function(t) {
-    return X(i, t);
+function si(n, e) {
+  return _(e, function(t) {
+    return X(n, t);
   });
 }
-function q(i, e, t) {
-  const n = e.name, s = Qn[n.replace(/flowable:/, "")];
-  return n === i && ti(t, s);
+function q(n, e, t) {
+  const i = e.name, s = ni[i.replace(/flowable:/, "")];
+  return i === n && si(t, s);
 }
-function Y(i) {
-  i.on(
+function Y(n) {
+  n.on(
     "property.clone",
     function(e) {
-      const t = e.newElement, n = e.propertyDescriptor;
-      this.canCloneProperty(t, n);
+      const t = e.newElement, i = e.propertyDescriptor;
+      this.canCloneProperty(t, i);
     },
     this
   );
 }
 Y.$inject = ["eventBus"];
-Y.prototype.canCloneProperty = function(i, e) {
-  if (q("flowable:FailedJobRetryTimeCycle", e, i))
-    return z(i.eventDefinitions, "bpmn:TimerEventDefinition") || z(i.eventDefinitions, "bpmn:SignalEventDefinition") || X(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-  if (q("flowable:Connector", e, i) || q("flowable:Field", e, i))
-    return z(i.eventDefinitions, "bpmn:MessageEventDefinition");
+Y.prototype.canCloneProperty = function(n, e) {
+  if (q("flowable:FailedJobRetryTimeCycle", e, n))
+    return j(n.eventDefinitions, "bpmn:TimerEventDefinition") || j(n.eventDefinitions, "bpmn:SignalEventDefinition") || X(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (q("flowable:Connector", e, n) || q("flowable:Field", e, n))
+    return j(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const ni = {
+const ri = {
   __init__: ["FlowableModdleExtension"],
   FlowableModdleExtension: ["type", Y]
 };
 le.registerLanguage("xml", Re);
-le.registerLanguage("json", Ve);
-const ii = {
+le.registerLanguage("json", ze);
+const ai = {
   name: "ProcessDesigner",
   components: {
     HighlightJS: je
@@ -6359,12 +6444,12 @@ const ii = {
     headerButtonSize: {
       type: String,
       default: "small",
-      validator: (i) => ["default", "medium", "small", "mini"].indexOf(i) !== -1
+      validator: (n) => ["default", "medium", "small", "mini"].indexOf(n) !== -1
     },
     headerButtonType: {
       type: String,
       default: "primary",
-      validator: (i) => ["default", "primary", "success", "warning", "danger", "info"].indexOf(i) !== -1
+      validator: (n) => ["default", "primary", "success", "warning", "danger", "info"].indexOf(n) !== -1
     },
     extendTypes: Array
   },
@@ -6381,29 +6466,29 @@ const ii = {
   },
   computed: {
     additionalModules() {
-      const i = [];
+      const n = [];
       if (this.onlyCustomizeAddi)
         return te(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
-      te(this.additionalModel) ? i.push(...this.additionalModel) : this.additionalModel && i.push(this.additionalModel);
+      te(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
       const e = {
-        translate: ["value", xn(this.translations || Sn)]
+        translate: ["value", Cn(this.translations || kn)]
       };
-      return i.push(e), this.simulation && i.push(De), i.push(Me), this.prefix === "camunda" && i.push(Zn), this.prefix === "flowable" && i.push(ni), this.prefix === "activiti" && i.push(Yn), i;
+      return n.push(e), this.simulation && n.push(Be), n.push(De), this.prefix === "camunda" && n.push(Xn), this.prefix === "flowable" && n.push(ri), this.prefix === "activiti" && n.push(ti), n;
     },
     moddleExtensions() {
-      const i = {};
+      const n = {};
       if (this.onlyCustomizeModdle)
         return this.moddleExtension || null;
       if (this.moddleExtension)
         for (const e in this.moddleExtension)
-          i[e] = this.moddleExtension[e];
-      return this.prefix === "activiti" && (i.activiti = T(u({}, re), {
+          n[e] = this.moddleExtension[e];
+      return this.prefix === "activiti" && (n.activiti = T(u({}, re), {
         types: [...re.types, ...this.extendTypes || []]
-      })), this.prefix === "flowable" && (i.flowable = T(u({}, ae), {
+      })), this.prefix === "flowable" && (n.flowable = T(u({}, ae), {
         types: [...ae.types, ...this.extendTypes || []]
-      })), this.prefix === "camunda" && (i.camunda = T(u({}, se), {
+      })), this.prefix === "camunda" && (n.camunda = T(u({}, se), {
         types: [...se.types, ...this.extendTypes || []]
-      })), i;
+      })), n;
     }
   },
   mounted() {
@@ -6413,7 +6498,7 @@ const ii = {
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = new Pe(u({
+      this.bpmnModeler || (this.bpmnModeler = new Me(u({
         container: this.$refs["bpmn-canvas"],
         keyboard: this.keyboard ? { bindTo: document } : null,
         additionalModules: this.additionalModules,
@@ -6421,32 +6506,32 @@ const ii = {
       }, this.options)), this.$emit("init-finished", this.bpmnModeler), this.initModelListeners());
     },
     initModelListeners() {
-      const i = this.bpmnModeler.get("eventBus"), e = this;
+      const n = this.bpmnModeler.get("eventBus"), e = this;
       this.events.forEach((t) => {
-        i.on(t, function(n) {
-          const s = t.replace(/\./g, "-"), r = n ? n.element : null;
-          e.$emit(s, r, n);
+        n.on(t, function(i) {
+          const s = t.replace(/\./g, "-"), a = i ? i.element : null;
+          e.$emit(s, a, i);
         });
-      }), i.on("commandStack.changed", (t) => d(this, null, function* () {
+      }), n.on("commandStack.changed", (t) => d(this, null, function* () {
         try {
           this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
-          const { xml: n } = yield this.bpmnModeler.saveXML({ format: !0 });
-          this.$emit("commandStack-changed", t), this.$emit("input", n), this.$emit("change", n);
-        } catch (n) {
-          console.error(`[Process Designer Warn]: ${n.message || n}`);
+          const { xml: i } = yield this.bpmnModeler.saveXML({ format: !0 });
+          this.$emit("commandStack-changed", t), this.$emit("input", i), this.$emit("change", i);
+        } catch (i) {
+          console.error(`[Process Designer Warn]: ${i.message || i}`);
         }
       })), this.bpmnModeler.on("canvas.viewbox.changed", ({ viewbox: t }) => {
         this.$emit("canvas-viewbox-changed", { viewbox: t });
-        const { scale: n } = t;
-        this.defaultZoom = Math.floor(n * 100) / 100;
+        const { scale: i } = t;
+        this.defaultZoom = Math.floor(i * 100) / 100;
       });
     },
     /* 创建新的流程图 */
-    createNewDiagram(i) {
+    createNewDiagram(n) {
       return d(this, null, function* () {
-        const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, n = i || Fn(e, t, this.prefix);
+        const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, i = n || Tn(e, t, this.prefix);
         try {
-          const { warnings: s } = yield this.bpmnModeler.importXML(n);
+          const { warnings: s } = yield this.bpmnModeler.importXML(i);
           this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), s != null && s.length;
         } catch (s) {
           console.error(`[Process Designer Warn]: ${(s == null ? void 0 : s.message) || s}`);
@@ -6458,47 +6543,47 @@ const ii = {
      * @param {string} type
      * @param {*} name
      */
-    downloadProcess(i, e = "diagram") {
+    downloadProcess(n, e = "diagram") {
       return d(this, null, function* () {
         try {
-          if (i === "xml" || i === "bpmn") {
-            const { err: n, xml: s } = yield this.bpmnModeler.saveXML();
-            n && console.error(`[Process Designer Warn ]: ${n.message || n}`);
-            const { href: r, filename: a } = this.setEncoded(i.toUpperCase(), e, s);
-            t(r, a);
+          if (n === "xml" || n === "bpmn") {
+            const { err: i, xml: s } = yield this.bpmnModeler.saveXML();
+            i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
+            const { href: a, filename: r } = this.setEncoded(n.toUpperCase(), e, s);
+            t(a, r);
           } else {
-            const { err: n, svg: s } = yield this.bpmnModeler.saveSVG();
-            if (n)
-              return console.error(n);
-            const { href: r, filename: a } = this.setEncoded("SVG", e, s);
-            t(r, a);
+            const { err: i, svg: s } = yield this.bpmnModeler.saveSVG();
+            if (i)
+              return console.error(i);
+            const { href: a, filename: r } = this.setEncoded("SVG", e, s);
+            t(a, r);
           }
-        } catch (n) {
-          console.error(`[Process Designer Warn ]: ${n.message || n}`);
+        } catch (i) {
+          console.error(`[Process Designer Warn ]: ${i.message || i}`);
         }
-        function t(n, s) {
-          if (n && s) {
-            const r = document.createElement("a");
-            r.download = s, r.href = n, r.click(), URL.revokeObjectURL(r.href);
+        function t(i, s) {
+          if (i && s) {
+            const a = document.createElement("a");
+            a.download = s, a.href = i, a.click(), URL.revokeObjectURL(a.href);
           }
         }
       });
     },
     // 根据所需类型进行转码并返回下载地址
-    setEncoded(i, e = "diagram", t) {
-      const n = encodeURIComponent(t);
+    setEncoded(n, e = "diagram", t) {
+      const i = encodeURIComponent(t);
       return {
-        filename: `${e}.${i}`,
-        href: `data:application/${i === "svg" ? "text/xml" : "bpmn20-xml"};charset=UTF-8,${n}`,
+        filename: `${e}.${n}`,
+        href: `data:application/${n === "svg" ? "text/xml" : "bpmn20-xml"};charset=UTF-8,${i}`,
         data: t
       };
     },
     // 加载本地文件
     importLocalFile() {
-      const i = this, e = this.$refs.refFile.files[0], t = new FileReader();
+      const n = this, e = this.$refs.refFile.files[0], t = new FileReader();
       t.readAsText(e), t.onload = function() {
-        const n = this.result;
-        i.createNewDiagram(n);
+        const i = this.result;
+        n.createNewDiagram(i);
       };
     },
     /* ------------------------------------------------ refs methods ------------------------------------------------------ */
@@ -6520,24 +6605,24 @@ const ii = {
     processUndo() {
       this.bpmnModeler.get("commandStack").undo();
     },
-    processZoomIn(i = 0.1) {
-      const e = Math.floor(this.defaultZoom * 100 + i * 100) / 100;
+    processZoomIn(n = 0.1) {
+      const e = Math.floor(this.defaultZoom * 100 + n * 100) / 100;
       if (e > 4)
         throw new Error("[Process Designer Warn ]: The zoom ratio cannot be greater than 4");
       this.defaultZoom = e, this.bpmnModeler.get("canvas").zoom(this.defaultZoom);
     },
-    processZoomOut(i = 0.1) {
-      const e = Math.floor(this.defaultZoom * 100 - i * 100) / 100;
+    processZoomOut(n = 0.1) {
+      const e = Math.floor(this.defaultZoom * 100 - n * 100) / 100;
       if (e < 0.2)
         throw new Error("[Process Designer Warn ]: The zoom ratio cannot be less than 0.2");
       this.defaultZoom = e, this.bpmnModeler.get("canvas").zoom(this.defaultZoom);
     },
-    processZoomTo(i = 1) {
-      if (i < 0.2)
+    processZoomTo(n = 1) {
+      if (n < 0.2)
         throw new Error("[Process Designer Warn ]: The zoom ratio cannot be less than 0.2");
-      if (i > 4)
+      if (n > 4)
         throw new Error("[Process Designer Warn ]: The zoom ratio cannot be greater than 4");
-      this.defaultZoom = i, this.bpmnModeler.get("canvas").zoom(i);
+      this.defaultZoom = n, this.bpmnModeler.get("canvas").zoom(n);
     },
     processReZoom() {
       this.defaultZoom = 1, this.bpmnModeler.get("canvas").zoom("fit-viewport", "auto");
@@ -6545,9 +6630,9 @@ const ii = {
     processRestart() {
       this.recoverable = !1, this.revocable = !1, this.createNewDiagram(null);
     },
-    elementsAlign(i) {
-      const e = this.bpmnModeler.get("alignElements"), n = this.bpmnModeler.get("selection").get();
-      if (!n || n.length <= 1) {
+    elementsAlign(n) {
+      const e = this.bpmnModeler.get("alignElements"), i = this.bpmnModeler.get("selection").get();
+      if (!i || i.length <= 1) {
         this.$message.warning("请按住 Shift 键选择多个元素对齐");
         return;
       }
@@ -6555,83 +6640,97 @@ const ii = {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning"
-      }).then(() => e.trigger(n, i));
+      }).then(() => e.trigger(i, n));
     },
     /* -----------------------------    方法结束     --------------------------------- */
     previewProcessXML() {
-      this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: i }) => {
-        this.previewResult = i, this.previewType = "xml", this.previewModelVisible = !0;
+      this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: n }) => {
+        this.previewResult = n, this.previewType = "xml", this.previewModelVisible = !0;
       });
     },
     previewProcessJson() {
-      const i = new Be();
+      const n = new Ve();
       this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: e }) => {
-        const { definitions: t } = i.xml2js(e);
+        const { definitions: t } = n.xml2js(e);
         t ? this.previewResult = JSON.stringify(t, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
       });
     }
   }
 };
-var si = function() {
+var oi = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "my-process-designer" }, [t("div", { staticClass: "my-process-designer__header" }, [e._t("control-header", function() {
-    return [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 [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(i) {
       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 [t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
         return e.downloadProcessAsXml();
-      } } }, [e._v("下载为XML文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(n) {
+      } } }, [e._v("下载为XML文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
         return e.downloadProcessAsSvg();
-      } } }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(n) {
+      } } }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
         return e.downloadProcessAsBpmn();
       } } }, [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" }, 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" }, 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) {
+    }, 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" }, 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(i) {
       return e.elementsAlign("left");
-    } } })], 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) {
+    } } })], 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(i) {
       return e.elementsAlign("right");
-    } } })], 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) {
+    } } })], 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(i) {
       return e.elementsAlign("top");
-    } } })], 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) {
+    } } })], 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(i) {
       return e.elementsAlign("bottom");
-    } } })], 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) {
+    } } })], 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(i) {
       return e.elementsAlign("center");
-    } } })], 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) {
+    } } })], 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(i) {
       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) {
+    } } })], 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(i) {
       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) {
+    } } })], 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(i) {
       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) {
+    } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "重置视图并居中" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, icon: "el-icon-c-scale-to-original" }, on: { click: function(i) {
       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) {
+    } } })], 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(i) {
       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) {
+    } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "恢复" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.recoverable, icon: "el-icon-refresh-right" }, on: { click: function(i) {
       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" }, attrs: { id: "files", type: "file", accept: ".xml, .bpmn" }, on: { change: e.importLocalFile } })], 2), t("div", { staticClass: "my-process-designer__container" }, [t("div", { ref: "bpmn-canvas", staticClass: "my-process-designer__canvas flow-background-image" })]), t("ElementDialog", { attrs: { title: "预览", width: "60vw", height: "60vh", visible: e.previewModelVisible, "body-padding": !1, "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.previewModelVisible = n;
+  }), t("input", { ref: "refFile", staticStyle: { display: "none" }, attrs: { id: "files", type: "file", accept: ".xml, .bpmn" }, on: { change: e.importLocalFile } })], 2), t("div", { staticClass: "my-process-designer__container" }, [t("div", { ref: "bpmn-canvas", staticClass: "my-process-designer__canvas flow-background-image" })]), t("ElementDialog", { attrs: { title: "预览", width: "60vw", height: "60vh", visible: e.previewModelVisible, "body-padding": !1, "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.previewModelVisible = i;
   } } }, [t("HighlightJS", { attrs: { language: e.previewType, code: e.previewResult } })], 1)], 1);
-}, ri = [], ai = /* @__PURE__ */ h(
-  ii,
-  si,
-  ri,
+}, li = [], pi = /* @__PURE__ */ h(
+  ai,
+  oi,
+  li,
   !1,
   null,
   null,
   null,
   null
 );
-const oi = ai.exports, li = {
+const mi = pi.exports, ci = {
   name: "FlowDesigner",
   components: {
-    PropertiesPanel: En,
-    ProcessDesigner: oi
+    PropertiesPanel: Sn,
+    ProcessDesigner: mi
   },
   props: {
     value: String,
-    extendTypes: Array
+    extendTypes: Array,
+    context: {
+      type: Object,
+      default() {
+        return {
+          url: "",
+          serviceId: "",
+          services: ["test", "demo"],
+          fields: ["serviceId", "url"],
+          // eslint-disable-next-line no-template-curly-in-string
+          delegateExpressions: ["${httpInvokeExecutionListener}"],
+          apis: ["flowDraft", "flowStart", "flowEnd"]
+        };
+      }
+    }
   },
   data() {
     return {
@@ -6645,41 +6744,41 @@ const oi = ai.exports, li = {
         labelVisible: !1,
         prefix: "flowable",
         headerButtonSize: "mini",
-        additionalModel: [ze, Ue, We]
+        additionalModel: [Ue, Ne, Xe]
       }
     };
   },
   methods: {
-    initModeler(i) {
-      this.modeler = i;
+    initModeler(n) {
+      this.modeler = n;
     }
   }
 };
-var pi = function() {
+var ui = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "flow-designer" }, [t("ProcessDesigner", e._b({ key: `designer-${e.reloadIndex}`, ref: "processDesigner", attrs: { value: e.value, "extend-types": e.extendTypes, options: {
     taskResizingEnabled: !0,
     eventResizingEnabled: !0
-  }, keyboard: "" }, on: { input: (n) => e.$emit("input", n), "init-finished": e.initModeler }, scopedSlots: e._u([{ key: "toolbar-buttons", fn: function() {
+  }, keyboard: "" }, on: { input: (i) => e.$emit("input", i), "init-finished": e.initModeler }, scopedSlots: e._u([{ key: "toolbar-buttons", fn: function() {
     return [e._t("toolbar-buttons", null, { modeler: e.modeler })];
-  }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "bpmn-modeler": e.modeler, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
-    return [e._t("task", null, { id: n, bpmnInstances: s, element: r, type: a })];
-  } }, { key: "form", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
-    return [e._t("form", null, { id: n, bpmnInstances: s, element: r, type: a })];
-  } }, { key: "extend", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
-    return [e._t("extend", null, { id: n, bpmnInstances: s, element: r, type: a })];
+  }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
+    return [e._t("task", null, { id: i, bpmnInstances: s, element: a, type: r })];
+  } }, { key: "form", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
+    return [e._t("form", null, { id: i, bpmnInstances: s, element: a, type: r })];
+  } }, { key: "extend", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
+    return [e._t("extend", null, { id: i, bpmnInstances: s, element: a, type: r })];
   } }], null, !0) })], 1);
-}, mi = [], ci = /* @__PURE__ */ h(
-  li,
-  pi,
-  mi,
+}, di = [], fi = /* @__PURE__ */ h(
+  ci,
+  ui,
+  di,
   !1,
   null,
   null,
   null,
   null
 );
-const Di = ci.exports;
+const zi = fi.exports;
 export {
-  Di as default
+  zi as default
 };