@web-utils/component 3.8.2 → 3.8.4

package/flow-designer/index.mjs

@@ -10,38 +10,38 @@ var ee = (n, e, t) => e in n ? ye(n, e, { enumerable: !0, configurable: !0, writ
       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 k = (n, e, t) => new Promise((i, r) => {
   var a = (m) => {
     try {
-      o(t.next(m));
+      s(t.next(m));
     } catch (g) {
       r(g);
     }
   }, l = (m) => {
     try {
-      o(t.throw(m));
+      s(t.throw(m));
     } catch (g) {
       r(g);
     }
-  }, o = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(a, l);
-  o((t = t.apply(n, e)).next());
+  }, s = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(a, l);
+  s((t = t.apply(n, e)).next());
 });
-import { assign as y, isArray as Se, forEach as Ae, isObject as he, isFunction as Ee, some as T } from "min-dash";
+import { assign as y, isArray as Se, forEach as Ae, isObject as Ee, isFunction as he, 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 { isAny as U } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
+import { getChildLanes as Ie } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as xe } 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 { getMid as Pe, asTRBL as ke } 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 ke from "bpmn-js/lib/Modeler";
+import we from "bpmn-js/lib/Modeler";
 import _e from "bpmn-js/lib/features/drilldown";
 import Me from "bpmn-js-token-simulation";
 import te from "x2js";
@@ -51,10 +51,10 @@ 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(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) {
+function Z(n, e, t, i, r, a, l, s, m, g, p, o, u) {
+  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = r, this._elementFactory = a, this._connect = l, this._create = s, this._popupMenu = m, this._canvas = g, this._rules = p, this._translate = o, 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))
+    if (!xe(f) || !i.isOpen(A))
       return;
     const c = i.getEntries(A);
     c.replace && c.replace.action.click(f, A);
@@ -76,9 +76,9 @@ Z.$inject = [
   "elementRegistry"
 ];
 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 = {};
+  const e = this._contextPad, t = this._modeling, i = this._elementFactory, r = this._connect, a = this._create, l = this._popupMenu, s = this._canvas, m = this._rules, g = this._autoPlace, p = this._translate, o = {};
   if (n.type === "label")
-    return s;
+    return o;
   const u = n.businessObject;
   function f(d, S) {
     r.start(d, S);
@@ -87,16 +87,16 @@ Z.prototype.getContextPadEntries = function(n) {
     t.removeElements([n]);
   }
   function A(d) {
-    const b = o.getContainer(), x = e.getPad(d).html, I = b.getBoundingClientRect(), D = x.getBoundingClientRect(), B = D.top - I.top;
+    const b = s.getContainer(), I = e.getPad(d).html, x = b.getBoundingClientRect(), D = I.getBoundingClientRect(), B = D.top - x.top;
     return {
-      x: D.left - I.left,
+      x: D.left - x.left,
       y: B + D.height + 5
     };
   }
-  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));
+  function c(d, S, b, I) {
+    typeof b != "string" && (I = b, b = p("Append {type}", { type: d.replace(/^bpmn:/, "") }));
+    function x(B, O) {
+      const F = i.createShape(y({ type: d }, I));
       a.start(B, F, {
         source: O
       });
@@ -106,11 +106,11 @@ Z.prototype.getContextPadEntries = function(n) {
       className: S,
       title: b,
       action: {
-        dragstart: I,
+        dragstart: x,
         click: g ? function(B, O) {
-          const F = i.createShape(y({ type: d }, x));
+          const F = i.createShape(y({ type: d }, I));
           g.append(O, F);
-        } : I
+        } : x
       }
     };
   }
@@ -119,9 +119,9 @@ Z.prototype.getContextPadEntries = function(n) {
       t.splitLane(b, d), e.open(b, !0);
     };
   }
-  if (z(u, ["bpmn:Lane", "bpmn:Participant"]) && Te(u)) {
-    const d = xe(n);
-    y(s, {
+  if (U(u, ["bpmn:Lane", "bpmn:Participant"]) && Te(u)) {
+    const d = Ie(n);
+    y(o, {
       "lane-insert-above": {
         group: "lane-insert-above",
         className: "bpmn-icon-lane-insert-above",
@@ -132,7 +132,7 @@ Z.prototype.getContextPadEntries = function(n) {
           }
         }
       }
-    }), d.length < 2 && (n.height >= 120 && y(s, {
+    }), d.length < 2 && (n.height >= 120 && y(o, {
       "lane-divide-two": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-two",
@@ -141,7 +141,7 @@ Z.prototype.getContextPadEntries = function(n) {
           click: M(2)
         }
       }
-    }), n.height >= 180 && y(s, {
+    }), n.height >= 180 && y(o, {
       "lane-divide-three": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-three",
@@ -150,7 +150,7 @@ Z.prototype.getContextPadEntries = function(n) {
           click: M(3)
         }
       }
-    })), y(s, {
+    })), y(o, {
       "lane-insert-below": {
         group: "lane-insert-below",
         className: "bpmn-icon-lane-insert-below",
@@ -163,7 +163,7 @@ Z.prototype.getContextPadEntries = function(n) {
       }
     });
   }
-  R(u, "bpmn:FlowNode") && (R(u, "bpmn:EventBasedGateway") ? y(s, {
+  R(u, "bpmn:FlowNode") && (R(u, "bpmn:EventBasedGateway") ? y(o, {
     "append.receive-task": c("bpmn:ReceiveTask", "bpmn-icon-receive-task", p("Append ReceiveTask")),
     "append.message-intermediate-event": c(
       "bpmn:IntermediateCatchEvent",
@@ -189,11 +189,11 @@ Z.prototype.getContextPadEntries = function(n) {
       p("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
-  }) : ie(u, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(s, {
+  }) : ie(u, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(o, {
     "append.compensation-activity": c("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
       isForCompensation: !0
     })
-  }) : !R(u, "bpmn:EndEvent") && !u.isForCompensation && !ie(u, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ce(u) && y(s, {
+  }) : !R(u, "bpmn:EndEvent") && !u.isForCompensation && !ie(u, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ce(u) && y(o, {
     "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")),
@@ -202,7 +202,7 @@ Z.prototype.getContextPadEntries = function(n) {
       "bpmn-icon-intermediate-event-none",
       p("Append Intermediate/Boundary Event")
     )
-  })), l.isEmpty(n, "bpmn-replace") || y(s, {
+  })), l.isEmpty(n, "bpmn-replace") || y(o, {
     replace: {
       group: "edit",
       className: "bpmn-icon-screw-wrench",
@@ -216,7 +216,7 @@ Z.prototype.getContextPadEntries = function(n) {
         }
       }
     }
-  }), z(u, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
+  }), U(u, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(o, {
     "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
     connect: {
       group: "connect",
@@ -227,7 +227,7 @@ Z.prototype.getContextPadEntries = function(n) {
         dragstart: f
       }
     }
-  }), z(u, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
+  }), U(u, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(o, {
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
@@ -237,11 +237,11 @@ Z.prototype.getContextPadEntries = function(n) {
         dragstart: f
       }
     }
-  }), R(u, "bpmn:Group") && y(s, {
+  }), R(u, "bpmn:Group") && y(o, {
     "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
-  let h = m.allowed("elements.delete", { elements: [n] });
-  return Se(h) && (h = h[0] === n), h && y(s, {
+  let E = m.allowed("elements.delete", { elements: [n] });
+  return Se(E) && (E = E[0] === n), E && y(o, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
@@ -250,7 +250,7 @@ Z.prototype.getContextPadEntries = function(n) {
         click: _
       }
     }
-  }), s;
+  }), o;
 };
 function ie(n, e, t) {
   const i = n.$instanceOf(e);
@@ -264,31 +264,31 @@ const Fe = {
   __init__: ["contextPadProvider"],
   contextPadProvider: ["type", Z]
 };
-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;
+function w(n, e, t, i, r, a, l, s, m) {
+  le.call(this, n, e, t, i, r, a, l, s, m, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = r, this._handTool = a, this._globalConnect = l, this._moddle = s, this._translate = m;
 }
 const H = function() {
 };
 H.prototype = le.prototype;
 H.prototype.getPaletteEntries = function() {
-  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 n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, r = this._lassoTool, a = this._handTool, l = this._globalConnect, s = this._translate;
+  function m(o, u, f, _, A) {
+    function c(E) {
+      const d = t.createShape(y({ type: o }, A));
+      o === "bpmn:UserTask" && (d.businessObject.candidateUsers = "${handlers}"), e.start(E, d);
     }
-    const M = s.replace(/^bpmn:/, "");
+    const M = o.replace(/^bpmn:/, "");
     return {
       group: u,
       className: f,
-      title: _ || o("Create {type}", { type: M }),
+      title: _ || s("Create {type}", { type: M }),
       action: {
         dragstart: c,
         click: c
       }
     };
   }
-  function g(s) {
+  function g(o) {
     const u = t.createShape({
       type: "bpmn:SubProcess",
       x: 0,
@@ -300,67 +300,68 @@ H.prototype.getPaletteEntries = function() {
       y: 82,
       parent: u
     });
-    e.start(s, [u, f], {
+    e.start(o, [u, f], {
       hints: {
         autoSelect: [f]
       }
     });
   }
-  function p(s) {
-    e.start(s, t.createParticipantShape());
+  function p(o) {
+    e.start(o, t.createParticipantShape());
   }
   return y(n, {
     "hand-tool": {
       group: "tools",
       className: "bpmn-icon-hand-tool",
-      title: o("Activate the hand tool"),
+      title: s("Activate the hand tool"),
       action: {
-        click: function(s) {
-          a.activateHand(s);
+        click: function(o) {
+          a.activateHand(o);
         }
       }
     },
     "lasso-tool": {
       group: "tools",
       className: "bpmn-icon-lasso-tool",
-      title: o("Activate the lasso tool"),
+      title: s("Activate the lasso tool"),
       action: {
-        click: function(s) {
-          r.activateSelection(s);
+        click: function(o) {
+          r.activateSelection(o);
         }
       }
     },
     "space-tool": {
       group: "tools",
       className: "bpmn-icon-space-tool",
-      title: o("Activate the create/remove space tool"),
+      title: s("Activate the create/remove space tool"),
       action: {
-        click: function(s) {
-          i.activateSelection(s);
+        click: function(o) {
+          i.activateSelection(o);
         }
       }
     },
     "global-connect-tool": {
       group: "tools",
       className: "bpmn-icon-connection-multi",
-      title: o("Activate the global connect tool"),
+      title: s("Activate the global connect tool"),
       action: {
-        click: function(s) {
-          l.toggle(s);
+        click: function(o) {
+          l.toggle(o);
         }
       }
     },
     "tool-separator": { group: "tools", separator: !0 },
-    "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
+    "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", s("Create StartEvent")),
     "create.intermediate-event": m(
       "bpmn:IntermediateThrowEvent",
       "event",
       "bpmn-icon-intermediate-event-none",
-      o("Create Intermediate/Boundary Event")
+      s("Create Intermediate/Boundary Event")
     ),
-    "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.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", s("Create User Task")),
+    "create.service-task": m("bpmn:ServiceTask", "activity", "bpmn-icon-service-task", s("Create Service Task")),
+    "create.exclusive-gateway": m("bpmn:ExclusiveGateway", "activity", "bpmn-icon-gateway-none", s("Create Gateway")),
+    "create.end-event": m("bpmn:EndEvent", "activity", "bpmn-icon-end-event-none", s("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')),
@@ -368,7 +369,7 @@ H.prototype.getPaletteEntries = function() {
     "create.subprocess-expanded": {
       group: "activity",
       className: "bpmn-icon-subprocess-expanded",
-      title: o("Create expanded SubProcess"),
+      title: s("Create expanded SubProcess"),
       action: {
         dragstart: g,
         click: g
@@ -377,7 +378,7 @@ H.prototype.getPaletteEntries = function() {
     "create.participant-expanded": {
       group: "collaboration",
       className: "bpmn-icon-participant",
-      title: o("Create Pool/Participant"),
+      title: s("Create Pool/Participant"),
       action: {
         dragstart: p,
         click: p
@@ -386,12 +387,12 @@ H.prototype.getPaletteEntries = function() {
     // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
   }), n;
 };
-k.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
-k.prototype = new H();
-k.prototype.constructor = k;
+w.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
+w.prototype = new H();
+w.prototype.constructor = w;
 const Le = {
   __init__: ["customPalette"],
-  customPalette: ["type", k]
+  customPalette: ["type", w]
 };
 function me(n, e) {
   j.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
@@ -447,9 +448,9 @@ const ue = function() {
 ue.prototype = j.prototype;
 me.prototype = new ue();
 me.prototype.constructor = j;
-const ze = 200, Ue = 100;
+const Ue = 200, ze = 100;
 function ce(n, e, t) {
-  n.on("autoPlace", Ue, function(i) {
+  n.on("autoPlace", ze, function(i) {
     const r = i.shape, a = i.source;
     return Ge(a, r);
   }), n.on("autoPlace.end", function(i) {
@@ -462,18 +463,18 @@ function ce(n, e, t) {
     const l = n.fire("autoPlace", {
       source: i,
       shape: r
-    }), o = e.appendShape(i, r, l, i.parent, a);
+    }), s = e.appendShape(i, r, l, i.parent, a);
     return n.fire("autoPlace.end", {
       source: i,
-      shape: o
-    }), o;
+      shape: s
+    }), s;
   };
 }
 ce.$inject = ["eventBus", "modeling", "canvas"];
 function Ge(n, e) {
-  const t = ze, i = Pe(n);
+  const t = Ue, i = Pe(n);
   return {
-    x: we(n).right + t + e.width / 2,
+    x: ke(n).right + t + e.width / 2,
     y: i.y
   };
 }
@@ -491,9 +492,10 @@ const je = {
     SignalAndMassage: () => import("../chunks/SignalAndMessage.CH6L7cYu.mjs"),
     FlowCondition: () => import("../chunks/FlowCondition.BfU9kw6h.mjs"),
     ElementMultiInstance: () => import("../chunks/ElementMultiInstance.3Z28ewuh.mjs"),
-    ElementTask: () => import("../chunks/ElementTaskConfig.MBbkLrth.mjs"),
+    ElementTaskConfig: () => import("../chunks/ElementTaskConfig.MBbkLrth.mjs"),
     ElementOtherConfig: () => import("../chunks/ElementOtherConfig.B1NfMTYh.mjs"),
-    ElementBaseInfo: () => import("../chunks/ElementBaseInfo.ZADwixb5.mjs")
+    ElementBaseInfo: () => import("../chunks/ElementBaseInfo.ZADwixb5.mjs"),
+    ServiceTaskConfig: () => import("../chunks/ServiceTaskConfig.BYzwAxGU.mjs")
   },
   provide() {
     return {
@@ -642,8 +644,10 @@ var Ze = function() {
   }, 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) {
+    return [e.elementType.indexOf("UserTask") !== -1 ? t("ElTabPane", { key: "task", attrs: { label: "任务", name: "task", lazy: "" } }, [t("ElementTaskConfig", { 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("service") ? e._t("service", function() {
+    return [e.elementType.indexOf("ServiceTask") !== -1 ? t("ElTabPane", { key: "service", attrs: { label: "服务调用", name: "service", lazy: "" } }, [t("ServiceTaskConfig", { 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("UserTask") !== -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("常规")])];
@@ -656,10 +660,14 @@ var Ze = function() {
       return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-order" }), e._v("表单")])];
     }, proxy: !0 }], null, !1, 1341048650) }, [t("ElementForm", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e()];
   }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("task") ? e._t("task", function() {
-    return [e.elementType.indexOf("Task") !== -1 ? t("ElCollapseItem", { key: "task", attrs: { name: "task" }, scopedSlots: e._u([{ key: "title", fn: function() {
+    return [e.elementType.indexOf("UserTask") !== -1 ? t("ElCollapseItem", { key: "task", attrs: { name: "task" }, scopedSlots: e._u([{ key: "title", fn: function() {
       return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-claim" }), e._v("任务")])];
-    }, proxy: !0 }], null, !1, 2144785833) }, [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("ElCollapseItem", { key: "multiInstance", attrs: { name: "multiInstance" }, scopedSlots: e._u([{ key: "title", fn: function() {
+    }, proxy: !0 }], null, !1, 2144785833) }, [t("ElementTaskConfig", { 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("service") ? e._t("service", function() {
+    return [e.elementType.indexOf("ServiceTask") !== -1 ? t("ElCollapseItem", { key: "service", attrs: { name: "service" }, scopedSlots: e._u([{ key: "title", fn: function() {
+      return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-claim" }), e._v("服务调用")])];
+    }, proxy: !0 }], null, !1, 3388244724) }, [t("ServiceTaskConfig", { 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("UserTask") !== -1 ? t("ElCollapseItem", { key: "multiInstance", attrs: { name: "multiInstance" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-help" }), e._v("多实例")])];
   }, proxy: !0 }], null, !1, 1253501895) }, [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("ElCollapseItem", { key: "listeners", attrs: { name: "listeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-message-solid" }), e._v("执行监听器"), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
@@ -761,6 +769,7 @@ const Ye = {
   "Create EndEvent": "创建结束事件",
   "Create Task": "创建任务",
   "Create User Task": "创建用户任务",
+  "Create Service Task": "创建服务任务",
   "Create Gateway": "创建网关",
   "Create DataObjectReference": "创建数据对象",
   "Create DataStoreReference": "创建数据存储",
@@ -3365,6 +3374,11 @@ const Ye = {
           isAttr: !0,
           type: "String"
         },
+        {
+          name: "failedJobRetryTimeCycle",
+          isAttr: !0,
+          type: "String"
+        },
         {
           name: "resultVariable",
           isAttr: !0,
@@ -4199,34 +4213,34 @@ function C(n) {
 }
 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))
+  if (Ee(n) && !et(n, e) || h(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || de(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || h(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
 C.prototype.canHostInputOutput = function(n) {
   if (v(n, "camunda:Connector"))
     return !0;
   const t = v(n, "bpmn:FlowNode");
-  return !(!t || de(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || E(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || de(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || h(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 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;
+  return h(e, "bpmn:MessageEventDefinition") ? v(n, "bpmn:IntermediateThrowEvent") || v(n, "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 E(n, e) {
-  return n && Ee(n.$instanceOf) && n.$instanceOf(e);
+function h(n, e) {
+  return n && he(n.$instanceOf) && n.$instanceOf(e);
 }
 function de(n, e) {
   return T(e, function(t) {
-    return E(n, t);
+    return h(n, t);
   });
 }
 function v(n, e) {
   if (!e)
     return n.$parent;
-  if (E(n, e))
+  if (h(n, e))
     return n;
   if (n.$parent)
     return v(n.$parent, e);
@@ -4264,7 +4278,7 @@ function at(n, e) {
     return W(n, t);
   });
 }
-function U(n, e, t) {
+function z(n, e, t) {
   const i = e.name, r = it[i.replace(/activiti:/, "")];
   return i === n && at(t, r);
 }
@@ -4280,9 +4294,9 @@ function X(n) {
 }
 X.$inject = ["eventBus"];
 X.prototype.canCloneProperty = function(n, e) {
-  if (U("activiti:FailedJobRetryTimeCycle", e, n))
+  if (z("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))
+  if (z("activiti:Connector", e, n) || z("activiti:Field", e, n))
     return $(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
 const st = {
@@ -4440,9 +4454,9 @@ const ut = {
   methods: {
     initBpmnModeler() {
       this.bpmnModeler || (this.bpmnModeler = N(
-        new ke(P({
+        new we(P({
           container: this.$refs["bpmn-canvas"],
-          keyboard: this.keyboard ? { bindTo: document } : null,
+          // keyboard: this.keyboard ? { bindTo: document } : null,
           additionalModules: this.additionalModules,
           moddleExtensions: this.moddleExtensions
         }, this.options))
@@ -4455,7 +4469,7 @@ const ut = {
           const r = t.replace(/\./g, "-"), a = i ? i.element : null;
           e.$emit(r, a, i);
         });
-      }), n.on("commandStack.changed", (t) => w(this, null, function* () {
+      }), n.on("commandStack.changed", (t) => k(this, null, function* () {
         try {
           this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
           const { xml: i } = yield this.bpmnModeler.saveXML({ format: !0 });
@@ -4471,7 +4485,7 @@ const ut = {
     },
     /* 创建新的流程图 */
     createNewDiagram(n) {
-      return w(this, null, function* () {
+      return k(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: r } = yield this.bpmnModeler.importXML(i);
@@ -4487,18 +4501,18 @@ const ut = {
      * @param {*} name
      */
     downloadProcess(n, e = "diagram") {
-      return w(this, null, function* () {
+      return k(this, null, function* () {
         try {
           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);
+            const { href: s, filename: m } = this.setEncoded(n.toUpperCase(), e, r);
+            t(s, m);
           } else {
-            const { err: o, svg: m } = yield this.bpmnModeler.saveSVG();
-            if (o)
-              return console.error(o);
+            const { err: s, svg: m } = yield this.bpmnModeler.saveSVG();
+            if (s)
+              return console.error(s);
             const { href: g, filename: p } = this.setEncoded("SVG", e, m);
             t(g, p);
           }
@@ -4706,7 +4720,7 @@ const bt = yt.exports, gt = {
       this.modeler = n;
     },
     refresh() {
-      return w(this, null, function* () {
+      return k(this, null, function* () {
         yield this.$nextTick(), yield this.$refs.processDesigner.createNewDiagram(this.value);
       });
     }
@@ -4725,6 +4739,8 @@ var ft = function() {
     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 })];
+  } }, { key: "service", fn: function({ id: i, bpmnInstances: r, element: a, type: l }) {
+    return [e._t("service", null, { id: i, bpmnInstances: r, element: a, type: l })];
   } }], null, !0) }) : e._e()], 1);
 }, vt = [], St = /* @__PURE__ */ J(
   gt,