@web-utils/component 3.3.5 → 3.3.7

package/flow-designer/index.mjs

@@ -1,15 +1,15 @@
-var ve = Object.defineProperty, ge = Object.defineProperties;
+var ge = Object.defineProperty, ve = Object.defineProperties;
 var Ee = Object.getOwnPropertyDescriptors;
 var Q = Object.getOwnPropertySymbols;
 var Fe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
-var ee = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, u = (n, e) => {
+var ee = (n, e, t) => e in n ? ge(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, u = (n, e) => {
   for (var t in e || (e = {}))
     Fe.call(e, t) && ee(n, t, e[t]);
   if (Q)
     for (var t of Q(e))
       xe.call(e, t) && ee(n, t, e[t]);
   return n;
-}, T = (n, e) => ge(n, Ee(e));
+}, T = (n, e) => ve(n, Ee(e));
 var d = (n, e, t) => new Promise((i, s) => {
   var a = (p) => {
     try {
@@ -26,16 +26,16 @@ var d = (n, e, t) => new Promise((i, s) => {
   }, o = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(a, r);
   o((t = t.apply(n, e)).next());
 });
-import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as ke, some as _ } from "min-dash";
+import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as ke, some as I } from "min-dash";
 import { is as R } from "bpmn-js/lib/util/ModelUtil";
-import { isExpanded as Ie, isEventSubProcess as _e } from "bpmn-js/lib/util/DiUtil";
+import { isExpanded as _e, isEventSubProcess as Ie } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
 import { getChildLanes as we } from "bpmn-js/lib/features/modeling/util/LaneUtil";
 import { hasPrimaryModifier as Ae } from "diagram-js/lib/util/Mouse";
 import oe from "bpmn-js/lib/features/palette/PaletteProvider";
 import K from "diagram-js/lib/features/auto-place/AutoPlace";
 import { getMid as $e, asTRBL as Le } from "diagram-js/lib/layout/LayoutUtil";
-import { fastClone as g, isBlank as Oe, capitalize as Pe, isArray as te } from "@web-utils/core";
+import { fastClone as v, isBlank as Oe, capitalize as Pe, isArray as te } from "@web-utils/core";
 import { n as h } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
 import "bpmn-js/dist/assets/bpmn-js.css";
 import "bpmn-js/dist/assets/diagram-js.css";
@@ -86,14 +86,14 @@ J.prototype.getContextPadEntries = function(n) {
     t.removeElements([n]);
   }
   function C(b) {
-    const v = o.getContainer(), A = e.getPad(b).html, $ = v.getBoundingClientRect(), M = A.getBoundingClientRect(), D = M.top - $.top;
+    const g = o.getContainer(), A = e.getPad(b).html, $ = g.getBoundingClientRect(), M = A.getBoundingClientRect(), D = M.top - $.top;
     return {
       x: M.left - $.left,
       y: D + M.height + 5
     };
   }
-  function f(b, S, v, A) {
-    typeof v != "string" && (A = v, v = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
+  function f(b, S, g, A) {
+    typeof g != "string" && (A = g, g = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
     function $(D, B) {
       const V = i.createShape(y({ type: b }, A));
       a.start(D, V, {
@@ -103,7 +103,7 @@ J.prototype.getContextPadEntries = function(n) {
     return {
       group: "model",
       className: S,
-      title: v,
+      title: g,
       action: {
         dragstart: $,
         click: F ? function(D, B) {
@@ -114,11 +114,11 @@ J.prototype.getContextPadEntries = function(n) {
     };
   }
   function P(b) {
-    return function(S, v) {
-      t.splitLane(v, b), e.open(v, !0);
+    return function(S, g) {
+      t.splitLane(g, b), e.open(g, !0);
     };
   }
-  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ie(c)) {
+  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && _e(c)) {
     const b = we(n);
     y(l, {
       "lane-insert-above": {
@@ -126,8 +126,8 @@ J.prototype.getContextPadEntries = function(n) {
         className: "bpmn-icon-lane-insert-above",
         title: m("Add Lane above"),
         action: {
-          click: function(S, v) {
-            t.addLane(v, "top");
+          click: function(S, g) {
+            t.addLane(g, "top");
           }
         }
       }
@@ -155,8 +155,8 @@ J.prototype.getContextPadEntries = function(n) {
         className: "bpmn-icon-lane-insert-below",
         title: m("Add Lane below"),
         action: {
-          click: function(S, v) {
-            t.addLane(v, "bottom");
+          click: function(S, g) {
+            t.addLane(g, "bottom");
           }
         }
       }
@@ -201,7 +201,7 @@ J.prototype.getContextPadEntries = function(n) {
         isForCompensation: !0
       }
     )
-  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !_e(c) && y(l, {
+  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ie(c) && y(l, {
     "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", m("Append EndEvent")),
     "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", m("Append Gateway")),
     "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", m("Append Task")),
@@ -217,10 +217,10 @@ J.prototype.getContextPadEntries = function(n) {
       title: m("Change type"),
       action: {
         click: function(b, S) {
-          const v = y(C(S), {
+          const g = y(C(S), {
             cursor: { x: b.x, y: b.y }
           });
-          r.open(S, "bpmn-replace", v);
+          r.open(S, "bpmn-replace", g);
         }
       }
     }
@@ -618,7 +618,7 @@ const tt = (n, e = "body") => n ? n.get(e) : null, nt = (n, e, t = "body", i) =>
   methods: {
     init(n) {
       const { businessObject: e } = this.element;
-      n ? (this.businessObject = g(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = tt(e, this.skipExpressionProp);
+      n ? (this.businessObject = v(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = tt(e, this.skipExpressionProp);
     },
     updateBaseInfo(n) {
       const { modeling: e } = this.bpmnInstances;
@@ -819,7 +819,7 @@ var bt = function() {
   null,
   null
 );
-const vt = ht.exports, gt = {
+const gt = ht.exports, vt = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -890,7 +890,7 @@ var Et = function() {
     e.$set(e.scriptTaskForm, "resultVariable", i);
   }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
 }, Ft = [], xt = /* @__PURE__ */ h(
-  gt,
+  vt,
   Et,
   Ft,
   !1,
@@ -958,7 +958,7 @@ var Ct = function() {
     e.bindMessageId = i;
   }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(i) {
     return t("ElOption", { key: i, attrs: { value: i, label: e.messageMap[i] } });
-  }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
     e.messageModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
@@ -969,7 +969,7 @@ var Ct = function() {
   }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(i) {
     e.$set(e.newMessageForm, "name", i);
   }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
-}, kt = [], It = /* @__PURE__ */ h(
+}, kt = [], _t = /* @__PURE__ */ h(
   Tt,
   Ct,
   kt,
@@ -979,9 +979,9 @@ var Ct = function() {
   null,
   null
 );
-const _t = It.exports, wt = {
+const It = _t.exports, wt = {
   name: "ElementTaskConfig",
-  components: { UserTask: vt, ScriptTask: St, ReceiveTask: _t },
+  components: { UserTask: gt, ScriptTask: St, ReceiveTask: It },
   props: {
     id: String,
     element: Object,
@@ -1176,7 +1176,7 @@ var Mt = function() {
     return [e._v(" 回路特性 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
       return [t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("并行")]), e._v(" 一次性创建所有任务实例")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("串行")]), e._v(" 完成一个任务实例再创建一个任务实例,直到环节完成 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("循环事件")]), e._v(" 未知")])])];
     }, proxy: !0 }]) }, [t("i", { staticClass: "el-icon-info" })])];
-  }, proxy: !0 }]) }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(i) {
+  }, proxy: !0 }]) }, [t("ElSelect", { on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(i) {
     e.loopCharacteristics = i;
   }, expression: "loopCharacteristics" } }, [t("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), t("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), t("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), t("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" }, scopedSlots: e._u([{ key: "label", fn: function() {
     return [e._v(" 循环基数 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
@@ -1385,7 +1385,7 @@ var qt = function() {
     return e.openModel("message");
   } } }, [e._v("创建新消息")])], 1), t("ElTable", { attrs: { data: e.messageList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "消息ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "消息名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("div", { staticClass: "panel-tab__content--title", staticStyle: { "margin-top": "8px", "padding-top": "8px", "border-top": "1px solid #eee" } }, [e._m(1), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openModel("signal");
-  } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
     e.modelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
@@ -1430,7 +1430,7 @@ function de(n) {
 function fe(n) {
   var t, i;
   let e;
-  return n.class && (e = "classListener"), n.expression && (e = "expressionListener"), n.delegateExpression && (e = "delegateExpressionListener"), n.script && (e = "scriptListener"), T(u(u({}, g(n)), (t = n.script) != null ? t : {}), {
+  return n.class && (e = "classListener"), n.expression && (e = "expressionListener"), n.delegateExpression && (e = "delegateExpressionListener"), n.script && (e = "scriptListener"), T(u(u({}, v(n)), (t = n.script) != null ? t : {}), {
     fields: (i = n.fields) == null ? void 0 : i.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
     listenerType: e
   });
@@ -1450,7 +1450,7 @@ const be = {
 }, ye = {
   string: "字符串",
   expression: "表达式"
-}, Wt = (n, e) => ({
+}, Wt = (n) => ({
   $type: "flowable:ExecutionListener",
   event: n === "draft" ? "start" : n,
   // eslint-disable-next-line no-template-curly-in-string
@@ -1543,7 +1543,7 @@ const be = {
     },
     // 打开监听器字段编辑弹窗
     openListenerFieldForm(n, e) {
-      this.listenerFieldForm = n ? g(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+      this.listenerFieldForm = n ? v(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
       });
     },
@@ -1614,9 +1614,9 @@ var Qt = function() {
     return e.assignListener("draft");
   } } }, [e._v("草稿")])], 1), t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(r) {
     r.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.event, callback: function(r) {
+  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(r) {
     e.$set(e.listenerForm, "event", r);
-  }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "开始", value: "start" } }), t("ElOption", { attrs: { label: "结束", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.listenerType, callback: function(r) {
+  }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "开始", value: "start" } }), t("ElOption", { attrs: { label: "结束", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(r) {
     e.$set(e.listenerForm, "listenerType", r);
   }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(r) {
     return t("ElOption", { key: r, attrs: { label: e.listenerTypeObject[r], value: r } });
@@ -1624,7 +1624,7 @@ var Qt = function() {
     e.$set(e.listenerForm, "class", r);
   }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(r) {
     e.$set(e.listenerForm, "expression", r);
-  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(r) {
+  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(r) {
     e.$set(e.listenerForm, "delegateExpression", r);
   }, expression: "listenerForm.delegateExpression" } }, e._l(((i = e.context) == null ? void 0 : i.delegateExpressions) || [], function(r) {
     return t("ElOption", { key: r, attrs: { value: r, label: r } });
@@ -1646,7 +1646,7 @@ var Qt = function() {
     } } }, [e._v(" 移除 ")])];
   } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
     e.listenerFormModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
     e.listenerFieldFormModelVisible = r;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
@@ -1654,19 +1654,19 @@ var Qt = function() {
     } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
   }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(r) {
     r.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(r) {
+  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(r) {
     e.$set(e.listenerFieldForm, "name", r);
   }, expression: "listenerFieldForm.name" } }, e._l(((s = e.context) == null ? void 0 : s.fields) || [], function(r) {
     return t("ElOption", { key: r, attrs: { value: r, label: r } });
-  }), 1)], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(r) {
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(r) {
     e.$set(e.listenerFieldForm, "fieldType", r);
   }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(r) {
     return t("ElOption", { key: r, attrs: { label: e.fieldTypeObject[r], value: r } });
-  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", staticClass: "element-listeners-field-name", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [e.listenerFieldForm.name === "url" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
+  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", staticClass: "element-listeners-field-name", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [e.listenerFieldForm.name === "url" ? t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
     e.$set(e.listenerFieldForm, "string", r);
   }, expression: "listenerFieldForm.string" } }, e._l(e.apis, function(r) {
     return t("ElOption", { key: r, attrs: { value: r, label: r } });
-  }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
+  }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
     e.$set(e.listenerFieldForm, "string", r);
   }, expression: "listenerFieldForm.string" } }, e._l(((a = e.context) == null ? void 0 : a.services) || [], function(r) {
     return t("ElOption", { key: r, attrs: { value: r, label: r } });
@@ -1718,10 +1718,10 @@ const nn = tn.exports, sn = {
       this.otherExtensionList = [], this.bpmnElementProperties = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((a) => (a.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(a), a.$type === `${this.prefix}:Properties`))) != null ? i : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
         (a, r) => a.concat(r.values),
         []
-      ), this.elementPropertyList = g((s = this.bpmnElementPropertyList) != null ? s : []);
+      ), this.elementPropertyList = v((s = this.bpmnElementPropertyList) != null ? s : []);
     },
     openAttributesForm(n, e) {
-      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : g(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : v(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
       });
     },
@@ -1777,7 +1777,7 @@ var rn = function() {
     } } }, [e._v("移除")])];
   } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
     return e.openAttributesForm(null, -1);
-  } } }, [e._v("添加属性")])], 1), t("ElementDialog", { attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  } } }, [e._v("添加属性")])], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
     e.propertyFormModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
@@ -1857,7 +1857,7 @@ const ln = on.exports, pn = {
   methods: {
     resetFormList() {
       var n;
-      this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((n = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : n[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = g(this.formData.fields || []), this.updateElementExtensions();
+      this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((n = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : n[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = v(this.formData.fields || []), this.updateElementExtensions();
     },
     updateElementFormKey() {
       this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
@@ -1876,14 +1876,14 @@ const ln = on.exports, pn = {
       var t, i;
       if (this.formFieldIndex = e, e !== -1) {
         const s = this.formData.fields[e];
-        this.formFieldForm = g(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = g((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = g(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = g(((i = s == null ? void 0 : s.properties) == null ? void 0 : i.values) || []);
+        this.formFieldForm = v(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = v((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = v(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = v(((i = s == null ? void 0 : s.properties) == null ? void 0 : i.values) || []);
       } else
         this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
       this.fieldModelVisible = !0;
     },
     // 打开字段 某个 配置项 弹窗
     openFieldOptionForm(n, e, t) {
-      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "约束条件配置");
+      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? v(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? v(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? v(n) : {}, this.optionModelTitle = "约束条件配置");
     },
     // 保存字段 某个 配置项
     saveFieldOption() {
@@ -1976,7 +1976,7 @@ var mn = function() {
     } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
       return e.removeFieldOptionItem(i, s, "enum");
     } } }, [e._v("移除")])];
-  } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
+  } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openFieldOptionForm(null, -1, "constraint");
   } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
     return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
@@ -1984,7 +1984,7 @@ var mn = function() {
     } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
       return e.removeFieldOptionItem(i, s, "constraint");
     } } }, [e._v("移除")])];
-  } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
+  } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openFieldOptionForm(null, -1, "property");
   } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
     return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
@@ -1994,7 +1994,7 @@ var mn = function() {
     } } }, [e._v("移除")])];
   } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
     e.fieldModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
     e.fieldOptionModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
@@ -2109,7 +2109,7 @@ const dn = un.exports, fn = {
     openListenerFieldForm(n, e) {
       return d(this, null, function* () {
         var t;
-        this.listenerFieldForm = n ? g(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
+        this.listenerFieldForm = n ? v(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
       });
     },
     // 保存监听器注入字段
@@ -2171,7 +2171,7 @@ var bn = function() {
     e.$set(e.listenerForm, "eventDefinitionType", i);
   }, expression: "listenerForm.eventDefinitionType" } }, [t("ElOption", { attrs: { label: "日期", value: "date" } }), t("ElOption", { attrs: { label: "持续时长", value: "duration" } }), t("ElOption", { attrs: { label: "循环", value: "cycle" } }), t("ElOption", { attrs: { label: "无", value: "null" } })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", { key: "eventTimeDefinitions", attrs: { label: "定时器", prop: "eventTimeDefinitions", rules: { required: !0, trigger: ["blur", "change"], message: "请填写定时器配置" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.eventTimeDefinitions, callback: function(i) {
     e.$set(e.listenerForm, "eventTimeDefinitions", i);
-  }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
+  }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
     return e.openListenerFieldForm(null);
   } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.fieldTypeObject[i.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (i) => i.string || i.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
     return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
@@ -2181,7 +2181,7 @@ var bn = function() {
     } } }, [e._v(" 移除 ")])];
   } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
     e.listenerFormModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
     e.listenerFieldFormModelVisible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
@@ -2210,11 +2210,11 @@ var bn = function() {
   null,
   null
 );
-const vn = hn.exports, ie = ["base", "task", "form", "multiInstance"], gn = {
+const gn = hn.exports, ie = ["base", "task", "form", "multiInstance"], vn = {
   name: "PropertiesPanel",
   componentName: "MyPropertiesPanel",
   components: {
-    UserTaskListeners: vn,
+    UserTaskListeners: gn,
     ElementForm: dn,
     ElementProperties: ln,
     ElementListeners: nn,
@@ -2314,7 +2314,7 @@ const vn = hn.exports, ie = ["base", "task", "form", "multiInstance"], gn = {
     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 = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
+      e || (e = (t = this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Collaboration")), e && (this.element = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask");
     }
   }
 };
@@ -2343,16 +2343,20 @@ var En = function() {
   }, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }), e.elementType.indexOf("Task") !== -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(), 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("执行监听器")])];
+    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() {
+      return [t("p", [e._v("发送和退回时会触发")])];
+    }, proxy: !0 }]) }, [t("i", { staticClass: "el-icon-info" })])], 1)];
   }, proxy: !0 }]) }, [t("ElementListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), e.elementType === "UserTask" ? t("ElCollapseItem", { key: "taskListeners", attrs: { name: "taskListeners" }, scopedSlots: e._u([{ key: "title", fn: function() {
-    return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-message-solid" }), e._v("任务监听器")])];
-  }, proxy: !0 }], null, !1, 3617698803) }, [t("UserTaskListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), t("ElCollapseItem", { key: "extensions", attrs: { name: "extensions" }, 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() {
+      return [t("p", [e._v("任务实例的创建、指派、完成、删除、更新、超时会触发")])];
+    }, proxy: !0 }], null, !1, 1260848675) }, [t("i", { staticClass: "el-icon-info" })])], 1)];
+  }, proxy: !0 }], null, !1, 1038413081) }, [t("UserTaskListeners", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1) : e._e(), t("ElCollapseItem", { key: "extensions", attrs: { name: "extensions" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-circle-plus" }), e._v("扩展属性")])];
   }, proxy: !0 }]) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), t("ElCollapseItem", { key: "other", attrs: { name: "other" }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("其他")])];
   }, proxy: !0 }]) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType })], 2)], 1);
 }, Fn = [], xn = /* @__PURE__ */ h(
-  gn,
+  vn,
   En,
   Fn,
   !1,
@@ -2637,7 +2641,7 @@ const kn = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, In = "Camunda", _n = "http://camunda.org/schema/1.0/bpmn", wn = "camunda", An = {
+}, _n = "Camunda", In = "http://camunda.org/schema/1.0/bpmn", wn = "camunda", An = {
   tagAlias: "lowerCase"
 }, $n = [], Ln = [
   {
@@ -3756,8 +3760,8 @@ const kn = {
     ]
   }
 ], On = [], se = {
-  name: In,
-  uri: _n,
+  name: _n,
+  uri: In,
   prefix: wn,
   xml: An,
   associations: $n,
@@ -6253,41 +6257,41 @@ function w(n) {
 }
 w.$inject = ["eventBus"];
 w.prototype.canCopyProperty = function(n, e) {
-  if (Ce(n) && !Hn(n, e) || I(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || I(n, "camunda:In") && !this.canHostIn(e))
+  if (Ce(n) && !Hn(n, e) || _(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || _(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
 w.prototype.canHostInputOutput = function(n) {
   if (x(n, "camunda:Connector"))
     return !0;
   const t = x(n, "bpmn:FlowNode");
-  return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || I(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || _(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 w.prototype.canHostConnector = function(n) {
   const e = x(n, "camunda:ServiceTaskLike");
-  return I(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
+  return _(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
 w.prototype.canHostIn = function(n) {
   return x(n, "bpmn:CallActivity") ? !0 : x(n, "bpmn:SignalEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
-function I(n, e) {
+function _(n, e) {
   return n && ke(n.$instanceOf) && n.$instanceOf(e);
 }
 function he(n, e) {
-  return _(e, function(t) {
-    return I(n, t);
+  return I(e, function(t) {
+    return _(n, t);
   });
 }
 function x(n, e) {
   if (!e)
     return n.$parent;
-  if (I(n, e))
+  if (_(n, e))
     return n;
   if (n.$parent)
     return x(n.$parent, e);
 }
 function Hn(n, e) {
   const t = n.$type && n.$model.getTypeDescriptor(n.$type), i = t && t.meta && t.meta.allowedIn;
-  return !i || Wn(i) ? !0 : _(i, function(s) {
+  return !i || Wn(i) ? !0 : I(i, function(s) {
     return x(e, s);
   });
 }
@@ -6309,12 +6313,12 @@ function Qn(n) {
   return n && n.length;
 }
 function z(n, e) {
-  return Qn(n) && _(n, function(t) {
+  return Qn(n) && I(n, function(t) {
     return H(t, e);
   });
 }
 function ei(n, e) {
-  return _(e, function(t) {
+  return I(e, function(t) {
     return H(n, t);
   });
 }
@@ -6354,12 +6358,12 @@ function ii(n) {
   return n && n.length;
 }
 function j(n, e) {
-  return ii(n) && _(n, function(t) {
+  return ii(n) && I(n, function(t) {
     return X(t, e);
   });
 }
 function si(n, e) {
-  return _(e, function(t) {
+  return I(e, function(t) {
     return X(n, t);
   });
 }
@@ -6690,7 +6694,7 @@ var oi = function() {
     } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "恢复" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.recoverable, icon: "el-icon-refresh-right" }, on: { click: function(i) {
       return e.processRedo();
     } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "重新绘制" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, icon: "el-icon-refresh" }, on: { click: e.processRestart } })], 1)], 1)];
-  }), t("input", { ref: "refFile", staticStyle: { display: "none" }, attrs: { id: "files", type: "file", accept: ".xml, .bpmn" }, on: { change: e.importLocalFile } })], 2), t("div", { staticClass: "my-process-designer__container" }, [t("div", { ref: "bpmn-canvas", staticClass: "my-process-designer__canvas flow-background-image" })]), t("ElementDialog", { attrs: { title: "预览", width: "60vw", height: "60vh", visible: e.previewModelVisible, "body-padding": !1, "destroy-on-close": "" }, on: { "update:visible": function(i) {
+  }), 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);
 }, li = [], pi = /* @__PURE__ */ h(

package/flow-designer/style.css

@@ -1 +1 @@
-.flow-tips-list-item{list-style:square inside}.flow-tips-title{padding-top:10px;padding-bottom:10px}.flow-tips-keyword{font-weight:700}.element-listeners-drawer .el-drawer__header{margin-bottom:0}.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 8px #ccc}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;text-align:center;cursor:pointer;font-size:20px}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{align-items:flex-start;width:100%;margin:8px 0;display:flex}.process-panel__container .element-property .element-property__label{box-sizing:border-box;text-align:right;width:90px;padding-right:12px;font-size:14px;line-height:32px;display:block;overflow:hidden}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%;display:inline-grid}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-size:1.1em;font-weight:600;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;border-top:1px solid #eee;width:100%;padding:8px 16px}.panel-tab__content .panel-tab__content--title{justify-content:space-between;padding-bottom:8px;display:flex}.panel-tab__content .panel-tab__content--title span{text-align:left;flex:1}.listener-filed__title{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:inline-flex}.listener-filed__title span{text-align:left;width:200px;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{justify-content:space-around;width:100%;margin-top:8px;display:inline-flex}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.my-process-designer{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{z-index:100;box-sizing:border-box;font-variant:normal;text-transform:none;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 16px;font-size:.5em;display:inline-block;position:absolute;top:0;bottom:0;right:-10px;overflow:hidden;transform:translate(100%);box-shadow:0 0 6px #eee}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{text-align:left;width:100%;padding-left:8px;padding-right:8px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{content:"|";position:absolute;transform:rotate(90deg)translate(200%,60%)}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__container{flex:1;width:100%;display:inline-flex}.my-process-designer .my-process-designer__container .my-process-designer__canvas{flex:1;height:100%;position:relative}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow-x:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{background-color:#fff;width:100%;height:100%;display:flex}
+.element-multi-instance .el-select{display:block}.flow-tips-list-item{list-style:square inside}.flow-tips-title{padding-top:10px;padding-bottom:10px}.flow-tips-keyword{font-weight:700}.element-listeners-drawer .el-drawer__header{margin-bottom:0}.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 8px #ccc}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;text-align:center;cursor:pointer;font-size:20px}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{align-items:flex-start;width:100%;margin:8px 0;display:flex}.process-panel__container .element-property .element-property__label{box-sizing:border-box;text-align:right;width:90px;padding-right:12px;font-size:14px;line-height:32px;display:block;overflow:hidden}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%;display:inline-grid}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-size:1.1em;font-weight:600;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;border-top:1px solid #eee;width:100%;padding:8px 16px}.panel-tab__content .panel-tab__content--title{justify-content:space-between;padding-bottom:8px;display:flex}.panel-tab__content .panel-tab__content--title span{text-align:left;flex:1}.listener-filed__title{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:inline-flex}.listener-filed__title span{text-align:left;width:200px;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{justify-content:space-around;width:100%;margin-top:8px;display:inline-flex}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.flow-drawer .el-select,.flow-dialog .el-select{display:block}.my-process-designer{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{z-index:100;box-sizing:border-box;font-variant:normal;text-transform:none;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0 16px;font-size:.5em;display:inline-block;position:absolute;top:0;bottom:0;right:-10px;overflow:hidden;transform:translate(100%);box-shadow:0 0 6px #eee}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{text-align:left;width:100%;padding-left:8px;padding-right:8px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{content:"|";position:absolute;transform:rotate(90deg)translate(200%,60%)}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__container{flex:1;width:100%;display:inline-flex}.my-process-designer .my-process-designer__container .my-process-designer__canvas{flex:1;height:100%;position:relative}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow-x:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{background-color:#fff;width:100%;height:100%;display:flex}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "3.3.5",
+  "version": "3.3.7",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "3.3.5",
+  "version": "3.3.7",
   "contributions": {
     "html": {
       "description-markup": "markdown",