@web-utils/component 3.8.3 → 4.0.1

package/flow-designer/index.mjs

@@ -1,66 +1,38 @@
-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 = {}))
-    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(m));
-    } catch (g) {
-      r(g);
-    }
-  }, l = (m) => {
-    try {
-      o(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());
-});
-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 { assign as d, isArray as pe, forEach as me, isObject as ue, isFunction as ce, some as T } from "min-dash";
+import { is as O } from "bpmn-js/lib/util/ModelUtil";
+import { isExpanded as de, isEventSubProcess as ye } from "bpmn-js/lib/util/DiUtil";
+import { isAny as $ } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
+import { getChildLanes as be } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as ge } from "diagram-js/lib/util/Mouse";
+import ie from "bpmn-js/lib/features/palette/PaletteProvider";
+import z from "diagram-js/lib/features/auto-place/AutoPlace";
+import { getMid as fe, asTRBL as ve } from "diagram-js/lib/layout/LayoutUtil";
+import { markRaw as R } from "vue";
+import { n as U } 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 _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 Se from "bpmn-js/lib/Modeler";
+import Ae from "bpmn-js/lib/features/drilldown";
+import he from "bpmn-js-token-simulation";
+import X from "x2js";
+import re from "highlight.js/lib/core";
+import Ee from "highlight.js/lib/languages/xml";
+import Te from "highlight.js/lib/languages/json";
+import { isArray as K } from "@web-utils/core";
+import Ce 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) {
-    const A = f.context.shape;
-    if (!Ie(f) || !i.isOpen(A))
+function G(n, e, t, i, r, a, p, o, y, S, l, s, m) {
+  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = r, this._elementFactory = a, this._connect = p, this._create = o, this._popupMenu = y, this._canvas = S, this._rules = l, this._translate = s, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(g) {
+    const A = g.context.shape;
+    if (!ge(g) || !i.isOpen(A))
       return;
-    const c = i.getEntries(A);
-    c.replace && c.replace.action.click(f, A);
+    const u = i.getEntries(A);
+    u.replace && u.replace.action.click(g, A);
   });
 }
-Z.$inject = [
+G.$inject = [
   "config.contextPad",
   "injector",
   "eventBus",
@@ -75,241 +47,241 @@ Z.$inject = [
   "translate",
   "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 = {};
+G.prototype.getContextPadEntries = function(n) {
+  const e = this._contextPad, t = this._modeling, i = this._elementFactory, r = this._connect, a = this._create, p = this._popupMenu, o = this._canvas, y = this._rules, S = this._autoPlace, l = this._translate, s = {};
   if (n.type === "label")
     return s;
-  const u = n.businessObject;
-  function f(d, S) {
-    r.start(d, S);
+  const m = n.businessObject;
+  function g(c, v) {
+    r.start(c, v);
   }
-  function _() {
+  function w() {
     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;
+  function A(c) {
+    const b = o.getContainer(), x = e.getPad(c).html, I = b.getBoundingClientRect(), _ = x.getBoundingClientRect(), M = _.top - I.top;
     return {
-      x: D.left - I.left,
-      y: B + D.height + 5
+      x: _.left - I.left,
+      y: M + _.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));
-      a.start(B, F, {
-        source: O
+  function u(c, v, b, x) {
+    typeof b != "string" && (x = b, b = l("Append {type}", { type: c.replace(/^bpmn:/, "") }));
+    function I(M, D) {
+      const B = i.createShape(d({ type: c }, x));
+      a.start(M, B, {
+        source: D
       });
     }
     return {
       group: "model",
-      className: S,
+      className: v,
       title: b,
       action: {
         dragstart: I,
-        click: g ? function(B, O) {
-          const F = i.createShape(y({ type: d }, x));
-          g.append(O, F);
+        click: S ? function(M, D) {
+          const B = i.createShape(d({ type: c }, x));
+          S.append(D, B);
         } : I
       }
     };
   }
-  function M(d) {
-    return function(S, b) {
-      t.splitLane(b, d), e.open(b, !0);
+  function k(c) {
+    return function(v, b) {
+      t.splitLane(b, c), e.open(b, !0);
     };
   }
-  if (z(u, ["bpmn:Lane", "bpmn:Participant"]) && Te(u)) {
-    const d = xe(n);
-    y(s, {
+  if ($(m, ["bpmn:Lane", "bpmn:Participant"]) && de(m)) {
+    const c = be(n);
+    d(s, {
       "lane-insert-above": {
         group: "lane-insert-above",
         className: "bpmn-icon-lane-insert-above",
-        title: p("Add Lane above"),
+        title: l("Add Lane above"),
         action: {
-          click: function(S, b) {
+          click: function(v, b) {
             t.addLane(b, "top");
           }
         }
       }
-    }), d.length < 2 && (n.height >= 120 && y(s, {
+    }), c.length < 2 && (n.height >= 120 && d(s, {
       "lane-divide-two": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-two",
-        title: p("Divide into two Lanes"),
+        title: l("Divide into two Lanes"),
         action: {
-          click: M(2)
+          click: k(2)
         }
       }
-    }), n.height >= 180 && y(s, {
+    }), n.height >= 180 && d(s, {
       "lane-divide-three": {
         group: "lane-divide",
         className: "bpmn-icon-lane-divide-three",
-        title: p("Divide into three Lanes"),
+        title: l("Divide into three Lanes"),
         action: {
-          click: M(3)
+          click: k(3)
         }
       }
-    })), y(s, {
+    })), d(s, {
       "lane-insert-below": {
         group: "lane-insert-below",
         className: "bpmn-icon-lane-insert-below",
-        title: p("Add Lane below"),
+        title: l("Add Lane below"),
         action: {
-          click: function(S, b) {
+          click: function(v, b) {
             t.addLane(b, "bottom");
           }
         }
       }
     });
   }
-  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(
+  O(m, "bpmn:FlowNode") && (O(m, "bpmn:EventBasedGateway") ? d(s, {
+    "append.receive-task": u("bpmn:ReceiveTask", "bpmn-icon-receive-task", l("Append ReceiveTask")),
+    "append.message-intermediate-event": u(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-message",
-      p("Append MessageIntermediateCatchEvent"),
+      l("Append MessageIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:MessageEventDefinition" }
     ),
-    "append.timer-intermediate-event": c(
+    "append.timer-intermediate-event": u(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-timer",
-      p("Append TimerIntermediateCatchEvent"),
+      l("Append TimerIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:TimerEventDefinition" }
     ),
-    "append.condition-intermediate-event": c(
+    "append.condition-intermediate-event": u(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-condition",
-      p("Append ConditionIntermediateCatchEvent"),
+      l("Append ConditionIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
     ),
-    "append.signal-intermediate-event": c(
+    "append.signal-intermediate-event": u(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-signal",
-      p("Append SignalIntermediateCatchEvent"),
+      l("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
-  }) : ie(u, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(s, {
-    "append.compensation-activity": c("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
+  }) : Y(m, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? d(s, {
+    "append.compensation-activity": u("bpmn:Task", "bpmn-icon-task", l("Append compensation activity"), {
       isForCompensation: !0
     })
-  }) : !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(
+  }) : !O(m, "bpmn:EndEvent") && !m.isForCompensation && !Y(m, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !ye(m) && d(s, {
+    "append.end-event": u("bpmn:EndEvent", "bpmn-icon-end-event-none", l("Append EndEvent")),
+    "append.gateway": u("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", l("Append Gateway")),
+    "append.append-task": u("bpmn:UserTask", "bpmn-icon-user-task", l("Append Task")),
+    "append.intermediate-event": u(
       "bpmn:IntermediateThrowEvent",
       "bpmn-icon-intermediate-event-none",
-      p("Append Intermediate/Boundary Event")
+      l("Append Intermediate/Boundary Event")
     )
-  })), l.isEmpty(n, "bpmn-replace") || y(s, {
+  })), p.isEmpty(n, "bpmn-replace") || d(s, {
     replace: {
       group: "edit",
       className: "bpmn-icon-screw-wrench",
-      title: p("Change type"),
+      title: l("Change type"),
       action: {
-        click: function(d, S) {
-          const b = y(A(S), {
-            cursor: { x: d.x, y: d.y }
+        click: function(c, v) {
+          const b = d(A(v), {
+            cursor: { x: c.x, y: c.y }
           });
-          l.open(S, "bpmn-replace", b);
+          p.open(v, "bpmn-replace", b);
         }
       }
     }
-  }), z(u, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
-    "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
+  }), $(m, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && d(s, {
+    "append.text-annotation": u("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: p(`Connect using ${u.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
+      title: l(`Connect using ${m.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
       action: {
-        click: f,
-        dragstart: f
+        click: g,
+        dragstart: g
       }
     }
-  }), z(u, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(s, {
+  }), $(m, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && d(s, {
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: p("Connect using DataInputAssociation"),
+      title: l("Connect using DataInputAssociation"),
       action: {
-        click: f,
-        dragstart: f
+        click: g,
+        dragstart: g
       }
     }
-  }), R(u, "bpmn:Group") && y(s, {
-    "append.text-annotation": c("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
+  }), O(m, "bpmn:Group") && d(s, {
+    "append.text-annotation": u("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 h = y.allowed("elements.delete", { elements: [n] });
+  return pe(h) && (h = h[0] === n), h && d(s, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
-      title: p("Remove"),
+      title: l("Remove"),
       action: {
-        click: _
+        click: w
       }
     }
   }), s;
 };
-function ie(n, e, t) {
+function Y(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);
+  return me(a, function(p) {
+    p.$type === t && (r = !0);
   }), i && r;
 }
-const Fe = {
+const xe = {
   __init__: ["contextPadProvider"],
-  contextPadProvider: ["type", Z]
+  contextPadProvider: ["type", G]
 };
-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 P(n, e, t, i, r, a, p, o, y) {
+  ie.call(this, n, e, t, i, r, a, p, o, y, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = r, this._handTool = a, this._globalConnect = p, this._moddle = o, this._translate = y;
 }
-const H = function() {
+const j = 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);
+j.prototype = ie.prototype;
+j.prototype.getPaletteEntries = function() {
+  const n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, r = this._lassoTool, a = this._handTool, p = this._globalConnect, o = this._translate;
+  function y(s, m, g, w, A) {
+    function u(h) {
+      const c = t.createShape(d({ type: s }, A));
+      s === "bpmn:UserTask" && (c.businessObject.candidateUsers = "${handlers}"), e.start(h, c);
     }
-    const M = s.replace(/^bpmn:/, "");
+    const k = s.replace(/^bpmn:/, "");
     return {
-      group: u,
-      className: f,
-      title: _ || o("Create {type}", { type: M }),
+      group: m,
+      className: g,
+      title: w || o("Create {type}", { type: k }),
       action: {
-        dragstart: c,
-        click: c
+        dragstart: u,
+        click: u
       }
     };
   }
-  function g(s) {
-    const u = t.createShape({
+  function S(s) {
+    const m = t.createShape({
       type: "bpmn:SubProcess",
       x: 0,
       y: 0,
       isExpanded: !0
-    }), f = t.createShape({
+    }), g = t.createShape({
       type: "bpmn:StartEvent",
       x: 40,
       y: 82,
-      parent: u
+      parent: m
     });
-    e.start(s, [u, f], {
+    e.start(s, [m, g], {
       hints: {
-        autoSelect: [f]
+        autoSelect: [g]
       }
     });
   }
-  function p(s) {
+  function l(s) {
     e.start(s, t.createParticipantShape());
   }
-  return y(n, {
+  return d(n, {
     "hand-tool": {
       group: "tools",
       className: "bpmn-icon-hand-tool",
@@ -346,21 +318,21 @@ H.prototype.getPaletteEntries = function() {
       title: o("Activate the global connect tool"),
       action: {
         click: function(s) {
-          l.toggle(s);
+          p.toggle(s);
         }
       }
     },
     "tool-separator": { group: "tools", separator: !0 },
-    "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
-    "create.intermediate-event": m(
+    "create.start-event": y("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
+    "create.intermediate-event": y(
       "bpmn:IntermediateThrowEvent",
       "event",
       "bpmn-icon-intermediate-event-none",
       o("Create Intermediate/Boundary Event")
     ),
-    "create.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
-    "create.exclusive-gateway": m("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": y("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
+    "create.exclusive-gateway": y("bpmn:ExclusiveGateway", "activity", "bpmn-icon-gateway-none", o("Create Gateway")),
+    "create.end-event": y("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 +342,8 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-subprocess-expanded",
       title: o("Create expanded SubProcess"),
       action: {
-        dragstart: g,
-        click: g
+        dragstart: S,
+        click: S
       }
     },
     "create.participant-expanded": {
@@ -379,24 +351,24 @@ H.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-participant",
       title: o("Create Pool/Participant"),
       action: {
-        dragstart: p,
-        click: p
+        dragstart: l,
+        click: l
       }
     }
     // '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;
-const Le = {
+P.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
+P.prototype = new j();
+P.prototype.constructor = P;
+const Ie = {
   __init__: ["customPalette"],
-  customPalette: ["type", k]
+  customPalette: ["type", P]
 };
-function me(n, e) {
-  j.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
+function ae(n, e) {
+  z.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
     const i = t.shape, r = t.source;
-    return Ne(r, i);
+    return _e(r, i);
   }), this.append = function(t, i, r) {
     n.fire("autoPlace.start", {
       source: t,
@@ -407,14 +379,14 @@ function me(n, e) {
       shape: i
     });
     console.log("hints", r, "position", a);
-    const l = e.appendShape(t, i, a, t.parent, r);
+    const p = e.appendShape(t, i, a, t.parent, r);
     return n.fire("autoPlace.end", {
       source: t,
-      shape: l
-    }), l;
+      shape: p
+    }), p;
   };
 }
-function Re(n) {
+function Pe(n) {
   return {
     top: n.y,
     right: n.x + (n.width || 0),
@@ -422,36 +394,36 @@ function Re(n) {
     left: n.x
   };
 }
-function $e(n) {
+function we(n) {
   return {
     x: Math.round(n.x),
     y: Math.round(n.y)
   };
 }
-function Ve(n) {
-  return $e({
+function ke(n) {
+  return we({
     x: n.x + (n.width || 0) / 2,
     y: n.y + (n.height || 0) / 2
   });
 }
-function Ne(n, e, t) {
+function _e(n, e, t) {
   t || (t = {});
-  const i = t.defaultDistance || 50, r = Ve(n), a = Re(n);
+  const i = t.defaultDistance || 50, r = ke(n), a = Pe(n);
   return {
     x: r.x,
     y: a.bottom + i + e.height / 2
   };
 }
-const ue = function() {
+const se = function() {
 };
-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) {
+se.prototype = z.prototype;
+ae.prototype = new se();
+ae.prototype.constructor = z;
+const Me = 200, De = 100;
+function oe(n, e, t) {
+  n.on("autoPlace", De, function(i) {
     const r = i.shape, a = i.source;
-    return Ge(a, r);
+    return Be(a, r);
   }), n.on("autoPlace.end", function(i) {
     t.scrollToElement(i.shape);
   }), this.append = function(i, r, a) {
@@ -459,39 +431,39 @@ function ce(n, e, t) {
       source: i,
       shape: r
     });
-    const l = n.fire("autoPlace", {
+    const p = n.fire("autoPlace", {
       source: i,
       shape: r
-    }), o = e.appendShape(i, r, l, i.parent, a);
+    }), o = e.appendShape(i, r, p, i.parent, a);
     return n.fire("autoPlace.end", {
       source: i,
       shape: o
     }), o;
   };
 }
-ce.$inject = ["eventBus", "modeling", "canvas"];
-function Ge(n, e) {
-  const t = ze, i = Pe(n);
+oe.$inject = ["eventBus", "modeling", "canvas"];
+function Be(n, e) {
+  const t = Me, i = fe(n);
   return {
-    x: we(n).right + t + e.width / 2,
+    x: ve(n).right + t + e.width / 2,
     y: i.y
   };
 }
-const je = {
+const Oe = {
   __init__: ["autoPlaceSelectionBehavior"],
-  autoPlace: ["type", ce]
-}, re = ["base", "task", "form", "multiInstance"], Je = {
+  autoPlace: ["type", oe]
+}, Q = ["base", "task", "form", "multiInstance"], Fe = {
   name: "PropertiesPanel",
   componentName: "MyPropertiesPanel",
   components: {
-    UserTaskListeners: () => import("../chunks/UserTaskListeners.XXe5dC5I.mjs"),
-    ElementForm: () => import("../chunks/ElementForm.8w6UkiuU.mjs"),
-    ElementProperties: () => import("../chunks/ElementProperties.B2I48muA.mjs"),
-    ElementListeners: () => import("../chunks/ElementListeners.DOy8wyD2.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"),
+    UserTaskListeners: () => import("../chunks/UserTaskListeners.Bv3BDfEI.mjs"),
+    ElementForm: () => import("../chunks/ElementForm.CQ3PN5qj.mjs"),
+    ElementProperties: () => import("../chunks/ElementProperties.CosfDrlW.mjs"),
+    ElementListeners: () => import("../chunks/ElementListeners.De_PRuIm.mjs"),
+    SignalAndMassage: () => import("../chunks/SignalAndMessage.Bb5PFX0N.mjs"),
+    FlowCondition: () => import("../chunks/FlowCondition.Y6qEYi1T.mjs"),
+    ElementMultiInstance: () => import("../chunks/ElementMultiInstance.DQo2wuAQ.mjs"),
+    ElementTask: () => import("../chunks/ElementTaskConfig.Bko0kgTp.mjs"),
     ElementOtherConfig: () => import("../chunks/ElementOtherConfig.B1NfMTYh.mjs"),
     ElementBaseInfo: () => import("../chunks/ElementBaseInfo.ZADwixb5.mjs")
   },
@@ -577,12 +549,12 @@ const je = {
     activeTabs: {
       immediate: !0,
       handler() {
-        this.activeTab = this.isTab ? "base" : re;
+        this.activeTab = this.isTab ? "base" : Q;
       }
     },
     elementId: {
       handler() {
-        this.activeTab = this.isTab ? "base" : re;
+        this.activeTab = this.isTab ? "base" : Q;
       }
     },
     isTab: {
@@ -601,7 +573,7 @@ const je = {
         this.timer = setTimeout(() => this.initModels(), 10);
         return;
       }
-      this.timer && clearTimeout(this.timer), this.bpmnInstances = N({
+      this.timer && clearTimeout(this.timer), this.bpmnInstances = R({
         modeler: this.bpmnModeler,
         modeling: this.bpmnModeler.get("modeling"),
         moddle: this.bpmnModeler.get("moddle"),
@@ -624,13 +596,12 @@ const je = {
     },
     // 初始化数据
     initFormOnChanged(n) {
-      var t;
       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");
+      e || (e = this.bpmnInstances.elementRegistry.find((t) => t.type === "bpmn:Process") ?? this.bpmnInstances.elementRegistry.find((t) => t.type === "bpmn:Collaboration")), e && (this.element = R(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 Ze = function() {
+var Le = 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(a) {
@@ -674,15 +645,15 @@ var Ze = 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);
-}, He = [], qe = /* @__PURE__ */ J(
-  Je,
-  Ze,
-  He,
+}, Re = [], $e = /* @__PURE__ */ U(
+  Fe,
+  Le,
+  Re,
   !1,
   null,
   null
 );
-const We = qe.exports, Xe = (n, e, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+const Ve = $e.exports, Ne = (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"
@@ -702,7 +673,7 @@ const We = qe.exports, Xe = (n, e, t) => (t = t || "camunda", `<?xml version="1.
     </bpmndi:BPMNPlane>
   </bpmndi:BPMNDiagram>
 </bpmn2:definitions>`);
-function Ke(n) {
+function ze(n) {
   return function(e, t) {
     return t = t || {}, e = n[e] || e, e.replace(/{([^}]+)}/g, function(i, r) {
       let a = t[r];
@@ -710,7 +681,7 @@ function Ke(n) {
     });
   };
 }
-const Ye = {
+const Ue = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -950,7 +921,7 @@ const Ye = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, q = [
+}, J = [
   {
     name: "commentInForm",
     isAttr: !0,
@@ -976,7 +947,7 @@ const Ye = {
     isAttr: !0,
     type: "String"
   }
-], ae = {
+], ee = {
   name: "Camunda",
   uri: "http://camunda.org/schema/1.0/bpmn",
   prefix: "camunda",
@@ -1298,7 +1269,7 @@ const Ye = {
           isAttr: !0,
           type: "String"
         },
-        ...q
+        ...J
       ]
     },
     {
@@ -1977,7 +1948,7 @@ const Ye = {
     }
   ],
   emumerations: []
-}, se = {
+}, te = {
   name: "Activiti",
   uri: "http://activiti.org/bpmn",
   prefix: "activiti",
@@ -2312,7 +2283,7 @@ const Ye = {
           isAttr: !0,
           type: "String"
         },
-        ...q
+        ...J
       ]
     },
     {
@@ -2962,7 +2933,7 @@ const Ye = {
     }
   ],
   emumerations: []
-}, oe = {
+}, ne = {
   name: "Flowable",
   uri: "http://flowable.org/bpmn",
   prefix: "flowable",
@@ -3285,7 +3256,7 @@ const Ye = {
           isAttr: !0,
           type: "String"
         },
-        ...q
+        ...J
       ]
     },
     {
@@ -4189,7 +4160,7 @@ const Ye = {
       ]
     }
   ]
-}, Qe = "*";
+}, Ge = "*";
 function C(n) {
   const e = this;
   n.on("moddleCopy.canCopyProperty", function(t) {
@@ -4199,76 +4170,76 @@ 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 (ue(n) && !je(n, e) || E(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || le(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || E(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
 C.prototype.canHostInputOutput = function(n) {
-  if (v(n, "camunda:Connector"))
+  if (f(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"));
+  const t = f(n, "bpmn:FlowNode");
+  return !(!t || le(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || E(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;
+  const e = f(n, "camunda:ServiceTaskLike");
+  return E(e, "bpmn:MessageEventDefinition") ? f(n, "bpmn:IntermediateThrowEvent") || f(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;
+  return f(n, "bpmn:CallActivity") ? !0 : f(n, "bpmn:SignalEventDefinition") ? f(n, "bpmn:IntermediateThrowEvent") || f(n, "bpmn:EndEvent") : !0;
 };
 function E(n, e) {
-  return n && Ee(n.$instanceOf) && n.$instanceOf(e);
+  return n && ce(n.$instanceOf) && n.$instanceOf(e);
 }
-function de(n, e) {
+function le(n, e) {
   return T(e, function(t) {
     return E(n, t);
   });
 }
-function v(n, e) {
+function f(n, e) {
   if (!e)
     return n.$parent;
   if (E(n, e))
     return n;
   if (n.$parent)
-    return v(n.$parent, e);
+    return f(n.$parent, e);
 }
-function et(n, e) {
+function je(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);
+  return !i || Je(i) ? !0 : T(i, function(r) {
+    return f(e, r);
   });
 }
-function tt(n) {
-  return n.indexOf(Qe) !== -1;
+function Je(n) {
+  return n.indexOf(Ge) !== -1;
 }
-const nt = {
+const Ze = {
   __init__: ["camundaModdleExtension"],
   camundaModdleExtension: ["type", C]
-}, it = {
+}, He = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function W(n, e) {
+function Z(n, e) {
   return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function rt(n) {
+function qe(n) {
   return n && n.length;
 }
-function $(n, e) {
-  return rt(n) && T(n, function(t) {
-    return W(t, e);
+function F(n, e) {
+  return qe(n) && T(n, function(t) {
+    return Z(t, e);
   });
 }
-function at(n, e) {
+function We(n, e) {
   return T(e, function(t) {
-    return W(n, t);
+    return Z(n, t);
   });
 }
-function U(n, e, t) {
-  const i = e.name, r = it[i.replace(/activiti:/, "")];
-  return i === n && at(t, r);
+function V(n, e, t) {
+  const i = e.name, r = He[i.replace(/activiti:/, "")];
+  return i === n && We(t, r);
 }
-function X(n) {
+function H(n) {
   n.on(
     "property.clone",
     function(e) {
@@ -4278,42 +4249,42 @@ function X(n) {
     this
   );
 }
-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");
+H.$inject = ["eventBus"];
+H.prototype.canCloneProperty = function(n, e) {
+  if (V("activiti:FailedJobRetryTimeCycle", e, n))
+    return F(n.eventDefinitions, "bpmn:TimerEventDefinition") || F(n.eventDefinitions, "bpmn:SignalEventDefinition") || Z(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (V("activiti:Connector", e, n) || V("activiti:Field", e, n))
+    return F(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const st = {
+const Xe = {
   __init__: ["ActivitiModdleExtension"],
-  ActivitiModdleExtension: ["type", X]
-}, ot = {
+  ActivitiModdleExtension: ["type", H]
+}, Ke = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
 };
-function K(n, e) {
+function q(n, e) {
   return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
 }
-function lt(n) {
+function Ye(n) {
   return n && n.length;
 }
-function V(n, e) {
-  return lt(n) && T(n, function(t) {
-    return K(t, e);
+function L(n, e) {
+  return Ye(n) && T(n, function(t) {
+    return q(t, e);
   });
 }
-function pt(n, e) {
+function Qe(n, e) {
   return T(e, function(t) {
-    return K(n, t);
+    return q(n, t);
   });
 }
-function G(n, e, t) {
-  const i = e.name, r = ot[i.replace(/flowable:/, "")];
-  return i === n && pt(t, r);
+function N(n, e, t) {
+  const i = e.name, r = Ke[i.replace(/flowable:/, "")];
+  return i === n && Qe(t, r);
 }
-function Y(n) {
+function W(n) {
   n.on(
     "property.clone",
     function(e) {
@@ -4323,23 +4294,23 @@ function Y(n) {
     this
   );
 }
-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");
+W.$inject = ["eventBus"];
+W.prototype.canCloneProperty = function(n, e) {
+  if (N("flowable:FailedJobRetryTimeCycle", e, n))
+    return L(n.eventDefinitions, "bpmn:TimerEventDefinition") || L(n.eventDefinitions, "bpmn:SignalEventDefinition") || q(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+  if (N("flowable:Connector", e, n) || N("flowable:Field", e, n))
+    return L(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const mt = {
+const et = {
   __init__: ["FlowableModdleExtension"],
-  FlowableModdleExtension: ["type", Y]
+  FlowableModdleExtension: ["type", W]
 };
-pe.registerLanguage("xml", De);
-pe.registerLanguage("json", Be);
-const ut = {
+re.registerLanguage("xml", Ee);
+re.registerLanguage("json", Te);
+const tt = {
   name: "ProcessDesigner",
   components: {
-    HighlightJS: Oe
+    HighlightJS: Ce
   },
   componentName: "MyProcessDesigner",
   props: {
@@ -4409,12 +4380,12 @@ const ut = {
     additionalModules() {
       const n = [];
       if (this.onlyCustomizeAddi)
-        return ne(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
-      ne(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
+        return K(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
+      K(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
       const e = {
-        translate: ["value", Ke(this.translations || Ye)]
+        translate: ["value", ze(this.translations || Ue)]
       };
-      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;
+      return n.push(e), this.simulation && n.push(he), n.push(Ae), this.prefix === "camunda" && n.push(Ze), this.prefix === "flowable" && n.push(et), this.prefix === "activiti" && n.push(Xe), n;
     },
     moddleExtensions() {
       const n = {};
@@ -4423,13 +4394,16 @@ const ut = {
       if (this.moddleExtension)
         for (const e in this.moddleExtension)
           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;
+      return this.prefix === "activiti" && (n.activiti = {
+        ...te,
+        types: [...te.types, ...this.extendTypes || []]
+      }), this.prefix === "flowable" && (n.flowable = {
+        ...ne,
+        types: [...ne.types, ...this.extendTypes || []]
+      }), this.prefix === "camunda" && (n.camunda = {
+        ...ee,
+        types: [...ee.types, ...this.extendTypes || []]
+      }), n;
     }
   },
   mounted() {
@@ -4439,79 +4413,76 @@ const ut = {
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = N(
-        new ke(P({
+      this.bpmnModeler || (this.bpmnModeler = R(
+        new Se({
           container: this.$refs["bpmn-canvas"],
           keyboard: this.keyboard ? { bindTo: document } : null,
           additionalModules: this.additionalModules,
-          moddleExtensions: this.moddleExtensions
-        }, this.options))
+          moddleExtensions: this.moddleExtensions,
+          ...this.options
+        })
       ), this.$emit("init-finished", this.bpmnModeler), this.initModelListeners());
     },
     initModelListeners() {
       const n = this.bpmnModeler.get("eventBus"), e = this;
       this.events.forEach((t) => {
-        n.on(t, function(i) {
+        n.on(t, (i) => {
           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", async (t) => {
         try {
           this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
-          const { xml: i } = yield this.bpmnModeler.saveXML({ format: !0 });
+          const { xml: i } = await 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.bpmnModeler.on("canvas.viewbox.changed", ({ viewbox: t }) => {
         this.$emit("canvas-viewbox-changed", { viewbox: t });
         const { scale: i } = t;
         this.defaultZoom = Math.floor(i * 100) / 100;
       });
     },
     /* 创建新的流程图 */
-    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: 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}`);
-        }
-      });
+    async createNewDiagram(n) {
+      const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, i = n || Ne(e, t, this.prefix);
+      try {
+        const { warnings: r } = await 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}`);
+      }
     },
     // 下载流程图到本地
     /**
      * @param {string} type
      * @param {*} name
      */
-    downloadProcess(n, e = "diagram") {
-      return w(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);
-          } else {
-            const { err: o, svg: m } = yield this.bpmnModeler.saveSVG();
-            if (o)
-              return console.error(o);
-            const { href: g, filename: p } = this.setEncoded("SVG", e, m);
-            t(g, p);
-          }
-        } catch (i) {
-          console.error(`[Process Designer Warn ]: ${i.message || i}`);
-        }
-        function t(i, r) {
-          if (i && r) {
-            const a = document.createElement("a");
-            a.download = r, a.href = i, a.click(), URL.revokeObjectURL(a.href);
-          }
+    async downloadProcess(n, e = "diagram") {
+      try {
+        const { err: i, xml: r } = await this.bpmnModeler.saveXML();
+        i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
+        const a = new X(), { definitions: p } = a.xml2js(r);
+        if (e = p.process._name || e, n === "xml" || n === "bpmn") {
+          const { href: o, filename: y } = this.setEncoded(n.toUpperCase(), e, r);
+          t(o, y);
+        } else {
+          const { err: o, svg: y } = await this.bpmnModeler.saveSVG();
+          if (o)
+            return console.error(o);
+          const { href: S, filename: l } = this.setEncoded("SVG", e, y);
+          t(S, l);
+        }
+      } catch (i) {
+        console.error(`[Process Designer Warn ]: ${i.message || i}`);
+      }
+      function t(i, r) {
+        if (i && r) {
+          const a = document.createElement("a");
+          a.download = r, a.href = i, a.click(), URL.revokeObjectURL(a.href);
         }
-      });
+      }
     },
     // 根据所需类型进行转码并返回下载地址
     setEncoded(n, e = "diagram", t) {
@@ -4594,7 +4565,7 @@ const ut = {
       });
     },
     previewProcessJson() {
-      const n = new te();
+      const n = new X();
       this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: e }) => {
         const { definitions: t } = n.xml2js(e);
         t ? this.previewResult = JSON.stringify(t, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
@@ -4602,7 +4573,7 @@ const ut = {
     }
   }
 };
-var ct = function() {
+var nt = 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(i) {
@@ -4643,19 +4614,19 @@ var ct = function() {
   }), 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);
-}, dt = [], yt = /* @__PURE__ */ J(
-  ut,
-  ct,
-  dt,
+}, it = [], rt = /* @__PURE__ */ U(
+  tt,
+  nt,
+  it,
   !1,
   null,
   null
 );
-const bt = yt.exports, gt = {
+const at = rt.exports, st = {
   name: "FlowDesigner",
   components: {
-    PropertiesPanel: We,
-    ProcessDesigner: bt
+    PropertiesPanel: Ve,
+    ProcessDesigner: at
   },
   props: {
     /**
@@ -4697,7 +4668,7 @@ const bt = yt.exports, gt = {
         labelVisible: !1,
         prefix: "flowable",
         headerButtonSize: "mini",
-        additionalModel: N([Fe, Le, je])
+        additionalModel: R([xe, Ie, Oe])
       }
     };
   },
@@ -4705,36 +4676,34 @@ const bt = yt.exports, gt = {
     initModeler(n) {
       this.modeler = n;
     },
-    refresh() {
-      return w(this, null, function* () {
-        yield this.$nextTick(), yield this.$refs.processDesigner.createNewDiagram(this.value);
-      });
+    async refresh() {
+      await this.$nextTick(), await this.$refs.processDesigner.createNewDiagram(this.value);
     }
   }
 };
-var ft = function() {
+var ot = 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: (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: { "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 })];
+  }, 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: p }) {
+    return [e._t("task", null, { id: i, bpmnInstances: r, element: a, type: p })];
+  } }, { key: "form", fn: function({ id: i, bpmnInstances: r, element: a, type: p }) {
+    return [e._t("form", null, { id: i, bpmnInstances: r, element: a, type: p })];
+  } }, { key: "extend", fn: function({ id: i, bpmnInstances: r, element: a, type: p }) {
+    return [e._t("extend", null, { id: i, bpmnInstances: r, element: a, type: p })];
   } }], null, !0) }) : e._e()], 1);
-}, vt = [], St = /* @__PURE__ */ J(
-  gt,
-  ft,
-  vt,
+}, lt = [], pt = /* @__PURE__ */ U(
+  st,
+  ot,
+  lt,
   !1,
   null,
   null
 );
-const Zt = St.exports;
+const Ft = pt.exports;
 export {
-  Zt as default
+  Ft as default
 };