@web-utils/component 3.5.0 → 3.6.1

package/flow-designer/index.mjs

@@ -1,63 +1,63 @@
-var Se = Object.defineProperty, Te = Object.defineProperties;
-var Ce = Object.getOwnPropertyDescriptors;
-var te = Object.getOwnPropertySymbols;
-var Ie = Object.prototype.hasOwnProperty, ke = Object.prototype.propertyIsEnumerable;
-var ne = (i, e, t) => e in i ? Se(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, d = (i, e) => {
+var ye = Object.defineProperty, be = Object.defineProperties;
+var ge = Object.getOwnPropertyDescriptors;
+var Q = Object.getOwnPropertySymbols;
+var fe = Object.prototype.hasOwnProperty, ve = Object.prototype.propertyIsEnumerable;
+var ee = (n, e, t) => e in n ? ye(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, P = (n, e) => {
   for (var t in e || (e = {}))
-    Ie.call(e, t) && ne(i, t, e[t]);
-  if (te)
-    for (var t of te(e))
-      ke.call(e, t) && ne(i, t, e[t]);
-  return i;
-}, T = (i, e) => Te(i, Ce(e));
-var c = (i, e, t) => new Promise((n, s) => {
-  var a = (p) => {
+    fe.call(e, t) && ee(n, t, e[t]);
+  if (Q)
+    for (var t of Q(e))
+      ve.call(e, t) && ee(n, t, e[t]);
+  return n;
+}, L = (n, e) => be(n, ge(e));
+var w = (n, e, t) => new Promise((i, r) => {
+  var a = (m) => {
     try {
-      o(t.next(p));
-    } catch (E) {
-      s(E);
+      o(t.next(m));
+    } catch (g) {
+      r(g);
     }
-  }, r = (p) => {
+  }, l = (m) => {
     try {
-      o(t.throw(p));
-    } catch (E) {
-      s(E);
+      o(t.throw(m));
+    } catch (g) {
+      r(g);
     }
-  }, o = (p) => p.done ? n(p.value) : Promise.resolve(p.value).then(a, r);
-  o((t = t.apply(i, e)).next());
+  }, o = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(a, l);
+  o((t = t.apply(n, e)).next());
 });
-import { assign as y, isArray as _e, forEach as Ae, isObject as we, isFunction as $e, some as _ } from "min-dash";
-import { is as V } from "bpmn-js/lib/util/ModelUtil";
-import { isExpanded as Le, isEventSubProcess as Oe } from "bpmn-js/lib/util/DiUtil";
-import { isAny as G } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as Pe } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as Me } from "diagram-js/lib/util/Mouse";
-import ue from "bpmn-js/lib/features/palette/PaletteProvider";
-import J from "diagram-js/lib/features/auto-place/AutoPlace";
-import { getMid as De, asTRBL as Be } from "diagram-js/lib/layout/LayoutUtil";
-import { fastClone as v, isBlank as Re, capitalize as Ve, isArray as ie } from "@web-utils/core";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { assign as y, isArray as Se, forEach as Ae, isObject as he, isFunction as Ee, some as T } from "min-dash";
+import { is as R } from "bpmn-js/lib/util/ModelUtil";
+import { isExpanded as Te, isEventSubProcess as Ce } from "bpmn-js/lib/util/DiUtil";
+import { isAny as z } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
+import { getChildLanes as xe } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as Ie } from "diagram-js/lib/util/Mouse";
+import le from "bpmn-js/lib/features/palette/PaletteProvider";
+import j from "diagram-js/lib/features/auto-place/AutoPlace";
+import { getMid as Pe, asTRBL as we } from "diagram-js/lib/layout/LayoutUtil";
 import { markRaw as N } from "vue";
+import { n as J } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.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 je from "bpmn-js/lib/Modeler";
-import ze from "bpmn-js/lib/features/drilldown/index.js";
-import Ne from "bpmn-js-token-simulation";
-import se from "x2js";
-import de from "highlight.js/lib/core";
-import Ue from "highlight.js/lib/languages/xml";
-import Ge from "highlight.js/lib/languages/json";
-import qe from "../highlight-j-s/index.mjs";
+import ke from "bpmn-js/lib/Modeler";
+import _e from "bpmn-js/lib/features/drilldown";
+import Me from "bpmn-js-token-simulation";
+import te from "x2js";
+import pe from "highlight.js/lib/core";
+import De from "highlight.js/lib/languages/xml";
+import Be from "highlight.js/lib/languages/json";
+import { isArray as ne } from "@web-utils/core";
+import Oe from "../highlight-j-s/index.mjs";
 import "../highlight-j-s/style.css";
-function Z(i, e, t, n, s, a, r, o, p, E, m, l, u) {
-  i = i || {}, n.registerProvider(this), this._contextPad = n, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = E, this._rules = m, this._translate = l, i.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(F) {
-    const C = F.context.shape;
-    if (!Me(F) || !n.isOpen(C))
+function Z(n, e, t, i, r, a, l, o, m, g, p, s, u) {
+  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = r, this._elementFactory = a, this._connect = l, this._create = o, this._popupMenu = m, this._canvas = g, this._rules = p, this._translate = s, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(f) {
+    const A = f.context.shape;
+    if (!Ie(f) || !i.isOpen(A))
       return;
-    const f = n.getEntries(C);
-    f.replace && f.replace.action.click(F, C);
+    const c = i.getEntries(A);
+    c.replace && c.replace.action.click(f, A);
   });
 }
 Z.$inject = [
@@ -75,248 +75,248 @@ Z.$inject = [
   "translate",
   "elementRegistry"
 ];
-Z.prototype.getContextPadEntries = function(i) {
-  const e = this._contextPad, t = this._modeling, n = this._elementFactory, s = this._connect, a = this._create, r = this._popupMenu, o = this._canvas, p = this._rules, E = this._autoPlace, m = this._translate, l = {};
-  if (i.type === "label")
-    return l;
-  const u = i.businessObject;
-  function F(b, S) {
-    s.start(b, S);
+Z.prototype.getContextPadEntries = function(n) {
+  const e = this._contextPad, t = this._modeling, i = this._elementFactory, r = this._connect, a = this._create, l = this._popupMenu, o = this._canvas, m = this._rules, g = this._autoPlace, p = this._translate, s = {};
+  if (n.type === "label")
+    return s;
+  const u = n.businessObject;
+  function f(d, S) {
+    r.start(d, S);
   }
-  function O() {
-    t.removeElements([i]);
+  function _() {
+    t.removeElements([n]);
   }
-  function C(b) {
-    const g = o.getContainer(), w = e.getPad(b).html, $ = g.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
+  function A(d) {
+    const b = o.getContainer(), x = e.getPad(d).html, I = b.getBoundingClientRect(), D = x.getBoundingClientRect(), B = D.top - I.top;
     return {
-      x: M.left - $.left,
-      y: D + M.height + 5
+      x: D.left - I.left,
+      y: B + D.height + 5
     };
   }
-  function f(b, S, g, w) {
-    typeof g != "string" && (w = g, g = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
-    function $(D, B) {
-      const R = n.createShape(y({ type: b }, w));
-      a.start(D, R, {
-        source: B
+  function c(d, S, b, x) {
+    typeof b != "string" && (x = b, b = p("Append {type}", { type: d.replace(/^bpmn:/, "") }));
+    function I(B, O) {
+      const F = i.createShape(y({ type: d }, x));
+      a.start(B, F, {
+        source: O
       });
     }
     return {
       group: "model",
       className: S,
-      title: g,
+      title: b,
       action: {
-        dragstart: $,
-        click: E ? function(D, B) {
-          const R = n.createShape(y({ type: b }, w));
-          E.append(B, R);
-        } : $
+        dragstart: I,
+        click: g ? function(B, O) {
+          const F = i.createShape(y({ type: d }, x));
+          g.append(O, F);
+        } : I
       }
     };
   }
-  function P(b) {
-    return function(S, g) {
-      t.splitLane(g, b), e.open(g, !0);
+  function M(d) {
+    return function(S, b) {
+      t.splitLane(b, d), e.open(b, !0);
     };
   }
-  if (G(u, ["bpmn:Lane", "bpmn:Participant"]) && Le(u)) {
-    const b = Pe(i);
-    y(l, {
+  if (z(u, ["bpmn:Lane", "bpmn:Participant"]) && Te(u)) {
+    const d = xe(n);
+    y(s, {
       "lane-insert-above": {
         group: "lane-insert-above",
         className: "bpmn-icon-lane-insert-above",
-        title: m("Add Lane above"),
+        title: p("Add Lane above"),
         action: {
-          click: function(S, g) {
-            t.addLane(g, "top");
+          click: function(S, b) {
+            t.addLane(b, "top");
           }
         }
       }
-    }), b.length < 2 && (i.height >= 120 && y(l, {
+    }), d.length < 2 && (n.height >= 120 && y(s, {
       "lane-divide-two": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-two",
-        title: m("Divide into two Lanes"),
+        title: p("Divide into two Lanes"),
         action: {
-          click: P(2)
+          click: M(2)
         }
       }
-    }), i.height >= 180 && y(l, {
+    }), n.height >= 180 && y(s, {
       "lane-divide-three": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-three",
-        title: m("Divide into three Lanes"),
+        title: p("Divide into three Lanes"),
         action: {
-          click: P(3)
+          click: M(3)
         }
       }
-    })), y(l, {
+    })), y(s, {
       "lane-insert-below": {
         group: "lane-insert-below",
         className: "bpmn-icon-lane-insert-below",
-        title: m("Add Lane below"),
+        title: p("Add Lane below"),
         action: {
-          click: function(S, g) {
-            t.addLane(g, "bottom");
+          click: function(S, b) {
+            t.addLane(b, "bottom");
           }
         }
       }
     });
   }
-  V(u, "bpmn:FlowNode") && (V(u, "bpmn:EventBasedGateway") ? y(l, {
-    "append.receive-task": f("bpmn:ReceiveTask", "bpmn-icon-receive-task", m("Append ReceiveTask")),
-    "append.message-intermediate-event": f(
+  R(u, "bpmn:FlowNode") && (R(u, "bpmn:EventBasedGateway") ? y(s, {
+    "append.receive-task": c("bpmn:ReceiveTask", "bpmn-icon-receive-task", p("Append ReceiveTask")),
+    "append.message-intermediate-event": c(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-message",
-      m("Append MessageIntermediateCatchEvent"),
+      p("Append MessageIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:MessageEventDefinition" }
     ),
-    "append.timer-intermediate-event": f(
+    "append.timer-intermediate-event": c(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-timer",
-      m("Append TimerIntermediateCatchEvent"),
+      p("Append TimerIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:TimerEventDefinition" }
     ),
-    "append.condition-intermediate-event": f(
+    "append.condition-intermediate-event": c(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-condition",
-      m("Append ConditionIntermediateCatchEvent"),
+      p("Append ConditionIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
     ),
-    "append.signal-intermediate-event": f(
+    "append.signal-intermediate-event": c(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-signal",
-      m("Append SignalIntermediateCatchEvent"),
+      p("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
-  }) : re(u, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
-    "append.compensation-activity": f("bpmn:Task", "bpmn-icon-task", m("Append compensation activity"), {
+  }) : ie(u, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(s, {
+    "append.compensation-activity": c("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
       isForCompensation: !0
     })
-  }) : !V(u, "bpmn:EndEvent") && !u.isForCompensation && !re(u, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Oe(u) && 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(
+  }) : !R(u, "bpmn:EndEvent") && !u.isForCompensation && !ie(u, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ce(u) && y(s, {
+    "append.end-event": c("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
+    "append.gateway": c("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
+    "append.append-task": c("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
+    "append.intermediate-event": c(
       "bpmn:IntermediateThrowEvent",
       "bpmn-icon-intermediate-event-none",
-      m("Append Intermediate/Boundary Event")
+      p("Append Intermediate/Boundary Event")
     )
-  })), r.isEmpty(i, "bpmn-replace") || y(l, {
+  })), l.isEmpty(n, "bpmn-replace") || y(s, {
     replace: {
       group: "edit",
       className: "bpmn-icon-screw-wrench",
-      title: m("Change type"),
+      title: p("Change type"),
       action: {
-        click: function(b, S) {
-          const g = y(C(S), {
-            cursor: { x: b.x, y: b.y }
+        click: function(d, S) {
+          const b = y(A(S), {
+            cursor: { x: d.x, y: d.y }
           });
-          r.open(S, "bpmn-replace", g);
+          l.open(S, "bpmn-replace", b);
         }
       }
     }
-  }), G(u, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(l, {
-    "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
+  }), z(u, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
+    "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: m(`Connect using ${u.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
+      title: p(`Connect using ${u.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
       action: {
-        click: F,
-        dragstart: F
+        click: f,
+        dragstart: f
       }
     }
-  }), G(u, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(l, {
+  }), z(u, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: m("Connect using DataInputAssociation"),
+      title: p("Connect using DataInputAssociation"),
       action: {
-        click: F,
-        dragstart: F
+        click: f,
+        dragstart: f
       }
     }
-  }), V(u, "bpmn:Group") && y(l, {
-    "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
+  }), R(u, "bpmn:Group") && y(s, {
+    "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
-  let I = p.allowed("elements.delete", { elements: [i] });
-  return _e(I) && (I = I[0] === i), I && y(l, {
+  let h = m.allowed("elements.delete", { elements: [n] });
+  return Se(h) && (h = h[0] === n), h && y(s, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
-      title: m("Remove"),
+      title: p("Remove"),
       action: {
-        click: O
+        click: _
       }
     }
-  }), l;
+  }), s;
 };
-function re(i, e, t) {
-  const n = i.$instanceOf(e);
-  let s = !1;
-  const a = i.eventDefinitions || [];
-  return Ae(a, function(r) {
-    r.$type === t && (s = !0);
-  }), n && s;
+function ie(n, e, t) {
+  const i = n.$instanceOf(e);
+  let r = !1;
+  const a = n.eventDefinitions || [];
+  return Ae(a, function(l) {
+    l.$type === t && (r = !0);
+  }), i && r;
 }
-const Ke = {
+const Fe = {
   __init__: ["contextPadProvider"],
   contextPadProvider: ["type", Z]
 };
-function L(i, e, t, n, s, a, r, o, p) {
-  ue.call(this, i, e, t, n, s, a, r, o, p, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = a, this._globalConnect = r, this._moddle = o, this._translate = p;
+function k(n, e, t, i, r, a, l, o, m) {
+  le.call(this, n, e, t, i, r, a, l, o, m, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = r, this._handTool = a, this._globalConnect = l, this._moddle = o, this._translate = m;
 }
 const H = function() {
 };
-H.prototype = ue.prototype;
+H.prototype = le.prototype;
 H.prototype.getPaletteEntries = function() {
-  const i = {}, e = this._create, t = this._elementFactory, n = this._spaceTool, s = this._lassoTool, a = this._handTool, r = this._globalConnect, o = this._translate;
-  function p(l, u, F, O, C) {
-    function f(I) {
-      const b = t.createShape(y({ type: l }, C));
-      l === "bpmn:UserTask" && (b.businessObject.candidateUsers = "${handlers}"), e.start(I, b);
+  const n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, r = this._lassoTool, a = this._handTool, l = this._globalConnect, o = this._translate;
+  function m(s, u, f, _, A) {
+    function c(h) {
+      const d = t.createShape(y({ type: s }, A));
+      s === "bpmn:UserTask" && (d.businessObject.candidateUsers = "${handlers}"), e.start(h, d);
     }
-    const P = l.replace(/^bpmn:/, "");
+    const M = s.replace(/^bpmn:/, "");
     return {
       group: u,
-      className: F,
-      title: O || o("Create {type}", { type: P }),
+      className: f,
+      title: _ || o("Create {type}", { type: M }),
       action: {
-        dragstart: f,
-        click: f
+        dragstart: c,
+        click: c
       }
     };
   }
-  function E(l) {
+  function g(s) {
     const u = t.createShape({
       type: "bpmn:SubProcess",
       x: 0,
       y: 0,
       isExpanded: !0
-    }), F = t.createShape({
+    }), f = t.createShape({
       type: "bpmn:StartEvent",
       x: 40,
       y: 82,
       parent: u
     });
-    e.start(l, [u, F], {
+    e.start(s, [u, f], {
       hints: {
-        autoSelect: [F]
+        autoSelect: [f]
       }
     });
   }
-  function m(l) {
-    e.start(l, t.createParticipantShape());
+  function p(s) {
+    e.start(s, 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) {
-          a.activateHand(l);
+        click: function(s) {
+          a.activateHand(s);
         }
       }
     },
@@ -325,8 +325,8 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-lasso-tool",
       title: o("Activate the lasso tool"),
       action: {
-        click: function(l) {
-          s.activateSelection(l);
+        click: function(s) {
+          r.activateSelection(s);
         }
       }
     },
@@ -335,8 +335,8 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-space-tool",
       title: o("Activate the create/remove space tool"),
       action: {
-        click: function(l) {
-          n.activateSelection(l);
+        click: function(s) {
+          i.activateSelection(s);
         }
       }
     },
@@ -345,22 +345,22 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-connection-multi",
       title: o("Activate the global connect tool"),
       action: {
-        click: function(l) {
-          r.toggle(l);
+        click: function(s) {
+          l.toggle(s);
         }
       }
     },
     "tool-separator": { group: "tools", separator: !0 },
-    "create.start-event": p("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
-    "create.intermediate-event": p(
+    "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
+    "create.intermediate-event": m(
       "bpmn:IntermediateThrowEvent",
       "event",
       "bpmn-icon-intermediate-event-none",
       o("Create Intermediate/Boundary Event")
     ),
-    "create.user-task": 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": p("bpmn:EndEvent", "activity", "bpmn-icon-end-event-none", o("Create EndEvent")),
+    "create.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
+    "create.exclusive-gateway": m("bpmn:ExclusiveGateway", "activity", "bpmn-icon-gateway-none", o("Create Gateway")),
+    "create.end-event": m("bpmn:EndEvent", "activity", "bpmn-icon-end-event-none", o("Create EndEvent")),
     // 'create.sql-task': createAction('user:MySql', 'activity', 'bpmn-icon-mysql', 'MySQL 节点'),
     // 'create.data-object': createAction('bpmn:DataObjectReference', 'data-object', 'bpmn-icon-data-object', translate('Create DataObjectReference')),
     // 'create.data-store': createAction('bpmn:DataStoreReference', 'data-store', 'bpmn-icon-data-store', translate('Create DataStoreReference')),
@@ -370,8 +370,8 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-subprocess-expanded",
       title: o("Create expanded SubProcess"),
       action: {
-        dragstart: E,
-        click: E
+        dragstart: g,
+        click: g
       }
     },
     "create.participant-expanded": {
@@ -379,1758 +379,121 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-participant",
       title: o("Create Pool/Participant"),
       action: {
-        dragstart: m,
-        click: m
+        dragstart: p,
+        click: p
       }
     }
     // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
-  }), i;
+  }), n;
 };
-L.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
-L.prototype = new H();
-L.prototype.constructor = L;
-const Je = {
+k.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
+k.prototype = new H();
+k.prototype.constructor = k;
+const Le = {
   __init__: ["customPalette"],
-  customPalette: ["type", L]
+  customPalette: ["type", k]
 };
-function fe(i, e) {
-  J.call(this, i, e, 3e3), i.on("autoPlace", 3e3, function(t) {
-    const n = t.shape, s = t.source;
-    return Xe(s, n);
-  }), this.append = function(t, n, s) {
-    i.fire("autoPlace.start", {
+function me(n, e) {
+  j.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
+    const i = t.shape, r = t.source;
+    return Ne(r, i);
+  }), this.append = function(t, i, r) {
+    n.fire("autoPlace.start", {
       source: t,
-      shape: n
+      shape: i
     });
-    const a = i.fire("autoPlace", {
+    const a = n.fire("autoPlace", {
       source: t,
-      shape: n
+      shape: i
     });
-    console.log("hints", s, "position", a);
-    const r = e.appendShape(t, n, a, t.parent, s);
-    return i.fire("autoPlace.end", {
+    console.log("hints", r, "position", a);
+    const l = e.appendShape(t, i, a, t.parent, r);
+    return n.fire("autoPlace.end", {
       source: t,
-      shape: r
-    }), r;
+      shape: l
+    }), l;
   };
 }
-function Ze(i) {
+function Re(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 He(i) {
+function $e(n) {
   return {
-    x: Math.round(i.x),
-    y: Math.round(i.y)
+    x: Math.round(n.x),
+    y: Math.round(n.y)
   };
 }
-function We(i) {
-  return He({
-    x: i.x + (i.width || 0) / 2,
-    y: i.y + (i.height || 0) / 2
+function Ve(n) {
+  return $e({
+    x: n.x + (n.width || 0) / 2,
+    y: n.y + (n.height || 0) / 2
   });
 }
-function Xe(i, e, t) {
+function Ne(n, e, t) {
   t || (t = {});
-  const n = t.defaultDistance || 50, s = We(i), a = Ze(i);
+  const i = t.defaultDistance || 50, r = Ve(n), a = Re(n);
   return {
-    x: s.x,
-    y: a.bottom + n + e.height / 2
+    x: r.x,
+    y: a.bottom + i + e.height / 2
   };
 }
-const be = function() {
+const ue = function() {
 };
-be.prototype = J.prototype;
-fe.prototype = new be();
-fe.prototype.constructor = J;
-const Ye = 200, Qe = 100;
-function ye(i, e, t) {
-  i.on("autoPlace", Qe, function(n) {
-    const s = n.shape, a = n.source;
-    return et(a, s);
-  }), i.on("autoPlace.end", function(n) {
-    t.scrollToElement(n.shape);
-  }), this.append = function(n, s, a) {
-    i.fire("autoPlace.start", {
-      source: n,
-      shape: s
+ue.prototype = j.prototype;
+me.prototype = new ue();
+me.prototype.constructor = j;
+const ze = 200, Ue = 100;
+function ce(n, e, t) {
+  n.on("autoPlace", Ue, function(i) {
+    const r = i.shape, a = i.source;
+    return Ge(a, r);
+  }), n.on("autoPlace.end", function(i) {
+    t.scrollToElement(i.shape);
+  }), this.append = function(i, r, a) {
+    n.fire("autoPlace.start", {
+      source: i,
+      shape: r
     });
-    const r = i.fire("autoPlace", {
-      source: n,
-      shape: s
-    }), o = e.appendShape(n, s, r, n.parent, a);
-    return i.fire("autoPlace.end", {
-      source: n,
+    const l = n.fire("autoPlace", {
+      source: i,
+      shape: r
+    }), o = e.appendShape(i, r, l, i.parent, a);
+    return n.fire("autoPlace.end", {
+      source: i,
       shape: o
     }), o;
   };
 }
-ye.$inject = ["eventBus", "modeling", "canvas"];
-function et(i, e) {
-  const t = Ye, n = De(i);
+ce.$inject = ["eventBus", "modeling", "canvas"];
+function Ge(n, e) {
+  const t = ze, i = Pe(n);
   return {
-    x: Be(i).right + t + e.width / 2,
-    y: n.y
+    x: we(n).right + t + e.width / 2,
+    y: i.y
   };
 }
-const tt = {
+const je = {
   __init__: ["autoPlaceSelectionBehavior"],
-  autoPlace: ["type", ye]
-};
-function he(i, e, t, n) {
-  const s = /* @__PURE__ */ Object.create(null);
-  switch (s.event = e.event, t && (s.id = e.id), e.listenerType) {
-    case "scriptListener":
-      s.script = it(i, e, n);
-      break;
-    case "expressionListener":
-      s.expression = e.expression;
-      break;
-    case "delegateExpressionListener":
-      s.delegateExpression = e.delegateExpression;
-      break;
-    default:
-      s.class = e.class;
-  }
-  if (e.fields && (s.fields = e.fields.map((a) => nt(i, a, n))), t && e.event === "timeout" && e.eventDefinitionType) {
-    const a = i.moddle.create("bpmn:FormalExpression", {
-      body: e.eventTimeDefinitions
-    }), r = i.moddle.create("bpmn:TimerEventDefinition", {
-      id: `TimerEventDefinition_${st(8)}`,
-      [`time${e.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: a
-    });
-    s.eventDefinitions = [r];
-  }
-  return i.moddle.create(`${n}:${t ? "TaskListener" : "ExecutionListener"}`, s);
-}
-function nt(i, e, t) {
-  const { name: n, fieldType: s, string: a, expression: r } = e, o = s === "string" ? { name: n, string: a } : { name: n, expression: r };
-  return i.moddle.create(`${t}:Field`, o);
-}
-function it(i, e, t) {
-  const { scriptType: n, scriptFormat: s, value: a, resource: r } = e, o = n === "inlineScript" ? { scriptFormat: s, value: a } : { scriptFormat: s, resource: r };
-  return i.moddle.create(`${t}:Script`, o);
-}
-function U(i, e, t) {
-  const n = i.moddle.create("bpmn:ExtensionElements", {
-    values: t
-  });
-  i.modeling.updateProperties(e, {
-    extensionElements: n
-  });
-}
-function st(i = 8, e) {
-  let t = "";
-  const n = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  for (let s = i; s > 0; --s)
-    t += n[Math.floor(Math.random() * n.length)];
-  return t;
-}
-const ae = (i, e = "body") => i ? i.get(e) : null, oe = (i, e, t = "body", n) => {
-  rt(i, e, { [t]: n });
-}, rt = ({ modeling: i }, e, t) => {
-  i.updateProperties(e, t);
-}, at = {
-  name: "ElementBaseInfo",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String,
-    idEditDisabled: {
-      type: Boolean,
-      default: !0
-    },
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      skipExpression: "",
-      businessObject: {},
-      attrs: {
-        commentInForm: null,
-        commentOrder: null,
-        commentNodeIds: null,
-        commentLabel: null
-      },
-      nodes: []
-    };
-  },
-  watch: {
-    id: "init"
-  },
-  methods: {
-    init(i) {
-      const e = this.bpmnInstances.elementRegistry.filter((n) => n.type === "bpmn:UserTask");
-      this.nodes = e.map(({ businessObject: { id: n, name: s } }) => ({ label: s, value: n }));
-      const { businessObject: t } = this.element;
-      if (i ? (this.businessObject = v(t), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask")
-        for (const n in this.attrs) {
-          let s = ae(t, `${this.prefix}:${n}`);
-          n === "commentNodeIds" && (s = s ? s.split(",") : []), this.attrs[n] = s;
-        }
-      this.skipExpression = ae(t, `${this.prefix}:skipExpression`);
-    },
-    updateBaseInfo(i) {
-      const { modeling: e } = this.bpmnInstances;
-      if (i === "id") {
-        e.updateProperties(this.element, {
-          id: this.businessObject[i],
-          di: { id: `${this.businessObject[i]}_di` }
-        });
-        return;
-      }
-      if (i === "isExpanded") {
-        e.toggleCollapse(this.element);
-        return;
-      }
-      e.updateProperties(this.element, { [i]: this.businessObject[i] });
-    },
-    updateProp(i, e) {
-      if (i === "commentInForm" && !e)
-        for (const t in this.attrs)
-          t !== "commentInForm" && (this.attrs[t] = null, oe(this.bpmnInstances, this.element, `${this.prefix}:${t}`, this.attrs[t]));
-      i === "commentNodeIds" ? e = e != null && e.length ? e.join(",") : null : e = e || null, oe(this.bpmnInstances, this.element, `${this.prefix}:${i}`, e);
-    }
-  }
-};
-var ot = 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 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) {
-    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("skipExpression", n) }, model: { value: e.skipExpression, callback: function(n) {
-    e.skipExpression = n;
-  }, expression: "skipExpression" } })], 1), t("ElFormItem", { attrs: { label: "意见在表单" } }, [t("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: (n) => e.updateProp("commentInForm", n) }, model: { value: e.attrs.commentInForm, callback: function(n) {
-    e.$set(e.attrs, "commentInForm", n);
-  }, expression: "attrs.commentInForm" } })], 1), e.attrs.commentInForm ? [t("ElFormItem", { attrs: { label: "意见名称" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (n) => e.updateProp("commentLabel", n) }, model: { value: e.attrs.commentLabel, callback: function(n) {
-    e.$set(e.attrs, "commentLabel", n);
-  }, expression: "attrs.commentLabel" } })], 1), t("ElFormItem", { attrs: { label: "意见聚合" } }, [t("ElSelect", { attrs: { multiple: "", clearable: "" }, on: { input: (n) => e.updateProp("commentNodeIds", n) }, model: { value: e.attrs.commentNodeIds, callback: function(n) {
-    e.$set(e.attrs, "commentNodeIds", n);
-  }, expression: "attrs.commentNodeIds" } }, e._l(e.nodes, function(n) {
-    return t("ElOption", { key: n.value, attrs: { label: n.label, value: n.value } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "意见排序号" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (n) => e.updateProp("commentOrder", n) }, model: { value: e.attrs.commentOrder, callback: function(n) {
-    e.$set(e.attrs, "commentOrder", n);
-  }, expression: "attrs.commentOrder" } })], 1)] : e._e()] : e._e(), e.businessObject.$type === "bpmn:Process" ? [t("ElFormItem", { attrs: { label: "版本标签" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
-    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) {
-    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) {
-    return e.updateBaseInfo("isExpanded");
-  } }, model: { value: e.businessObject.isExpanded, callback: function(n) {
-    e.$set(e.businessObject, "isExpanded", n);
-  }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
-}, lt = [], pt = /* @__PURE__ */ h(
-  at,
-  ot,
-  lt,
-  !1,
-  null,
-  null
-);
-const mt = pt.exports, ct = {
-  name: "ElementOtherConfig",
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      documentation: ""
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        if (Re(this.element))
-          this.documentation = "";
-        else {
-          const {
-            businessObject: { documentation: i }
-          } = this.element;
-          this.documentation = (i == null ? void 0 : i[0].text) || "";
-        }
-      }
-    }
-  },
-  methods: {
-    updateDocumentation() {
-      const { modeling: i } = this.bpmnInstances, {
-        businessObject: { documentation: e }
-      } = this.element;
-      if (e != null && e.length)
-        e[0].set("text", this.documentation), i.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] });
-      }
-    }
-  }
-};
-var ut = 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;
-  }, expression: "documentation" } })], 1)])]);
-}, dt = [], ft = /* @__PURE__ */ h(
-  ct,
-  ut,
-  dt,
-  !1,
-  null,
-  null
-);
-const bt = ft.exports, yt = {
-  name: "UserTask",
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      defaultTaskForm: {
-        assignee: "",
-        candidateUsers: [],
-        candidateGroups: [],
-        dueDate: "",
-        followUpDate: "",
-        priority: ""
-      },
-      userTaskForm: {},
-      mockData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.$nextTick(() => this.resetTaskForm());
-      }
-    }
-  },
-  methods: {
-    resetTaskForm() {
-      const { businessObject: i } = 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);
-      }
-    },
-    updateElementTask(i) {
-      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);
-    }
-  }
-};
-var ht = 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 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) {
-    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) {
-    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) {
-    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) {
-    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) {
-    return e.updateElementTask("priority");
-  } }, model: { value: e.userTaskForm.priority, callback: function(n) {
-    e.$set(e.userTaskForm, "priority", n);
-  }, expression: "userTaskForm.priority" } })], 1)], 1);
-}, gt = [], vt = /* @__PURE__ */ h(
-  yt,
-  ht,
-  gt,
-  !1,
-  null,
-  null
-);
-const Et = vt.exports, Ft = {
-  name: "ScriptTask",
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      defaultTaskForm: {
-        scriptFormat: "",
-        script: "",
-        resource: "",
-        resultVariable: ""
-      },
-      scriptTaskForm: {}
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.$nextTick(() => this.resetTaskForm());
-      }
-    }
-  },
-  methods: {
-    resetTaskForm() {
-      var i;
-      for (const e in this.defaultTaskForm) {
-        const t = ((i = this.element) == null ? void 0 : i.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);
-    }
-  }
-};
-var xt = 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 e.updateElementTask();
-  }, change: function(n) {
-    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) {
-    return e.updateElementTask();
-  }, change: function(n) {
-    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) {
-    return e.updateElementTask();
-  }, change: function(n) {
-    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) {
-    return e.updateElementTask();
-  }, change: function(n) {
-    return e.updateElementTask();
-  } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(n) {
-    e.$set(e.scriptTaskForm, "resultVariable", n);
-  }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
-}, St = [], Tt = /* @__PURE__ */ h(
-  Ft,
-  xt,
-  St,
-  !1,
-  null,
-  null
-);
-const Ct = Tt.exports, It = {
-  name: "ReceiveTask",
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      bindMessageId: "",
-      newMessageForm: {},
-      messageMap: {},
-      messageModelVisible: !1
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        this.$nextTick(() => this.getBindMessage());
-      }
-    }
-  },
-  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.$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";
-    },
-    openMessageModel() {
-      this.messageModelVisible = !0, this.newMessageForm = {};
-    },
-    createNewMessage() {
-      if (this.messageMap[this.newMessageForm.id]) {
-        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;
-    },
-    updateTaskMessage(i) {
-      i === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
-        messageRef: null
-      }) : this.bpmnInstances.modeling.updateProperties(this.element, {
-        messageRef: this.bpmnMessageRefsMap[i]
-      });
-    }
-  }
-};
-var kt = 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", { staticClass: "flow-dialog", 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;
-  } }, 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);
-  }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
-}, _t = [], At = /* @__PURE__ */ h(
-  It,
-  kt,
-  _t,
-  !1,
-  null,
-  null
-);
-const wt = At.exports, $t = {
-  name: "ElementTaskConfig",
-  components: { UserTask: Et, ScriptTask: Ct, ReceiveTask: wt },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object,
-    type: String
-  },
-  data() {
-    return {
-      taskConfigForm: {
-        asyncAfter: !1,
-        asyncBefore: !1,
-        exclusive: !1
-      },
-      witchTaskComponent: "",
-      installedComponent: {
-        // 手工任务与普通任务一致，不需要其他配置
-        // 接收消息任务，需要在全局下插入新的消息实例，并在该节点下的 messageRef 属性绑定该实例
-        // 发送任务、服务任务、业务规则任务共用一个相同配置
-        UserTask: "UserTask",
-        // 用户任务配置
-        ScriptTask: "ScriptTask",
-        // 脚本任务配置
-        ReceiveTask: "ReceiveTask"
-        // 消息接收任务
-      }
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        var i, e, t, n, s, a;
-        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 = (a = (s = this.element) == null ? void 0 : s.businessObject) == null ? void 0 : a.exclusive;
-      }
-    },
-    type: {
-      immediate: !0,
-      handler() {
-        this.witchTaskComponent = this.installedComponent[this.type];
-      }
-    }
-  },
-  methods: {
-    changeTaskAsync() {
-      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, d({}, this.taskConfigForm));
-    }
-  }
-};
-var Lt = 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);
-  }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
-}, Ot = [], Pt = /* @__PURE__ */ h(
-  $t,
-  Lt,
-  Ot,
-  !1,
-  null,
-  null
-);
-const Mt = Pt.exports, Dt = {
-  name: "ElementMultiInstance",
-  inject: {
-    prefix: "prefix"
-  },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      loopCharacteristics: "",
-      // 默认配置，用来覆盖原始不存在的选项，避免报错
-      defaultLoopInstanceForm: {
-        completionCondition: "",
-        loopCardinality: "",
-        extensionElements: [],
-        asyncAfter: !1,
-        asyncBefore: !1,
-        exclusive: !1
-      },
-      loopInstanceForm: {}
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        const { businessObject: i } = this.element;
-        this.getElementLoop(i);
-      }
-    }
-  },
-  beforeDestroy() {
-    this.multiLoopInstance = null;
-  },
-  methods: {
-    getElementLoop(i) {
-      var e, t, n, s, a, r;
-      if (!i.loopCharacteristics) {
-        this.loopCharacteristics = "Null", this.loopInstanceForm = {};
-        return;
-      }
-      if (i.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
-        this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
-        return;
-      }
-      i.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(d(d({}, this.defaultLoopInstanceForm), i.loopCharacteristics), {
-        completionCondition: (n = (t = (e = i.loopCharacteristics) == null ? void 0 : e.completionCondition) == null ? void 0 : t.body) != null ? n : "",
-        loopCardinality: (r = (a = (s = i.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : a.body) != null ? r : ""
-      }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, i.loopCharacteristics.extensionElements && i.loopCharacteristics.extensionElements.values && i.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", i.loopCharacteristics.extensionElements.values[0].body);
-    },
-    changeLoopCharacteristicsType(i) {
-      if (i === "Null") {
-        this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
-        return;
-      }
-      if (i === "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", {
-        isSequential: !0
-      }) : this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), this.bpmnInstances.modeling.updateProperties(this.element, {
-        loopCharacteristics: this.multiLoopInstance
-      });
-    },
-    // 循环基数
-    updateLoopCardinality(i) {
-      let e = null;
-      i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
-        loopCardinality: e
-      });
-    },
-    // 完成条件
-    updateLoopCondition(i) {
-      let e = null;
-      i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
-        completionCondition: e
-      });
-    },
-    // 重试周期
-    updateLoopTimeCycle(i) {
-      const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: [
-          this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
-            body: i
-          })
-        ]
-      });
-      this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
-        extensionElements: e
-      });
-    },
-    // 直接更新的基础信息
-    updateLoopBase() {
-      this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
-        collection: this.loopInstanceForm.collection || null,
-        elementVariable: this.loopInstanceForm.elementVariable || null
-      });
-    },
-    // 各异步状态
-    updateLoopAsync(i) {
-      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);
-    }
-  }
-};
-var Bt = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content element-multi-instance" }, [t("ElForm", { attrs: { size: "mini", "label-width": "100px" }, nativeOn: { submit: function(n) {
-    n.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", { 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: "循环基数" }, 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(n) {
-    e.$set(e.loopInstanceForm, "loopCardinality", n);
-  }, 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(n) {
-    e.$set(e.loopInstanceForm, "collection", n);
-  }, 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(n) {
-    e.$set(e.loopInstanceForm, "elementVariable", n);
-  }, 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, 2952075778) }, [t("i", { staticClass: "el-icon-info" })])];
-  }, proxy: !0 }], null, !1, 2319413861) }, [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: "异步状态" }, 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(n) {
-    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) {
-    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) {
-    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);
-  }, expression: "loopInstanceForm.timeCycle" } })], 1) : e._e()] : e._e()], 2)], 1);
-}, Rt = [], Vt = /* @__PURE__ */ h(
-  Dt,
-  Bt,
-  Rt,
-  !1,
-  null,
-  null
-);
-const jt = Vt.exports, zt = {
-  name: "FlowCondition",
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      flowConditionForm: {}
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler() {
-        return c(this, null, function* () {
-          yield this.$nextTick(), this.resetFlowCondition();
-        });
-      }
-    }
-  },
-  beforeDestroy() {
-    this.bpmnElementSource = null, this.bpmnElementSourceRef = null;
-  },
-  methods: {
-    resetFlowCondition() {
-      if (this.bpmnElementSource = this.element.source, this.bpmnElementSourceRef = this.element.businessObject.sourceRef, this.bpmnElementSourceRef && this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id)
-        this.flowConditionForm = { type: "default" };
-      else if (!this.element.businessObject.conditionExpression)
-        this.flowConditionForm = { type: "normal" };
-      else {
-        const i = this.element.businessObject.conditionExpression;
-        if (this.flowConditionForm = T(d({}, i), { type: "condition" }), this.flowConditionForm.resource) {
-          this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
-          return;
-        }
-        if (i.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") {
-        this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, {
-          conditionExpression: this.flowConditionRef
-        });
-        return;
-      }
-      if (i === "default") {
-        this.bpmnInstances.modeling.updateProperties(this.element, {
-          conditionExpression: null
-        }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
-          default: this.element
-        });
-        return;
-      }
-      this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id && this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
-        default: null
-      }), this.bpmnInstances.modeling.updateProperties(this.element, {
-        conditionExpression: null
-      });
-    },
-    updateFlowCondition() {
-      const { conditionType: i, scriptType: e, body: t, resource: n, language: s } = this.flowConditionForm;
-      let a;
-      i === "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: n, language: s })), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
-    }
-  }
-};
-var Nt = 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);
-  }, expression: "flowConditionForm.resource" } })], 1) : e._e()] : e._e()], 2)], 1);
-}, Ut = [], Gt = /* @__PURE__ */ h(
-  zt,
-  Nt,
-  Ut,
-  !1,
-  null,
-  null
-);
-const qt = Gt.exports, Kt = {
-  name: "SignalAndMessage",
-  props: {
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      signalList: [],
-      messageList: [],
-      modelVisible: !1,
-      modelType: "",
-      modelObjectForm: {}
-    };
-  },
-  computed: {
-    modelConfig() {
-      return this.modelType === "message" ? { title: "创建消息", idLabel: "消息ID", nameLabel: "消息名称" } : { title: "创建信号", idLabel: "信号ID", nameLabel: "信号名称" };
-    }
-  },
-  mounted() {
-    this.initDataList();
-  },
-  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(d({}, i))), i.$type === "bpmn:Signal" && (this.signalIdMap[i.id] = !0, this.signalList.push(d({}, i)));
-      });
-    },
-    openModel(i) {
-      this.modelType = i, 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);
-      } 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);
-      }
-      this.modelVisible = !1, this.initDataList();
-    }
-  }
-};
-var Jt = 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 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) {
-    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", { staticClass: "flow-dialog", 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;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-      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);
-  }, expression: "modelObjectForm.name" } })], 1)], 1)], 1)], 1);
-}, Zt = [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("消息列表")]);
-}, 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("信号列表")]);
-}], Ht = /* @__PURE__ */ h(
-  Kt,
-  Jt,
-  Zt,
-  !1,
-  null,
-  null
-);
-const Wt = Ht.exports;
-function ge(i) {
-  let e = d({}, i);
-  if (i.script && (e = T(d(d({}, i), i.script), {
-    scriptType: i.script.resource ? "externalScript" : "inlineScript"
-  })), i.event === "timeout" && i.eventDefinitions && i.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;
-  }
-  return e;
-}
-function ve(i) {
-  var t, n;
-  let e;
-  return i.class && (e = "classListener"), i.expression && (e = "expressionListener"), i.delegateExpression && (e = "delegateExpressionListener"), i.script && (e = "scriptListener"), T(d(d({}, v(i)), (t = i.script) != null ? t : {}), {
-    fields: (n = i.fields) == null ? void 0 : n.map((s) => T(d({}, s), { fieldType: s.expression ? "expression" : "string" })),
-    listenerType: e
-  });
-}
-const Ee = {
-  classListener: "Java 类",
-  expressionListener: "表达式",
-  delegateExpressionListener: "代理表达式",
-  scriptListener: "脚本"
-}, Xt = {
-  create: "创建",
-  assignment: "指派",
-  complete: "完成",
-  delete: "删除",
-  update: "更新",
-  timeout: "超时"
-}, Fe = {
-  string: "字符串",
-  expression: "表达式"
-}, Yt = (i) => ({
-  $type: "flowable:ExecutionListener",
-  event: i === "draft" ? "start" : i,
-  // eslint-disable-next-line no-template-curly-in-string
-  delegateExpression: "${httpInvokeExecutionListener}",
-  fields: [],
-  listenerType: "delegateExpressionListener"
-}), Qt = (i, e) => [
-  { $type: "flowable:Field", name: "serviceId", string: e.serviceId, fieldType: "string" },
-  {
-    $type: "flowable:Field",
-    name: "url",
-    string: `${e != null && e.url ? `/${e.url}` : ""}/flow${Ve(i)}`,
-    fieldType: "string"
-  }
-], en = {
-  name: "ElementListeners",
-  inject: {
-    prefix: "prefix",
-    width: "width",
-    context: "context"
-  },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      elementListenersList: [],
-      // 监听器列表
-      listenerForm: {},
-      // 监听器详情表单
-      listenerFormModelVisible: !1,
-      // 监听器 编辑 侧边栏显示状态
-      fieldsListOfListener: [],
-      listenerFieldForm: {},
-      // 监听器 注入字段 详情表单
-      listenerFieldFormModelVisible: !1,
-      // 监听器 注入字段表单弹窗 显示状态
-      editingListenerIndex: -1,
-      // 监听器所在下标，-1 为新增
-      editingListenerFieldIndex: -1,
-      // 字段所在下标，-1 为新增
-      listenerTypeObject: Ee,
-      fieldTypeObject: Fe
-    };
-  },
-  computed: {
-    apis() {
-      var e;
-      return (((e = this.context) == null ? void 0 : e.apis) || ["flowDraft", "flowStart", "flowEnd"]).map((t) => {
-        var n;
-        return `${(n = this.context) != null && n.url ? `/${this.context.url}/` : ""}${t}`;
-      }) || [];
-    }
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(i) {
-        return c(this, null, function* () {
-          i && (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((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => ve(s));
-    },
-    changeFiledType(i) {
-      i === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
-    },
-    assignListener(i) {
-      const e = Yt(i, this.context);
-      e.fields = Qt(i, this.context), this.listenerForm = e, this.fieldsListOfListener = e.fields;
-    },
-    setDefaultFieldValue(i) {
-      i !== "url" ? this.$set(this.listenerFieldForm, "string", this.context[i] || "") : this.$set(this.listenerFieldForm, "string", "");
-    },
-    // 打开 监听器详情 侧边栏
-    openListenerForm(i, e) {
-      return c(this, null, function* () {
-        var t;
-        i ? (this.listenerForm = ge(i), this.fieldsListOfListener = i.fields ? i.fields.map((n) => d({}, n)) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
-      });
-    },
-    // 打开监听器字段编辑弹窗
-    openListenerFieldForm(i, e) {
-      this.listenerFieldForm = i ? v(i) : { fieldType: "string" }, this.editingListenerFieldIndex = i ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
-      });
-    },
-    // 保存监听器注入字段
-    saveListenerFiled() {
-      return c(this, null, function* () {
-        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, yield this.$nextTick(), this.listenerFieldForm = {});
-      });
-    },
-    // 移除监听器字段
-    removeListenerField(i, e) {
-      return c(this, null, function* () {
-        try {
-          yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
-        } catch (t) {
-        }
-      });
-    },
-    // 移除监听器
-    removeListener(i, e) {
-      return c(this, null, function* () {
-        try {
-          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
-        } catch (t) {
-        }
-      });
-    },
-    // 保存监听器配置
-    saveListenerConfig() {
-      return c(this, null, function* () {
-        var t, n, s, a;
-        if (!(yield this.$refs.listenerFormRef.validate())) return;
-        const e = he(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 = (a = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:ExecutionListener`)) != null ? a : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
-      });
-    }
-  }
-};
-var tn = function() {
-  var n, s, a;
-  var e = this, t = e._self._c;
-  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(r) {
-    return e.openListenerForm(null);
-  } } }, [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", { 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", { 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", { 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(((n = e.context) == null ? void 0 : n.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: (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", { staticClass: "flow-dialog", 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(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(r) {
-    r.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { 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", { 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", { 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", { 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);
-}, nn = [], sn = /* @__PURE__ */ h(
-  en,
-  tn,
-  nn,
-  !1,
-  null,
-  null
-);
-const rn = sn.exports, an = {
-  name: "ElementProperties",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      elementPropertyList: [],
-      propertyForm: {},
-      editingPropertyIndex: -1,
-      propertyFormModelVisible: !1
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(i) {
-        i && i.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((a) => (a.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(a), a.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((a, r) => a.concat(r.values), []), this.elementPropertyList = v((s = this.bpmnElementPropertyList) != null ? s : []);
-    },
-    openAttributesForm(i, e) {
-      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : v(i), this.propertyFormModelVisible = !0, this.$nextTick(() => {
-        this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
-      });
-    },
-    removeAttributes(i, e) {
-      this.$confirm("确认移除该属性吗？", "提示", {
-        confirmButtonText: "确 认",
-        cancelButtonText: "取 消"
-      }).then(() => {
-        this.elementPropertyList.splice(e, 1), this.bpmnElementPropertyList.splice(e, 1);
-        const t = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: this.bpmnElementPropertyList
-        });
-        this.updateElementExtensions(t), this.resetAttributesList();
-      }).catch(() => {
-      });
-    },
-    saveAttribute() {
-      const { name: i, value: e } = this.propertyForm;
-      if (this.editingPropertyIndex !== -1)
-        this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
-          name: i,
-          value: e
-        });
-      else {
-        const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: i, value: e }), n = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: this.bpmnElementPropertyList.concat([t])
-        });
-        this.updateElementExtensions(n);
-      }
-      this.propertyFormModelVisible = !1, this.resetAttributesList();
-    },
-    updateElementExtensions(i) {
-      const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensionList.concat([i])
-      });
-      this.bpmnInstances.modeling.updateProperties(this.element, {
-        extensionElements: e
-      });
-    }
-  }
-};
-var on = 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(a) {
-      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(a) {
-      return e.removeAttributes(n, 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) {
-    return e.openAttributesForm(null, -1);
-  } } }, [e._v("添加属性")])], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.propertyFormModelVisible = n;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-      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);
-  }, expression: "propertyForm.value" } })], 1)], 1)], 1)], 1);
-}, ln = [], pn = /* @__PURE__ */ h(
-  an,
-  on,
-  ln,
-  !1,
-  null,
-  null
-);
-const mn = pn.exports, cn = {
-  name: "ElementForm",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      formKey: "",
-      businessKey: "",
-      optionModelTitle: "",
-      fieldList: [],
-      formFieldForm: {},
-      fieldType: {
-        long: "长整型",
-        string: "字符串",
-        boolean: "布尔类",
-        date: "日期类",
-        enum: "枚举类",
-        custom: "自定义类型"
-      },
-      formFieldIndex: -1,
-      // 编辑中的字段， -1 为新增
-      formFieldOptionIndex: -1,
-      // 编辑中的字段配置项， -1 为新增
-      fieldModelVisible: !1,
-      fieldOptionModelVisible: !1,
-      fieldOptionForm: {},
-      // 当前激活的字段配置项数据
-      fieldOptionType: "",
-      // 当前激活的字段配置项弹窗 类型
-      fieldEnumList: [],
-      // 枚举值列表
-      fieldConstraintsList: [],
-      // 约束条件列表
-      fieldPropertiesList: []
-      // 绑定属性列表
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(i) {
-        return c(this, null, function* () {
-          i && (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();
-    },
-    updateElementFormKey() {
-      this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
-    },
-    updateElementBusinessKey() {
-      this.bpmnInstances.modeling.updateModdleProperties(this.element, this.formData, {
-        businessKey: this.businessKey
-      });
-    },
-    // 根据类型调整字段type
-    changeFieldTypeType(i) {
-      this.$set(this.formFieldForm, "type", i === "custom" ? "" : i);
-    },
-    // 打开字段详情侧边栏
-    openFieldForm(i, e) {
-      var t, n;
-      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) || []);
-      } 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 = "约束条件配置");
-    },
-    // 保存字段 某个 配置项
-    saveFieldOption() {
-      this.formFieldOptionIndex === -1 ? (this.fieldOptionType === "property" && this.fieldPropertiesList.push(this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.push(this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.push(this.fieldOptionForm)) : (this.fieldOptionType === "property" && this.fieldPropertiesList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm)), this.fieldOptionModelVisible = !1, this.fieldOptionForm = {};
-    },
-    // 保存字段配置
-    saveField() {
-      const { id: i, type: e, label: t, defaultValue: n, datePattern: s } = this.formFieldForm, a = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: i, type: e, label: t });
-      if (n && (a.defaultValue = n), 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 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 && (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) {
-      if (t === "property") {
-        this.fieldPropertiesList.splice(e, 1);
-        return;
-      }
-      if (t === "enum") {
-        this.fieldEnumList.splice(e, 1);
-        return;
-      }
-      this.fieldConstraintsList.splice(e, 1);
-    },
-    // 移除 字段
-    removeField(i, e) {
-      this.fieldList.splice(e, 1), this.formData.fields.splice(e, 1), this.updateElementExtensions();
-    },
-    updateElementExtensions() {
-      const i = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensions.concat(this.formData)
-      });
-      this.bpmnInstances.modeling.updateProperties(this.element, {
-        extensionElements: i
-      });
-    }
-  }
-};
-var un = 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(a) {
-      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(a) {
-      return e.removeField(n, 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) {
-    return e.openFieldForm(null, -1);
-  } } }, [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(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) {
-    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(a) {
-      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(a) {
-      return e.removeFieldOptionItem(n, 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", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
-    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(a) {
-      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(a) {
-      return e.removeFieldOptionItem(n, 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", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
-    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(a) {
-      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(a) {
-      return e.removeFieldOptionItem(n, s, "property");
-    } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-    e.fieldModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.fieldOptionModelVisible = n;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-      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);
-  }, expression: "fieldOptionForm.value" } })], 1) : e._e()], 1)], 1)], 1);
-}, dn = [], fn = /* @__PURE__ */ h(
-  cn,
-  un,
-  dn,
-  !1,
-  null,
-  null
-);
-const bn = fn.exports, yn = {
-  name: "UserTaskListeners",
-  inject: {
-    prefix: "prefix",
-    width: "width"
-  },
-  props: {
-    id: String,
-    element: Object,
-    bpmnInstances: Object
-  },
-  data() {
-    return {
-      elementListenersList: [],
-      listenerEventTypeObject: Xt,
-      listenerTypeObject: Ee,
-      listenerFormModelVisible: !1,
-      listenerForm: {},
-      fieldTypeObject: Fe,
-      fieldsListOfListener: [],
-      listenerFieldFormModelVisible: !1,
-      // 监听器 注入字段表单弹窗 显示状态
-      editingListenerIndex: -1,
-      // 监听器所在下标，-1 为新增
-      editingListenerFieldIndex: -1,
-      // 字段所在下标，-1 为新增
-      listenerFieldForm: {}
-      // 监听器 注入字段 详情表单
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      handler(i) {
-        return c(this, null, function* () {
-          i && (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((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => ve(s));
-    },
-    openListenerForm(i, e) {
-      return c(this, null, function* () {
-        var t;
-        i ? (this.listenerForm = ge(i), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), i && i.fields ? this.fieldsListOfListener = i.fields.map((n) => T(d({}, n), {
-          fieldType: n.string ? "string" : "expression"
-        })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
-      });
-    },
-    // 移除监听器
-    removeListener(i, e) {
-      return c(this, null, function* () {
-        try {
-          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
-        } catch (t) {
-        }
-      });
-    },
-    // 保存监听器
-    saveListenerConfig() {
-      return c(this, null, function* () {
-        var t, n, s, a;
-        if (!(yield this.$refs.listenerFormRef.validate())) return;
-        const e = he(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 = (a = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:TaskListener`)) != null ? a : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
-      });
-    },
-    // 打开监听器字段编辑弹窗
-    openListenerFieldForm(i, e) {
-      return c(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();
-      });
-    },
-    // 保存监听器注入字段
-    saveListenerFiled() {
-      return c(this, null, function* () {
-        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, yield this.$nextTick(), this.listenerFieldForm = {});
-      });
-    },
-    // 移除监听器字段
-    removeListenerField(i, e) {
-      return c(this, null, function* () {
-        try {
-          yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
-        } catch (t) {
-        }
-      });
-    }
-  }
-};
-var hn = 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(a) {
-      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(a) {
-      return e.removeListener(n, 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) {
-    return e.openListenerForm(null);
-  } } }, [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(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", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
-    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(a) {
-      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(a) {
-      return e.removeListenerField(n, s);
-    } } }, [e._v(" 移除 ")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-    e.listenerFormModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
-    e.listenerFieldFormModelVisible = n;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
-      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);
-  }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
-}, gn = [], vn = /* @__PURE__ */ h(
-  yn,
-  hn,
-  gn,
-  !1,
-  null,
-  null
-);
-const En = vn.exports, le = ["base", "task", "form", "multiInstance"], Fn = {
+  autoPlace: ["type", ce]
+}, re = ["base", "task", "form", "multiInstance"], Je = {
   name: "PropertiesPanel",
   componentName: "MyPropertiesPanel",
   components: {
-    UserTaskListeners: En,
-    ElementForm: bn,
-    ElementProperties: mn,
-    ElementListeners: rn,
-    SignalAndMassage: Wt,
-    FlowCondition: qt,
-    ElementMultiInstance: jt,
-    ElementTask: Mt,
-    ElementOtherConfig: bt,
-    ElementBaseInfo: mt
+    UserTaskListeners: () => import("../chunks/UserTaskListeners.XXe5dC5I.mjs"),
+    ElementForm: () => import("../chunks/ElementForm.4QQYs5uq.mjs"),
+    ElementProperties: () => import("../chunks/ElementProperties.CRIQaaPc.mjs"),
+    ElementListeners: () => import("../chunks/ElementListeners.vfHHHAOL.mjs"),
+    SignalAndMassage: () => import("../chunks/SignalAndMessage.CH6L7cYu.mjs"),
+    FlowCondition: () => import("../chunks/FlowCondition.BfU9kw6h.mjs"),
+    ElementMultiInstance: () => import("../chunks/ElementMultiInstance.3Z28ewuh.mjs"),
+    ElementTask: () => import("../chunks/ElementTaskConfig.MBbkLrth.mjs"),
+    ElementOtherConfig: () => import("../chunks/ElementOtherConfig.B1NfMTYh.mjs"),
+    ElementBaseInfo: () => import("../chunks/ElementBaseInfo.jv89Vjy1.mjs")
   },
   provide() {
     return {
@@ -2180,13 +543,16 @@ const En = vn.exports, le = ["base", "task", "form", "multiInstance"], Fn = {
     idEditDisabled: {
       type: Boolean,
       default: !1
+    },
+    panelType: {
+      type: String
     }
   },
   data() {
     return {
       element: {},
       bpmnInstances: {},
-      activeTab: ["base"],
+      activeTab: this.panelType === "tab" ? "base" : ["base"],
       elementId: "",
       elementType: "",
       conditionFormVisible: !1,
@@ -2202,18 +568,27 @@ const En = vn.exports, le = ["base", "task", "form", "multiInstance"], Fn = {
     },
     isNullOrUndefined() {
       return this.useTabs === null || this.useTabs === void 0;
+    },
+    isTab() {
+      return this.panelType === "tab";
     }
   },
   watch: {
     activeTabs: {
       immediate: !0,
       handler() {
-        this.activeTab = le;
+        this.activeTab = this.isTab ? "base" : re;
       }
     },
     elementId: {
       handler() {
-        this.activeTab = le;
+        this.activeTab = this.isTab ? "base" : re;
+      }
+    },
+    isTab: {
+      immediate: !0,
+      handler(n) {
+        n ? this.activeTab = "base" : this.activeTab = ["base"];
       }
     }
   },
@@ -2241,28 +616,35 @@ const En = vn.exports, le = ["base", "task", "form", "multiInstance"], Fn = {
     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 = N(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");
+      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 = N(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");
     }
   }
 };
-var xn = function() {
+var Ze = function() {
+  var i, r;
   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(a) {
     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(a) {
+    a.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
+  } } }), e._v(" " + e._s(e.isPanelVisible ? (r = (i = e.element) == null ? void 0 : i.businessObject) == null ? void 0 : r.name : "") + " ")]), e.panelType === "tab" ? t("ElTabs", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(a) {
+    e.activeTab = a;
+  }, expression: "activeTab" } }, [e.isNullOrUndefined || e.isArray && e.useTabs.includes("base") ? t("ElTabPane", { attrs: { label: "常规", name: "base", lazy: "" } }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("message")) && e.elementType === "Process" ? t("ElTabPane", { attrs: { label: "消息与信号", name: "message", lazy: "" } }, [t("SignalAndMassage", { attrs: { "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("condition")) && e.conditionFormVisible ? t("ElTabPane", { attrs: { label: "流转条件", name: "condition", lazy: "" } }, [t("SignalAndMassage", { attrs: { "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("form") ? e._t("form", function() {
+    return [(e.isNullOrUndefined || e.isArray && e.useTabs.includes("base")) && e.formVisible ? t("ElTabPane", { key: "form", attrs: { label: "表单", name: "form", lazy: "" } }, [t("ElementForm", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e()];
+  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("task") ? e._t("task", function() {
+    return [e.elementType.indexOf("Task") !== -1 ? t("ElTabPane", { key: "task", attrs: { label: "任务", name: "task", lazy: "" } }, [t("ElementTask", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e()];
+  }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("multiInstance")) && e.elementType.indexOf("Task") !== -1 ? t("ElTabPane", { key: "multiInstance", attrs: { label: "多实例", name: "multiInstance", lazy: "" } }, [t("ElementMultiInstance", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("listeners") ? t("ElTabPane", { key: "listeners", attrs: { label: "执行监听器", name: "listeners", lazy: "" } }, [t("ElementListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("taskListeners")) && e.elementType === "UserTask" ? t("ElTabPane", { key: "taskListeners", attrs: { label: "任务监听器", name: "taskListeners", lazy: "" } }, [t("UserTaskListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extensions") ? t("ElTabPane", { key: "extensions", attrs: { label: "扩展属性", name: "extensions", lazy: "" } }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("other") ? t("ElTabPane", { key: "other", attrs: { label: "其他", name: "other", lazy: "" } }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extend") ? e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e()], 2) : t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(a) {
+    e.activeTab = a;
   }, expression: "activeTab" } }, [e.isNullOrUndefined || e.isArray && e.useTabs.includes("base") ? 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 }], null, !1, 2621733365) }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), (e.isNullOrUndefined || e.isArray && e.useTabs.includes("message")) && e.elementType === "Process" ? t("ElCollapseItem", { key: "message", attrs: { name: "message" }, scopedSlots: e._u([{ key: "title", fn: function() {
@@ -2292,43 +674,43 @@ var xn = function() {
   }, proxy: !0 }], null, !1, 1854866151) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("other") ? 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 }], null, !1, 520255146) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extend") ? e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e()], 2)], 1);
-}, Sn = [], Tn = /* @__PURE__ */ h(
-  Fn,
-  xn,
-  Sn,
+}, He = [], qe = /* @__PURE__ */ J(
+  Je,
+  Ze,
+  He,
   !1,
   null,
   null
 );
-const Cn = Tn.exports, In = (i, e, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+const We = qe.exports, Xe = (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 kn(i) {
+function Ke(n) {
   return function(e, t) {
-    return t = t || {}, e = i[e] || e, e.replace(/{([^}]+)}/g, function(n, s) {
-      let a = t[s];
-      return i[t[s]] !== null && i[t[s]] !== void 0 && (a = i[t[s]]), a || `{${s}}`;
+    return t = t || {}, e = n[e] || e, e.replace(/{([^}]+)}/g, function(i, r) {
+      let a = t[r];
+      return n[t[r]] !== null && n[t[r]] !== void 0 && (a = n[t[r]]), a || `{${r}}`;
     });
   };
 }
-const _n = {
+const Ye = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -2576,7 +958,7 @@ const _n = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, W = [
+}, q = [
   {
     name: "commentInForm",
     isAttr: !0,
@@ -2597,7 +979,7 @@ const _n = {
     isAttr: !0,
     type: "String"
   }
-], pe = {
+], ae = {
   name: "Camunda",
   uri: "http://camunda.org/schema/1.0/bpmn",
   prefix: "camunda",
@@ -2919,7 +1301,7 @@ const _n = {
           isAttr: !0,
           type: "String"
         },
-        ...W
+        ...q
       ]
     },
     {
@@ -3598,7 +1980,7 @@ const _n = {
     }
   ],
   emumerations: []
-}, me = {
+}, se = {
   name: "Activiti",
   uri: "http://activiti.org/bpmn",
   prefix: "activiti",
@@ -3933,7 +2315,7 @@ const _n = {
           isAttr: !0,
           type: "String"
         },
-        ...W
+        ...q
       ]
     },
     {
@@ -4583,7 +2965,7 @@ const _n = {
     }
   ],
   emumerations: []
-}, ce = {
+}, oe = {
   name: "Flowable",
   uri: "http://flowable.org/bpmn",
   prefix: "flowable",
@@ -4906,7 +3288,7 @@ const _n = {
           isAttr: !0,
           type: "String"
         },
-        ...W
+        ...q
       ]
     },
     {
@@ -5810,157 +4192,157 @@ const _n = {
       ]
     }
   ]
-}, An = "*";
-function A(i) {
+}, Qe = "*";
+function C(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, r = t.parent;
+    return e.canCopyProperty(i, r);
   });
 }
-A.$inject = ["eventBus"];
-A.prototype.canCopyProperty = function(i, e) {
-  if (we(i) && !wn(i, e) || k(i, "camunda:InputOutput") && !this.canHostInputOutput(e) || xe(i, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || k(i, "camunda:In") && !this.canHostIn(e))
+C.$inject = ["eventBus"];
+C.prototype.canCopyProperty = function(n, e) {
+  if (he(n) && !et(n, e) || E(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || de(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || E(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
-A.prototype.canHostInputOutput = function(i) {
-  if (x(i, "camunda:Connector"))
+C.prototype.canHostInputOutput = function(n) {
+  if (v(n, "camunda:Connector"))
     return !0;
-  const t = x(i, "bpmn:FlowNode");
-  return !(!t || xe(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || k(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  const t = v(n, "bpmn:FlowNode");
+  return !(!t || de(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || E(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
-A.prototype.canHostConnector = function(i) {
-  const e = x(i, "camunda:ServiceTaskLike");
-  return k(e, "bpmn:MessageEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
+C.prototype.canHostConnector = function(n) {
+  const e = v(n, "camunda:ServiceTaskLike");
+  return E(e, "bpmn:MessageEventDefinition") ? v(n, "bpmn:IntermediateThrowEvent") || v(n, "bpmn:EndEvent") : !0;
 };
-A.prototype.canHostIn = function(i) {
-  return x(i, "bpmn:CallActivity") ? !0 : x(i, "bpmn:SignalEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
+C.prototype.canHostIn = function(n) {
+  return v(n, "bpmn:CallActivity") ? !0 : v(n, "bpmn:SignalEventDefinition") ? v(n, "bpmn:IntermediateThrowEvent") || v(n, "bpmn:EndEvent") : !0;
 };
-function k(i, e) {
-  return i && $e(i.$instanceOf) && i.$instanceOf(e);
+function E(n, e) {
+  return n && Ee(n.$instanceOf) && n.$instanceOf(e);
 }
-function xe(i, e) {
-  return _(e, function(t) {
-    return k(i, t);
+function de(n, e) {
+  return T(e, function(t) {
+    return E(n, t);
   });
 }
-function x(i, e) {
+function v(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 (E(n, e))
+    return n;
+  if (n.$parent)
+    return v(n.$parent, e);
 }
-function wn(i, e) {
-  const t = i.$type && i.$model.getTypeDescriptor(i.$type), n = t && t.meta && t.meta.allowedIn;
-  return !n || $n(n) ? !0 : _(n, function(s) {
-    return x(e, s);
+function et(n, e) {
+  const t = n.$type && n.$model.getTypeDescriptor(n.$type), i = t && t.meta && t.meta.allowedIn;
+  return !i || tt(i) ? !0 : T(i, function(r) {
+    return v(e, r);
   });
 }
-function $n(i) {
-  return i.indexOf(An) !== -1;
+function tt(n) {
+  return n.indexOf(Qe) !== -1;
 }
-const Ln = {
+const nt = {
   __init__: ["camundaModdleExtension"],
-  camundaModdleExtension: ["type", A]
-}, On = {
+  camundaModdleExtension: ["type", C]
+}, it = {
   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 W(n, e) {
+  return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function Pn(i) {
-  return i && i.length;
+function rt(n) {
+  return n && n.length;
 }
-function j(i, e) {
-  return Pn(i) && _(i, function(t) {
-    return X(t, e);
+function $(n, e) {
+  return rt(n) && T(n, function(t) {
+    return W(t, e);
   });
 }
-function Mn(i, e) {
-  return _(e, function(t) {
-    return X(i, t);
+function at(n, e) {
+  return T(e, function(t) {
+    return W(n, t);
   });
 }
-function q(i, e, t) {
-  const n = e.name, s = On[n.replace(/activiti:/, "")];
-  return n === i && Mn(t, s);
+function U(n, e, t) {
+  const i = e.name, r = it[i.replace(/activiti:/, "")];
+  return i === n && at(t, r);
 }
-function Y(i) {
-  i.on(
+function X(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("activiti:FailedJobRetryTimeCycle", e, i))
-    return j(i.eventDefinitions, "bpmn:TimerEventDefinition") || j(i.eventDefinitions, "bpmn:SignalEventDefinition") || X(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-  if (q("activiti:Connector", e, i) || q("activiti:Field", e, i))
-    return j(i.eventDefinitions, "bpmn:MessageEventDefinition");
+X.$inject = ["eventBus"];
+X.prototype.canCloneProperty = function(n, e) {
+  if (U("activiti:FailedJobRetryTimeCycle", e, n))
+    return $(n.eventDefinitions, "bpmn:TimerEventDefinition") || $(n.eventDefinitions, "bpmn:SignalEventDefinition") || W(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (U("activiti:Connector", e, n) || U("activiti:Field", e, n))
+    return $(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const Dn = {
+const st = {
   __init__: ["ActivitiModdleExtension"],
-  ActivitiModdleExtension: ["type", Y]
-}, Bn = {
+  ActivitiModdleExtension: ["type", X]
+}, ot = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function Q(i, e) {
-  return i && typeof i.$instanceOf == "function" && i.$instanceOf(e);
+function K(n, e) {
+  return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function Rn(i) {
-  return i && i.length;
+function lt(n) {
+  return n && n.length;
 }
-function z(i, e) {
-  return Rn(i) && _(i, function(t) {
-    return Q(t, e);
+function V(n, e) {
+  return lt(n) && T(n, function(t) {
+    return K(t, e);
   });
 }
-function Vn(i, e) {
-  return _(e, function(t) {
-    return Q(i, t);
+function pt(n, e) {
+  return T(e, function(t) {
+    return K(n, t);
   });
 }
-function K(i, e, t) {
-  const n = e.name, s = Bn[n.replace(/flowable:/, "")];
-  return n === i && Vn(t, s);
+function G(n, e, t) {
+  const i = e.name, r = ot[i.replace(/flowable:/, "")];
+  return i === n && pt(t, r);
 }
-function ee(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
   );
 }
-ee.$inject = ["eventBus"];
-ee.prototype.canCloneProperty = function(i, e) {
-  if (K("flowable:FailedJobRetryTimeCycle", e, i))
-    return z(i.eventDefinitions, "bpmn:TimerEventDefinition") || z(i.eventDefinitions, "bpmn:SignalEventDefinition") || Q(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
-  if (K("flowable:Connector", e, i) || K("flowable:Field", e, i))
-    return z(i.eventDefinitions, "bpmn:MessageEventDefinition");
+Y.$inject = ["eventBus"];
+Y.prototype.canCloneProperty = function(n, e) {
+  if (G("flowable:FailedJobRetryTimeCycle", e, n))
+    return V(n.eventDefinitions, "bpmn:TimerEventDefinition") || V(n.eventDefinitions, "bpmn:SignalEventDefinition") || K(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (G("flowable:Connector", e, n) || G("flowable:Field", e, n))
+    return V(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const jn = {
+const mt = {
   __init__: ["FlowableModdleExtension"],
-  FlowableModdleExtension: ["type", ee]
+  FlowableModdleExtension: ["type", Y]
 };
-de.registerLanguage("xml", Ue);
-de.registerLanguage("json", Ge);
-const zn = {
+pe.registerLanguage("xml", De);
+pe.registerLanguage("json", Be);
+const ut = {
   name: "ProcessDesigner",
   components: {
-    HighlightJS: qe
+    HighlightJS: Oe
   },
   componentName: "MyProcessDesigner",
   props: {
@@ -6006,12 +4388,12 @@ const zn = {
     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
   },
@@ -6028,29 +4410,29 @@ const zn = {
   },
   computed: {
     additionalModules() {
-      const i = [];
+      const n = [];
       if (this.onlyCustomizeAddi)
-        return ie(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
-      ie(this.additionalModel) ? i.push(...this.additionalModel) : this.additionalModel && i.push(this.additionalModel);
+        return ne(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
+      ne(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
       const e = {
-        translate: ["value", kn(this.translations || _n)]
+        translate: ["value", Ke(this.translations || Ye)]
       };
-      return i.push(e), this.simulation && i.push(Ne), i.push(ze), this.prefix === "camunda" && i.push(Ln), this.prefix === "flowable" && i.push(jn), this.prefix === "activiti" && i.push(Dn), i;
+      return n.push(e), this.simulation && n.push(Me), n.push(_e), this.prefix === "camunda" && n.push(nt), this.prefix === "flowable" && n.push(mt), this.prefix === "activiti" && n.push(st), 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(d({}, me), {
-        types: [...me.types, ...this.extendTypes || []]
-      })), this.prefix === "flowable" && (i.flowable = T(d({}, ce), {
-        types: [...ce.types, ...this.extendTypes || []]
-      })), this.prefix === "camunda" && (i.camunda = T(d({}, pe), {
-        types: [...pe.types, ...this.extendTypes || []]
-      })), i;
+          n[e] = this.moddleExtension[e];
+      return this.prefix === "activiti" && (n.activiti = L(P({}, se), {
+        types: [...se.types, ...this.extendTypes || []]
+      })), this.prefix === "flowable" && (n.flowable = L(P({}, oe), {
+        types: [...oe.types, ...this.extendTypes || []]
+      })), this.prefix === "camunda" && (n.camunda = L(P({}, ae), {
+        types: [...ae.types, ...this.extendTypes || []]
+      })), n;
     }
   },
   mounted() {
@@ -6061,7 +4443,7 @@ const zn = {
   methods: {
     initBpmnModeler() {
       this.bpmnModeler || (this.bpmnModeler = N(
-        new je(d({
+        new ke(P({
           container: this.$refs["bpmn-canvas"],
           keyboard: this.keyboard ? { bindTo: document } : null,
           additionalModules: this.additionalModules,
@@ -6070,35 +4452,35 @@ const zn = {
       ), 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, "-"), a = n ? n.element : null;
-          e.$emit(s, a, n);
+        n.on(t, function(i) {
+          const r = t.replace(/\./g, "-"), a = i ? i.element : null;
+          e.$emit(r, a, i);
         });
-      }), i.on("commandStack.changed", (t) => c(this, null, function* () {
+      }), n.on("commandStack.changed", (t) => w(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) {
-      return c(this, null, function* () {
-        const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, n = i || In(e, t, this.prefix);
+    createNewDiagram(n) {
+      return w(this, null, function* () {
+        const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, i = n || Xe(e, t, this.prefix);
         try {
-          const { warnings: s } = yield this.bpmnModeler.importXML(n);
-          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}`);
+          const { warnings: r } = yield this.bpmnModeler.importXML(i);
+          this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), r != null && r.length;
+        } catch (r) {
+          console.error(`[Process Designer Warn]: ${(r == null ? void 0 : r.message) || r}`);
         }
       });
     },
@@ -6107,48 +4489,48 @@ const zn = {
      * @param {string} type
      * @param {*} name
      */
-    downloadProcess(i, e = "diagram") {
-      return c(this, null, function* () {
+    downloadProcess(n, e = "diagram") {
+      return w(this, null, function* () {
         try {
-          const { err: n, xml: s } = yield this.bpmnModeler.saveXML();
-          n && console.error(`[Process Designer Warn ]: ${n.message || n}`);
-          const a = new se(), { definitions: r } = a.xml2js(s);
-          if (e = r.process._name || e, i === "xml" || i === "bpmn") {
-            const { href: o, filename: p } = this.setEncoded(i.toUpperCase(), e, s);
-            t(o, p);
+          const { err: i, xml: r } = yield this.bpmnModeler.saveXML();
+          i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
+          const a = new te(), { definitions: l } = a.xml2js(r);
+          if (e = l.process._name || e, n === "xml" || n === "bpmn") {
+            const { href: o, filename: m } = this.setEncoded(n.toUpperCase(), e, r);
+            t(o, m);
           } else {
-            const { err: o, svg: p } = yield this.bpmnModeler.saveSVG();
+            const { err: o, svg: m } = yield this.bpmnModeler.saveSVG();
             if (o)
               return console.error(o);
-            const { href: E, filename: m } = this.setEncoded("SVG", e, p);
-            t(E, m);
+            const { href: g, filename: p } = this.setEncoded("SVG", e, m);
+            t(g, p);
           }
-        } 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) {
+        function t(i, r) {
+          if (i && r) {
             const a = document.createElement("a");
-            a.download = s, a.href = n, a.click(), URL.revokeObjectURL(a.href);
+            a.download = r, 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 ------------------------------------------------------ */
@@ -6170,24 +4552,24 @@ const zn = {
     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");
@@ -6195,9 +4577,9 @@ const zn = {
     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;
       }
@@ -6205,77 +4587,77 @@ const zn = {
         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 se();
+      const n = new te();
       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 Nn = function() {
+var ct = 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", { staticClass: "flow-dialog", 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", { staticClass: "flow-dialog", 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);
-}, Un = [], Gn = /* @__PURE__ */ h(
-  zn,
-  Nn,
-  Un,
+}, dt = [], yt = /* @__PURE__ */ J(
+  ut,
+  ct,
+  dt,
   !1,
   null,
   null
 );
-const qn = Gn.exports, Kn = {
+const bt = yt.exports, gt = {
   name: "FlowDesigner",
   components: {
-    PropertiesPanel: Cn,
-    ProcessDesigner: qn
+    PropertiesPanel: We,
+    ProcessDesigner: bt
   },
   props: {
     /**
@@ -6300,7 +4682,10 @@ const qn = Gn.exports, Kn = {
     /**
      * 配置上下文信息
      */
-    context: Object
+    context: Object,
+    panelType: {
+      type: String
+    }
   },
   data() {
     return {
@@ -6314,44 +4699,44 @@ const qn = Gn.exports, Kn = {
         labelVisible: !1,
         prefix: "flowable",
         headerButtonSize: "mini",
-        additionalModel: N([Ke, Je, tt])
+        additionalModel: N([Fe, Le, je])
       }
     };
   },
   methods: {
-    initModeler(i) {
-      this.modeler = i;
+    initModeler(n) {
+      this.modeler = n;
     },
     refresh() {
-      return c(this, null, function* () {
+      return w(this, null, function* () {
         yield this.$nextTick(), yield this.$refs.processDesigner.createNewDiagram(this.value);
       });
     }
   }
 };
-var Jn = function() {
+var ft = 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)), e.usePanel && (e.useTabs === null || e.useTabs === void 0 || e.useTabs.length > 0) ? t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "use-tabs": e.useTabs, "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: n, bpmnInstances: s, element: a, type: r }) {
-    return [e._t("task", null, { id: n, bpmnInstances: s, element: a, type: r })];
-  } }, { key: "form", fn: function({ id: n, bpmnInstances: s, element: a, type: r }) {
-    return [e._t("form", null, { id: n, bpmnInstances: s, element: a, type: r })];
-  } }, { key: "extend", fn: function({ id: n, bpmnInstances: s, element: a, type: r }) {
-    return [e._t("extend", null, { id: n, bpmnInstances: s, element: a, type: r })];
+  }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), e.usePanel && (e.useTabs === null || e.useTabs === void 0 || e.useTabs.length > 0) ? t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "panel-type": e.panelType, "use-tabs": e.useTabs, "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: i, bpmnInstances: r, element: a, type: l }) {
+    return [e._t("task", null, { id: i, bpmnInstances: r, element: a, type: l })];
+  } }, { key: "form", fn: function({ id: i, bpmnInstances: r, element: a, type: l }) {
+    return [e._t("form", null, { id: i, bpmnInstances: r, element: a, type: l })];
+  } }, { key: "extend", fn: function({ id: i, bpmnInstances: r, element: a, type: l }) {
+    return [e._t("extend", null, { id: i, bpmnInstances: r, element: a, type: l })];
   } }], null, !0) }) : e._e()], 1);
-}, Zn = [], Hn = /* @__PURE__ */ h(
-  Kn,
-  Jn,
-  Zn,
+}, vt = [], St = /* @__PURE__ */ J(
+  gt,
+  ft,
+  vt,
   !1,
   null,
   null
 );
-const xi = Hn.exports;
+const Zt = St.exports;
 export {
-  xi as default
+  Zt as default
 };