@web-utils/component 2.30.1 → 2.40.0

package/flex-item/index.mjs

@@ -10,8 +10,8 @@ var r = (t, e, l) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       x.call(e, l) && r(t, l, e[l]);
   return t;
 }, f = (t, e) => c(t, v(e));
-import { g as m } from "../chunks/index.LGsb2aDq.mjs";
-import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import { g as m } from "../chunks/index.57f871af.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const h = {
   name: "FlexItem",
   functional: !0,
@@ -51,10 +51,16 @@ const h = {
   },
   render(t, { children: e, data: l, props: n }) {
     const o = m(l.class, n.relative ? "flex-item-relative" : "flex-item");
-    return n.absolute && !n.relative && o.push("flex-item-relative"), n.center || n.horizonCenter && n.verticalCenter ? (o.push("horizon-center"), o.push("vertical-center")) : (n.horizonCenter && o.push("horizon-center"), n.verticalCenter && o.push("vertical-center")), n.textCenter && o.push("text-center"), n.flexColumn && o.push("flex-column"), n.flexRow && o.push("flex-row"), n.absolute ? t("div", f(a({}, l), { class: o }), [t("div", {
-      class: "absolute",
-      style: "overflow:auto"
-    }, e)]) : t("div", f(a({}, l), { class: o }), e);
+    return n.absolute && !n.relative && o.push("flex-item-relative"), n.center || n.horizonCenter && n.verticalCenter ? (o.push("horizon-center"), o.push("vertical-center")) : (n.horizonCenter && o.push("horizon-center"), n.verticalCenter && o.push("vertical-center")), n.textCenter && o.push("text-center"), n.flexColumn && o.push("flex-column"), n.flexRow && o.push("flex-row"), n.absolute ? t("div", f(a({}, l), { class: o }), [
+      t(
+        "div",
+        {
+          class: "absolute",
+          style: "overflow:auto"
+        },
+        e
+      )
+    ]) : t("div", f(a({}, l), { class: o }), e);
   }
 };
 let C, y;

package/flex-row/index.mjs

@@ -10,8 +10,8 @@ var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       h.call(e, n) && s(t, n, e[n]);
   return t;
 }, c = (t, e) => f(t, _(e));
-import { g as C } from "../chunks/index.LGsb2aDq.mjs";
-import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import { g as C } from "../chunks/index.57f871af.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const x = {
   name: "FlexRow",
   functional: !0,

package/flex-scroller/index.mjs

@@ -1,4 +1,4 @@
-import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var r = function() {
   var e = this, l = e.$createElement, n = e._self._c || l;
   return n("div", {
@@ -30,18 +30,18 @@ var a = /* @__PURE__ */ o(
   r,
   c,
   !1,
-  f,
+  _,
   null,
   null,
   null
 );
-function f(e) {
+function _(e) {
   for (let l in t)
     this[l] = t[l];
 }
-const _ = /* @__PURE__ */ function() {
+const f = /* @__PURE__ */ function() {
   return a.exports;
 }();
 export {
-  _ as default
+  f as default
 };

package/flex-scroller/style.css

@@ -1 +1 @@
-.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}
+.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}

package/flow/index.mjs

@@ -1,5 +1,5 @@
-import { s as l, r as c } from "../chunks/util.C2Bhx22L.mjs";
-import { n as u } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import { s as l, r as c } from "../chunks/util.ae730cde.mjs";
+import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var h = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
@@ -68,7 +68,20 @@ const f = {
       // 默认设置参数
       jsplumbSetting: {
         // 动态锚点、位置自适应
-        Anchors: ["Top", "TopCenter", "TopRight", "TopLeft", "Right", "RightMiddle", "Bottom", "BottomCenter", "BottomRight", "BottomLeft", "Left", "LeftMiddle"],
+        Anchors: [
+          "Top",
+          "TopCenter",
+          "TopRight",
+          "TopLeft",
+          "Right",
+          "RightMiddle",
+          "Bottom",
+          "BottomCenter",
+          "BottomRight",
+          "BottomLeft",
+          "Left",
+          "LeftMiddle"
+        ],
         Container: "",
         // 连线的样式 StateMachine、Flowchart
         Connector: "Flowchart",
@@ -98,14 +111,12 @@ const f = {
       },
       jsplumbSourceOptions: {
         filter: ".avue-flow__node-drag",
-        /* "span"表示标签，".className"表示类，"#id"表示元素id */
         filterExclude: !1,
         anchor: "Continuous",
         allowLoopback: !1
       },
       jsplumbTargetOptions: {
         filter: ".avue-flow__node-drag",
-        /* "span"表示标签，".className"表示类，"#id"表示元素id */
         filterExclude: !1,
         anchor: "Continuous",
         allowLoopback: !1
@@ -210,10 +221,13 @@ const f = {
       }
       for (let t = 0; t < this.option.lineList.length; t++) {
         const e = this.option.lineList[t];
-        this.jsPlumb.connect({
-          source: e.from,
-          target: e.to
-        }, this.jsplumbConnectOptions);
+        this.jsPlumb.connect(
+          {
+            source: e.from,
+            target: e.to
+          },
+          this.jsplumbConnectOptions
+        );
       }
       this.$nextTick(function() {
         this.loadEasyFlowFinish = !0;

package/flow/style.css

@@ -1 +1 @@
-.avue-flow{position:relative}.avue-flow .avue-draggable{padding:0}.avue-flow__node{box-sizing:border-box;border:1px solid #eee;border-radius:5px;flex-direction:column;width:200px;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #66a6e0}.avue-flow__node--active{border-width:2px;border-color:#f56c6c}.avue-flow__node-drag{margin:0 5px;display:inline-block}.avue-flow__node-header{background-color:#66a6e0;flex:1}.avue-flow__node-body{text-align:center;background:#fff;flex:1.5;justify-content:center;align-items:center;display:flex}
+.avue-flow{position:relative}.avue-flow .avue-draggable{padding:0}.avue-flow__node{box-sizing:border-box;border:1px solid #eee;border-radius:5px;flex-direction:column;width:200px;height:80px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #66a6e0}.avue-flow__node--active{border-width:2px;border-color:#f56c6c}.avue-flow__node-drag{margin:0 5px;display:inline-block}.avue-flow__node-header{background-color:#66a6e0;flex:1}.avue-flow__node-body{text-align:center;background:#fff;flex:1.5;justify-content:center;align-items:center;display:flex}

package/flow-designer/index.mjs

@@ -26,7 +26,7 @@ var d = (e, i, t) => new Promise((n, s) => {
   }, o = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(r, a);
   o((t = t.apply(e, i)).next());
 });
-import { assign as y, isArray as Re, forEach as Ve, isObject as ze, isFunction as Ue, some as _ } from "min-dash";
+import { assign as y, isArray as Re, forEach as Ve, isObject as ze, isFunction as Ue, some as k } from "min-dash";
 import { is as R } from "bpmn-js/lib/util/ModelUtil";
 import { isExpanded as Ne, isEventSubProcess as Ge } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
@@ -36,7 +36,7 @@ import Se from "bpmn-js/lib/features/palette/PaletteProvider";
 import K from "diagram-js/lib/features/auto-place/AutoPlace";
 import { getMid as Je, asTRBL as Ze } from "diagram-js/lib/layout/LayoutUtil";
 import { fastClone as g, isBlank as He, isArray as te } from "@web-utils/core";
-import { n as h } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.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";
@@ -163,7 +163,11 @@ J.prototype.getContextPadEntries = function(e) {
     });
   }
   R(c, "bpmn:FlowNode") && (R(c, "bpmn:EventBasedGateway") ? y(l, {
-    "append.receive-task": f("bpmn:ReceiveTask", "bpmn-icon-receive-task", p("Append ReceiveTask")),
+    "append.receive-task": f(
+      "bpmn:ReceiveTask",
+      "bpmn-icon-receive-task",
+      p("Append ReceiveTask")
+    ),
     "append.message-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-message",
@@ -189,9 +193,14 @@ J.prototype.getContextPadEntries = function(e) {
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
   }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
-    "append.compensation-activity": f("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
-      isForCompensation: !0
-    })
+    "append.compensation-activity": f(
+      "bpmn:Task",
+      "bpmn-icon-task",
+      p("Append compensation activity"),
+      {
+        isForCompensation: !0
+      }
+    )
   }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ge(c) && y(l, {
     "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
     "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
@@ -215,12 +224,19 @@ J.prototype.getContextPadEntries = function(e) {
         }
       }
     }
-  }), N(c, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(l, {
+  }), N(c, [
+    "bpmn:FlowNode",
+    "bpmn:InteractionNode",
+    "bpmn:DataObjectReference",
+    "bpmn:DataStoreReference"
+  ]) && y(l, {
     "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
-      title: p(`Connect using ${c.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
+      title: p(
+        `Connect using ${c.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`
+      ),
       action: {
         click: E,
         dragstart: E
@@ -264,7 +280,19 @@ const it = {
   contextPadProvider: ["type", J]
 };
 function L(e, i, t, n, s, r, a, o, m) {
-  Se.call(this, e, i, t, n, s, r, a, o, m, 2e3), this._create = i, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
+  Se.call(
+    this,
+    e,
+    i,
+    t,
+    n,
+    s,
+    r,
+    a,
+    o,
+    m,
+    2e3
+  ), this._create = i, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
 }
 const Z = function() {
 };
@@ -350,11 +378,31 @@ Z.prototype.getPaletteEntries = function() {
       }
     },
     "tool-separator": { group: "tools", separator: !0 },
-    "create.start-event": m("bpmn:StartEvent", "event", "bpmn-icon-start-event-none", o("Create StartEvent")),
-    "create.intermediate-event": m("bpmn:IntermediateThrowEvent", "event", "bpmn-icon-intermediate-event-none", o("Create Intermediate/Boundary Event")),
+    "create.start-event": m(
+      "bpmn:StartEvent",
+      "event",
+      "bpmn-icon-start-event-none",
+      o("Create StartEvent")
+    ),
+    "create.intermediate-event": m(
+      "bpmn:IntermediateThrowEvent",
+      "event",
+      "bpmn-icon-intermediate-event-none",
+      o("Create Intermediate/Boundary Event")
+    ),
     "create.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
-    "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.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')),
@@ -380,7 +428,17 @@ Z.prototype.getPaletteEntries = function() {
     // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
   }), e;
 };
-L.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
+L.$inject = [
+  "palette",
+  "create",
+  "elementFactory",
+  "spaceTool",
+  "lassoTool",
+  "handTool",
+  "globalConnect",
+  "moddle",
+  "translate"
+];
 L.prototype = new Z();
 L.prototype.constructor = L;
 const st = {
@@ -442,7 +500,7 @@ Ie.prototype = K.prototype;
 Ce.prototype = new Ie();
 Ce.prototype.constructor = K;
 const pt = 200, mt = 100;
-function ke(e, i, t) {
+function _e(e, i, t) {
   e.on("autoPlace", mt, function(n) {
     const s = n.shape, r = n.source;
     return ct(r, s);
@@ -463,7 +521,7 @@ function ke(e, i, t) {
     }), o;
   };
 }
-ke.$inject = ["eventBus", "modeling", "canvas"];
+_e.$inject = ["eventBus", "modeling", "canvas"];
 function ct(e, i) {
   const t = pt, n = Je(e);
   return {
@@ -473,9 +531,9 @@ function ct(e, i) {
 }
 const ut = {
   __init__: ["autoPlaceSelectionBehavior"],
-  autoPlace: ["type", ke]
+  autoPlace: ["type", _e]
 };
-function _e(e, i, t, n) {
+function ke(e, i, t, n) {
   const s = /* @__PURE__ */ Object.create(null);
   switch (s.event = i.event, t && (s.id = i.id), i.listenerType) {
     case "scriptListener":
@@ -771,7 +829,7 @@ var Ct = function() {
     }
   })], 1)])]);
 }, It = [];
-const kt = {
+const _t = {
   name: "ElementOtherConfig",
   props: {
     id: String,
@@ -790,7 +848,9 @@ const kt = {
         if (He(this.element))
           this.documentation = "";
         else {
-          const { businessObject: { documentation: e } } = this.element;
+          const {
+            businessObject: { documentation: e }
+          } = this.element;
           this.documentation = (e == null ? void 0 : e[0].text) || "";
         }
       }
@@ -798,7 +858,9 @@ const kt = {
   },
   methods: {
     updateDocumentation() {
-      const { modeling: e } = this.bpmnInstances, { businessObject: { documentation: i } } = this.element;
+      const { modeling: e } = this.bpmnInstances, {
+        businessObject: { documentation: i }
+      } = this.element;
       if (i != null && i.length)
         i[0].set("text", this.documentation), e.updateProperties(this.element, { documentation: i });
       else {
@@ -808,8 +870,8 @@ const kt = {
     }
   }
 }, se = {};
-var _t = /* @__PURE__ */ h(
-  kt,
+var kt = /* @__PURE__ */ h(
+  _t,
   Ct,
   It,
   !1,
@@ -823,7 +885,7 @@ function At(e) {
     this[i] = se[i];
 }
 const wt = /* @__PURE__ */ function() {
-  return _t.exports;
+  return kt.exports;
 }();
 var $t = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
@@ -1807,7 +1869,11 @@ const sn = {
       e.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(u(u({}, this.defaultLoopInstanceForm), e.loopCharacteristics), {
         completionCondition: (n = (t = (i = e.loopCharacteristics) == null ? void 0 : i.completionCondition) == null ? void 0 : t.body) != null ? n : "",
         loopCardinality: (a = (r = (s = e.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : r.body) != null ? a : ""
-      }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, e.loopCharacteristics.extensionElements && e.loopCharacteristics.extensionElements.values && e.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", e.loopCharacteristics.extensionElements.values[0].body);
+      }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, e.loopCharacteristics.extensionElements && e.loopCharacteristics.extensionElements.values && e.loopCharacteristics.extensionElements.values.length && this.$set(
+        this.loopInstanceForm,
+        "timeCycle",
+        e.loopCharacteristics.extensionElements.values[0].body
+      );
     },
     changeLoopCharacteristicsType(e) {
       if (e === "Null") {
@@ -3055,7 +3121,9 @@ const Sn = {
   methods: {
     resetListenersList() {
       var e, i, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter(
+        (s) => s.$type === `${this.prefix}:ExecutionListener`
+      )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
     },
     changeFiledType(e) {
       e === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
@@ -3092,7 +3160,11 @@ const Sn = {
     removeListener(e, i) {
       return d(this, null, function* () {
         try {
-          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
+          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), U(
+            this.bpmnInstances,
+            this.element,
+            this.otherExtensionList.concat(this.bpmnElementListeners)
+          );
         } catch (t) {
         }
       });
@@ -3103,8 +3175,14 @@ const Sn = {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const i = _e(this.bpmnInstances, this.listenerForm, !1, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((a) => a.$type !== `${this.prefix}:ExecutionListener`)) != null ? r : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+        const i = ke(this.bpmnInstances, this.listenerForm, !1, this.prefix);
+        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter(
+          (a) => a.$type !== `${this.prefix}:ExecutionListener`
+        )) != null ? r : [], U(
+          this.bpmnInstances,
+          this.element,
+          this.otherExtensionList.concat(this.bpmnElementListeners)
+        ), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     }
   }
@@ -3126,7 +3204,7 @@ function Cn(e) {
 const In = /* @__PURE__ */ function() {
   return Tn.exports;
 }();
-var kn = function() {
+var _n = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -3292,7 +3370,7 @@ var kn = function() {
       expression: "propertyForm.value"
     }
   })], 1)], 1)], 1)], 1);
-}, _n = [];
+}, kn = [];
 const An = {
   name: "ElementProperties",
   inject: {
@@ -3323,7 +3401,10 @@ const An = {
   methods: {
     resetAttributesList() {
       var e, i, t, n, s;
-      this.otherExtensionList = [], this.bpmnElementProperties = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((r, a) => r.concat(a.values), []), this.elementPropertyList = g((s = this.bpmnElementPropertyList) != null ? s : []);
+      this.otherExtensionList = [], this.bpmnElementProperties = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
+        (r, a) => r.concat(a.values),
+        []
+      ), this.elementPropertyList = g((s = this.bpmnElementPropertyList) != null ? s : []);
     },
     openAttributesForm(e, i) {
       this.editingPropertyIndex = i, this.propertyForm = i === -1 ? {} : g(e), this.propertyFormModelVisible = !0, this.$nextTick(() => {
@@ -3346,10 +3427,14 @@ const An = {
     saveAttribute() {
       const { name: e, value: i } = this.propertyForm;
       if (this.editingPropertyIndex !== -1)
-        this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
-          name: e,
-          value: i
-        });
+        this.bpmnInstances.modeling.updateModdleProperties(
+          this.element,
+          this.bpmnElementPropertyList[this.editingPropertyIndex],
+          {
+            name: e,
+            value: i
+          }
+        );
       else {
         const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: e, value: i }), n = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
           values: this.bpmnElementPropertyList.concat([t])
@@ -3370,8 +3455,8 @@ const An = {
 }, de = {};
 var wn = /* @__PURE__ */ h(
   An,
-  kn,
   _n,
+  kn,
   !1,
   $n,
   null,
@@ -4701,7 +4786,7 @@ var Rn = function() {
               return e.removeListenerField(s, r);
             }
           }
-        }, [e._v("移除")])];
+        }, [e._v(" 移除 ")])];
       }
     }])
   })], 1), t("div", {
@@ -4907,7 +4992,9 @@ const zn = {
   methods: {
     resetListenersList() {
       var e, i, t, n;
-      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (i = (e = this.element.businessObject) == null ? void 0 : e.extensionElements) == null ? void 0 : i.values) == null ? void 0 : t.filter(
+        (s) => s.$type === `${this.prefix}:TaskListener`
+      )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => we(s));
     },
     openListenerForm(e, i) {
       return d(this, null, function* () {
@@ -4921,7 +5008,11 @@ const zn = {
     removeListener(e, i) {
       return d(this, null, function* () {
         try {
-          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
+          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(i, 1), this.elementListenersList.splice(i, 1), U(
+            this.bpmnInstances,
+            this.element,
+            this.otherExtensionList.concat(this.bpmnElementListeners)
+          );
         } catch (t) {
         }
       });
@@ -4932,8 +5023,14 @@ const zn = {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const i = _e(this.bpmnInstances, this.listenerForm, !0, this.prefix);
-        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter((a) => a.$type !== `${this.prefix}:TaskListener`)) != null ? r : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+        const i = ke(this.bpmnInstances, this.listenerForm, !0, this.prefix);
+        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(i), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, i), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter(
+          (a) => a.$type !== `${this.prefix}:TaskListener`
+        )) != null ? r : [], U(
+          this.bpmnInstances,
+          this.element,
+          this.otherExtensionList.concat(this.bpmnElementListeners)
+        ), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     },
     // 打开监听器字段编辑弹窗
@@ -9279,41 +9376,41 @@ function A(e) {
 }
 A.$inject = ["eventBus"];
 A.prototype.canCopyProperty = function(e, i) {
-  if (ze(e) && !xi(e, i) || k(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Me(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || k(e, "camunda:In") && !this.canHostIn(i))
+  if (ze(e) && !xi(e, i) || _(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Me(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || _(e, "camunda:In") && !this.canHostIn(i))
     return !1;
 };
 A.prototype.canHostInputOutput = function(e) {
   if (x(e, "camunda:Connector"))
     return !0;
   const t = x(e, "bpmn:FlowNode");
-  return !(!t || Me(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || k(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || Me(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || _(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 A.prototype.canHostConnector = function(e) {
   const i = x(e, "camunda:ServiceTaskLike");
-  return k(i, "bpmn:MessageEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
+  return _(i, "bpmn:MessageEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
 };
 A.prototype.canHostIn = function(e) {
   return x(e, "bpmn:CallActivity") ? !0 : x(e, "bpmn:SignalEventDefinition") ? x(e, "bpmn:IntermediateThrowEvent") || x(e, "bpmn:EndEvent") : !0;
 };
-function k(e, i) {
+function _(e, i) {
   return e && Ue(e.$instanceOf) && e.$instanceOf(i);
 }
 function Me(e, i) {
-  return _(i, function(t) {
-    return k(e, t);
+  return k(i, function(t) {
+    return _(e, t);
   });
 }
 function x(e, i) {
   if (!i)
     return e.$parent;
-  if (k(e, i))
+  if (_(e, i))
     return e;
   if (e.$parent)
     return x(e.$parent, i);
 }
 function xi(e, i) {
   const t = e.$type && e.$model.getTypeDescriptor(e.$type), n = t && t.meta && t.meta.allowedIn;
-  return !n || Si(n) ? !0 : _(n, function(s) {
+  return !n || Si(n) ? !0 : k(n, function(s) {
     return x(i, s);
   });
 }
@@ -9335,18 +9432,18 @@ function Ii(e) {
   return e && e.length;
 }
 function V(e, i) {
-  return Ii(e) && _(e, function(t) {
+  return Ii(e) && k(e, function(t) {
     return H(t, i);
   });
 }
-function ki(e, i) {
-  return _(i, function(t) {
+function _i(e, i) {
+  return k(i, function(t) {
     return H(e, t);
   });
 }
 function G(e, i, t) {
   const n = i.name, s = Ci[n.replace(/activiti:/, "")];
-  return n === e && ki(t, s);
+  return n === e && _i(t, s);
 }
 function W(e) {
   e.on(
@@ -9365,7 +9462,7 @@ W.prototype.canCloneProperty = function(e, i) {
   if (G("activiti:Connector", i, e) || G("activiti:Field", i, e))
     return V(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const _i = {
+const ki = {
   __init__: ["ActivitiModdleExtension"],
   ActivitiModdleExtension: ["type", W]
 }, Ai = {
@@ -9380,12 +9477,12 @@ function wi(e) {
   return e && e.length;
 }
 function z(e, i) {
-  return wi(e) && _(e, function(t) {
+  return wi(e) && k(e, function(t) {
     return X(t, i);
   });
 }
 function $i(e, i) {
-  return _(i, function(t) {
+  return k(i, function(t) {
     return X(e, t);
   });
 }
@@ -9851,7 +9948,7 @@ const Pi = {
       const i = {
         translate: ["value", Yn(this.translations || Qn)]
       };
-      return e.push(i), this.simulation && e.push(Ye), e.push(Xe), this.prefix === "camunda" && e.push(Ti), this.prefix === "flowable" && e.push(Li), this.prefix === "activiti" && e.push(_i), e;
+      return e.push(i), this.simulation && e.push(Ye), e.push(Xe), this.prefix === "camunda" && e.push(Ti), this.prefix === "flowable" && e.push(Li), this.prefix === "activiti" && e.push(ki), e;
     },
     moddleExtensions() {
       const e = {};
@@ -10148,11 +10245,7 @@ const zi = {
         labelVisible: !1,
         prefix: "flowable",
         headerButtonSize: "mini",
-        additionalModel: [
-          it,
-          st,
-          ut
-        ]
+        additionalModel: [it, st, ut]
       }
     };
   },