@farris/ui-vue 1.2.6 → 1.2.8

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

@@ -1,38 +1,38 @@
-import { ref as C, defineComponent as F, createVNode as r, inject as j, Fragment as Z, createTextVNode as D, computed as N, provide as O, onMounted as W } from "vue";
+import { ref as C, defineComponent as F, createVNode as r, inject as O, Fragment as Z, createTextVNode as D, computed as N, provide as j, onMounted as W } from "vue";
 import { cloneDeep as M } from "lodash-es";
-import { FSchemaSelector as x } from "@farris/ui-vue/components/schema-selector";
-import { FModalService as K } from "@farris/ui-vue/components/modal";
-import "@farris/ui-vue/components/combo-list";
+import { FSchemaSelector as x } from "../schema-selector/index.esm.js";
+import { FModalService as K } from "../modal/index.esm.js";
+import "../combo-list/index.esm.js";
 const J = {}, U = {};
 function $(n) {
-  const { properties: e, title: s } = n, o = Object.keys(e).reduce((d, m) => (d[m] = e[m].type === "object" && e[m].properties ? $(e[m]) : M(e[m].default), d), {});
+  const { properties: e, title: s } = n, o = Object.keys(e).reduce((i, m) => (i[m] = e[m].type === "object" && e[m].properties ? $(e[m]) : M(e[m].default), i), {});
   return o.id = `${s}-${Date.now()}`, o;
 }
 function I(n, e = {}) {
   const s = J[n];
   if (s) {
     let o = $(s);
-    const d = U[n];
-    return o = d ? d({ getSchemaByType: I }, o, e) : o, o;
+    const i = U[n];
+    return o = i ? i({ getSchemaByType: I }, o, e) : o, o;
   }
   return null;
 }
 function ee(n, e) {
   const s = $(e);
-  return Object.keys(n).reduce((o, d) => (o[d] = n[d], o), s), s;
+  return Object.keys(n).reduce((o, i) => (o[i] && typeof o[i] == "object" ? Object.assign(o[i], n[i]) : o[i] = n[i], o), s), s;
 }
 function ne(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, d) => {
-    if (e.has(d)) {
-      const m = e.get(d);
+  return Object.keys(n).filter((o) => n[o] != null).reduce((o, i) => {
+    if (e.has(i)) {
+      const m = e.get(i);
       if (typeof m == "string")
-        o[m] = n[d];
+        o[m] = n[i];
       else {
-        const i = m(d, n[d], n);
-        Object.assign(o, i);
+        const u = m(i, n[i], n);
+        Object.assign(o, u);
       }
     } else
-      o[d] = n[d];
+      o[i] = n[i];
     return o;
   }, {});
 }
@@ -41,7 +41,7 @@ function te(n, e, s = /* @__PURE__ */ new Map()) {
   return ne(o, s);
 }
 function oe(n = {}) {
-  function e(a, u, t, l) {
+  function e(a, d, t, l) {
     if (typeof t == "number")
       return l[a].length === t;
     if (typeof t == "object") {
@@ -55,50 +55,50 @@ function oe(n = {}) {
     }
     return !1;
   }
-  function s(a, u, t, l) {
+  function s(a, d, t, l) {
     return l[a] && l[a].propertyValue && String(l[a].propertyValue.value) === String(t);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", s]
   ]);
-  Object.keys(n).reduce((a, u) => (a.set(u, n[u]), a), o);
-  function d(a, u) {
+  Object.keys(n).reduce((a, d) => (a.set(d, n[d]), a), o);
+  function i(a, d) {
     const t = a;
-    return typeof u == "number" ? [{ target: t, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: t, operator: "getProperty", param: a, value: !!u }] : typeof u == "object" ? Object.keys(u).map((l) => {
+    return typeof d == "number" ? [{ target: t, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: t, operator: "getProperty", param: a, value: !!d }] : typeof d == "object" ? Object.keys(d).map((l) => {
       if (l === "length")
-        return { target: t, operator: "length", param: null, value: u[l] };
-      const p = l, c = u[l];
+        return { target: t, operator: "length", param: null, value: d[l] };
+      const p = l, c = d[l];
       return { target: t, operator: "getProperty", param: p, value: c };
     }) : [];
   }
   function m(a) {
     return Object.keys(a).reduce((t, l) => {
-      const p = d(l, a[l]);
+      const p = i(l, a[l]);
       return t.push(...p), t;
     }, []);
   }
-  function i(a, u) {
+  function u(a, d) {
     if (o.has(a.operator)) {
       const t = o.get(a.operator);
-      return t && t(a.target, a.param, a.value, u) || !1;
+      return t && t(a.target, a.param, a.value, d) || !1;
     }
     return !1;
   }
-  function h(a, u) {
-    return m(a).reduce((p, c) => p && i(c, u), !0);
+  function h(a, d) {
+    return m(a).reduce((p, c) => p && u(c, d), !0);
   }
-  function f(a, u) {
-    const t = Object.keys(a), l = t.includes("allOf"), p = t.includes("anyOf"), c = l || p, g = (c ? a[c ? l ? "allOf" : "anyOf" : "allOf"] : [a]).map((b) => h(b, u));
+  function f(a, d) {
+    const t = Object.keys(a), l = t.includes("allOf"), p = t.includes("anyOf"), c = l || p, g = (c ? a[c ? l ? "allOf" : "anyOf" : "allOf"] : [a]).map((b) => h(b, d));
     return l ? !g.includes(!1) : g.includes(!0);
   }
   return { parseValueSchema: f };
 }
 const se = {}, re = {};
 oe();
-function ae(n, e, s = /* @__PURE__ */ new Map(), o = (i, h, f) => h, d = {}, m = (i) => i) {
-  return J[e.title] = e, U[e.title] = o, se[e.title] = d, re[e.title] = m, (i = {}) => {
-    const h = te(i, e, s), f = Object.keys(n).reduce((a, u) => (a[u] = n[u].default, a), {});
+function ae(n, e, s = /* @__PURE__ */ new Map(), o = (u, h, f) => h, i = {}, m = (u) => u) {
+  return J[e.title] = e, U[e.title] = o, se[e.title] = i, re[e.title] = m, (u = {}) => {
+    const h = te(u, e, s), f = Object.keys(n).reduce((a, d) => (a[d] = n[d].default, a), {});
     return Object.assign(f, h);
   };
 }
@@ -184,11 +184,11 @@ const ue = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
   type: pe,
   properties: ve,
   required: he
-}, ge = "events-editor", be = "A Farris Component", Ce = "object", Se = {}, ye = {
+}, ge = "events-editor", be = "A Farris Component", Ce = "object", Ee = {}, Se = {
   title: ge,
   description: be,
   type: Ce,
-  categories: Se
+  categories: Ee
 }, _ = [
   {
     label: "pageChange",
@@ -210,7 +210,7 @@ const ue = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], Ee = {
+], ye = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -294,16 +294,16 @@ const ue = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-
   isAddControllerMethod: !1,
   getEventList: () => ({ events: _, boundEventsList: [] })
 }, z = {
-  initialData: { type: Object, default: Ee }
+  initialData: { type: Object, default: ye }
 }, q = ae(
   z,
   we,
   ce,
   ie,
-  ye
+  Se
 );
 function Y(n, e) {
-  const s = C([]), { boundEvents: o, unBoundEvent: d } = e;
+  const s = C([]), { boundEvents: o, unBoundEvent: i } = e;
   function m(t) {
     return {
       /** 当前事件名称及label */
@@ -329,7 +329,7 @@ function Y(n, e) {
       controller: M(t.controller)
     };
   }
-  function i() {
+  function u() {
     var t;
     s.value = (t = o.value) == null ? void 0 : t.map((l) => m(l));
   }
@@ -354,48 +354,48 @@ function Y(n, e) {
       l.showSection[2][3] = !l.showSection[2][3];
     });
   }
-  function u(t) {
+  function d(t) {
     if (t >= 0 && t <= s.value.length - 1) {
       const l = s.value[t];
-      d(l.event), s.value.splice(t, 1);
+      i(l.event), s.value.splice(t, 1);
     }
   }
   return {
     addNewInteraction: h,
     collapseInteractions: f,
-    deleteInteracton: u,
+    deleteInteracton: d,
     toggleMethodInInteraction: a,
     interactions: s,
-    loadInteractions: i
+    loadInteractions: u
   };
 }
 function G(n) {
   const e = C([]), s = C([]), o = C([]);
-  function d() {
-    const u = s.value.reduce(
+  function i() {
+    const d = s.value.reduce(
       (l, p) => (l.set(p.boundEvents.label, !0), l),
       /* @__PURE__ */ new Map()
     );
-    return e.value.filter((l) => !u.has(l.label));
+    return e.value.filter((l) => !d.has(l.label));
   }
   function m() {
     var t;
-    const u = ((t = s.value) == null ? void 0 : t.length) > 0;
-    o.value = u ? d() : e.value;
+    const d = ((t = s.value) == null ? void 0 : t.length) > 0;
+    o.value = d ? i() : e.value;
   }
-  function i() {
+  function u() {
     e.value = n.value.events, s.value = n.value.boundEventsList, m();
   }
-  function h(u) {
-    o.value = o.value.filter((t) => t.label !== u.label);
+  function h(d) {
+    o.value = o.value.filter((t) => t.label !== d.label);
   }
-  function f(u) {
-    s.value = s.value.filter((t) => t.boundEvents.label !== u.label), m();
+  function f(d) {
+    s.value = s.value.filter((t) => t.boundEvents.label !== d.label), m();
   }
   function a() {
     var l;
-    const u = (l = n.value) == null ? void 0 : l.getEventList(), { events: t } = u;
-    u && (n.value.events = M(t), n.value.boundEventsList = u.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(p) {
+    const d = (l = n.value) == null ? void 0 : l.getEventList(), { events: t } = d;
+    d && (n.value.events = M(t), n.value.boundEventsList = d.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(p) {
       return t.find((c) => c.label == p.boundEvents.label);
     }));
   }
@@ -404,7 +404,7 @@ function G(n) {
     boundEvents: s,
     candidateEvents: o,
     excludeFromCandidates: h,
-    loadEvents: i,
+    loadEvents: u,
     resetBoundEvents: a,
     unBoundEvent: f
   };
@@ -420,7 +420,7 @@ const Me = {}, Be = {
     function o(m) {
       e.emit("click", m);
     }
-    function d(m) {
+    function i(m) {
       return r("div", {
         class: "f-page-events-editor-first-bound-event"
       }, [r("div", {
@@ -430,32 +430,32 @@ const Me = {}, Be = {
     }
     return () => r("div", {
       class: "f-page-events-editor-events"
-    }, [s.value.map((m) => d(m))]);
+    }, [s.value.map((m) => i(m))]);
   }
 }), H = /* @__PURE__ */ F({
   name: "FInteractionButton",
   props: Me,
   emits: ["click"],
   setup(n, e) {
-    const s = j("useEventsComposition"), o = j("useInteractionCompostion"), {
-      candidateEvents: d
+    const s = O("useEventsComposition"), o = O("useInteractionCompostion"), {
+      candidateEvents: i
     } = s, {
       collapseInteractions: m
-    } = o, i = C(!1);
+    } = o, u = C(!1);
     function h(p) {
-      d.value = d.value.filter((c) => c.label !== p.label);
+      i.value = i.value.filter((c) => c.label !== p.label);
     }
     function f() {
-      i.value = !1;
+      u.value = !1;
     }
     function a() {
-      i.value = !0;
+      u.value = !0;
     }
-    function u(p) {
+    function d(p) {
       f(), h(p), e.emit("click", p);
     }
     function t() {
-      i.value ? f() : a();
+      u.value ? f() : a();
     }
     function l() {
       m(), t();
@@ -467,9 +467,9 @@ const Me = {}, Be = {
       onClick: l
     }, [r("span", {
       class: "f-page-events-editor-text"
-    }, [D("新建交互事件")])])]), i.value && r(Le, {
-      events: d.value,
-      onClick: u
+    }, [D("新建交互事件")])])]), u.value && r(Le, {
+      events: i.value,
+      onClick: d
     }, null)]);
   }
 }), ke = {
@@ -503,7 +503,7 @@ const Me = {}, Be = {
     function o(f) {
       return f.controllerList.length !== 0;
     }
-    function d(f) {
+    function i(f) {
       return o(f) && r("div", {
         class: "f-page-internals-controller"
       }, [r("div", {
@@ -517,7 +517,7 @@ const Me = {}, Be = {
         controller: a
       });
     }
-    function i(f) {
+    function u(f) {
       return f.controllerList.map((a) => r("div", {
         class: "f-page-internals-command",
         onClick: () => m(a, f)
@@ -527,7 +527,7 @@ const Me = {}, Be = {
       }, [a.name])]));
     }
     function h(f) {
-      return r("div", null, [d(f), i(f)]);
+      return r("div", null, [i(f), u(f)]);
     }
     return () => r("div", {
       class: "f-page-internals"
@@ -538,15 +538,15 @@ const Me = {}, Be = {
   props: Ne,
   emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
   setup(n, e) {
-    const s = j("useMethodsComposition"), {
+    const s = O("useMethodsComposition"), {
       controllers: o
-    } = s, d = C(!1), m = C(n.canAddNewMethod), i = N(() => !m.value), h = N(() => d.value), f = N(() => ({
+    } = s, i = C(!1), m = C(n.canAddNewMethod), u = N(() => !m.value), h = N(() => i.value), f = N(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
     })), a = Symbol("controller schema repository inject token");
-    function u() {
+    function d() {
       return r(x, {
         injectSymbolToken: a,
         "view-type": "NavList"
@@ -556,7 +556,7 @@ const Me = {}, Be = {
       K.show({
         title: "选择控制器",
         width: 950,
-        render: u
+        render: d
       });
     }
     function l() {
@@ -565,10 +565,10 @@ const Me = {}, Be = {
     }
     function c() {
     }
-    function y() {
+    function S() {
       e.emit("close", null);
     }
-    function E() {
+    function y() {
       return r("div", {
         class: "f-command-breakline"
       }, [D("------------------------------------------------------------")]);
@@ -584,7 +584,7 @@ const Me = {}, Be = {
       }, null), r("div", {
         class: "f-function-class",
         onClick: () => t()
-      }, [D("引入控制器")])]), i.value && r("div", {
+      }, [D("引入控制器")])]), u.value && r("div", {
         class: "f-page-internals-new-command-func2"
       }, [r("div", {
         class: "f-icon f-icon-new-edit",
@@ -602,8 +602,8 @@ const Me = {}, Be = {
         onClick: () => void 0
       }, [D("已有方法")])])]);
     }
-    function v(S) {
-      e.emit("selectMethod", S);
+    function v(E) {
+      e.emit("selectMethod", E);
     }
     function b() {
       return r("div", {
@@ -615,9 +615,9 @@ const Me = {}, Be = {
     }
     return () => r("div", {
       class: "f-page-events-editor-command-source"
-    }, [b(), E(), g(), E(), r("div", null, [r("div", {
+    }, [b(), y(), g(), y(), r("div", null, [r("div", {
       class: "f-page-internals-close",
-      onClick: y
+      onClick: S
     }, [D("取消")])])]);
   }
 }), Te = {
@@ -627,10 +627,10 @@ const Me = {}, Be = {
   props: Te,
   emits: [],
   setup(n, e) {
-    const s = C(n.command), o = C(0), d = C(!1), m = C(!1);
+    const s = C(n.command), o = C(0), i = C(!1), m = C(!1);
     C(""), C([]);
-    const i = N(() => s.value !== null), h = N(() => d.value), f = N(() => m.value), a = N(() => !d.value && !m.value);
-    function u() {
+    const u = N(() => s.value !== null), h = N(() => i.value), f = N(() => m.value), a = N(() => !i.value && !m.value);
+    function d() {
     }
     function t() {
       return r("div", null, [r("div", {
@@ -652,14 +652,14 @@ const Me = {}, Be = {
     }
     function c(g) {
     }
-    function y() {
+    function S() {
       return r("div", null, [r("div", {
         class: "f-icon f-icon-edit-button",
         style: "font-size: 13px;margin-right:10px;",
         onClick: () => (o.value, void 0)
       }, null)]);
     }
-    function E() {
+    function y() {
       return r("div", null, [r("div", {
         class: "f-page-parameter-editor-first-row"
       }, [r("span", {
@@ -667,27 +667,27 @@ const Me = {}, Be = {
         title: s.value.label
       }, [s.value.name]), r("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && t(), f.value && p(), a.value && y()])])]);
+      }, [h.value && t(), f.value && p(), a.value && S()])])]);
     }
     return () => r("div", {
       class: "f-page-parameter-editor"
-    }, [i.value && E()]);
+    }, [u.value && y()]);
   }
 }), Q = /* @__PURE__ */ F({
   name: "FInteractionItem",
   props: ke,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
-    const s = j("useMethodsComposition"), {
+    const s = O("useMethodsComposition"), {
       toggleSelectingMethod: o,
-      emitFinalState: d
-    } = s, m = C(n.controllers), i = C(n.interaction), h = C(n.displayOrder), f = N(() => {
-      const v = i.value.showSwitch[0];
+      emitFinalState: i
+    } = s, m = C(n.controllers), u = C(n.interaction), h = C(n.displayOrder), f = N(() => {
+      const v = u.value.showSwitch[0];
       return v.showSection[v.showSwitchNumber][2];
     }), a = N(() => {
-      const v = !!i.value.command, b = i.value.showSwitch[0], S = b.showSection[b.showSwitchNumber][3];
-      return v && S;
-    }), u = N(() => ({
+      const v = !!u.value.command, b = u.value.showSwitch[0], E = b.showSection[b.showSwitchNumber][3];
+      return v && E;
+    }), d = N(() => ({
       "f-icon": !0,
       "f-icon-arrow-chevron-down": a.value,
       "f-icon-arrow-chevron-left": !a.value
@@ -696,24 +696,24 @@ const Me = {}, Be = {
       e.emit("delete", h.value);
     }
     function l() {
-      const v = i.value.showSwitch[0];
+      const v = u.value.showSwitch[0];
       v.showSection[v.showSwitchNumber][3] = !v.showSection[v.showSwitchNumber][3], e.emit("toggle", h.value);
     }
     function p() {
-      if (i.value.command !== null) {
-        const b = i.value.showSwitch[0];
+      if (u.value.command !== null) {
+        const b = u.value.showSwitch[0];
         o(b), e.emit("addAction", h.value);
       }
     }
     function c(v) {
-      v === null && i.value.command === null && e.emit("delete", h.value);
-      const b = i.value.showSwitch[0];
+      v === null && u.value.command === null && e.emit("delete", h.value);
+      const b = u.value.showSwitch[0];
       o(b);
     }
-    function y(v) {
+    function S(v) {
       const {
         method: b,
-        controller: S
+        controller: E
       } = v, {
         id: k,
         label: w,
@@ -721,32 +721,32 @@ const Me = {}, Be = {
         handlerName: L
       } = b, {
         controllerName: A
-      } = S, R = !1, P = A.id;
-      i.value.command = {
+      } = E, R = !1, P = A.id;
+      u.value.command = {
         id: k,
         label: w,
         name: B,
         handlerName: L,
         hasPath: R,
         cmpId: P
-      }, i.value.controller = {
+      }, u.value.controller = {
         id: A.id,
         label: A.label,
         name: A.name
       };
-      const T = i.value.showSwitch[0];
-      T.showSwitchNumber = 2, T.showSection[T.showSwitchNumber][2] = !1, T.showSection[T.showSwitchNumber][3] = !0, d();
+      const T = u.value.showSwitch[0];
+      T.showSwitchNumber = 2, T.showSection[T.showSwitchNumber][2] = !1, T.showSection[T.showSwitchNumber][3] = !0, i();
     }
-    function E() {
+    function y() {
       return r(Pe, {
         controllers: m.value,
         onClose: c,
-        onSelectMethod: y
+        onSelectMethod: S
       }, null);
     }
     function g() {
       return r(De, {
-        command: i.value.command
+        command: u.value.command
       }, null);
     }
     return () => r("div", {
@@ -755,11 +755,11 @@ const Me = {}, Be = {
       class: "f-page-events-editor-bound-event"
     }, [r("div", {
       class: "f-page-events-editor-bound-event-name",
-      title: i.value.event.label
-    }, [i.value.event.name]), r("div", {
+      title: u.value.event.label
+    }, [u.value.event.name]), r("div", {
       style: "float:right;margin:5px;"
     }, [r("div", {
-      class: u.value,
+      class: d.value,
       style: "font-size: 10px;",
       onClick: l
     }, null)]), r("div", {
@@ -770,11 +770,11 @@ const Me = {}, Be = {
       class: "f-icon f-icon-home-add",
       style: "float:right; font-size: 10px; margin:8px;",
       onClick: p
-    }, null)]), f.value && E(), a.value && g()]);
+    }, null)]), f.value && y(), a.value && g()]);
   }
 });
 function X(n, e, s) {
-  const { interactions: o } = e, d = C(n.value.internalCommandList);
+  const { interactions: o } = e, i = C(n.value.internalCommandList);
   function m(c) {
     o.value[c].showSwitch = [], o.value[c].showSwitch.push(M({
       // 存储所有的展示设定
@@ -783,26 +783,26 @@ function X(n, e, s) {
       showSwitchNumber: 2
     })), o.value = M(o.value);
   }
-  function i(c, y, E) {
+  function u(c, S, y) {
   }
   function h(c) {
-    var E;
-    const y = [];
-    return (E = n.value.newController) == null || E.forEach((g) => {
+    var y;
+    const S = [];
+    return (y = n.value.newController) == null || y.forEach((g) => {
       c.forEach((v) => {
-        g.Code === v.controller.label && y.push(M(g));
+        g.Code === v.controller.label && S.push(M(g));
       });
-    }), y;
+    }), S;
   }
   function f() {
     var v;
     n.value.isAddControllerMethod = !!n.value.newFuncEvents;
-    const c = [], y = M(n.value.internalCommandList);
+    const c = [], S = M(n.value.internalCommandList);
     o.value.map((b) => {
-      const S = M(b.controller), k = M(b.command), w = M(b.event), B = { controller: S, command: k, boundEvents: w };
+      const E = M(b.controller), k = M(b.command), w = M(b.event), B = { controller: E, command: k, boundEvents: w };
       c.push(M(B));
     });
-    const E = (v = n.value.newController) != null && v.length && c.length ? M(h(c)) : [], g = {
+    const y = (v = n.value.newController) != null && v.length && c.length ? M(h(c)) : [], g = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
@@ -812,7 +812,7 @@ function X(n, e, s) {
       /** 可选择的绑定事件列表 */
       events: M(n.value.events),
       /** 内置构件列表； */
-      internalCommandList: M(y),
+      internalCommandList: M(S),
       /** 所有可选的组件 */
       componentLists: [],
       /** 接收formBasicService.formMetaBasicInfo.relativePath */
@@ -820,7 +820,7 @@ function X(n, e, s) {
       /** 接收formBasicService.envType */
       envType: n.value.envType,
       /** 初始为空，用于存储用户点击「导入新方法」的控制器值 */
-      newController: M(E),
+      newController: M(y),
       /** 切换到代码视图标识 */
       isAddControllerMethod: n.value.isAddControllerMethod,
       /** 用户选择「已有方法」 */
@@ -835,7 +835,7 @@ function X(n, e, s) {
   function a(c) {
     c.showSection[c.showSwitchNumber][2] = !0;
   }
-  function u(c) {
+  function d(c) {
     c.showSection[c.showSwitchNumber][2] = !1;
   }
   function t(c) {
@@ -845,13 +845,13 @@ function X(n, e, s) {
     c.showSection[c.showSwitchNumber][3] = !1;
   }
   function p(c) {
-    c.showSection[c.showSwitchNumber][2] ? (u(c), t(c)) : (a(c), l(c));
+    c.showSection[c.showSwitchNumber][2] ? (d(c), t(c)) : (a(c), l(c));
   }
   return {
-    controllers: d,
+    controllers: i,
     onClosed: m,
     emitFinalState: f,
-    onCurrentCommandChanged: i,
+    onCurrentCommandChanged: u,
     toggleSelectingMethod: p
   };
 }
@@ -861,41 +861,41 @@ const V = /* @__PURE__ */ F({
   emits: ["savedCommandListChanged"],
   setup(n, e) {
     const s = C(n.initialData), o = G(s), {
-      loadEvents: d,
+      loadEvents: i,
       resetBoundEvents: m
-    } = o, i = Y(s, o), {
+    } = o, u = Y(s, o), {
       addNewInteraction: h,
       deleteInteracton: f,
       interactions: a,
-      loadInteractions: u
-    } = i, t = X(s, i, e);
-    O("useEventsComposition", o), O("useInteractionCompostion", i), O("useMethodsComposition", t);
+      loadInteractions: d
+    } = u, t = X(s, u, e);
+    j("useEventsComposition", o), j("useInteractionCompostion", u), j("useMethodsComposition", t);
     function l() {
       s.value.isAddControllerMethod = !1;
     }
     W(() => {
-      l(), m(), d(), u();
+      l(), m(), i(), d();
     });
     function p(g) {
       f(g);
     }
     function c(g, v) {
-      const b = g.showSwitch[0], S = b.showSection[b.showSwitchNumber][3];
+      const b = g.showSwitch[0], E = b.showSection[b.showSwitchNumber][3];
       return r(Q, {
         interaction: g,
         displayOrder: v,
-        collapsed: S,
+        collapsed: E,
         onDelete: p
       }, null);
     }
-    function y() {
+    function S() {
       var g;
       return (g = a.value) == null ? void 0 : g.map((v, b) => r("div", {
         class: "events-display-order",
         key: v.event.label
       }, [c(v, b)]));
     }
-    function E(g) {
+    function y(g) {
       h(g);
     }
     return () => r("div", {
@@ -903,15 +903,15 @@ const V = /* @__PURE__ */ F({
     }, [r("div", {
       class: "f-page-events-editor-content"
     }, [r(H, {
-      onClick: E
-    }, null), y()])]);
+      onClick: y
+    }, null), S()])]);
   }
 });
-function Oe(n, e, s) {
+function je(n, e, s) {
   var k;
   function o() {
   }
-  const d = "", m = "", i = C();
+  const i = "", m = "", u = C();
   function h() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
@@ -921,7 +921,7 @@ function Oe(n, e, s) {
   function a() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function u() {
+  function d() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
   function t(w) {
@@ -942,9 +942,9 @@ function Oe(n, e, s) {
   function c() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function y() {
+  function S() {
   }
-  function E(w, B) {
+  function y(w, B) {
   }
   function g(w) {
     const { componentType: B } = w;
@@ -954,84 +954,84 @@ function Oe(n, e, s) {
   }
   function v(w, B) {
     const L = String(w.getAttribute("data-controltype")), A = w.getAttribute("data-feature"), R = A ? JSON.parse(A) : {};
-    R.parentComponentInstance = i.value;
+    R.parentComponentInstance = u.value;
     let P = I(L, R);
     const T = L.toLowerCase().replace("-", "_");
     return P && !P.id && P.type === L && (P.id = `${T}_${Math.random().toString().slice(2, 6)}`), P;
   }
   function b(w) {
   }
-  function S(...w) {
+  function E(...w) {
   }
-  return i.value = {
+  return u.value = {
     canMove: h(),
     canSelectParent: f(),
     canDelete: a(),
-    canNested: !u(),
+    canNested: !d(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
     parent: (k = e == null ? void 0 : e.parent) == null ? void 0 : k.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: d,
+    styles: i,
     designerClass: m,
     canAccepts: p,
     getBelongedComponentInstance: t,
     getDraggableDesignItemElement: l,
     getDraggingDisplayText: c,
-    getPropConfig: S,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: E,
+    getPropConfig: E,
+    getDragScopeElement: S,
+    onAcceptMovedChildElement: y,
     onAcceptNewChildElement: v,
     onChildElementMovedOut: b,
     addNewChildComponentSchema: g,
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: C(!1),
     triggerBelongedComponentToDeleteWhenDeleted: C(!1)
-  }, i;
+  }, u;
 }
-const je = /* @__PURE__ */ F({
+const Oe = /* @__PURE__ */ F({
   name: "FEventsEditorDesign",
   props: z,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
     const s = C(n.initialData), o = G(s), {
-      loadEvents: d,
+      loadEvents: i,
       resetBoundEvents: m
-    } = o, i = Y(s, o), {
+    } = o, u = Y(s, o), {
       addNewInteraction: h,
       deleteInteracton: f,
       interactions: a,
-      loadInteractions: u
-    } = i, t = X(s, i, e);
-    O("useEventsComposition", o), O("useInteractionCompostion", i), O("useMethodsComposition", t);
-    const l = C(), p = j("design-item-context"), c = Oe(l, p);
+      loadInteractions: d
+    } = u, t = X(s, u, e);
+    j("useEventsComposition", o), j("useInteractionCompostion", u), j("useMethodsComposition", t);
+    const l = C(), p = O("design-item-context"), c = je(l, p);
     W(() => {
-      l.value.componentInstance = c, y(), m(), d(), u();
+      l.value.componentInstance = c, S(), m(), i(), d();
     }), e.expose(c.value);
-    function y() {
+    function S() {
       s.value.isAddControllerMethod = !1;
     }
-    function E(S) {
-      f(S);
+    function y(E) {
+      f(E);
     }
-    function g(S, k) {
-      const w = S.showSwitch[0], B = w.showSection[w.showSwitchNumber][3];
+    function g(E, k) {
+      const w = E.showSwitch[0], B = w.showSection[w.showSwitchNumber][3];
       return r(Q, {
-        interaction: S,
+        interaction: E,
         displayOrder: k,
         collapsed: B,
-        onDelete: E
+        onDelete: y
       }, null);
     }
     function v() {
-      var S;
-      return (S = a.value) == null ? void 0 : S.map((k, w) => r("div", {
+      var E;
+      return (E = a.value) == null ? void 0 : E.map((k, w) => r("div", {
         class: "events-display-order",
         key: k.event.label
       }, [g(k, w)]));
     }
-    function b(S) {
-      h(S);
+    function b(E) {
+      h(E);
     }
     return () => r("div", {
       ref: l,
@@ -1050,7 +1050,7 @@ const je = /* @__PURE__ */ F({
     n["events-editor"] = V, e["events-editor"] = q;
   },
   registerDesigner(n, e, s) {
-    n["events-editor"] = je, e["events-editor"] = q;
+    n["events-editor"] = Oe, e["events-editor"] = q;
   }
 };
 export {