@farris/ui-vue 1.3.4 → 1.3.6

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

@@ -1,123 +1,137 @@
-import { ref as b, defineComponent as D, createVNode as a, inject as z, Fragment as he, createTextVNode as $, computed as P, reactive as te, withDirectives as pe, resolveDirective as we, provide as O, onMounted as re } from "vue";
-import { isPlainObject as oe, cloneDeep as N } from "lodash-es";
-import ge from "../notify/index.esm.js/src/notify.service";
+import { ref as b, defineComponent as D, createVNode as r, inject as z, Fragment as he, createTextVNode as $, computed as P, reactive as te, withDirectives as pe, resolveDirective as we, provide as O, onMounted as re } from "vue";
+import { isPlainObject as oe, cloneDeep as B } from "lodash-es";
+import { FNotifyService as ge } from "../notify/index.esm.js";
 import "../schema-selector/index.esm.js";
 import "../modal/index.esm.js";
 import "../combo-list/index.esm.js";
 import be from "../event-parameter/index.esm.js";
 const le = {}, ce = {};
 function U(n) {
-  const { properties: e, title: s, ignore: o } = n, d = o && Array.isArray(o), m = Object.keys(e).reduce((c, h) => ((!d || !o.find((v) => v === h)) && (c[h] = e[h].type === "object" && e[h].properties ? U(e[h]) : N(e[h].default)), c), {});
-  if (s && (!d || !o.find((c) => c === "id"))) {
-    const c = s.toLowerCase().replace(/-/g, "_");
-    m.id = `${c}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: e, title: a, ignore: t } = n, i = t && Array.isArray(t), f = Object.keys(e).reduce((s, h) => ((!i || !t.find((v) => v === h)) && (s[h] = e[h].type === "object" && e[h].properties ? U(e[h]) : B(e[h].default)), s), {});
+  if (a && (!i || !t.find((s) => s === "id"))) {
+    const s = a.toLowerCase().replace(/-/g, "_");
+    f.id = `${s}_${Math.random().toString().slice(2, 6)}`;
   }
-  return m;
+  return f;
 }
-function ie(n, e = {}, s) {
-  const o = le[n];
-  if (o) {
-    let d = U(o);
-    const m = ce[n];
-    return d = m ? m({ getSchemaByType: ie }, d, e, s) : d, d;
+function Ce(n) {
+  const { properties: e, title: a, required: t } = n;
+  if (t && Array.isArray(t)) {
+    const i = t.reduce((f, s) => (f[s] = e[s].type === "object" && e[s].properties ? U(e[s]) : B(e[s].default), f), {});
+    if (a && t.find((f) => f === "id")) {
+      const f = a.toLowerCase().replace(/-/g, "_");
+      i.id = `${f}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return i;
+  }
+  return {
+    type: a
+  };
+}
+function ie(n, e = {}, a) {
+  const t = le[n];
+  if (t) {
+    let i = Ce(t);
+    const f = ce[n];
+    return i = f ? f({ getSchemaByType: ie }, i, e, a) : i, i;
   }
   return null;
 }
-function Ce(n, e) {
-  const s = U(e);
-  return Object.keys(s).reduce((o, d) => (o[d] && oe(o[d]) && oe(n[d] || !n[d]) ? Object.assign(o[d], n[d] || {}) : o[d] = n[d], o), s), s;
+function Se(n, e) {
+  const a = U(e);
+  return Object.keys(a).reduce((t, i) => (Object.prototype.hasOwnProperty.call(n, i) && (t[i] && oe(t[i]) && oe(n[i] || !n[i]) ? Object.assign(t[i], n[i] || {}) : t[i] = n[i]), t), a), a;
 }
 function Ee(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, d) => {
-    if (e.has(d)) {
-      const m = e.get(d);
-      if (typeof m == "string")
-        o[m] = n[d];
+  return Object.keys(n).filter((t) => n[t] != null).reduce((t, i) => {
+    if (e.has(i)) {
+      const f = e.get(i);
+      if (typeof f == "string")
+        t[f] = n[i];
       else {
-        const c = m(d, n[d], n);
-        Object.assign(o, c);
+        const s = f(i, n[i], n);
+        Object.assign(t, s);
       }
     } else
-      o[d] = n[d];
-    return o;
+      t[i] = n[i];
+    return t;
   }, {});
 }
-function Se(n, e, s = /* @__PURE__ */ new Map()) {
-  const o = Ce(n, e);
-  return Ee(o, s);
+function Me(n, e, a = /* @__PURE__ */ new Map()) {
+  const t = Se(n, e);
+  return Ee(t, a);
 }
-function Me(n = {}) {
-  function e(l, u, t, r) {
-    if (typeof t == "number")
-      return r[l].length === t;
-    if (typeof t == "object") {
-      const p = Object.keys(t)[0], f = t[p];
+function ye(n = {}) {
+  function e(c, d, o, l) {
+    if (typeof o == "number")
+      return l[c].length === o;
+    if (typeof o == "object") {
+      const p = Object.keys(o)[0], m = o[p];
       if (p === "not")
-        return Number(r[l].length) !== Number(f);
+        return Number(l[c].length) !== Number(m);
       if (p === "moreThan")
-        return Number(r[l].length) >= Number(f);
+        return Number(l[c].length) >= Number(m);
       if (p === "lessThan")
-        return Number(r[l].length) <= Number(f);
+        return Number(l[c].length) <= Number(m);
     }
     return !1;
   }
-  function s(l, u, t, r) {
-    return r[l] && r[l].propertyValue && String(r[l].propertyValue.value) === String(t);
+  function a(c, d, o, l) {
+    return l[c] && l[c].propertyValue && String(l[c].propertyValue.value) === String(o);
   }
-  const o = /* @__PURE__ */ new Map([
+  const t = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", s]
+    ["getProperty", a]
   ]);
-  Object.keys(n).reduce((l, u) => (l.set(u, n[u]), l), o);
-  function d(l, u) {
-    const t = l;
-    return typeof u == "number" ? [{ target: t, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: t, operator: "getProperty", param: l, value: !!u }] : typeof u == "object" ? Object.keys(u).map((r) => {
-      if (r === "length")
-        return { target: t, operator: "length", param: null, value: u[r] };
-      const p = r, f = u[r];
-      return { target: t, operator: "getProperty", param: p, value: f };
+  Object.keys(n).reduce((c, d) => (c.set(d, n[d]), c), t);
+  function i(c, d) {
+    const o = c;
+    return typeof d == "number" ? [{ target: o, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: o, operator: "getProperty", param: c, value: !!d }] : typeof d == "object" ? Object.keys(d).map((l) => {
+      if (l === "length")
+        return { target: o, operator: "length", param: null, value: d[l] };
+      const p = l, m = d[l];
+      return { target: o, operator: "getProperty", param: p, value: m };
     }) : [];
   }
-  function m(l) {
-    return Object.keys(l).reduce((t, r) => {
-      const p = d(r, l[r]);
-      return t.push(...p), t;
+  function f(c) {
+    return Object.keys(c).reduce((o, l) => {
+      const p = i(l, c[l]);
+      return o.push(...p), o;
     }, []);
   }
-  function c(l, u) {
-    if (o.has(l.operator)) {
-      const t = o.get(l.operator);
-      return t && t(l.target, l.param, l.value, u) || !1;
+  function s(c, d) {
+    if (t.has(c.operator)) {
+      const o = t.get(c.operator);
+      return o && o(c.target, c.param, c.value, d) || !1;
     }
     return !1;
   }
-  function h(l, u) {
-    return m(l).reduce((p, f) => p && c(f, u), !0);
+  function h(c, d) {
+    return f(c).reduce((p, m) => p && s(m, d), !0);
   }
-  function v(l, u) {
-    const t = Object.keys(l), r = t.includes("allOf"), p = t.includes("anyOf"), f = r || p, C = (f ? l[f ? r ? "allOf" : "anyOf" : "allOf"] : [l]).map((k) => h(k, u));
-    return r ? !C.includes(!1) : C.includes(!0);
+  function v(c, d) {
+    const o = Object.keys(c), l = o.includes("allOf"), p = o.includes("anyOf"), m = l || p, C = (m ? c[m ? l ? "allOf" : "anyOf" : "allOf"] : [c]).map((L) => h(L, d));
+    return l ? !C.includes(!1) : C.includes(!0);
   }
   return { parseValueSchema: v };
 }
 const Be = {}, Ne = {};
-Me();
-function ye(n, e, s = /* @__PURE__ */ new Map(), o = (c, h, v, l) => h, d = {}, m = (c) => c) {
-  return le[e.title] = e, ce[e.title] = o, Be[e.title] = d, Ne[e.title] = m, (c = {}) => {
-    const h = Se(c, e, s), v = Object.keys(n).reduce((l, u) => (l[u] = n[u].default, l), {});
+ye();
+function Le(n, e, a = /* @__PURE__ */ new Map(), t = (s, h, v, c) => h, i = {}, f = (s) => s) {
+  return le[e.title] = e, ce[e.title] = t, Be[e.title] = i, Ne[e.title] = f, (s = {}) => {
+    const h = Me(s, e, a), v = Object.keys(n).reduce((c, d) => (c[d] = n[d].default, c), {});
     return Object.assign(v, h);
   };
 }
 function ke(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const Le = /* @__PURE__ */ new Map([
+const Fe = /* @__PURE__ */ new Map([
   ["appearance", ke]
 ]);
-function Fe(n, e, s) {
+function Pe(n, e, a) {
   return e;
 }
-const Pe = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-design.gitee.io/events-editor.schema.json", De = "events-editor", Te = "A Farris Component", Oe = "object", Re = {
+const Ae = "https://json-schema.org/draft/2020-12/schema", De = "https://farris-design.gitee.io/events-editor.schema.json", Te = "events-editor", Oe = "A Farris Component", Re = "object", je = {
   id: {
     description: "The unique identifier for events-editor",
     type: "string"
@@ -132,22 +146,22 @@ const Pe = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-
     type: "object",
     default: {}
   }
-}, je = [
+}, Ve = [
   "id",
   "type"
-], Ve = {
-  $schema: Pe,
-  $id: Ae,
-  title: De,
-  description: Te,
-  type: Oe,
-  properties: Re,
-  required: je
-}, $e = "events-editor", ze = "A Farris Component", He = "object", _e = {}, qe = {
-  title: $e,
-  description: ze,
-  type: He,
-  categories: _e
+], $e = {
+  $schema: Ae,
+  $id: De,
+  title: Te,
+  description: Oe,
+  type: Re,
+  properties: je,
+  required: Ve
+}, ze = "events-editor", qe = "A Farris Component", _e = "object", He = {}, Ge = {
+  title: ze,
+  description: qe,
+  type: _e,
+  categories: He
 }, ae = [
   {
     label: "pageChange",
@@ -169,7 +183,7 @@ const Pe = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], Ge = {
+], Ue = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -253,22 +267,22 @@ const Pe = "https://json-schema.org/draft/2020-12/schema", Ae = "https://farris-
   isAddControllerMethod: !1,
   getEventList: () => ({ events: ae, boundEventsList: [] })
 }, W = {
-  initialData: { type: Object, default: Ge }
-}, se = ye(
+  initialData: { type: Object, default: Ue }
+}, se = Le(
   W,
-  Ve,
-  Le,
+  $e,
   Fe,
-  qe
+  Pe,
+  Ge
 );
 function ue(n, e) {
-  const s = b([]), { boundEvents: o, unBoundEvent: d } = e;
-  function m(t) {
+  const a = b([]), { boundEvents: t, unBoundEvent: i } = e;
+  function f(o) {
     return {
       /** 当前事件名称及label */
       event: {
-        label: t.boundEvents.label,
-        name: t.boundEvents.name
+        label: o.boundEvents.label,
+        name: o.boundEvents.name
       },
       /** 控制组件的展示及顺序:
        * 0：事件下拉框
@@ -283,161 +297,161 @@ function ue(n, e) {
         showSwitchNumber: 2
       }],
       /** 方法列表 */
-      command: N(t.command),
+      command: B(o.command),
       /** 当前的控制器 */
-      controller: N(t.controller)
+      controller: B(o.controller)
     };
   }
-  function c() {
-    var t;
-    s.value = (t = o.value) == null ? void 0 : t.map((r) => m(r));
+  function s() {
+    var o;
+    a.value = (o = t.value) == null ? void 0 : o.map((l) => f(l));
   }
-  function h(t) {
-    const p = m({
-      boundEvents: t,
+  function h(o) {
+    const p = f({
+      boundEvents: o,
       command: null,
       controller: { id: "", name: "", label: "" }
     });
-    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, s.value.unshift(p);
+    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, a.value.unshift(p);
   }
   function v() {
-    var t;
-    (t = s.value) == null || t.forEach((r) => {
-      r.showSwitch.forEach((p) => {
+    var o;
+    (o = a.value) == null || o.forEach((l) => {
+      l.showSwitch.forEach((p) => {
         p.showSection[2][3] = !1;
       });
     });
   }
-  function l(t) {
-    s.value[t].showSwitch.forEach((r) => {
-      r.showSection[2][3] = !r.showSection[2][3];
+  function c(o) {
+    a.value[o].showSwitch.forEach((l) => {
+      l.showSection[2][3] = !l.showSection[2][3];
     });
   }
-  function u(t) {
-    if (t >= 0 && t <= s.value.length - 1) {
-      const r = s.value[t];
-      d(r.event), s.value.splice(t, 1);
+  function d(o) {
+    if (o >= 0 && o <= a.value.length - 1) {
+      const l = a.value[o];
+      i(l.event), a.value.splice(o, 1);
     }
   }
   return {
     addNewInteraction: h,
     collapseInteractions: v,
-    deleteInteracton: u,
-    toggleMethodInInteraction: l,
-    interactions: s,
-    loadInteractions: c
+    deleteInteracton: d,
+    toggleMethodInInteraction: c,
+    interactions: a,
+    loadInteractions: s
   };
 }
 function de(n) {
-  const e = b([]), s = b([]), o = b([]);
-  function d() {
-    const u = s.value.reduce(
-      (r, p) => (r.set(p.boundEvents.label, !0), r),
+  const e = b([]), a = b([]), t = b([]);
+  function i() {
+    const d = a.value.reduce(
+      (l, p) => (l.set(p.boundEvents.label, !0), l),
       /* @__PURE__ */ new Map()
     );
-    return e.value.filter((r) => !u.has(r.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;
+  function f() {
+    var o;
+    const d = ((o = a.value) == null ? void 0 : o.length) > 0;
+    t.value = d ? i() : e.value;
   }
-  function c() {
-    e.value = n.value.events, s.value = n.value.boundEventsList, m();
+  function s() {
+    e.value = n.value.events, a.value = n.value.boundEventsList, f();
   }
-  function h(u) {
-    o.value = o.value.filter((t) => t.label !== u.label);
+  function h(d) {
+    t.value = t.value.filter((o) => o.label !== d.label);
   }
-  function v(u) {
-    s.value = s.value.filter((t) => t.boundEvents.label !== u.label), m();
+  function v(d) {
+    a.value = a.value.filter((o) => o.boundEvents.label !== d.label), f();
   }
-  function l() {
-    var r;
-    const u = (r = n.value) == null ? void 0 : r.getEventList(), { events: t } = u;
-    u && (n.value.events = N(t), n.value.boundEventsList = u.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(p) {
-      return t.find((f) => f.label === p.boundEvents.label);
+  function c() {
+    var l;
+    const d = (l = n.value) == null ? void 0 : l.getEventList(), { events: o } = d;
+    d && (n.value.events = B(o), n.value.boundEventsList = d.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(p) {
+      return o.find((m) => m.label === p.boundEvents.label);
     }));
   }
   return {
     allEvents: e,
-    boundEvents: s,
-    candidateEvents: o,
+    boundEvents: a,
+    candidateEvents: t,
     excludeFromCandidates: h,
-    loadEvents: c,
-    resetBoundEvents: l,
+    loadEvents: s,
+    resetBoundEvents: c,
     unBoundEvent: v
   };
 }
-const Ue = {}, We = {
+const We = {}, Ye = {
   events: { type: Array, default: [] }
-}, Ye = /* @__PURE__ */ D({
+}, Je = /* @__PURE__ */ D({
   name: "FEventList",
-  props: We,
+  props: Ye,
   emits: ["click"],
   setup(n, e) {
-    const s = b(n.events);
-    function o(m) {
-      e.emit("click", m);
+    const a = b(n.events);
+    function t(f) {
+      e.emit("click", f);
     }
-    function d(m) {
-      return a("div", {
+    function i(f) {
+      return r("div", {
         class: "f-page-events-editor-first-bound-event"
-      }, [a("div", {
-        onClick: () => o(m),
+      }, [r("div", {
+        onClick: () => t(f),
         class: "f-page-events-editor-first-bound-event-name"
-      }, [m.name])]);
+      }, [f.name])]);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "f-page-events-editor-events"
-    }, [s.value.map((m) => d(m))]);
+    }, [a.value.map((f) => i(f))]);
   }
 }), fe = /* @__PURE__ */ D({
   name: "FInteractionButton",
-  props: Ue,
+  props: We,
   emits: ["click"],
   setup(n, e) {
-    const s = new ge(), o = z("useEventsComposition"), d = z("useInteractionCompostion"), {
-      candidateEvents: m
-    } = o, {
-      collapseInteractions: c
-    } = d, h = b(!1);
-    function v(r) {
-      m.value = m.value.filter((p) => p.label !== r.label);
+    const a = new ge(), t = z("useEventsComposition"), i = z("useInteractionCompostion"), {
+      candidateEvents: f
+    } = t, {
+      collapseInteractions: s
+    } = i, h = b(!1);
+    function v(l) {
+      f.value = f.value.filter((p) => p.label !== l.label);
     }
-    function l(r = !1) {
-      h.value = r;
+    function c(l = !1) {
+      h.value = l;
     }
-    function u(r) {
-      l(), v(r), e.emit("click", r);
+    function d(l) {
+      c(), v(l), e.emit("click", l);
     }
-    function t() {
-      if (m.value.length === 0) {
-        s.info({
+    function o() {
+      if (f.value.length === 0) {
+        a.info({
           position: "top-center",
           message: "事件已全部绑定"
         });
         return;
       }
-      c(), l(!h.value);
+      s(), c(!h.value);
     }
-    return () => a(he, null, [a("div", {
+    return () => r(he, null, [r("div", {
       class: "f-page-events-editor-top-button"
-    }, [a("button", {
+    }, [r("button", {
       class: "f-page-events-editor-button",
-      onClick: t
-    }, [a("span", {
+      onClick: o
+    }, [r("span", {
       class: "f-page-events-editor-text"
-    }, [$("新建交互事件")])])]), h.value && a(Ye, {
-      events: m.value,
-      onClick: u
+    }, [$("新建交互事件")])])]), h.value && r(Je, {
+      events: f.value,
+      onClick: d
     }, null)]);
   }
-}), Je = {
+}), Qe = {
   collapsed: { type: Boolean, default: !0 },
   displayOrder: { type: Number, default: -1 },
   interaction: { type: Object, default: {} },
   controllers: { type: Array, default: [] }
-}, Qe = {
+}, Xe = {
   /** 入参 */
   initialData: { Type: Object, default: {} },
   /** 原层级结构数据 */
@@ -452,118 +466,118 @@ const Ue = {}, We = {
   exit: { Type: Number, default: -1 },
   /** 接收是否显示「可选择方法」功能 */
   haveBoundcommand: { Type: Boolean, default: !1 }
-}, Xe = {
+}, Ze = {
   controllers: { type: Array, default: [] }
-}, Ze = /* @__PURE__ */ D({
+}, xe = /* @__PURE__ */ D({
   name: "FCommandList",
-  props: Xe,
+  props: Ze,
   emits: ["selectMethod"],
   setup(n, e) {
-    const s = b(n.controllers);
-    function o(v) {
+    const a = b(n.controllers);
+    function t(v) {
       return v.controllerList.length !== 0;
     }
-    function d(v) {
-      return o(v) && a("div", {
+    function i(v) {
+      return t(v) && r("div", {
         class: "f-page-internals-controller"
-      }, [a("div", {
+      }, [r("div", {
         class: "f-page-internals-controller-name",
         title: v.controllerName.name
       }, [v.controllerName.name])]);
     }
-    function m(v, l) {
+    function f(v, c) {
       e.emit("selectMethod", {
         method: v,
-        controller: l
+        controller: c
       });
     }
-    function c(v) {
-      return v.controllerList.map((l) => a("div", {
+    function s(v) {
+      return v.controllerList.map((c) => r("div", {
         class: "f-page-internals-command",
-        onClick: () => m(l, v)
-      }, [a("div", {
+        onClick: () => f(c, v)
+      }, [r("div", {
         class: "f-page-internals-command-name",
-        title: l.label
-      }, [l.name])]));
+        title: c.label
+      }, [c.name])]));
     }
     function h(v) {
-      return a("div", null, [d(v), c(v)]);
+      return r("div", null, [i(v), s(v)]);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "f-page-internals"
-    }, [s.value.map((v) => h(v))]);
+    }, [a.value.map((v) => h(v))]);
   }
-}), xe = /* @__PURE__ */ D({
+}), Ie = /* @__PURE__ */ D({
   name: "FCommandSource",
-  props: Qe,
+  props: Xe,
   emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFunctionChanged", "close", "selectMethod"],
   setup(n, e) {
-    const s = z("useMethodsComposition"), {
-      controllers: o
-    } = s, d = b(!1), m = b(n.canAddNewMethod), c = P(() => !m.value), h = P(() => d.value), v = P(() => ({
+    const a = z("useMethodsComposition"), {
+      controllers: t
+    } = a, i = b(!1), f = b(n.canAddNewMethod), s = P(() => !f.value), h = P(() => i.value), v = P(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
     }));
-    function l() {
+    function c() {
       e.emit("newFunctionChanged");
     }
-    function u() {
+    function d() {
     }
-    function t() {
+    function o() {
       e.emit("close", null);
     }
-    function r() {
-      return a("div", {
+    function l() {
+      return r("div", {
         class: "f-command-breakline"
       }, [$("------------------------------------------------------------")]);
     }
     function p() {
-      return a("div", {
+      return r("div", {
         class: "f-page-internals-new-command"
-      }, [c.value && a("div", {
+      }, [s.value && r("div", {
         class: "f-page-internals-new-command-func2"
-      }, [a("div", {
+      }, [r("div", {
         class: "f-icon f-icon-new-edit",
         style: v.value
-      }, null), a("div", {
+      }, null), r("div", {
         class: "f-function-class",
-        onClick: () => l()
+        onClick: () => c()
       }, [$("添加新方法")])]), h.value && void 0]);
     }
-    function f(M) {
+    function m(M) {
       e.emit("selectMethod", M);
     }
-    function S() {
-      return a("div", {
+    function E() {
+      return r("div", {
         class: "f-page-command-source-choice"
-      }, [a(Ze, {
-        controllers: o.value,
-        onSelectMethod: f
+      }, [r(xe, {
+        controllers: t.value,
+        onSelectMethod: m
       }, null)]);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "f-page-events-editor-command-source"
-    }, [S(), r(), p(), r(), a("div", null, [a("div", {
+    }, [E(), l(), p(), l(), r("div", null, [r("div", {
       class: "f-page-internals-close",
-      onClick: t
+      onClick: o
     }, [$("取消")])])]);
   }
-}), Ie = {
+}), Ke = {
   command: { type: Object, default: {} }
-}, Ke = /* @__PURE__ */ D({
+}, en = /* @__PURE__ */ D({
   name: "FParameterEditor",
-  props: Ie,
+  props: Ke,
   emits: ["confirm", "change"],
   setup(n, e) {
-    const s = b(n.command), o = b(0), d = b(!1), m = b(!1);
+    const a = b(n.command), t = b(0), i = b(!1), f = b(!1);
     b(""), b([]);
-    const c = P(() => s.value !== null), h = P(() => d.value), v = P(() => m.value), l = P(() => !d.value && !m.value), u = b(!1);
-    function t() {
+    const s = P(() => a.value !== null), h = P(() => i.value), v = P(() => f.value), c = P(() => !i.value && !f.value), d = b(!1);
+    function o() {
     }
-    function r() {
-      return a("div", null, [a("div", {
+    function l() {
+      return r("div", null, [r("div", {
         title: "'方法已被移除，请重新绑定'",
         class: "f-icon f-icon-flowline-warning",
         style: "font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",
@@ -572,178 +586,178 @@ const Ue = {}, We = {
     }
     function p() {
     }
-    function f() {
-      return a("div", null, [a("div", {
+    function m() {
+      return r("div", null, [r("div", {
         title: "'方法已被删除，请绑定其他方法'",
         class: "f-icon f-icon-flowline-warning",
         style: "font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;",
         onClick: () => void 0
       }, null)]);
     }
-    function S(w) {
-      u.value = !u.value;
+    function E(w) {
+      d.value = !d.value;
     }
     function M() {
-      return a("div", null, [a("div", {
+      return r("div", null, [r("div", {
         class: "f-icon f-icon-edit-button",
         style: "font-size: 13px;margin-right:10px;",
-        onClick: () => S(o.value)
+        onClick: () => E(t.value)
       }, null)]);
     }
     function C(w, F) {
       F.value = w;
     }
-    function y() {
-      e.emit("change", s.value);
+    function N() {
+      e.emit("change", a.value);
     }
-    function k(w) {
-      var T, H, _, A, Y, J, Q, X, Z, x, I, K, ee, ne;
+    function L(w) {
+      var T, q, _, A, Y, J, Q, X, Z, x, I, K, ee, ne;
       w.context.generalData;
       const F = te(w.context.data), {
         assembleSchemaFieldsByComponent: R,
         assembleOutline: j,
-        assembleStateVariables: q
+        assembleStateVariables: H
       } = w.context.generalData;
-      return a(be, {
+      return r(be, {
         modelValue: w.value,
         "onUpdate:modelValue": (V) => w.value = V,
         data: F,
         fieldData: R(),
         formData: j(),
-        varData: q(),
-        editorType: ((H = (T = w == null ? void 0 : w.origin) == null ? void 0 : T.controlSource) == null ? void 0 : H.type) || "Default",
+        varData: H(),
+        editorType: ((q = (T = w == null ? void 0 : w.origin) == null ? void 0 : T.controlSource) == null ? void 0 : q.type) || "Default",
         idField: ((J = (Y = (A = (_ = w == null ? void 0 : w.origin) == null ? void 0 : _.controlSource) == null ? void 0 : A.context) == null ? void 0 : Y.valueField) == null ? void 0 : J.value) || ((x = (Z = (X = (Q = w == null ? void 0 : w.origin) == null ? void 0 : Q.controlSource) == null ? void 0 : X.context) == null ? void 0 : Z.idField) == null ? void 0 : x.value) || "id",
         textField: ((ne = (ee = (K = (I = w == null ? void 0 : w.origin) == null ? void 0 : I.controlSource) == null ? void 0 : K.context) == null ? void 0 : ee.textField) == null ? void 0 : ne.value) || "label",
         onConfirm: (V) => {
-          C(V, w), y();
+          C(V, w), N();
         },
         onValueChange: (V) => {
-          C(V, w), y();
+          C(V, w), N();
         }
       }, null);
     }
-    function B() {
+    function y() {
       var w;
-      return (w = s.value.property) == null ? void 0 : w.map((F, R) => {
+      return (w = a.value.property) == null ? void 0 : w.map((F, R) => {
         const j = te({
           content: F.description,
           placement: "top"
         });
-        return a("div", {
+        return r("div", {
           key: F.name + R
-        }, [a("div", {
+        }, [r("div", {
           class: "f-page-parameter-editor-row1"
-        }, [a("div", {
+        }, [r("div", {
           class: "f-page-parameter-editor-parameter-name"
-        }, [F.shownName, F.description && pe(a("div", {
+        }, [F.shownName, F.description && pe(r("div", {
           class: "ml-2 farris-label-tips"
-        }, [a("i", {
+        }, [r("i", {
           class: "f-icon f-icon-description-tips"
-        }, null)]), [[we("tooltip"), j]])])]), a("div", {
+        }, null)]), [[we("tooltip"), j]])])]), r("div", {
           class: "f-page-parameter-editor-row2"
-        }, [k(F)])]);
+        }, [L(F)])]);
       });
     }
-    function i(w) {
-      u.value = !1, e.emit("confirm");
+    function u(w) {
+      d.value = !1, e.emit("confirm");
     }
     function g() {
-      return a("div", null, [a("div", {
+      return r("div", null, [r("div", {
         class: "f-page-parameter-editor-btn"
-      }, [a("div", {
+      }, [r("div", {
         class: "btn-finish",
-        onClick: () => i(o.value)
+        onClick: () => u(t.value)
       }, [$("完成")])])]);
     }
-    function E() {
-      return a("div", {
+    function S() {
+      return r("div", {
         class: "f-page-parameter-editor-group"
-      }, [B()]);
+      }, [y()]);
     }
-    function L() {
-      return a("div", null, [a("div", {
+    function k() {
+      return r("div", null, [r("div", {
         class: "f-page-parameter-editor-first-row"
-      }, [a("span", {
+      }, [r("span", {
         class: "f-page-parameter-editor-command-name",
-        title: s.value.label
-      }, [s.value.name]), a("div", {
+        title: a.value.label
+      }, [a.value.name]), r("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && r(), v.value && f(), l.value && M()])]), u.value && E(), u.value && g()]);
+      }, [h.value && l(), v.value && m(), c.value && M()])]), d.value && S(), d.value && g()]);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "f-page-parameter-editor"
-    }, [c.value && L()]);
+    }, [s.value && k()]);
   }
 }), me = /* @__PURE__ */ D({
   name: "FInteractionItem",
-  props: Je,
+  props: Qe,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
-    const s = z("useMethodsComposition"), {
-      toggleSelectingMethod: o,
-      emitFinalState: d
-    } = s, m = b(n.controllers), c = b(n.interaction), h = b(n.displayOrder), v = P(() => {
-      const i = c.value.showSwitch[0];
-      return i.showSection[i.showSwitchNumber][2];
-    }), l = P(() => {
-      const i = !!c.value.command, g = c.value.showSwitch[0], E = g.showSection[g.showSwitchNumber][3];
-      return i && E;
-    }), u = P(() => ({
+    const a = z("useMethodsComposition"), {
+      toggleSelectingMethod: t,
+      emitFinalState: i
+    } = a, f = b(n.controllers), s = b(n.interaction), h = b(n.displayOrder), v = P(() => {
+      const u = s.value.showSwitch[0];
+      return u.showSection[u.showSwitchNumber][2];
+    }), c = P(() => {
+      const u = !!s.value.command, g = s.value.showSwitch[0], S = g.showSection[g.showSwitchNumber][3];
+      return u && S;
+    }), d = P(() => ({
       "f-icon": !0,
-      "f-icon-arrow-chevron-down": l.value,
-      "f-icon-arrow-chevron-left": !l.value
+      "f-icon-arrow-chevron-down": c.value,
+      "f-icon-arrow-chevron-left": !c.value
     }));
-    function t() {
+    function o() {
       e.emit("delete", h.value);
     }
-    function r() {
-      const i = c.value.showSwitch[0];
-      i.showSection[i.showSwitchNumber][3] = !i.showSection[i.showSwitchNumber][3], e.emit("toggle", h.value);
+    function l() {
+      const u = s.value.showSwitch[0];
+      u.showSection[u.showSwitchNumber][3] = !u.showSection[u.showSwitchNumber][3], e.emit("toggle", h.value);
     }
     function p() {
-      if (c.value.command !== null) {
-        const g = c.value.showSwitch[0];
-        o(g), e.emit("addAction", h.value);
+      if (s.value.command !== null) {
+        const g = s.value.showSwitch[0];
+        t(g), e.emit("addAction", h.value);
       }
     }
-    function f(i) {
-      i === null && c.value.command === null && e.emit("delete", h.value);
-      const g = c.value.showSwitch[0];
-      o(g);
+    function m(u) {
+      u === null && s.value.command === null && e.emit("delete", h.value);
+      const g = s.value.showSwitch[0];
+      t(g);
     }
-    function S(i) {
+    function E(u) {
       const {
         method: g,
-        controller: E
-      } = i, {
-        id: L,
+        controller: S
+      } = u, {
+        id: k,
         label: w,
         name: F,
         handlerName: R,
         property: j,
-        componentLists: q
+        componentLists: H
       } = g, {
         controllerName: T
-      } = E, H = !1, _ = T.id;
-      c.value.command = {
-        id: L,
+      } = S, q = !1, _ = T.id;
+      s.value.command = {
+        id: k,
         label: w,
         name: F,
         handlerName: R,
-        hasPath: H,
+        hasPath: q,
         cmpId: _,
         property: j,
-        componentLists: q
-      }, c.value.controller = {
+        componentLists: H
+      }, s.value.controller = {
         id: T.id,
         label: T.label,
         name: T.name
       };
-      const A = c.value.showSwitch[0];
-      A.showSwitchNumber = 2, A.showSection[A.showSwitchNumber][2] = !1, A.showSection[A.showSwitchNumber][3] = !0, d(!1, null);
+      const A = s.value.showSwitch[0];
+      A.showSwitchNumber = 2, A.showSection[A.showSwitchNumber][2] = !1, A.showSection[A.showSwitchNumber][3] = !0, i(!1, null);
     }
     function M() {
-      c.value.command = {
+      s.value.command = {
         id: "abandoned",
         label: "未绑定方法",
         name: "未绑定方法",
@@ -756,100 +770,100 @@ const Ue = {}, We = {
         isNewGenerated: void 0,
         extensions: [],
         isInvalid: !1
-      }, c.value.controller = {
+      }, s.value.controller = {
         label: "",
         name: "",
         id: ""
-      }, d(!0, c.value.event);
-      const i = c.value.showSwitch[0];
-      o(i);
+      }, i(!0, s.value.event);
+      const u = s.value.showSwitch[0];
+      t(u);
     }
     function C() {
-      return a(xe, {
-        controllers: m.value,
-        onClose: f,
-        onSelectMethod: S,
+      return r(Ie, {
+        controllers: f.value,
+        onClose: m,
+        onSelectMethod: E,
         onNewFunctionChanged: () => M()
       }, null);
     }
-    function y() {
-      const i = c.value.showSwitch[0];
-      i.showSection[i.showSwitchNumber][3] = !1;
+    function N() {
+      const u = s.value.showSwitch[0];
+      u.showSection[u.showSwitchNumber][3] = !1;
     }
-    function k(i) {
-      c.value.command = N(i), d(!1, null);
+    function L(u) {
+      s.value.command = B(u), i(!1, null);
     }
-    function B() {
-      return a(Ke, {
-        command: c.value.command,
-        onConfirm: () => y(),
-        onChange: (i) => k(i)
+    function y() {
+      return r(en, {
+        command: s.value.command,
+        onConfirm: () => N(),
+        onChange: (u) => L(u)
       }, null);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "show-switch"
-    }, [a("div", {
+    }, [r("div", {
       class: "f-page-events-editor-bound-event"
-    }, [a("div", {
+    }, [r("div", {
       class: "f-page-events-editor-bound-event-name",
-      title: c.value.event.label
-    }, [c.value.event.name]), a("div", {
+      title: s.value.event.label
+    }, [s.value.event.name]), r("div", {
       style: "float:right;margin:5px;"
-    }, [a("div", {
-      class: u.value,
+    }, [r("div", {
+      class: d.value,
       style: "font-size: 10px;",
-      onClick: r
-    }, null)]), a("div", {
+      onClick: l
+    }, null)]), r("div", {
       class: "f-icon f-icon-yxs_delete",
       style: "font-size: 13px;float: right; margin:8px;",
-      onClick: t
-    }, null), a("div", {
+      onClick: o
+    }, null), r("div", {
       class: "f-icon f-icon-home-add",
       style: "float:right; font-size: 10px; margin:8px;",
       onClick: p
-    }, null)]), v.value && C(), l.value && B()]);
+    }, null)]), v.value && C(), c.value && y()]);
   }
 });
-function ve(n, e, s) {
-  const { interactions: o } = e, d = b(n.value.internalCommandList);
-  function m(f) {
-    o.value[f].showSwitch = [], o.value[f].showSwitch.push(N({
+function ve(n, e, a) {
+  const { interactions: t } = e, i = b(n.value.internalCommandList);
+  function f(m) {
+    t.value[m].showSwitch = [], t.value[m].showSwitch.push(B({
       // 存储所有的展示设定
       showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
       // 展示哪个部分
       showSwitchNumber: 2
-    })), o.value = N(o.value);
+    })), t.value = B(t.value);
   }
-  function c(f, S, M) {
+  function s(m, E, M) {
   }
-  function h(f) {
+  function h(m) {
     var M;
-    const S = [];
+    const E = [];
     return (M = n.value.newController) == null || M.forEach((C) => {
-      f.forEach((y) => {
-        C.Code === y.controller.label && S.push(N(C));
+      m.forEach((N) => {
+        C.Code === N.controller.label && E.push(B(C));
       });
-    }), S;
+    }), E;
   }
-  function v(f = !1, S = null) {
-    var B;
-    n.value.newFuncEvents = S ? null : N(S), n.value.isAddControllerMethod = f;
-    const M = [], C = N(n.value.internalCommandList);
-    o.value.map((i) => {
-      const g = N(i.controller), E = N(i.command), L = N(i.event), w = { controller: g, command: E, boundEvents: L };
-      M.push(N(w));
+  function v(m = !1, E = null) {
+    var y;
+    n.value.newFuncEvents = E ? null : B(E), n.value.isAddControllerMethod = m;
+    const M = [], C = B(n.value.internalCommandList);
+    t.value.map((u) => {
+      const g = B(u.controller), S = B(u.command), k = B(u.event), w = { controller: g, command: S, boundEvents: k };
+      M.push(B(w));
     });
-    const y = (B = n.value.newController) != null && B.length && M.length ? N(h(M)) : [], k = {
+    const N = (y = n.value.newController) != null && y.length && M.length ? B(h(M)) : [], L = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
-      savedCommand: N(n.value.viewModel),
+      savedCommand: B(n.value.viewModel),
       /** 当前界面显示的绑定事件 */
-      boundEventsList: N(M),
+      boundEventsList: B(M),
       /** 可选择的绑定事件列表 */
-      events: N(n.value.events),
+      events: B(n.value.events),
       /** 内置构件列表； */
-      internalCommandList: N(C),
+      internalCommandList: B(C),
       /** 所有可选的组件 */
       componentLists: [],
       /** 接收formBasicService.formMetaBasicInfo.relativePath */
@@ -857,7 +871,7 @@ function ve(n, e, s) {
       /** 接收formBasicService.envType */
       envType: n.value.envType,
       /** 初始为空，用于存储用户点击「导入新方法」的控制器值 */
-      newController: N(y),
+      newController: B(N),
       /** 切换到代码视图标识 */
       isAddControllerMethod: n.value.isAddControllerMethod,
       /** 用户选择「已有方法」 */
@@ -867,28 +881,28 @@ function ve(n, e, s) {
       /** 新增方法的对应事件 */
       newFuncEvents: n.value.newFuncEvents
     };
-    s.emit("savedCommandListChanged", k);
+    a.emit("savedCommandListChanged", L);
   }
-  function l(f) {
-    f.showSection[f.showSwitchNumber][2] = !0;
+  function c(m) {
+    m.showSection[m.showSwitchNumber][2] = !0;
   }
-  function u(f) {
-    f.showSection[f.showSwitchNumber][2] = !1;
+  function d(m) {
+    m.showSection[m.showSwitchNumber][2] = !1;
   }
-  function t(f) {
-    f.showSection[f.showSwitchNumber][3] = !0;
+  function o(m) {
+    m.showSection[m.showSwitchNumber][3] = !0;
   }
-  function r(f) {
-    f.showSection[f.showSwitchNumber][3] = !1;
+  function l(m) {
+    m.showSection[m.showSwitchNumber][3] = !1;
   }
-  function p(f) {
-    f.showSection[f.showSwitchNumber][2] ? (u(f), t(f)) : (l(f), r(f));
+  function p(m) {
+    m.showSection[m.showSwitchNumber][2] ? (d(m), o(m)) : (c(m), l(m));
   }
   return {
-    controllers: d,
-    onClosed: m,
+    controllers: i,
+    onClosed: f,
     emitFinalState: v,
-    onCurrentCommandChanged: c,
+    onCurrentCommandChanged: s,
     toggleSelectingMethod: p
   };
 }
@@ -897,57 +911,57 @@ const G = /* @__PURE__ */ D({
   props: W,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const s = b(n.initialData), o = de(s), {
-      loadEvents: d,
-      resetBoundEvents: m
-    } = o, c = ue(s, o), {
+    const a = b(n.initialData), t = de(a), {
+      loadEvents: i,
+      resetBoundEvents: f
+    } = t, s = ue(a, t), {
       addNewInteraction: h,
       deleteInteracton: v,
-      interactions: l,
-      loadInteractions: u
-    } = c, t = ve(s, c, e);
-    O("useEventsComposition", o), O("useInteractionCompostion", c), O("useMethodsComposition", t);
-    function r() {
-      s.value.isAddControllerMethod = !1;
+      interactions: c,
+      loadInteractions: d
+    } = s, o = ve(a, s, e);
+    O("useEventsComposition", t), O("useInteractionCompostion", s), O("useMethodsComposition", o);
+    function l() {
+      a.value.isAddControllerMethod = !1;
     }
     re(() => {
-      r(), m(), d(), u();
+      l(), f(), i(), d();
     });
     function p(C) {
       v(C);
     }
-    function f(C, y) {
-      const k = C.showSwitch[0], B = k.showSection[k.showSwitchNumber][3];
-      return a(me, {
+    function m(C, N) {
+      const L = C.showSwitch[0], y = L.showSection[L.showSwitchNumber][3];
+      return r(me, {
         interaction: C,
-        displayOrder: y,
-        collapsed: B,
+        displayOrder: N,
+        collapsed: y,
         onDelete: p
       }, null);
     }
-    function S() {
+    function E() {
       var C;
-      return (C = l.value) == null ? void 0 : C.map((y, k) => a("div", {
+      return (C = c.value) == null ? void 0 : C.map((N, L) => r("div", {
         class: "events-display-order",
-        key: y.event.label
-      }, [f(y, k)]));
+        key: N.event.label
+      }, [m(N, L)]));
     }
     function M(C) {
       h(C);
     }
-    return () => a("div", {
+    return () => r("div", {
       class: "f-page-events-editor"
-    }, [a("div", {
+    }, [r("div", {
       class: "f-page-events-editor-content"
-    }, [a(fe, {
+    }, [r(fe, {
       onClick: M
-    }, null), S()])]);
+    }, null), E()])]);
   }
 });
-function en(n, e, s) {
-  var B;
-  const o = "", d = "", m = b();
-  function c() {
+function nn(n, e, a) {
+  var y;
+  const t = "", i = "", f = b();
+  function s() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function h() {
@@ -956,142 +970,142 @@ function en(n, e, s) {
   function v() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function l() {
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function u(i) {
-    if (!i || !i.value)
+  function d(u) {
+    if (!u || !u.value)
       return null;
-    if (i.value.schema && i.value.schema.type === "component")
-      return i.value;
-    const g = b(i == null ? void 0 : i.value.parent), E = u(g);
-    return E || null;
+    if (u.value.schema && u.value.schema.type === "component")
+      return u.value;
+    const g = b(u == null ? void 0 : u.value.parent), S = d(g);
+    return S || null;
   }
-  function t(i = e) {
-    const { componentInstance: g, designerItemElementRef: E } = i;
-    return !g || !g.value ? null : g.value.canMove ? E : t(i.parent);
+  function o(u = e) {
+    const { componentInstance: g, designerItemElementRef: S } = u;
+    return !g || !g.value ? null : g.value.canMove ? S : o(u.parent);
   }
-  function r(i) {
-    return !!s;
+  function l(u) {
+    return !!a;
   }
   function p() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function f() {
+  function m() {
   }
-  function S(i, g) {
+  function E(u, g) {
   }
-  function M(i, g) {
-    const { componentType: E } = i;
-    let L = ie(E, i, g);
-    const w = E.toLowerCase().replace(/-/g, "_");
-    return L && !L.id && L.type === E && (L.id = `${w}_${Math.random().toString().slice(2, 6)}`), L;
+  function M(u, g) {
+    const { componentType: S } = u;
+    let k = ie(S, u, g);
+    const w = S.toLowerCase().replace(/-/g, "_");
+    return k && !k.id && k.type === S && (k.id = `${w}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function C(i) {
+  function C(u) {
   }
-  function y(...i) {
+  function N(...u) {
   }
-  function k() {
-    e != null && e.schema.contents && e.schema.contents.map((i) => {
-      var L;
-      let g = i.id;
-      i.type === "component-ref" && (g = i.component);
-      const E = n.value.querySelector(`#${g}-design-item`);
-      (L = E == null ? void 0 : E.componentInstance) != null && L.value.onRemoveComponent && E.componentInstance.value.onRemoveComponent();
+  function L() {
+    e != null && e.schema.contents && e.schema.contents.map((u) => {
+      var k;
+      let g = u.id;
+      u.type === "component-ref" && (g = u.component);
+      const S = n.value.querySelector(`#${g}-design-item`);
+      (k = S == null ? void 0 : S.componentInstance) != null && k.value.onRemoveComponent && S.componentInstance.value.onRemoveComponent();
     });
   }
-  return m.value = {
-    canMove: c(),
+  return f.value = {
+    canMove: s(),
     canSelectParent: h(),
     canDelete: v(),
-    canNested: !l(),
+    canNested: !c(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
+    parent: (y = e == null ? void 0 : e.parent) == null ? void 0 : y.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: o,
-    designerClass: d,
-    canAccepts: r,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: t,
+    styles: t,
+    designerClass: i,
+    canAccepts: l,
+    getBelongedComponentInstance: d,
+    getDraggableDesignItemElement: o,
     getDraggingDisplayText: p,
-    getPropConfig: y,
-    getDragScopeElement: f,
-    onAcceptMovedChildElement: S,
+    getPropConfig: N,
+    getDragScopeElement: m,
+    onAcceptMovedChildElement: E,
     onChildElementMovedOut: C,
     addNewChildComponentSchema: M,
     triggerBelongedComponentToMoveWhenMoved: b(!1),
     triggerBelongedComponentToDeleteWhenDeleted: b(!1),
-    onRemoveComponent: k
-  }, m;
+    onRemoveComponent: L
+  }, f;
 }
-const nn = /* @__PURE__ */ D({
+const tn = /* @__PURE__ */ D({
   name: "FEventsEditorDesign",
   props: W,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const s = b(n.initialData), o = de(s), {
-      loadEvents: d,
-      resetBoundEvents: m
-    } = o, c = ue(s, o), {
+    const a = b(n.initialData), t = de(a), {
+      loadEvents: i,
+      resetBoundEvents: f
+    } = t, s = ue(a, t), {
       addNewInteraction: h,
       deleteInteracton: v,
-      interactions: l,
-      loadInteractions: u
-    } = c, t = ve(s, c, e);
-    O("useEventsComposition", o), O("useInteractionCompostion", c), O("useMethodsComposition", t);
-    const r = b(), p = z("design-item-context"), f = en(r, p);
+      interactions: c,
+      loadInteractions: d
+    } = s, o = ve(a, s, e);
+    O("useEventsComposition", t), O("useInteractionCompostion", s), O("useMethodsComposition", o);
+    const l = b(), p = z("design-item-context"), m = nn(l, p);
     re(() => {
-      r.value.componentInstance = f, S(), m(), d(), u();
-    }), e.expose(f.value);
-    function S() {
-      s.value.isAddControllerMethod = !1;
+      l.value.componentInstance = m, E(), f(), i(), d();
+    }), e.expose(m.value);
+    function E() {
+      a.value.isAddControllerMethod = !1;
     }
-    function M(B) {
-      v(B);
+    function M(y) {
+      v(y);
     }
-    function C(B, i) {
-      const g = B.showSwitch[0], E = g.showSection[g.showSwitchNumber][3];
-      return a(me, {
-        interaction: B,
-        displayOrder: i,
-        collapsed: E,
+    function C(y, u) {
+      const g = y.showSwitch[0], S = g.showSection[g.showSwitchNumber][3];
+      return r(me, {
+        interaction: y,
+        displayOrder: u,
+        collapsed: S,
         onDelete: M
       }, null);
     }
-    function y() {
-      var B;
-      return (B = l.value) == null ? void 0 : B.map((i, g) => a("div", {
+    function N() {
+      var y;
+      return (y = c.value) == null ? void 0 : y.map((u, g) => r("div", {
         class: "events-display-order",
-        key: i.event.label
-      }, [C(i, g)]));
+        key: u.event.label
+      }, [C(u, g)]));
     }
-    function k(B) {
-      h(B);
+    function L(y) {
+      h(y);
     }
-    return () => a("div", {
-      ref: r,
+    return () => r("div", {
+      ref: l,
       class: "f-page-events-editor"
-    }, [a("div", {
+    }, [r("div", {
       class: "f-page-events-editor-content"
-    }, [a(fe, {
-      onClick: k
-    }, null), y()])]);
+    }, [r(fe, {
+      onClick: L
+    }, null), N()])]);
   }
-}), un = {
+}), dn = {
   install(n) {
     n.component(G.name, G);
   },
-  register(n, e, s, o) {
+  register(n, e, a, t) {
     n["events-editor"] = G, e["events-editor"] = se;
   },
-  registerDesigner(n, e, s) {
-    n["events-editor"] = nn, e["events-editor"] = se;
+  registerDesigner(n, e, a) {
+    n["events-editor"] = tn, e["events-editor"] = se;
   }
 };
 export {
   G as FEventsEditor,
-  un as default,
+  dn as default,
   W as eventsEditorProps,
   se as propsResolver
 };