@web-utils/component 2.11.0 → 2.13.0

package/flow-designer/index.mjs

@@ -2,7 +2,7 @@ var Oe = Object.defineProperty, Pe = Object.defineProperties;
 var De = Object.getOwnPropertyDescriptors;
 var Q = Object.getOwnPropertySymbols;
 var Be = Object.prototype.hasOwnProperty, je = Object.prototype.propertyIsEnumerable;
-var ee = (e, i, t) => i in e ? Oe(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, f = (e, i) => {
+var ee = (e, i, t) => i in e ? Oe(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, u = (e, i) => {
   for (var t in i || (i = {}))
     Be.call(i, t) && ee(e, t, i[t]);
   if (Q)
@@ -10,7 +10,7 @@ var ee = (e, i, t) => i in e ? Oe(e, i, { enumerable: !0, configurable: !0, writ
       je.call(i, t) && ee(e, t, i[t]);
   return e;
 }, T = (e, i) => Pe(e, De(i));
-var u = (e, i, t) => new Promise((n, s) => {
+var d = (e, i, t) => new Promise((n, s) => {
   var r = (m) => {
     try {
       o(t.next(m));
@@ -55,8 +55,8 @@ function J(e, i, t, n, s, r, a, o, m, F, p, l, c) {
     const C = E.context.shape;
     if (!Ke(E) || !n.isOpen(C))
       return;
-    const d = n.getEntries(C);
-    d.replace && d.replace.action.click(E, C);
+    const f = n.getEntries(C);
+    f.replace && f.replace.action.click(E, C);
   });
 }
 J.$inject = [
@@ -92,7 +92,7 @@ J.prototype.getContextPadEntries = function(e) {
       y: D + P.height + 5
     };
   }
-  function d(b, S, v, w) {
+  function f(b, S, v, w) {
     typeof v != "string" && (w = v, v = p("Append {type}", { type: b.replace(/^bpmn:/, "") }));
     function $(D, B) {
       const j = n.createShape(y({ type: b }, w));
@@ -163,40 +163,40 @@ J.prototype.getContextPadEntries = function(e) {
     });
   }
   R(c, "bpmn:FlowNode") && (R(c, "bpmn:EventBasedGateway") ? y(l, {
-    "append.receive-task": d("bpmn:ReceiveTask", "bpmn-icon-receive-task", p("Append ReceiveTask")),
-    "append.message-intermediate-event": d(
+    "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",
       p("Append MessageIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:MessageEventDefinition" }
     ),
-    "append.timer-intermediate-event": d(
+    "append.timer-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-timer",
       p("Append TimerIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:TimerEventDefinition" }
     ),
-    "append.condition-intermediate-event": d(
+    "append.condition-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-condition",
       p("Append ConditionIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
     ),
-    "append.signal-intermediate-event": d(
+    "append.signal-intermediate-event": f(
       "bpmn:IntermediateCatchEvent",
       "bpmn-icon-intermediate-event-catch-signal",
       p("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
   }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
-    "append.compensation-activity": d("bpmn:Task", "bpmn-icon-task", p("Append compensation activity"), {
+    "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": d("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
-    "append.gateway": d("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
-    "append.append-task": d("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
-    "append.intermediate-event": d(
+    "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")),
+    "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
+    "append.intermediate-event": f(
       "bpmn:IntermediateThrowEvent",
       "bpmn-icon-intermediate-event-none",
       p("Append Intermediate/Boundary Event")
@@ -216,7 +216,7 @@ J.prototype.getContextPadEntries = function(e) {
       }
     }
   }), N(c, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(l, {
-    "append.text-annotation": d("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
+    "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation"),
     connect: {
       group: "connect",
       className: "bpmn-icon-connection-multi",
@@ -237,7 +237,7 @@ J.prototype.getContextPadEntries = function(e) {
       }
     }
   }), R(c, "bpmn:Group") && y(l, {
-    "append.text-annotation": d("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
+    "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
   let I = m.allowed("elements.delete", { elements: [e] });
   return Re(I) && (I = I[0] === e), I && y(l, {
@@ -272,7 +272,7 @@ Z.prototype = Se.prototype;
 Z.prototype.getPaletteEntries = function() {
   const e = {}, i = this._create, t = this._elementFactory, n = this._spaceTool, s = this._lassoTool, r = this._handTool, a = this._globalConnect, o = this._translate;
   function m(l, c, E, M, C) {
-    function d(I) {
+    function f(I) {
       const b = t.createShape(y({ type: l }, C));
       C && (b.businessObject.di.isExpanded = C.isExpanded), i.start(I, b);
     }
@@ -282,8 +282,8 @@ Z.prototype.getPaletteEntries = function() {
       className: E,
       title: M || o("Create {type}", { type: O }),
       action: {
-        dragstart: d,
-        click: d
+        dragstart: f,
+        click: f
       }
     };
   }
@@ -1535,7 +1535,7 @@ const Xt = {
   },
   methods: {
     changeTaskAsync() {
-      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, f({}, this.taskConfigForm));
+      !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, u({}, this.taskConfigForm));
     }
   }
 }, le = {};
@@ -1804,7 +1804,7 @@ const sn = {
         this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
         return;
       }
-      e.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(f(f({}, this.defaultLoopInstanceForm), e.loopCharacteristics), {
+      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);
@@ -2072,7 +2072,7 @@ const mn = {
     id: {
       immediate: !0,
       handler() {
-        return u(this, null, function* () {
+        return d(this, null, function* () {
           yield this.$nextTick(), this.resetFlowCondition();
         });
       }
@@ -2089,7 +2089,7 @@ const mn = {
         this.flowConditionForm = { type: "normal" };
       else {
         const e = this.element.businessObject.conditionExpression;
-        if (this.flowConditionForm = T(f({}, e), { type: "condition" }), this.flowConditionForm.resource) {
+        if (this.flowConditionForm = T(u({}, e), { type: "condition" }), this.flowConditionForm.resource) {
           this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
           return;
         }
@@ -2356,7 +2356,7 @@ const yn = {
   methods: {
     initDataList() {
       this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((e) => {
-        e.$type === "bpmn:Message" && (this.messageIdMap[e.id] = !0, this.messageList.push(f({}, e))), e.$type === "bpmn:Signal" && (this.signalIdMap[e.id] = !0, this.signalList.push(f({}, e)));
+        e.$type === "bpmn:Message" && (this.messageIdMap[e.id] = !0, this.messageList.push(u({}, e))), e.$type === "bpmn:Signal" && (this.signalIdMap[e.id] = !0, this.signalList.push(u({}, e)));
       });
     },
     openModel(e) {
@@ -2396,8 +2396,8 @@ const gn = /* @__PURE__ */ function() {
   return hn.exports;
 }();
 function Ae(e) {
-  let i = f({}, e);
-  if (e.script && (i = T(f(f({}, e), e.script), {
+  let i = u({}, e);
+  if (e.script && (i = T(u(u({}, e), e.script), {
     scriptType: e.script.resource ? "externalScript" : "inlineScript"
   })), e.event === "timeout" && e.eventDefinitions && e.eventDefinitions.length) {
     let t = "";
@@ -2408,9 +2408,10 @@ function Ae(e) {
   return i;
 }
 function we(e) {
-  var t;
+  var t, n;
   let i;
-  return e.class && (i = "classListener"), e.expression && (i = "expressionListener"), e.delegateExpression && (i = "delegateExpressionListener"), e.script && (i = "scriptListener"), T(f(f({}, g(e)), (t = e.script) != null ? t : {}), {
+  return e.class && (i = "classListener"), e.expression && (i = "expressionListener"), e.delegateExpression && (i = "delegateExpressionListener"), e.script && (i = "scriptListener"), T(u(u({}, g(e)), (t = e.script) != null ? t : {}), {
+    fields: (n = e.fields) == null ? void 0 : n.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
     listenerType: i
   });
 }
@@ -2947,6 +2948,9 @@ var Fn = function() {
       }
     }
   }, [t("ElSelect", {
+    on: {
+      input: e.changeFiledType
+    },
     model: {
       value: e.listenerFieldForm.fieldType,
       callback: function(n) {
@@ -3042,7 +3046,7 @@ const Sn = {
     id: {
       immediate: !0,
       handler(e) {
-        return u(this, null, function* () {
+        return d(this, null, function* () {
           e && (yield this.$nextTick(), this.resetListenersList());
         });
       }
@@ -3053,13 +3057,14 @@ const Sn = {
       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));
     },
+    changeFiledType(e) {
+      e === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
+    },
     // 打开 监听器详情 侧边栏
     openListenerForm(e, i) {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         var t;
-        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
-          fieldType: n.string ? "string" : "expression"
-        })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
+        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => u({}, n)) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
     },
     // 打开监听器字段编辑弹窗
@@ -3070,13 +3075,13 @@ const Sn = {
     },
     // 保存监听器注入字段
     saveListenerFiled() {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, yield this.$nextTick(), this.listenerFieldForm = {});
       });
     },
     // 移除监听器字段
     removeListenerField(e, i) {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(i, 1), this.listenerForm.fields.splice(i, 1);
         } catch (t) {
@@ -3085,7 +3090,7 @@ const Sn = {
     },
     // 移除监听器
     removeListener(e, i) {
-      return u(this, null, function* () {
+      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));
         } catch (t) {
@@ -3094,7 +3099,7 @@ const Sn = {
     },
     // 保存监听器配置
     saveListenerConfig() {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
@@ -4098,7 +4103,7 @@ const Pn = {
     id: {
       immediate: !0,
       handler(e) {
-        return u(this, null, function* () {
+        return d(this, null, function* () {
           e && (yield this.$nextTick(), this.resetFormList());
         });
       }
@@ -4893,7 +4898,7 @@ const zn = {
     id: {
       immediate: !0,
       handler(e) {
-        return u(this, null, function* () {
+        return d(this, null, function* () {
           e && (yield this.$nextTick(), this.resetListenersList());
         });
       }
@@ -4905,16 +4910,16 @@ const zn = {
       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 u(this, null, function* () {
+      return d(this, null, function* () {
         var t;
-        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(f({}, n), {
+        e ? (this.listenerForm = Ae(e), this.editingListenerIndex = i) : (this.listenerForm = {}, this.editingListenerIndex = -1), e && e.fields ? this.fieldsListOfListener = e.fields.map((n) => T(u({}, n), {
           fieldType: n.string ? "string" : "expression"
         })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
     },
     // 移除监听器
     removeListener(e, i) {
-      return u(this, null, function* () {
+      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));
         } catch (t) {
@@ -4923,7 +4928,7 @@ const zn = {
     },
     // 保存监听器
     saveListenerConfig() {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         var t, n, s, r;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
@@ -4933,20 +4938,20 @@ const zn = {
     },
     // 打开监听器字段编辑弹窗
     openListenerFieldForm(e, i) {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         var t;
         this.listenerFieldForm = e ? g(e) : {}, this.editingListenerFieldIndex = e ? i : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
       });
     },
     // 保存监听器注入字段
     saveListenerFiled() {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, yield this.$nextTick(), this.listenerFieldForm = {});
       });
     },
     // 移除监听器字段
     removeListenerField(e, i) {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         try {
           yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(i, 1), this.listenerForm.fields.splice(i, 1);
         } catch (t) {
@@ -9855,11 +9860,11 @@ const Pi = {
       if (this.moddleExtension)
         for (const i in this.moddleExtension)
           e[i] = this.moddleExtension[i];
-      return this.prefix === "activiti" && (e.activiti = T(f({}, ge), {
+      return this.prefix === "activiti" && (e.activiti = T(u({}, ge), {
         types: [...ge.types, ...this.extendTypes || []]
-      })), this.prefix === "flowable" && (e.flowable = T(f({}, Ee), {
+      })), this.prefix === "flowable" && (e.flowable = T(u({}, Ee), {
         types: [...Ee.types, ...this.extendTypes || []]
-      })), this.prefix === "camunda" && (e.camunda = T(f({}, ve), {
+      })), this.prefix === "camunda" && (e.camunda = T(u({}, ve), {
         types: [...ve.types, ...this.extendTypes || []]
       })), e;
     }
@@ -9871,7 +9876,7 @@ const Pi = {
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = new We(f({
+      this.bpmnModeler || (this.bpmnModeler = new We(u({
         container: this.$refs["bpmn-canvas"],
         keyboard: this.keyboard ? { bindTo: document } : null,
         additionalModules: this.additionalModules,
@@ -9885,7 +9890,7 @@ const Pi = {
           const s = t.replace(/\./g, "-"), r = n ? n.element : null;
           i.$emit(s, r, n);
         });
-      }), e.on("commandStack.changed", (t) => u(this, null, function* () {
+      }), e.on("commandStack.changed", (t) => d(this, null, function* () {
         try {
           this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
           const { xml: n } = yield this.bpmnModeler.saveXML({ format: !0 });
@@ -9901,7 +9906,7 @@ const Pi = {
     },
     /* 创建新的流程图 */
     createNewDiagram(e) {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         const i = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, n = e || Xn(i, t, this.prefix);
         try {
           const { warnings: s } = yield this.bpmnModeler.importXML(n);
@@ -9917,7 +9922,7 @@ const Pi = {
      * @param {*} name
      */
     downloadProcess(e, i = "diagram") {
-      return u(this, null, function* () {
+      return d(this, null, function* () {
         try {
           if (e === "xml" || e === "bpmn") {
             const { err: n, xml: s } = yield this.bpmnModeler.saveXML();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.11.0",
+  "version": "2.13.0",
   "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": "2.11.0",
+  "version": "2.13.0",
   "contributions": {
     "html": {
       "description-markup": "markdown",