@web-utils/component 3.3.13 → 3.3.15

package/flow-designer/index.mjs

@@ -1,62 +1,62 @@
-var ge = Object.defineProperty, ve = Object.defineProperties;
-var Ee = Object.getOwnPropertyDescriptors;
+var ge = Object.defineProperty, Ee = Object.defineProperties;
+var Fe = Object.getOwnPropertyDescriptors;
 var Q = Object.getOwnPropertySymbols;
-var Fe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
+var xe = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable;
 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]);
+    xe.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]);
+      Se.call(e, t) && ee(n, t, e[t]);
   return n;
-}, T = (n, e) => ve(n, Ee(e));
+}, T = (n, e) => Ee(n, Fe(e));
 var d = (n, e, t) => new Promise((i, s) => {
   var a = (p) => {
     try {
       o(t.next(p));
-    } catch (F) {
-      s(F);
+    } catch (E) {
+      s(E);
     }
   }, r = (p) => {
     try {
       o(t.throw(p));
-    } catch (F) {
-      s(F);
+    } catch (E) {
+      s(E);
     }
   }, 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 I } from "min-dash";
+import { assign as y, isArray as Te, forEach as Ce, isObject as _e, isFunction as ke, some as I } from "min-dash";
 import { is as R } from "bpmn-js/lib/util/ModelUtil";
-import { isExpanded as _e, isEventSubProcess as Ie } from "bpmn-js/lib/util/DiUtil";
+import { isExpanded as Ie, isEventSubProcess as Ae } from "bpmn-js/lib/util/DiUtil";
 import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
-import { getChildLanes as Ae } from "bpmn-js/lib/features/modeling/util/LaneUtil";
-import { hasPrimaryModifier as we } from "diagram-js/lib/util/Mouse";
-import oe from "bpmn-js/lib/features/palette/PaletteProvider";
+import { getChildLanes as we } from "bpmn-js/lib/features/modeling/util/LaneUtil";
+import { hasPrimaryModifier as $e } from "diagram-js/lib/util/Mouse";
+import le 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 v, isBlank as Oe, capitalize as Pe, isArray as te } from "@web-utils/core";
+import { getMid as Le, asTRBL as Oe } from "diagram-js/lib/layout/LayoutUtil";
+import { fastClone as g, isBlank as Pe, capitalize as Me, isArray as te } from "@web-utils/core";
 import { n as h } from "../chunks/_plugin-vue2_normalizer.YT9tSeEj.mjs";
 import "bpmn-js/dist/assets/bpmn-js.css";
 import "bpmn-js/dist/assets/diagram-js.css";
 import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";
 import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
-import Me from "bpmn-js/lib/Modeler";
-import De from "bpmn-js/lib/features/drilldown/index.js";
-import Be from "bpmn-js-token-simulation";
-import Ve from "x2js";
-import le from "highlight.js/lib/core";
+import De from "bpmn-js/lib/Modeler";
+import Be from "bpmn-js/lib/features/drilldown/index.js";
+import Ve from "bpmn-js-token-simulation";
+import ne from "x2js";
+import pe from "highlight.js/lib/core";
 import Re from "highlight.js/lib/languages/xml";
-import ze from "highlight.js/lib/languages/json";
-import je from "../highlight-j-s/index.mjs";
+import je from "highlight.js/lib/languages/json";
+import ze from "../highlight-j-s/index.mjs";
 import "../highlight-j-s/style.css";
-function J(n, e, t, i, s, a, r, o, p, F, m, l, c) {
-  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = F, this._rules = m, this._translate = l, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
-    const C = E.context.shape;
-    if (!we(E) || !i.isOpen(C))
+function J(n, e, t, i, s, a, r, o, p, E, m, l, c) {
+  n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = E, this._rules = m, this._translate = l, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(F) {
+    const C = F.context.shape;
+    if (!$e(F) || !i.isOpen(C))
       return;
     const f = i.getEntries(C);
-    f.replace && f.replace.action.click(E, C);
+    f.replace && f.replace.action.click(F, C);
   });
 }
 J.$inject = [
@@ -75,25 +75,25 @@ J.$inject = [
   "elementRegistry"
 ];
 J.prototype.getContextPadEntries = function(n) {
-  const e = this._contextPad, t = this._modeling, i = this._elementFactory, s = this._connect, a = this._create, r = this._popupMenu, o = this._canvas, p = this._rules, F = this._autoPlace, m = this._translate, l = {};
+  const e = this._contextPad, t = this._modeling, i = this._elementFactory, s = this._connect, a = this._create, r = this._popupMenu, o = this._canvas, p = this._rules, E = this._autoPlace, m = this._translate, l = {};
   if (n.type === "label")
     return l;
   const c = n.businessObject;
-  function E(b, S) {
+  function F(b, S) {
     s.start(b, S);
   }
   function O() {
     t.removeElements([n]);
   }
   function C(b) {
-    const g = o.getContainer(), w = e.getPad(b).html, $ = g.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
+    const v = o.getContainer(), w = e.getPad(b).html, $ = v.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
     return {
       x: M.left - $.left,
       y: D + M.height + 5
     };
   }
-  function f(b, S, g, w) {
-    typeof g != "string" && (w = g, g = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
+  function f(b, S, v, w) {
+    typeof v != "string" && (w = v, v = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
     function $(D, B) {
       const V = i.createShape(y({ type: b }, w));
       a.start(D, V, {
@@ -103,31 +103,31 @@ J.prototype.getContextPadEntries = function(n) {
     return {
       group: "model",
       className: S,
-      title: g,
+      title: v,
       action: {
         dragstart: $,
-        click: F ? function(D, B) {
+        click: E ? function(D, B) {
           const V = i.createShape(y({ type: b }, w));
-          F.append(B, V);
+          E.append(B, V);
         } : $
       }
     };
   }
   function P(b) {
-    return function(S, g) {
-      t.splitLane(g, b), e.open(g, !0);
+    return function(S, v) {
+      t.splitLane(v, b), e.open(v, !0);
     };
   }
-  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && _e(c)) {
-    const b = Ae(n);
+  if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ie(c)) {
+    const b = we(n);
     y(l, {
       "lane-insert-above": {
         group: "lane-insert-above",
         className: "bpmn-icon-lane-insert-above",
         title: m("Add Lane above"),
         action: {
-          click: function(S, g) {
-            t.addLane(g, "top");
+          click: function(S, v) {
+            t.addLane(v, "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, g) {
-            t.addLane(g, "bottom");
+          click: function(S, v) {
+            t.addLane(v, "bottom");
           }
         }
       }
@@ -188,11 +188,11 @@ J.prototype.getContextPadEntries = function(n) {
       m("Append SignalIntermediateCatchEvent"),
       { eventDefinitionType: "bpmn:SignalEventDefinition" }
     )
-  }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
+  }) : ie(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
     "append.compensation-activity": f("bpmn:Task", "bpmn-icon-task", m("Append compensation activity"), {
       isForCompensation: !0
     })
-  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ie(c) && y(l, {
+  }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ie(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ae(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")),
@@ -208,10 +208,10 @@ J.prototype.getContextPadEntries = function(n) {
       title: m("Change type"),
       action: {
         click: function(b, S) {
-          const g = y(C(S), {
+          const v = y(C(S), {
             cursor: { x: b.x, y: b.y }
           });
-          r.open(S, "bpmn-replace", g);
+          r.open(S, "bpmn-replace", v);
         }
       }
     }
@@ -222,8 +222,8 @@ J.prototype.getContextPadEntries = function(n) {
       className: "bpmn-icon-connection-multi",
       title: m(`Connect using ${c.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`),
       action: {
-        click: E,
-        dragstart: E
+        click: F,
+        dragstart: F
       }
     }
   }), N(c, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"]) && y(l, {
@@ -232,15 +232,15 @@ J.prototype.getContextPadEntries = function(n) {
       className: "bpmn-icon-connection-multi",
       title: m("Connect using DataInputAssociation"),
       action: {
-        click: E,
-        dragstart: E
+        click: F,
+        dragstart: F
       }
     }
   }), R(c, "bpmn:Group") && y(l, {
     "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
   });
-  let k = p.allowed("elements.delete", { elements: [n] });
-  return Se(k) && (k = k[0] === n), k && y(l, {
+  let _ = p.allowed("elements.delete", { elements: [n] });
+  return Te(_) && (_ = _[0] === n), _ && y(l, {
     delete: {
       group: "edit",
       className: "bpmn-icon-trash",
@@ -251,11 +251,11 @@ J.prototype.getContextPadEntries = function(n) {
     }
   }), l;
 };
-function ne(n, e, t) {
+function ie(n, e, t) {
   const i = n.$instanceOf(e);
   let s = !1;
   const a = n.eventDefinitions || [];
-  return Te(a, function(r) {
+  return Ce(a, function(r) {
     r.$type === t && (s = !0);
   }), i && s;
 }
@@ -264,22 +264,22 @@ const Ue = {
   contextPadProvider: ["type", J]
 };
 function L(n, e, t, i, s, a, r, o, p) {
-  oe.call(this, n, e, t, i, s, a, r, o, p, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = s, this._handTool = a, this._globalConnect = r, this._moddle = o, this._translate = p;
+  le.call(this, n, e, t, i, s, a, r, o, p, 2e3), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = s, this._handTool = a, this._globalConnect = r, this._moddle = o, this._translate = p;
 }
 const Z = function() {
 };
-Z.prototype = oe.prototype;
+Z.prototype = le.prototype;
 Z.prototype.getPaletteEntries = function() {
   const n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, s = this._lassoTool, a = this._handTool, r = this._globalConnect, o = this._translate;
-  function p(l, c, E, O, C) {
-    function f(k) {
+  function p(l, c, F, O, C) {
+    function f(_) {
       const b = t.createShape(y({ type: l }, C));
-      l === "bpmn:UserTask" && (b.businessObject.candidateUsers = "${handlers}"), C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(k, b);
+      l === "bpmn:UserTask" && (b.businessObject.candidateUsers = "${handlers}"), C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(_, b);
     }
     const P = l.replace(/^bpmn:/, "");
     return {
       group: c,
-      className: E,
+      className: F,
       title: O || o("Create {type}", { type: P }),
       action: {
         dragstart: f,
@@ -287,21 +287,21 @@ Z.prototype.getPaletteEntries = function() {
       }
     };
   }
-  function F(l) {
+  function E(l) {
     const c = t.createShape({
       type: "bpmn:SubProcess",
       x: 0,
       y: 0,
       isExpanded: !0
-    }), E = t.createShape({
+    }), F = t.createShape({
       type: "bpmn:StartEvent",
       x: 40,
       y: 82,
       parent: c
     });
-    e.start(l, [c, E], {
+    e.start(l, [c, F], {
       hints: {
-        autoSelect: [E]
+        autoSelect: [F]
       }
     });
   }
@@ -369,8 +369,8 @@ Z.prototype.getPaletteEntries = function() {
       className: "bpmn-icon-subprocess-expanded",
       title: o("Create expanded SubProcess"),
       action: {
-        dragstart: F,
-        click: F
+        dragstart: E,
+        click: E
       }
     },
     "create.participant-expanded": {
@@ -392,7 +392,7 @@ const Ne = {
   __init__: ["customPalette"],
   customPalette: ["type", L]
 };
-function pe(n, e) {
+function me(n, e) {
   K.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
     const i = t.shape, s = t.source;
     return Je(s, i);
@@ -441,13 +441,13 @@ function Je(n, e, t) {
     y: a.bottom + i + e.height / 2
   };
 }
-const me = function() {
+const ce = function() {
 };
-me.prototype = K.prototype;
-pe.prototype = new me();
-pe.prototype.constructor = K;
+ce.prototype = K.prototype;
+me.prototype = new ce();
+me.prototype.constructor = K;
 const Ze = 200, He = 100;
-function ce(n, e, t) {
+function ue(n, e, t) {
   n.on("autoPlace", He, function(i) {
     const s = i.shape, a = i.source;
     return We(a, s);
@@ -468,19 +468,19 @@ function ce(n, e, t) {
     }), o;
   };
 }
-ce.$inject = ["eventBus", "modeling", "canvas"];
+ue.$inject = ["eventBus", "modeling", "canvas"];
 function We(n, e) {
-  const t = Ze, i = $e(n);
+  const t = Ze, i = Le(n);
   return {
-    x: Le(n).right + t + e.width / 2,
+    x: Oe(n).right + t + e.width / 2,
     y: i.y
   };
 }
 const Xe = {
   __init__: ["autoPlaceSelectionBehavior"],
-  autoPlace: ["type", ce]
+  autoPlace: ["type", ue]
 };
-function ue(n, e, t, i) {
+function de(n, e, t, i) {
   const s = /* @__PURE__ */ Object.create(null);
   switch (s.event = e.event, t && (s.id = e.id), e.listenerType) {
     case "scriptListener":
@@ -565,7 +565,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 = v(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 = g(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;
@@ -640,7 +640,7 @@ const lt = ot.exports, pt = {
     id: {
       immediate: !0,
       handler() {
-        if (Oe(this.element))
+        if (Pe(this.element))
           this.documentation = "";
         else {
           const {
@@ -766,7 +766,7 @@ var bt = function() {
   null,
   null
 );
-const gt = ht.exports, vt = {
+const vt = ht.exports, gt = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -837,7 +837,7 @@ var Et = function() {
     e.$set(e.scriptTaskForm, "resultVariable", i);
   }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
 }, Ft = [], xt = /* @__PURE__ */ h(
-  vt,
+  gt,
   Et,
   Ft,
   !1,
@@ -916,19 +916,19 @@ 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 = [], _t = /* @__PURE__ */ h(
+}, _t = [], kt = /* @__PURE__ */ h(
   Tt,
   Ct,
-  kt,
+  _t,
   !1,
   null,
   null,
   null,
   null
 );
-const It = _t.exports, At = {
+const It = kt.exports, At = {
   name: "ElementTaskConfig",
-  components: { UserTask: gt, ScriptTask: St, ReceiveTask: It },
+  components: { UserTask: vt, ScriptTask: St, ReceiveTask: It },
   props: {
     id: String,
     element: Object,
@@ -1246,7 +1246,7 @@ const Vt = Bt.exports, Rt = {
     }
   }
 };
-var zt = function() {
+var jt = function() {
   var e = this, t = e._self._c;
   return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { model: e.flowConditionForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
     i.preventDefault();
@@ -1265,10 +1265,10 @@ var zt = function() {
   }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", { key: "resource", attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.resource, callback: function(i) {
     e.$set(e.flowConditionForm, "resource", i);
   }, expression: "flowConditionForm.resource" } })], 1) : e._e()] : e._e()], 2)], 1);
-}, jt = [], Ut = /* @__PURE__ */ h(
+}, zt = [], Ut = /* @__PURE__ */ h(
   Rt,
-  zt,
   jt,
+  zt,
   !1,
   null,
   null,
@@ -1358,7 +1358,7 @@ var qt = function() {
   null
 );
 const Zt = Jt.exports;
-function de(n) {
+function fe(n) {
   let e = u({}, n);
   if (n.script && (e = T(u(u({}, n), n.script), {
     scriptType: n.script.resource ? "externalScript" : "inlineScript"
@@ -1370,15 +1370,15 @@ function de(n) {
   }
   return e;
 }
-function fe(n) {
+function be(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({}, v(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({}, g(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
   });
 }
-const be = {
+const ye = {
   classListener: "Java 类",
   expressionListener: "表达式",
   delegateExpressionListener: "代理表达式",
@@ -1390,7 +1390,7 @@ const be = {
   delete: "删除",
   update: "更新",
   timeout: "超时"
-}, ye = {
+}, he = {
   string: "字符串",
   expression: "表达式"
 }, Wt = (n) => ({
@@ -1405,7 +1405,7 @@ const be = {
   {
     $type: "flowable:Field",
     name: "url",
-    string: `${e != null && e.url ? `/${e.url}` : ""}/flow${Pe(n)}`,
+    string: `${e != null && e.url ? `/${e.url}` : ""}/flow${Me(n)}`,
     fieldType: "string"
   }
 ], Yt = {
@@ -1437,8 +1437,8 @@ const be = {
       // 监听器所在下标，-1 为新增
       editingListenerFieldIndex: -1,
       // 字段所在下标，-1 为新增
-      listenerTypeObject: be,
-      fieldTypeObject: ye
+      listenerTypeObject: ye,
+      fieldTypeObject: he
     };
   },
   computed: {
@@ -1463,7 +1463,7 @@ const be = {
   methods: {
     resetListenersList() {
       var n, e, t, i;
-      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:ExecutionListener`)) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => be(s));
     },
     changeFiledType(n) {
       n === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
@@ -1479,12 +1479,12 @@ const be = {
     openListenerForm(n, e) {
       return d(this, null, function* () {
         var t;
-        n ? (this.listenerForm = de(n), this.fieldsListOfListener = n.fields ? n.fields.map((i) => u({}, i)) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
+        n ? (this.listenerForm = fe(n), this.fieldsListOfListener = n.fields ? n.fields.map((i) => u({}, i)) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
     },
     // 打开监听器字段编辑弹窗
     openListenerFieldForm(n, e) {
-      this.listenerFieldForm = n ? v(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+      this.listenerFieldForm = n ? g(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
       });
     },
@@ -1518,7 +1518,7 @@ const be = {
         var t, i, s, a;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const e = ue(this.bpmnInstances, this.listenerForm, !1, this.prefix);
+        const e = de(this.bpmnInstances, this.listenerForm, !1, this.prefix);
         this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:ExecutionListener`)) != null ? a : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     }
@@ -1646,10 +1646,10 @@ const nn = tn.exports, sn = {
   methods: {
     resetAttributesList() {
       var n, e, t, i, s;
-      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 = v((s = this.bpmnElementPropertyList) != null ? s : []);
+      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 : []);
     },
     openAttributesForm(n, e) {
-      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : v(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+      this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : g(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
         this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
       });
     },
@@ -1781,7 +1781,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 = v(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 = g(this.formData.fields || []), this.updateElementExtensions();
     },
     updateElementFormKey() {
       this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
@@ -1800,14 +1800,14 @@ const ln = on.exports, pn = {
       var t, i;
       if (this.formFieldIndex = e, e !== -1) {
         const s = this.formData.fields[e];
-        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) || []);
+        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) || []);
       } 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 ? v(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? v(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? v(n) : {}, this.optionModelTitle = "约束条件配置");
+      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 = "约束条件配置");
     },
     // 保存字段 某个 配置项
     saveFieldOption() {
@@ -1960,10 +1960,10 @@ const dn = un.exports, fn = {
     return {
       elementListenersList: [],
       listenerEventTypeObject: Ht,
-      listenerTypeObject: be,
+      listenerTypeObject: ye,
       listenerFormModelVisible: !1,
       listenerForm: {},
-      fieldTypeObject: ye,
+      fieldTypeObject: he,
       fieldsListOfListener: [],
       listenerFieldFormModelVisible: !1,
       // 监听器 注入字段表单弹窗 显示状态
@@ -1988,12 +1988,12 @@ const dn = un.exports, fn = {
   methods: {
     resetListenersList() {
       var n, e, t, i;
-      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
+      this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((s) => s.$type === `${this.prefix}:TaskListener`)) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => be(s));
     },
     openListenerForm(n, e) {
       return d(this, null, function* () {
         var t;
-        n ? (this.listenerForm = de(n), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), n && n.fields ? this.fieldsListOfListener = n.fields.map((i) => T(u({}, i), {
+        n ? (this.listenerForm = fe(n), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), n && n.fields ? this.fieldsListOfListener = n.fields.map((i) => T(u({}, i), {
           fieldType: i.string ? "string" : "expression"
         })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
       });
@@ -2013,7 +2013,7 @@ const dn = un.exports, fn = {
         var t, i, s, a;
         if (!(yield this.$refs.listenerFormRef.validate()))
           return;
-        const e = ue(this.bpmnInstances, this.listenerForm, !0, this.prefix);
+        const e = de(this.bpmnInstances, this.listenerForm, !0, this.prefix);
         this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter((r) => r.$type !== `${this.prefix}:TaskListener`)) != null ? a : [], U(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
       });
     },
@@ -2021,7 +2021,7 @@ const dn = un.exports, fn = {
     openListenerFieldForm(n, e) {
       return d(this, null, function* () {
         var t;
-        this.listenerFieldForm = n ? v(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
+        this.listenerFieldForm = n ? g(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
       });
     },
     // 保存监听器注入字段
@@ -2122,11 +2122,11 @@ var bn = function() {
   null,
   null
 );
-const gn = hn.exports, ie = ["base", "task", "form", "multiInstance"], vn = {
+const vn = hn.exports, se = ["base", "task", "form", "multiInstance"], gn = {
   name: "PropertiesPanel",
   componentName: "MyPropertiesPanel",
   components: {
-    UserTaskListeners: gn,
+    UserTaskListeners: vn,
     ElementForm: dn,
     ElementProperties: ln,
     ElementListeners: nn,
@@ -2213,12 +2213,12 @@ const gn = hn.exports, ie = ["base", "task", "form", "multiInstance"], vn = {
     activeTabs: {
       immediate: !0,
       handler() {
-        this.activeTab = ie;
+        this.activeTab = se;
       }
     },
     elementId: {
       handler() {
-        this.activeTab = ie;
+        this.activeTab = se;
       }
     }
   },
@@ -2298,7 +2298,7 @@ var En = function() {
     return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("其他")])];
   }, proxy: !0 }], null, !1, 520255146) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1) : e._e(), e.isNullOrUndefined || e.isArray && e.useTabs.includes("extend") ? e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType }) : e._e()], 2)], 1);
 }, Fn = [], xn = /* @__PURE__ */ h(
-  vn,
+  gn,
   En,
   Fn,
   !1,
@@ -2335,7 +2335,7 @@ function Cn(n) {
     });
   };
 }
-const kn = {
+const _n = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -2583,7 +2583,7 @@ const kn = {
   Data: "数据",
   TextAnnotation: "文本说明",
   Tasks: "任务"
-}, _n = "Camunda", In = "http://camunda.org/schema/1.0/bpmn", An = "camunda", wn = {
+}, kn = "Camunda", In = "http://camunda.org/schema/1.0/bpmn", An = "camunda", wn = {
   tagAlias: "lowerCase"
 }, $n = [], Ln = [
   {
@@ -3701,8 +3701,8 @@ const kn = {
       }
     ]
   }
-], On = [], se = {
-  name: _n,
+], On = [], re = {
+  name: kn,
   uri: In,
   prefix: An,
   xml: wn,
@@ -4809,15 +4809,15 @@ const kn = {
       }
     ]
   }
-], zn = [], re = {
+], jn = [], ae = {
   name: Pn,
   uri: Mn,
   prefix: Dn,
   xml: Bn,
   associations: Vn,
   types: Rn,
-  emumerations: zn
-}, jn = "Flowable", Un = "http://flowable.org/bpmn", Nn = "flowable", Gn = {
+  emumerations: jn
+}, zn = "Flowable", Un = "http://flowable.org/bpmn", Nn = "flowable", Gn = {
   tagAlias: "lowerCase"
 }, qn = [], Kn = [], Jn = [
   {
@@ -6181,8 +6181,8 @@ const kn = {
       }
     ]
   }
-], ae = {
-  name: jn,
+], oe = {
+  name: zn,
   uri: Un,
   prefix: Nn,
   xml: Gn,
@@ -6199,34 +6199,34 @@ function A(n) {
 }
 A.$inject = ["eventBus"];
 A.prototype.canCopyProperty = function(n, 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))
+  if (_e(n) && !Hn(n, e) || k(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || ve(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || k(n, "camunda:In") && !this.canHostIn(e))
     return !1;
 };
 A.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"]) || _(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
+  return !(!t || ve(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || k(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
 };
 A.prototype.canHostConnector = function(n) {
   const e = x(n, "camunda:ServiceTaskLike");
-  return _(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
+  return k(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
 A.prototype.canHostIn = function(n) {
   return x(n, "bpmn:CallActivity") ? !0 : x(n, "bpmn:SignalEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
 };
-function _(n, e) {
+function k(n, e) {
   return n && ke(n.$instanceOf) && n.$instanceOf(e);
 }
-function he(n, e) {
+function ve(n, e) {
   return I(e, function(t) {
-    return _(n, t);
+    return k(n, t);
   });
 }
 function x(n, e) {
   if (!e)
     return n.$parent;
-  if (_(n, e))
+  if (k(n, e))
     return n;
   if (n.$parent)
     return x(n.$parent, e);
@@ -6254,7 +6254,7 @@ function H(n, e) {
 function Qn(n) {
   return n && n.length;
 }
-function z(n, e) {
+function j(n, e) {
   return Qn(n) && I(n, function(t) {
     return H(t, e);
   });
@@ -6281,9 +6281,9 @@ function W(n) {
 W.$inject = ["eventBus"];
 W.prototype.canCloneProperty = function(n, e) {
   if (G("activiti:FailedJobRetryTimeCycle", e, n))
-    return z(n.eventDefinitions, "bpmn:TimerEventDefinition") || z(n.eventDefinitions, "bpmn:SignalEventDefinition") || H(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+    return j(n.eventDefinitions, "bpmn:TimerEventDefinition") || j(n.eventDefinitions, "bpmn:SignalEventDefinition") || H(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
   if (G("activiti:Connector", e, n) || G("activiti:Field", e, n))
-    return z(n.eventDefinitions, "bpmn:MessageEventDefinition");
+    return j(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
 const ti = {
   __init__: ["ActivitiModdleExtension"],
@@ -6299,7 +6299,7 @@ function X(n, e) {
 function ii(n) {
   return n && n.length;
 }
-function j(n, e) {
+function z(n, e) {
   return ii(n) && I(n, function(t) {
     return X(t, e);
   });
@@ -6326,20 +6326,20 @@ function Y(n) {
 Y.$inject = ["eventBus"];
 Y.prototype.canCloneProperty = function(n, e) {
   if (q("flowable:FailedJobRetryTimeCycle", e, n))
-    return j(n.eventDefinitions, "bpmn:TimerEventDefinition") || j(n.eventDefinitions, "bpmn:SignalEventDefinition") || X(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
+    return z(n.eventDefinitions, "bpmn:TimerEventDefinition") || z(n.eventDefinitions, "bpmn:SignalEventDefinition") || X(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
   if (q("flowable:Connector", e, n) || q("flowable:Field", e, n))
-    return j(n.eventDefinitions, "bpmn:MessageEventDefinition");
+    return z(n.eventDefinitions, "bpmn:MessageEventDefinition");
 };
 const ri = {
   __init__: ["FlowableModdleExtension"],
   FlowableModdleExtension: ["type", Y]
 };
-le.registerLanguage("xml", Re);
-le.registerLanguage("json", ze);
+pe.registerLanguage("xml", Re);
+pe.registerLanguage("json", je);
 const ai = {
   name: "ProcessDesigner",
   components: {
-    HighlightJS: je
+    HighlightJS: ze
   },
   componentName: "MyProcessDesigner",
   props: {
@@ -6412,9 +6412,9 @@ const ai = {
         return te(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
       te(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
       const e = {
-        translate: ["value", Cn(this.translations || kn)]
+        translate: ["value", Cn(this.translations || _n)]
       };
-      return n.push(e), this.simulation && n.push(Be), n.push(De), this.prefix === "camunda" && n.push(Xn), this.prefix === "flowable" && n.push(ri), this.prefix === "activiti" && n.push(ti), n;
+      return n.push(e), this.simulation && n.push(Ve), n.push(Be), this.prefix === "camunda" && n.push(Xn), this.prefix === "flowable" && n.push(ri), this.prefix === "activiti" && n.push(ti), n;
     },
     moddleExtensions() {
       const n = {};
@@ -6423,23 +6423,28 @@ const ai = {
       if (this.moddleExtension)
         for (const e in this.moddleExtension)
           n[e] = this.moddleExtension[e];
-      return this.prefix === "activiti" && (n.activiti = T(u({}, re), {
-        types: [...re.types, ...this.extendTypes || []]
-      })), this.prefix === "flowable" && (n.flowable = T(u({}, ae), {
+      return this.prefix === "activiti" && (n.activiti = T(u({}, ae), {
         types: [...ae.types, ...this.extendTypes || []]
-      })), this.prefix === "camunda" && (n.camunda = T(u({}, se), {
-        types: [...se.types, ...this.extendTypes || []]
+      })), this.prefix === "flowable" && (n.flowable = T(u({}, oe), {
+        types: [...oe.types, ...this.extendTypes || []]
+      })), this.prefix === "camunda" && (n.camunda = T(u({}, re), {
+        types: [...re.types, ...this.extendTypes || []]
       })), n;
     }
   },
+  watch: {
+    value(n) {
+      this.createNewDiagram(n);
+    }
+  },
   mounted() {
     this.initBpmnModeler(), this.createNewDiagram(this.value), this.$once("hook:beforeDestroy", () => {
       this.bpmnModeler && this.bpmnModeler.destroy(), this.$emit("destroy", this.bpmnModeler), this.bpmnModeler = null;
-    }), this.$watch(this.value, this.createNewDiagram);
+    });
   },
   methods: {
     initBpmnModeler() {
-      this.bpmnModeler || (this.bpmnModeler = new Me(u({
+      this.bpmnModeler || (this.bpmnModeler = new De(u({
         container: this.$refs["bpmn-canvas"],
         keyboard: this.keyboard ? { bindTo: document } : null,
         additionalModules: this.additionalModules,
@@ -6487,17 +6492,18 @@ const ai = {
     downloadProcess(n, e = "diagram") {
       return d(this, null, function* () {
         try {
-          if (n === "xml" || n === "bpmn") {
-            const { err: i, xml: s } = yield this.bpmnModeler.saveXML();
-            i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
-            const { href: a, filename: r } = this.setEncoded(n.toUpperCase(), e, s);
-            t(a, r);
+          const { err: i, xml: s } = yield this.bpmnModeler.saveXML();
+          i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
+          const a = new ne(), { definitions: r } = a.xml2js(s);
+          if (e = r.process._name || e, n === "xml" || n === "bpmn") {
+            const { href: o, filename: p } = this.setEncoded(n.toUpperCase(), e, s);
+            t(o, p);
           } else {
-            const { err: i, svg: s } = yield this.bpmnModeler.saveSVG();
-            if (i)
-              return console.error(i);
-            const { href: a, filename: r } = this.setEncoded("SVG", e, s);
-            t(a, r);
+            const { err: o, svg: p } = yield this.bpmnModeler.saveSVG();
+            if (o)
+              return console.error(o);
+            const { href: E, filename: m } = this.setEncoded("SVG", e, p);
+            t(E, m);
           }
         } catch (i) {
           console.error(`[Process Designer Warn ]: ${i.message || i}`);
@@ -6590,7 +6596,7 @@ const ai = {
       });
     },
     previewProcessJson() {
-      const n = new Ve();
+      const n = new ne();
       this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: e }) => {
         const { definitions: t } = n.xml2js(e);
         t ? this.previewResult = JSON.stringify(t, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
@@ -6726,7 +6732,7 @@ var ui = function() {
   null,
   null
 );
-const zi = fi.exports;
+const ji = fi.exports;
 export {
-  zi as default
+  ji as default
 };

package/package.json

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