@farris/ui-vue 1.2.9 → 1.3.0

package/components/events-editor/index.esm.js

@@ -1,57 +1,57 @@
-import { ref as b, defineComponent as D, createVNode as t, inject as R, Fragment as K, createTextVNode as T, computed as F, provide as O, onMounted as G } from "vue";
-import { cloneDeep as B } from "lodash-es";
-import { FSchemaSelector as ee } from "../schema-selector/index.esm.js";
-import { FModalService as ne } from "../modal/index.esm.js";
+import { ref as b, defineComponent as D, createVNode as t, inject as R, Fragment as ee, createTextVNode as T, computed as F, provide as O, onMounted as W } from "vue";
+import { isPlainObject as q, cloneDeep as B } from "lodash-es";
+import { FSchemaSelector as ne } from "../schema-selector/index.esm.js";
+import { FModalService as te } from "../modal/index.esm.js";
 import "../combo-list/index.esm.js";
-const W = {}, J = {};
+const J = {}, U = {};
 function z(n) {
-  const { properties: e, title: a, ignore: r } = n, d = r && Array.isArray(r), f = Object.keys(e).reduce((l, h) => ((!d || !r.find((m) => m == h)) && (l[h] = e[h].type === "object" && e[h].properties ? z(e[h]) : B(e[h].default)), l), {});
-  return (!d || !r.find((l) => l == "id")) && (f.id = `${a}-${Date.now()}`), f;
+  const { properties: e, title: a, ignore: r } = n, u = r && Array.isArray(r), f = Object.keys(e).reduce((l, h) => ((!u || !r.find((m) => m == h)) && (l[h] = e[h].type === "object" && e[h].properties ? z(e[h]) : B(e[h].default)), l), {});
+  return (!u || !r.find((l) => l == "id")) && (f.id = `${a}-${Date.now()}`), f;
 }
 function $(n, e = {}, a) {
-  const r = W[n];
+  const r = J[n];
   if (r) {
-    let d = z(r);
-    const f = J[n];
-    return d = f ? f({ getSchemaByType: $ }, d, e, a) : d, d;
+    let u = z(r);
+    const f = U[n];
+    return u = f ? f({ getSchemaByType: $ }, u, e, a) : u, u;
   }
   return null;
 }
-function te(n, e) {
+function oe(n, e) {
   const a = z(e);
-  return Object.keys(n).reduce((r, d) => (r[d] && typeof r[d] == "object" ? Object.assign(r[d], n[d]) : r[d] = n[d], r), a), a;
+  return Object.keys(n).reduce((r, u) => (r[u] && q(r[u]) && q(n[u]) ? Object.assign(r[u], n[u]) : r[u] = n[u], r), a), a;
 }
-function oe(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, d) => {
-    if (e.has(d)) {
-      const f = e.get(d);
+function re(n, e) {
+  return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
+    if (e.has(u)) {
+      const f = e.get(u);
       if (typeof f == "string")
-        r[f] = n[d];
+        r[f] = n[u];
       else {
-        const l = f(d, n[d], n);
+        const l = f(u, n[u], n);
         Object.assign(r, l);
       }
     } else
-      r[d] = n[d];
+      r[u] = n[u];
     return r;
   }, {});
 }
-function re(n, e, a = /* @__PURE__ */ new Map()) {
-  const r = te(n, e);
-  return oe(r, a);
+function ae(n, e, a = /* @__PURE__ */ new Map()) {
+  const r = oe(n, e);
+  return re(r, a);
 }
-function ae(n = {}) {
+function se(n = {}) {
   function e(s, i, o, c) {
     if (typeof o == "number")
       return c[s].length === o;
     if (typeof o == "object") {
-      const p = Object.keys(o)[0], u = o[p];
+      const p = Object.keys(o)[0], d = o[p];
       if (p === "not")
-        return Number(c[s].length) !== Number(u);
+        return Number(c[s].length) !== Number(d);
       if (p === "moreThan")
-        return Number(c[s].length) >= Number(u);
+        return Number(c[s].length) >= Number(d);
       if (p === "lessThan")
-        return Number(c[s].length) <= Number(u);
+        return Number(c[s].length) <= Number(d);
     }
     return !1;
   }
@@ -63,18 +63,18 @@ function ae(n = {}) {
     ["getProperty", a]
   ]);
   Object.keys(n).reduce((s, i) => (s.set(i, n[i]), s), r);
-  function d(s, i) {
+  function u(s, i) {
     const o = s;
     return typeof i == "number" ? [{ target: o, operator: "length", param: null, value: Number(i) }] : typeof i == "boolean" ? [{ target: o, operator: "getProperty", param: s, value: !!i }] : typeof i == "object" ? Object.keys(i).map((c) => {
       if (c === "length")
         return { target: o, operator: "length", param: null, value: i[c] };
-      const p = c, u = i[c];
-      return { target: o, operator: "getProperty", param: p, value: u };
+      const p = c, d = i[c];
+      return { target: o, operator: "getProperty", param: p, value: d };
     }) : [];
   }
   function f(s) {
     return Object.keys(s).reduce((o, c) => {
-      const p = d(c, s[c]);
+      const p = u(c, s[c]);
       return o.push(...p), o;
     }, []);
   }
@@ -86,32 +86,32 @@ function ae(n = {}) {
     return !1;
   }
   function h(s, i) {
-    return f(s).reduce((p, u) => p && l(u, i), !0);
+    return f(s).reduce((p, d) => p && l(d, i), !0);
   }
   function m(s, i) {
-    const o = Object.keys(s), c = o.includes("allOf"), p = o.includes("anyOf"), u = c || p, g = (u ? s[u ? c ? "allOf" : "anyOf" : "allOf"] : [s]).map((y) => h(y, i));
+    const o = Object.keys(s), c = o.includes("allOf"), p = o.includes("anyOf"), d = c || p, g = (d ? s[d ? c ? "allOf" : "anyOf" : "allOf"] : [s]).map((y) => h(y, i));
     return c ? !g.includes(!1) : g.includes(!0);
   }
   return { parseValueSchema: m };
 }
-const se = {}, le = {};
-ae();
-function ce(n, e, a = /* @__PURE__ */ new Map(), r = (l, h, m) => h, d = {}, f = (l) => l) {
-  return W[e.title] = e, J[e.title] = r, se[e.title] = d, le[e.title] = f, (l = {}) => {
-    const h = re(l, e, a), m = Object.keys(n).reduce((s, i) => (s[i] = n[i].default, s), {});
+const le = {}, ce = {};
+se();
+function ie(n, e, a = /* @__PURE__ */ new Map(), r = (l, h, m) => h, u = {}, f = (l) => l) {
+  return J[e.title] = e, U[e.title] = r, le[e.title] = u, ce[e.title] = f, (l = {}) => {
+    const h = ae(l, e, a), m = Object.keys(n).reduce((s, i) => (s[i] = n[i].default, s), {});
     return Object.assign(m, h);
   };
 }
-function ie(n, e) {
+function ue(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const ue = /* @__PURE__ */ new Map([
-  ["appearance", ie]
+const de = /* @__PURE__ */ new Map([
+  ["appearance", ue]
 ]);
-function de(n, e, a) {
+function fe(n, e, a) {
   return e;
 }
-const fe = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-design.gitee.io/events-editor.schema.json", ve = "events-editor", pe = "A Farris Component", he = "object", we = {
+const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-design.gitee.io/events-editor.schema.json", pe = "events-editor", he = "A Farris Component", we = "object", ge = {
   id: {
     description: "The unique identifier for events-editor",
     type: "string"
@@ -173,23 +173,23 @@ const fe = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
     type: "boolean",
     default: !0
   }
-}, ge = [
+}, be = [
   "id",
   "type"
-], be = {
-  $schema: fe,
-  $id: me,
-  title: ve,
-  description: pe,
-  type: he,
-  properties: we,
-  required: ge
-}, Ce = "events-editor", Ee = "A Farris Component", Se = "object", ye = {}, Me = {
-  title: Ce,
-  description: Ee,
-  type: Se,
-  categories: ye
-}, q = [
+], Ce = {
+  $schema: me,
+  $id: ve,
+  title: pe,
+  description: he,
+  type: we,
+  properties: ge,
+  required: be
+}, Ee = "events-editor", Se = "A Farris Component", ye = "object", Me = {}, Be = {
+  title: Ee,
+  description: Se,
+  type: ye,
+  categories: Me
+}, H = [
   {
     label: "pageChange",
     name: "MockMock切换页码"
@@ -210,7 +210,7 @@ const fe = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], Be = {
+], Le = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -274,7 +274,7 @@ const fe = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
     }
   ],
   /** (事件设定)可绑定事件默认列表; */
-  events: q,
+  events: H,
   /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
   boundEventsList: [],
   /** 视图模型已有命令 */
@@ -292,18 +292,18 @@ const fe = "https://json-schema.org/draft/2020-12/schema", me = "https://farris-
   /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
   newController: [],
   isAddControllerMethod: !1,
-  getEventList: () => ({ events: q, boundEventsList: [] })
+  getEventList: () => ({ events: H, boundEventsList: [] })
 }, _ = {
-  initialData: { type: Object, default: Be }
-}, H = ce(
+  initialData: { type: Object, default: Le }
+}, G = ie(
   _,
-  be,
-  ue,
+  Ce,
   de,
-  Me
+  fe,
+  Be
 );
-function U(n, e) {
-  const a = b([]), { boundEvents: r, unBoundEvent: d } = e;
+function Y(n, e) {
+  const a = b([]), { boundEvents: r, unBoundEvent: u } = e;
   function f(o) {
     return {
       /** 当前事件名称及label */
@@ -357,7 +357,7 @@ function U(n, e) {
   function i(o) {
     if (o >= 0 && o <= a.value.length - 1) {
       const c = a.value[o];
-      d(c.event), a.value.splice(o, 1);
+      u(c.event), a.value.splice(o, 1);
     }
   }
   return {
@@ -369,9 +369,9 @@ function U(n, e) {
     loadInteractions: l
   };
 }
-function Y(n) {
+function Q(n) {
   const e = b([]), a = b([]), r = b([]);
-  function d() {
+  function u() {
     const i = a.value.reduce(
       (c, p) => (c.set(p.boundEvents.label, !0), c),
       /* @__PURE__ */ new Map()
@@ -381,7 +381,7 @@ function Y(n) {
   function f() {
     var o;
     const i = ((o = a.value) == null ? void 0 : o.length) > 0;
-    r.value = i ? d() : e.value;
+    r.value = i ? u() : e.value;
   }
   function l() {
     e.value = n.value.events, a.value = n.value.boundEventsList, f();
@@ -396,7 +396,7 @@ function Y(n) {
     var c;
     const i = (c = n.value) == null ? void 0 : c.getEventList(), { events: o } = i;
     i && (n.value.events = B(o), n.value.boundEventsList = i.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(p) {
-      return o.find((u) => u.label == p.boundEvents.label);
+      return o.find((d) => d.label == p.boundEvents.label);
     }));
   }
   return {
@@ -409,18 +409,18 @@ function Y(n) {
     unBoundEvent: m
   };
 }
-const Le = {}, ke = {
+const ke = {}, Ne = {
   events: { type: Array, default: [] }
-}, Ne = /* @__PURE__ */ D({
+}, Ae = /* @__PURE__ */ D({
   name: "FEventList",
-  props: ke,
+  props: Ne,
   emits: ["click"],
   setup(n, e) {
     const a = b(n.events);
     function r(f) {
       e.emit("click", f);
     }
-    function d(f) {
+    function u(f) {
       return t("div", {
         class: "f-page-events-editor-first-bound-event"
       }, [t("div", {
@@ -430,20 +430,20 @@ const Le = {}, ke = {
     }
     return () => t("div", {
       class: "f-page-events-editor-events"
-    }, [a.value.map((f) => d(f))]);
+    }, [a.value.map((f) => u(f))]);
   }
-}), Q = /* @__PURE__ */ D({
+}), X = /* @__PURE__ */ D({
   name: "FInteractionButton",
-  props: Le,
+  props: ke,
   emits: ["click"],
   setup(n, e) {
     const a = R("useEventsComposition"), r = R("useInteractionCompostion"), {
-      candidateEvents: d
+      candidateEvents: u
     } = a, {
       collapseInteractions: f
     } = r, l = b(!1);
     function h(p) {
-      d.value = d.value.filter((u) => u.label !== p.label);
+      u.value = u.value.filter((d) => d.label !== p.label);
     }
     function m() {
       l.value = !1;
@@ -460,24 +460,24 @@ const Le = {}, ke = {
     function c() {
       f(), o();
     }
-    return () => t(K, null, [t("div", {
+    return () => t(ee, null, [t("div", {
       class: "f-page-events-editor-top-button"
     }, [t("button", {
       class: "f-page-events-editor-button",
       onClick: c
     }, [t("span", {
       class: "f-page-events-editor-text"
-    }, [T("新建交互事件")])])]), l.value && t(Ne, {
-      events: d.value,
+    }, [T("新建交互事件")])])]), l.value && t(Ae, {
+      events: u.value,
       onClick: i
     }, null)]);
   }
-}), Ae = {
+}), Pe = {
   collapsed: { type: Boolean, default: !0 },
   displayOrder: { type: Number, default: -1 },
   interaction: { type: Object, default: {} },
   controllers: { type: Array, default: [] }
-}, Pe = {
+}, Fe = {
   /** 入参 */
   initialData: { Type: Object, default: {} },
   /** 原层级结构数据 */
@@ -492,18 +492,18 @@ const Le = {}, ke = {
   exit: { Type: Number, default: -1 },
   /** 接收是否显示「可选择方法」功能 */
   haveBoundcommand: { Type: Boolean, default: !1 }
-}, Fe = {
+}, De = {
   controllers: { type: Array, default: [] }
-}, De = /* @__PURE__ */ D({
+}, Te = /* @__PURE__ */ D({
   name: "FCommandList",
-  props: Fe,
+  props: De,
   emits: ["selectMethod"],
   setup(n, e) {
     const a = b(n.controllers);
     function r(m) {
       return m.controllerList.length !== 0;
     }
-    function d(m) {
+    function u(m) {
       return r(m) && t("div", {
         class: "f-page-internals-controller"
       }, [t("div", {
@@ -527,33 +527,33 @@ const Le = {}, ke = {
       }, [s.name])]));
     }
     function h(m) {
-      return t("div", null, [d(m), l(m)]);
+      return t("div", null, [u(m), l(m)]);
     }
     return () => t("div", {
       class: "f-page-internals"
     }, [a.value.map((m) => h(m))]);
   }
-}), Te = /* @__PURE__ */ D({
+}), Oe = /* @__PURE__ */ D({
   name: "FCommandSource",
-  props: Pe,
+  props: Fe,
   emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
   setup(n, e) {
     const a = R("useMethodsComposition"), {
       controllers: r
-    } = a, d = b(!1), f = b(n.canAddNewMethod), l = F(() => !f.value), h = F(() => d.value), m = F(() => ({
+    } = a, u = b(!1), f = b(n.canAddNewMethod), l = F(() => !f.value), h = F(() => u.value), m = F(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
     })), s = Symbol("controller schema repository inject token");
     function i() {
-      return t(ee, {
+      return t(ne, {
         injectSymbolToken: s,
         "view-type": "NavList"
       }, null);
     }
     function o() {
-      ne.show({
+      te.show({
         title: "选择控制器",
         width: 950,
         render: i
@@ -563,7 +563,7 @@ const Le = {}, ke = {
     }
     function p() {
     }
-    function u() {
+    function d() {
     }
     function E() {
       e.emit("close", null);
@@ -608,7 +608,7 @@ const Le = {}, ke = {
     function y() {
       return t("div", {
         class: "f-page-command-source-choice"
-      }, [t(De, {
+      }, [t(Te, {
         controllers: r.value,
         onSelectMethod: S
       }, null)]);
@@ -620,16 +620,16 @@ const Le = {}, ke = {
       onClick: E
     }, [T("取消")])])]);
   }
-}), Oe = {
+}), je = {
   command: { type: Object, default: {} }
-}, je = /* @__PURE__ */ D({
+}, Re = /* @__PURE__ */ D({
   name: "FParameterEditor",
-  props: Oe,
+  props: je,
   emits: ["confirm", "change"],
   setup(n, e) {
-    const a = b(n.command), r = b(0), d = b(!1), f = b(!1);
+    const a = b(n.command), r = b(0), u = b(!1), f = b(!1);
     b(""), b([]);
-    const l = F(() => a.value !== null), h = F(() => d.value), m = F(() => f.value), s = F(() => !d.value && !f.value), i = b(!1);
+    const l = F(() => a.value !== null), h = F(() => u.value), m = F(() => f.value), s = F(() => !u.value && !f.value), i = b(!1);
     function o() {
     }
     function c() {
@@ -642,7 +642,7 @@ const Le = {}, ke = {
     }
     function p() {
     }
-    function u() {
+    function d() {
       return t("div", null, [t("div", {
         title: "'方法已被删除，请绑定其他方法'",
         class: "f-icon f-icon-flowline-warning",
@@ -713,20 +713,20 @@ const Le = {}, ke = {
         title: a.value.label
       }, [a.value.name]), t("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && c(), m.value && u(), s.value && L()])]), i.value && k(), i.value && w()]);
+      }, [h.value && c(), m.value && d(), s.value && L()])]), i.value && k(), i.value && w()]);
     }
     return () => t("div", {
       class: "f-page-parameter-editor"
     }, [l.value && N()]);
   }
-}), X = /* @__PURE__ */ D({
+}), Z = /* @__PURE__ */ D({
   name: "FInteractionItem",
-  props: Ae,
+  props: Pe,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
     const a = R("useMethodsComposition"), {
       toggleSelectingMethod: r,
-      emitFinalState: d
+      emitFinalState: u
     } = a, f = b(n.controllers), l = b(n.interaction), h = b(n.displayOrder), m = F(() => {
       const v = l.value.showSwitch[0];
       return v.showSection[v.showSwitchNumber][2];
@@ -751,7 +751,7 @@ const Le = {}, ke = {
         r(C), e.emit("addAction", h.value);
       }
     }
-    function u(v) {
+    function d(v) {
       v === null && l.value.command === null && e.emit("delete", h.value);
       const C = l.value.showSwitch[0];
       r(C);
@@ -767,26 +767,26 @@ const Le = {}, ke = {
         handlerName: A
       } = C, {
         controllerName: P
-      } = w, I = !1, x = P.id;
+      } = w, I = !1, K = P.id;
       l.value.command = {
         id: k,
         label: N,
         name: M,
         handlerName: A,
         hasPath: I,
-        cmpId: x
+        cmpId: K
       }, l.value.controller = {
         id: P.id,
         label: P.label,
         name: P.name
       };
       const j = l.value.showSwitch[0];
-      j.showSwitchNumber = 2, j.showSection[j.showSwitchNumber][2] = !1, j.showSection[j.showSwitchNumber][3] = !0, d();
+      j.showSwitchNumber = 2, j.showSection[j.showSwitchNumber][2] = !1, j.showSection[j.showSwitchNumber][3] = !0, u();
     }
     function L() {
-      return t(Te, {
+      return t(Oe, {
         controllers: f.value,
-        onClose: u,
+        onClose: d,
         onSelectMethod: E
       }, null);
     }
@@ -795,10 +795,10 @@ const Le = {}, ke = {
       v.showSection[v.showSwitchNumber][3] = !1;
     }
     function S(v) {
-      l.value.command = B(v), d();
+      l.value.command = B(v), u();
     }
     function y() {
-      return t(je, {
+      return t(Re, {
         command: l.value.command,
         onConfirm: () => g(),
         onChange: (v) => S(v)
@@ -828,23 +828,23 @@ const Le = {}, ke = {
     }, null)]), m.value && L(), s.value && y()]);
   }
 });
-function Z(n, e, a) {
-  const { interactions: r } = e, d = b(n.value.internalCommandList);
-  function f(u) {
-    r.value[u].showSwitch = [], r.value[u].showSwitch.push(B({
+function x(n, e, a) {
+  const { interactions: r } = e, u = b(n.value.internalCommandList);
+  function f(d) {
+    r.value[d].showSwitch = [], r.value[d].showSwitch.push(B({
       // 存储所有的展示设定
       showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
       // 展示哪个部分
       showSwitchNumber: 2
     })), r.value = B(r.value);
   }
-  function l(u, E, L) {
+  function l(d, E, L) {
   }
-  function h(u) {
+  function h(d) {
     var L;
     const E = [];
     return (L = n.value.newController) == null || L.forEach((g) => {
-      u.forEach((S) => {
+      d.forEach((S) => {
         g.Code === S.controller.label && E.push(B(g));
       });
     }), E;
@@ -852,18 +852,18 @@ function Z(n, e, a) {
   function m() {
     var S;
     n.value.isAddControllerMethod = !!n.value.newFuncEvents;
-    const u = [], E = B(n.value.internalCommandList);
+    const d = [], E = B(n.value.internalCommandList);
     r.value.map((y) => {
       const v = B(y.controller), C = B(y.command), w = B(y.event), k = { controller: v, command: C, boundEvents: w };
-      u.push(B(k));
+      d.push(B(k));
     });
-    const L = (S = n.value.newController) != null && S.length && u.length ? B(h(u)) : [], g = {
+    const L = (S = n.value.newController) != null && S.length && d.length ? B(h(d)) : [], g = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
       savedCommand: B(n.value.viewModel),
       /** 当前界面显示的绑定事件 */
-      boundEventsList: B(u),
+      boundEventsList: B(d),
       /** 可选择的绑定事件列表 */
       events: B(n.value.events),
       /** 内置构件列表； */
@@ -887,23 +887,23 @@ function Z(n, e, a) {
     };
     a.emit("savedCommandListChanged", g);
   }
-  function s(u) {
-    u.showSection[u.showSwitchNumber][2] = !0;
+  function s(d) {
+    d.showSection[d.showSwitchNumber][2] = !0;
   }
-  function i(u) {
-    u.showSection[u.showSwitchNumber][2] = !1;
+  function i(d) {
+    d.showSection[d.showSwitchNumber][2] = !1;
   }
-  function o(u) {
-    u.showSection[u.showSwitchNumber][3] = !0;
+  function o(d) {
+    d.showSection[d.showSwitchNumber][3] = !0;
   }
-  function c(u) {
-    u.showSection[u.showSwitchNumber][3] = !1;
+  function c(d) {
+    d.showSection[d.showSwitchNumber][3] = !1;
   }
-  function p(u) {
-    u.showSection[u.showSwitchNumber][2] ? (i(u), o(u)) : (s(u), c(u));
+  function p(d) {
+    d.showSection[d.showSwitchNumber][2] ? (i(d), o(d)) : (s(d), c(d));
   }
   return {
-    controllers: d,
+    controllers: u,
     onClosed: f,
     emitFinalState: m,
     onCurrentCommandChanged: l,
@@ -915,28 +915,28 @@ const V = /* @__PURE__ */ D({
   props: _,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Y(a), {
-      loadEvents: d,
+    const a = b(n.initialData), r = Q(a), {
+      loadEvents: u,
       resetBoundEvents: f
-    } = r, l = U(a, r), {
+    } = r, l = Y(a, r), {
       addNewInteraction: h,
       deleteInteracton: m,
       interactions: s,
       loadInteractions: i
-    } = l, o = Z(a, l, e);
+    } = l, o = x(a, l, e);
     O("useEventsComposition", r), O("useInteractionCompostion", l), O("useMethodsComposition", o);
     function c() {
       a.value.isAddControllerMethod = !1;
     }
-    G(() => {
-      c(), f(), d(), i();
+    W(() => {
+      c(), f(), u(), i();
     });
     function p(g) {
       m(g);
     }
-    function u(g, S) {
+    function d(g, S) {
       const y = g.showSwitch[0], v = y.showSection[y.showSwitchNumber][3];
-      return t(X, {
+      return t(Z, {
         interaction: g,
         displayOrder: S,
         collapsed: v,
@@ -948,7 +948,7 @@ const V = /* @__PURE__ */ D({
       return (g = s.value) == null ? void 0 : g.map((S, y) => t("div", {
         class: "events-display-order",
         key: S.event.label
-      }, [u(S, y)]));
+      }, [d(S, y)]));
     }
     function L(g) {
       h(g);
@@ -957,16 +957,16 @@ const V = /* @__PURE__ */ D({
       class: "f-page-events-editor"
     }, [t("div", {
       class: "f-page-events-editor-content"
-    }, [t(Q, {
+    }, [t(X, {
       onClick: L
     }, null), E()])]);
   }
 });
-function Re(n, e, a) {
+function Ie(n, e, a) {
   var C;
   function r() {
   }
-  const d = "", f = "", l = b();
+  const u = "", f = "", l = b();
   function h() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
@@ -994,7 +994,7 @@ function Re(n, e, a) {
   function p(w) {
     return !!a;
   }
-  function u() {
+  function d() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function E() {
@@ -1027,12 +1027,12 @@ function Re(n, e, a) {
     elementRef: n,
     parent: (C = e == null ? void 0 : e.parent) == null ? void 0 : C.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: d,
+    styles: u,
     designerClass: f,
     canAccepts: p,
     getBelongedComponentInstance: o,
     getDraggableDesignItemElement: c,
-    getDraggingDisplayText: u,
+    getDraggingDisplayText: d,
     getPropConfig: v,
     getDragScopeElement: E,
     onAcceptMovedChildElement: L,
@@ -1044,25 +1044,25 @@ function Re(n, e, a) {
     triggerBelongedComponentToDeleteWhenDeleted: b(!1)
   }, l;
 }
-const Ie = /* @__PURE__ */ D({
+const Ve = /* @__PURE__ */ D({
   name: "FEventsEditorDesign",
   props: _,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Y(a), {
-      loadEvents: d,
+    const a = b(n.initialData), r = Q(a), {
+      loadEvents: u,
       resetBoundEvents: f
-    } = r, l = U(a, r), {
+    } = r, l = Y(a, r), {
       addNewInteraction: h,
       deleteInteracton: m,
       interactions: s,
       loadInteractions: i
-    } = l, o = Z(a, l, e);
+    } = l, o = x(a, l, e);
     O("useEventsComposition", r), O("useInteractionCompostion", l), O("useMethodsComposition", o);
-    const c = b(), p = R("design-item-context"), u = Re(c, p);
-    G(() => {
-      c.value.componentInstance = u, E(), f(), d(), i();
-    }), e.expose(u.value);
+    const c = b(), p = R("design-item-context"), d = Ie(c, p);
+    W(() => {
+      c.value.componentInstance = d, E(), f(), u(), i();
+    }), e.expose(d.value);
     function E() {
       a.value.isAddControllerMethod = !1;
     }
@@ -1071,7 +1071,7 @@ const Ie = /* @__PURE__ */ D({
     }
     function g(v, C) {
       const w = v.showSwitch[0], k = w.showSection[w.showSwitchNumber][3];
-      return t(X, {
+      return t(Z, {
         interaction: v,
         displayOrder: C,
         collapsed: k,
@@ -1093,24 +1093,24 @@ const Ie = /* @__PURE__ */ D({
       class: "f-page-events-editor"
     }, [t("div", {
       class: "f-page-events-editor-content"
-    }, [t(Q, {
+    }, [t(X, {
       onClick: y
     }, null), S()])]);
   }
-}), He = {
+}), Ge = {
   install(n) {
     n.component(V.name, V);
   },
   register(n, e, a, r) {
-    n["events-editor"] = V, e["events-editor"] = H;
+    n["events-editor"] = V, e["events-editor"] = G;
   },
   registerDesigner(n, e, a) {
-    n["events-editor"] = Ie, e["events-editor"] = H;
+    n["events-editor"] = Ve, e["events-editor"] = G;
   }
 };
 export {
   V as FEventsEditor,
-  He as default,
+  Ge as default,
   _ as eventsEditorProps,
-  H as propsResolver
+  G as propsResolver
 };