@farris/ui-vue 1.3.0 → 1.3.3

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

@@ -1,117 +1,122 @@
-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 { ref as g, defineComponent as F, createVNode as s, inject as O, Fragment as te, createTextVNode as R, computed as A, provide as T, onMounted as _ } from "vue";
+import { isPlainObject as z, cloneDeep as S } from "lodash-es";
+import oe from "../notify/index.esm.js/src/notify.service";
+import "../schema-selector/index.esm.js";
+import "../modal/index.esm.js";
 import "../combo-list/index.esm.js";
-const J = {}, U = {};
-function z(n) {
-  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;
+const G = {}, W = {};
+function $(n) {
+  const { properties: e, title: r, ignore: o } = n, u = o && Array.isArray(o), m = Object.keys(e).reduce((i, h) => ((!u || !o.find((f) => f === h)) && (i[h] = e[h].type === "object" && e[h].properties ? $(e[h]) : S(e[h].default)), i), {});
+  if (r && (!u || !o.find((i) => i === "id"))) {
+    const i = r.toLowerCase().replace(/-/g, "_");
+    m.id = `${i}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return m;
 }
-function $(n, e = {}, a) {
-  const r = J[n];
-  if (r) {
-    let u = z(r);
-    const f = U[n];
-    return u = f ? f({ getSchemaByType: $ }, u, e, a) : u, u;
+function U(n, e = {}, r) {
+  const o = G[n];
+  if (o) {
+    let u = $(o);
+    const m = W[n];
+    return u = m ? m({ getSchemaByType: U }, u, e, r) : u, u;
   }
   return null;
 }
-function oe(n, e) {
-  const a = z(e);
-  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 re(n, e) {
-  return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
+  const r = $(e);
+  return Object.keys(r).reduce((o, u) => (o[u] && z(o[u]) && z(n[u] || !n[u]) ? Object.assign(o[u], n[u] || {}) : o[u] = n[u], o), r), r;
+}
+function ae(n, e) {
+  return Object.keys(n).filter((o) => n[o] != null).reduce((o, u) => {
     if (e.has(u)) {
-      const f = e.get(u);
-      if (typeof f == "string")
-        r[f] = n[u];
+      const m = e.get(u);
+      if (typeof m == "string")
+        o[m] = n[u];
       else {
-        const l = f(u, n[u], n);
-        Object.assign(r, l);
+        const i = m(u, n[u], n);
+        Object.assign(o, i);
       }
     } else
-      r[u] = n[u];
-    return r;
+      o[u] = n[u];
+    return o;
   }, {});
 }
-function ae(n, e, a = /* @__PURE__ */ new Map()) {
-  const r = oe(n, e);
-  return re(r, a);
+function se(n, e, r = /* @__PURE__ */ new Map()) {
+  const o = re(n, e);
+  return ae(o, r);
 }
-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], d = o[p];
-      if (p === "not")
-        return Number(c[s].length) !== Number(d);
-      if (p === "moreThan")
-        return Number(c[s].length) >= Number(d);
-      if (p === "lessThan")
-        return Number(c[s].length) <= Number(d);
+function le(n = {}) {
+  function e(a, c, t, l) {
+    if (typeof t == "number")
+      return l[a].length === t;
+    if (typeof t == "object") {
+      const w = Object.keys(t)[0], d = t[w];
+      if (w === "not")
+        return Number(l[a].length) !== Number(d);
+      if (w === "moreThan")
+        return Number(l[a].length) >= Number(d);
+      if (w === "lessThan")
+        return Number(l[a].length) <= Number(d);
     }
     return !1;
   }
-  function a(s, i, o, c) {
-    return c[s] && c[s].propertyValue && String(c[s].propertyValue.value) === String(o);
+  function r(a, c, t, l) {
+    return l[a] && l[a].propertyValue && String(l[a].propertyValue.value) === String(t);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", a]
+    ["getProperty", r]
   ]);
-  Object.keys(n).reduce((s, i) => (s.set(i, n[i]), s), r);
-  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, d = i[c];
-      return { target: o, operator: "getProperty", param: p, value: d };
+  Object.keys(n).reduce((a, c) => (a.set(c, n[c]), a), o);
+  function u(a, c) {
+    const t = a;
+    return typeof c == "number" ? [{ target: t, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: t, operator: "getProperty", param: a, value: !!c }] : typeof c == "object" ? Object.keys(c).map((l) => {
+      if (l === "length")
+        return { target: t, operator: "length", param: null, value: c[l] };
+      const w = l, d = c[l];
+      return { target: t, operator: "getProperty", param: w, value: d };
     }) : [];
   }
-  function f(s) {
-    return Object.keys(s).reduce((o, c) => {
-      const p = u(c, s[c]);
-      return o.push(...p), o;
+  function m(a) {
+    return Object.keys(a).reduce((t, l) => {
+      const w = u(l, a[l]);
+      return t.push(...w), t;
     }, []);
   }
-  function l(s, i) {
-    if (r.has(s.operator)) {
-      const o = r.get(s.operator);
-      return o && o(s.target, s.param, s.value, i) || !1;
+  function i(a, c) {
+    if (o.has(a.operator)) {
+      const t = o.get(a.operator);
+      return t && t(a.target, a.param, a.value, c) || !1;
     }
     return !1;
   }
-  function h(s, i) {
-    return f(s).reduce((p, d) => p && l(d, i), !0);
+  function h(a, c) {
+    return m(a).reduce((w, d) => w && i(d, c), !0);
   }
-  function m(s, 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);
+  function f(a, c) {
+    const t = Object.keys(a), l = t.includes("allOf"), w = t.includes("anyOf"), d = l || w, b = (d ? a[d ? l ? "allOf" : "anyOf" : "allOf"] : [a]).map((B) => h(B, c));
+    return l ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: m };
+  return { parseValueSchema: f };
 }
-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);
+const ce = {}, ie = {};
+le();
+function ue(n, e, r = /* @__PURE__ */ new Map(), o = (i, h, f, a) => h, u = {}, m = (i) => i) {
+  return G[e.title] = e, W[e.title] = o, ce[e.title] = u, ie[e.title] = m, (i = {}) => {
+    const h = se(i, e, r), f = Object.keys(n).reduce((a, c) => (a[c] = n[c].default, a), {});
+    return Object.assign(f, h);
   };
 }
-function ue(n, e) {
+function de(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const de = /* @__PURE__ */ new Map([
-  ["appearance", ue]
+const me = /* @__PURE__ */ new Map([
+  ["appearance", de]
 ]);
-function fe(n, e, a) {
+function fe(n, e, r) {
   return e;
 }
-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 = {
+const pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-design.gitee.io/events-editor.schema.json", he = "events-editor", we = "A Farris Component", ge = "object", be = {
   id: {
     description: "The unique identifier for events-editor",
     type: "string"
@@ -173,23 +178,23 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     type: "boolean",
     default: !0
   }
-}, be = [
+}, Ce = [
   "id",
   "type"
-], Ce = {
-  $schema: me,
+], Ee = {
+  $schema: pe,
   $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 = [
+  title: he,
+  description: we,
+  type: ge,
+  properties: be,
+  required: Ce
+}, Se = "events-editor", ye = "A Farris Component", Me = "object", Be = {}, Le = {
+  title: Se,
+  description: ye,
+  type: Me,
+  categories: Be
+}, q = [
   {
     label: "pageChange",
     name: "MockMock切换页码"
@@ -210,7 +215,7 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], Le = {
+], ke = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -274,7 +279,7 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     }
   ],
   /** (事件设定)可绑定事件默认列表; */
-  events: H,
+  events: q,
   /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
   boundEventsList: [],
   /** 视图模型已有命令 */
@@ -292,24 +297,24 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
   /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
   newController: [],
   isAddControllerMethod: !1,
-  getEventList: () => ({ events: H, boundEventsList: [] })
-}, _ = {
-  initialData: { type: Object, default: Le }
-}, G = ie(
-  _,
-  Ce,
-  de,
+  getEventList: () => ({ events: q, boundEventsList: [] })
+}, I = {
+  initialData: { type: Object, default: ke }
+}, H = ue(
+  I,
+  Ee,
+  me,
   fe,
-  Be
+  Le
 );
 function Y(n, e) {
-  const a = b([]), { boundEvents: r, unBoundEvent: u } = e;
-  function f(o) {
+  const r = g([]), { boundEvents: o, unBoundEvent: u } = e;
+  function m(t) {
     return {
       /** 当前事件名称及label */
       event: {
-        label: o.boundEvents.label,
-        name: o.boundEvents.name
+        label: t.boundEvents.label,
+        name: t.boundEvents.name
       },
       /** 控制组件的展示及顺序:
        * 0：事件下拉框
@@ -324,160 +329,161 @@ function Y(n, e) {
         showSwitchNumber: 2
       }],
       /** 方法列表 */
-      command: B(o.command),
+      command: S(t.command),
       /** 当前的控制器 */
-      controller: B(o.controller)
+      controller: S(t.controller)
     };
   }
-  function l() {
-    var o;
-    a.value = (o = r.value) == null ? void 0 : o.map((c) => f(c));
+  function i() {
+    var t;
+    r.value = (t = o.value) == null ? void 0 : t.map((l) => m(l));
   }
-  function h(o) {
-    const p = f({
-      boundEvents: o,
+  function h(t) {
+    const w = m({
+      boundEvents: t,
       command: null,
       controller: { id: "", name: "", label: "" }
     });
-    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, a.value.unshift(p);
+    w.showSwitch[0].showSwitchNumber = 1, w.showSwitch[0].showSection[2][3] = !0, r.value.unshift(w);
   }
-  function m() {
-    var o;
-    (o = a.value) == null || o.forEach((c) => {
-      c.showSwitch.forEach((p) => {
-        p.showSection[2][3] = !1;
+  function f() {
+    var t;
+    (t = r.value) == null || t.forEach((l) => {
+      l.showSwitch.forEach((w) => {
+        w.showSection[2][3] = !1;
       });
     });
   }
-  function s(o) {
-    a.value[o].showSwitch.forEach((c) => {
-      c.showSection[2][3] = !c.showSection[2][3];
+  function a(t) {
+    r.value[t].showSwitch.forEach((l) => {
+      l.showSection[2][3] = !l.showSection[2][3];
     });
   }
-  function i(o) {
-    if (o >= 0 && o <= a.value.length - 1) {
-      const c = a.value[o];
-      u(c.event), a.value.splice(o, 1);
+  function c(t) {
+    if (t >= 0 && t <= r.value.length - 1) {
+      const l = r.value[t];
+      u(l.event), r.value.splice(t, 1);
     }
   }
   return {
     addNewInteraction: h,
-    collapseInteractions: m,
-    deleteInteracton: i,
-    toggleMethodInInteraction: s,
-    interactions: a,
-    loadInteractions: l
+    collapseInteractions: f,
+    deleteInteracton: c,
+    toggleMethodInInteraction: a,
+    interactions: r,
+    loadInteractions: i
   };
 }
-function Q(n) {
-  const e = b([]), a = b([]), r = b([]);
+function J(n) {
+  const e = g([]), r = g([]), o = g([]);
   function u() {
-    const i = a.value.reduce(
-      (c, p) => (c.set(p.boundEvents.label, !0), c),
+    const c = r.value.reduce(
+      (l, w) => (l.set(w.boundEvents.label, !0), l),
       /* @__PURE__ */ new Map()
     );
-    return e.value.filter((c) => !i.has(c.label));
+    return e.value.filter((l) => !c.has(l.label));
   }
-  function f() {
-    var o;
-    const i = ((o = a.value) == null ? void 0 : o.length) > 0;
-    r.value = i ? u() : e.value;
+  function m() {
+    var t;
+    const c = ((t = r.value) == null ? void 0 : t.length) > 0;
+    o.value = c ? u() : e.value;
   }
-  function l() {
-    e.value = n.value.events, a.value = n.value.boundEventsList, f();
+  function i() {
+    e.value = n.value.events, r.value = n.value.boundEventsList, m();
   }
-  function h(i) {
-    r.value = r.value.filter((o) => o.label !== i.label);
+  function h(c) {
+    o.value = o.value.filter((t) => t.label !== c.label);
   }
-  function m(i) {
-    a.value = a.value.filter((o) => o.boundEvents.label !== i.label), f();
+  function f(c) {
+    r.value = r.value.filter((t) => t.boundEvents.label !== c.label), m();
   }
-  function s() {
-    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((d) => d.label == p.boundEvents.label);
+  function a() {
+    var l;
+    const c = (l = n.value) == null ? void 0 : l.getEventList(), { events: t } = c;
+    c && (n.value.events = S(t), n.value.boundEventsList = c.boundEventsList), n.value.boundEventsList && (n.value.boundEventsList = n.value.boundEventsList.filter(function(w) {
+      return t.find((d) => d.label === w.boundEvents.label);
     }));
   }
   return {
     allEvents: e,
-    boundEvents: a,
-    candidateEvents: r,
+    boundEvents: r,
+    candidateEvents: o,
     excludeFromCandidates: h,
-    loadEvents: l,
-    resetBoundEvents: s,
-    unBoundEvent: m
+    loadEvents: i,
+    resetBoundEvents: a,
+    unBoundEvent: f
   };
 }
-const ke = {}, Ne = {
+const Ne = {}, Pe = {
   events: { type: Array, default: [] }
-}, Ae = /* @__PURE__ */ D({
+}, Ae = /* @__PURE__ */ F({
   name: "FEventList",
-  props: Ne,
+  props: Pe,
   emits: ["click"],
   setup(n, e) {
-    const a = b(n.events);
-    function r(f) {
-      e.emit("click", f);
+    const r = g(n.events);
+    function o(m) {
+      e.emit("click", m);
     }
-    function u(f) {
-      return t("div", {
+    function u(m) {
+      return s("div", {
         class: "f-page-events-editor-first-bound-event"
-      }, [t("div", {
-        onClick: () => r(f),
+      }, [s("div", {
+        onClick: () => o(m),
         class: "f-page-events-editor-first-bound-event-name"
-      }, [f.name])]);
+      }, [m.name])]);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "f-page-events-editor-events"
-    }, [a.value.map((f) => u(f))]);
+    }, [r.value.map((m) => u(m))]);
   }
-}), X = /* @__PURE__ */ D({
+}), Q = /* @__PURE__ */ F({
   name: "FInteractionButton",
-  props: ke,
+  props: Ne,
   emits: ["click"],
   setup(n, e) {
-    const a = R("useEventsComposition"), r = R("useInteractionCompostion"), {
-      candidateEvents: u
-    } = a, {
-      collapseInteractions: f
-    } = r, l = b(!1);
-    function h(p) {
-      u.value = u.value.filter((d) => d.label !== p.label);
+    const r = new oe(), o = O("useEventsComposition"), u = O("useInteractionCompostion"), {
+      candidateEvents: m
+    } = o, {
+      collapseInteractions: i
+    } = u, h = g(!1);
+    function f(l) {
+      m.value = m.value.filter((w) => w.label !== l.label);
     }
-    function m() {
-      l.value = !1;
+    function a(l = !1) {
+      h.value = l;
     }
-    function s() {
-      l.value = !0;
+    function c(l) {
+      a(), f(l), e.emit("click", l);
     }
-    function i(p) {
-      m(), h(p), e.emit("click", p);
-    }
-    function o() {
-      l.value ? m() : s();
-    }
-    function c() {
-      f(), o();
+    function t() {
+      if (m.value.length === 0) {
+        r.info({
+          position: "top-center",
+          message: "事件已全部绑定"
+        });
+        return;
+      }
+      i(), a(!h.value);
     }
-    return () => t(ee, null, [t("div", {
+    return () => s(te, null, [s("div", {
       class: "f-page-events-editor-top-button"
-    }, [t("button", {
+    }, [s("button", {
       class: "f-page-events-editor-button",
-      onClick: c
-    }, [t("span", {
+      onClick: t
+    }, [s("span", {
       class: "f-page-events-editor-text"
-    }, [T("新建交互事件")])])]), l.value && t(Ae, {
-      events: u.value,
-      onClick: i
+    }, [R("新建交互事件")])])]), h.value && s(Ae, {
+      events: m.value,
+      onClick: c
     }, null)]);
   }
-}), Pe = {
+}), Fe = {
   collapsed: { type: Boolean, default: !0 },
   displayOrder: { type: Number, default: -1 },
   interaction: { type: Object, default: {} },
   controllers: { type: Array, default: [] }
-}, Fe = {
+}, Te = {
   /** 入参 */
   initialData: { Type: Object, default: {} },
   /** 原层级结构数据 */
@@ -494,380 +500,337 @@ const ke = {}, Ne = {
   haveBoundcommand: { Type: Boolean, default: !1 }
 }, De = {
   controllers: { type: Array, default: [] }
-}, Te = /* @__PURE__ */ D({
+}, Oe = /* @__PURE__ */ F({
   name: "FCommandList",
   props: De,
   emits: ["selectMethod"],
   setup(n, e) {
-    const a = b(n.controllers);
-    function r(m) {
-      return m.controllerList.length !== 0;
+    const r = g(n.controllers);
+    function o(f) {
+      return f.controllerList.length !== 0;
     }
-    function u(m) {
-      return r(m) && t("div", {
+    function u(f) {
+      return o(f) && s("div", {
         class: "f-page-internals-controller"
-      }, [t("div", {
+      }, [s("div", {
         class: "f-page-internals-controller-name",
-        title: m.controllerName.name
-      }, [m.controllerName.name])]);
+        title: f.controllerName.name
+      }, [f.controllerName.name])]);
     }
-    function f(m, s) {
+    function m(f, a) {
       e.emit("selectMethod", {
-        method: m,
-        controller: s
+        method: f,
+        controller: a
       });
     }
-    function l(m) {
-      return m.controllerList.map((s) => t("div", {
+    function i(f) {
+      return f.controllerList.map((a) => s("div", {
         class: "f-page-internals-command",
-        onClick: () => f(s, m)
-      }, [t("div", {
+        onClick: () => m(a, f)
+      }, [s("div", {
         class: "f-page-internals-command-name",
-        title: s.label
-      }, [s.name])]));
+        title: a.label
+      }, [a.name])]));
     }
-    function h(m) {
-      return t("div", null, [u(m), l(m)]);
+    function h(f) {
+      return s("div", null, [u(f), i(f)]);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "f-page-internals"
-    }, [a.value.map((m) => h(m))]);
+    }, [r.value.map((f) => h(f))]);
   }
-}), Oe = /* @__PURE__ */ D({
+}), je = /* @__PURE__ */ F({
   name: "FCommandSource",
-  props: Fe,
+  props: Te,
   emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
   setup(n, e) {
-    const a = R("useMethodsComposition"), {
-      controllers: r
-    } = a, u = b(!1), f = b(n.canAddNewMethod), l = F(() => !f.value), h = F(() => u.value), m = F(() => ({
+    const r = O("useMethodsComposition"), {
+      controllers: o
+    } = r, u = g(!1), m = g(n.canAddNewMethod);
+    A(() => !m.value), A(() => u.value), A(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
-    })), s = Symbol("controller schema repository inject token");
+    }));
     function i() {
-      return t(ne, {
-        injectSymbolToken: s,
-        "view-type": "NavList"
-      }, null);
-    }
-    function o() {
-      te.show({
-        title: "选择控制器",
-        width: 950,
-        render: i
-      });
-    }
-    function c() {
-    }
-    function p() {
-    }
-    function d() {
-    }
-    function E() {
       e.emit("close", null);
     }
-    function L() {
-      return t("div", {
+    function h() {
+      return s("div", {
         class: "f-command-breakline"
-      }, [T("------------------------------------------------------------")]);
+      }, [R("------------------------------------------------------------")]);
     }
-    function g() {
-      return t("div", {
-        class: "f-page-internals-new-command"
-      }, [t("div", {
-        class: "f-page-internals-new-command-func1"
-      }, [t("div", {
-        class: "f-icon f-icon-panel-retraction",
-        style: m.value
-      }, null), t("div", {
-        class: "f-function-class",
-        onClick: () => o()
-      }, [T("引入控制器")])]), l.value && t("div", {
-        class: "f-page-internals-new-command-func2"
-      }, [t("div", {
-        class: "f-icon f-icon-new-edit",
-        style: m.value
-      }, null), t("div", {
-        class: "f-function-class",
-        onClick: () => void 0
-      }, [T("添加新方法")])]), h.value && void 0, t("div", {
-        class: "f-page-internals-new-command-func3"
-      }, [t("div", {
-        class: "f-icon f-icon-licensed",
-        style: m.value
-      }, null), t("div", {
-        class: "f-function-class",
-        onClick: () => void 0
-      }, [T("已有方法")])])]);
-    }
-    function S(v) {
-      e.emit("selectMethod", v);
+    function f(c) {
+      e.emit("selectMethod", c);
     }
-    function y() {
-      return t("div", {
+    function a() {
+      return s("div", {
         class: "f-page-command-source-choice"
-      }, [t(Te, {
-        controllers: r.value,
-        onSelectMethod: S
+      }, [s(Oe, {
+        controllers: o.value,
+        onSelectMethod: f
       }, null)]);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "f-page-events-editor-command-source"
-    }, [y(), L(), g(), L(), t("div", null, [t("div", {
+    }, [a(), h(), h(), s("div", null, [s("div", {
       class: "f-page-internals-close",
-      onClick: E
-    }, [T("取消")])])]);
+      onClick: i
+    }, [R("取消")])])]);
   }
-}), je = {
+}), Re = {
   command: { type: Object, default: {} }
-}, Re = /* @__PURE__ */ D({
+}, Ve = /* @__PURE__ */ F({
   name: "FParameterEditor",
-  props: je,
+  props: Re,
   emits: ["confirm", "change"],
   setup(n, e) {
-    const a = b(n.command), r = b(0), u = b(!1), f = b(!1);
-    b(""), b([]);
-    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() {
+    const r = g(n.command), o = g(0), u = g(!1), m = g(!1);
+    g(""), g([]);
+    const i = A(() => r.value !== null), h = A(() => u.value), f = A(() => m.value), a = A(() => !u.value && !m.value), c = g(!1);
+    function t() {
     }
-    function c() {
-      return t("div", null, [t("div", {
+    function l() {
+      return s("div", null, [s("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 p() {
+    function w() {
     }
     function d() {
-      return t("div", null, [t("div", {
+      return s("div", null, [s("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 E(M) {
-      i.value = !i.value;
+    function y(k) {
+      c.value = !c.value;
     }
     function L() {
-      return t("div", null, [t("div", {
+      return s("div", null, [s("div", {
         class: "f-icon f-icon-edit-button",
         style: "font-size: 13px;margin-right:10px;",
-        onClick: () => E(r.value)
+        onClick: () => y(o.value)
       }, null)]);
     }
-    function g(M, A) {
-      A.value = M.target.value;
+    function b(k, P) {
+      P.value = k.target.value;
     }
-    function S() {
-      e.emit("change", a.value);
+    function M() {
+      e.emit("change", r.value);
     }
-    function y(M) {
-      return t("div", null, [t("input", {
+    function B(k) {
+      return s("div", null, [s("input", {
+        title: "ide-parameter-editor",
         class: "form-control f-utils-fill text-left",
-        value: M.value,
-        onChange: (A) => g(A, M),
-        onBlur: (A) => S()
+        value: k.value,
+        onChange: (P) => b(P, k),
+        onBlur: (P) => M()
       }, null)]);
     }
-    function v() {
-      var M;
-      return (M = a.value.property) == null ? void 0 : M.map((A) => t("div", null, [t("div", {
+    function p() {
+      var k;
+      return (k = r.value.property) == null ? void 0 : k.map((P) => s("div", null, [s("div", {
         class: "f-page-parameter-editor-row1"
-      }, [t("div", {
+      }, [s("div", {
         class: "f-page-parameter-editor-parameter-name"
-      }, [A.shownName, A.description && t("div", {
-        class: "farris-label-tips"
-      }, [t("i", {
-        class: "f-icon f-icon-message_help",
-        style: "color:#878D99;"
-      }, null)])])]), t("div", {
+      }, [P.shownName, P.description && s("div", {
+        class: "ml-2 farris-label-tips"
+      }, [s("i", {
+        class: "f-icon f-icon-description-tips"
+      }, null)])])]), s("div", {
         class: "f-page-parameter-editor-row2"
-      }, [y(A)])]));
+      }, [B(P)])]));
     }
-    function C(M) {
-      i.value = !1, e.emit("confirm");
+    function v(k) {
+      c.value = !1, e.emit("confirm");
     }
-    function w() {
-      return t("div", null, [t("div", {
+    function C() {
+      return s("div", null, [s("div", {
         class: "f-page-parameter-editor-btn"
-      }, [t("div", {
+      }, [s("div", {
         class: "btn-finish",
-        onClick: () => C(r.value)
-      }, [T("完成")])])]);
+        onClick: () => v(o.value)
+      }, [R("完成")])])]);
     }
-    function k() {
-      return t("div", {
+    function E() {
+      return s("div", {
         class: "f-page-parameter-editor-group"
-      }, [v()]);
+      }, [p()]);
     }
     function N() {
-      return t("div", null, [t("div", {
+      return s("div", null, [s("div", {
         class: "f-page-parameter-editor-first-row"
-      }, [t("span", {
+      }, [s("span", {
         class: "f-page-parameter-editor-command-name",
-        title: a.value.label
-      }, [a.value.name]), t("div", {
+        title: r.value.label
+      }, [r.value.name]), s("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && c(), m.value && d(), s.value && L()])]), i.value && k(), i.value && w()]);
+      }, [h.value && l(), f.value && d(), a.value && L()])]), c.value && E(), c.value && C()]);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "f-page-parameter-editor"
-    }, [l.value && N()]);
+    }, [i.value && N()]);
   }
-}), Z = /* @__PURE__ */ D({
+}), X = /* @__PURE__ */ F({
   name: "FInteractionItem",
-  props: Pe,
+  props: Fe,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
-    const a = R("useMethodsComposition"), {
-      toggleSelectingMethod: r,
+    const r = O("useMethodsComposition"), {
+      toggleSelectingMethod: o,
       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];
-    }), s = F(() => {
-      const v = !!l.value.command, C = l.value.showSwitch[0], w = C.showSection[C.showSwitchNumber][3];
-      return v && w;
-    }), i = F(() => ({
+    } = r, m = g(n.controllers), i = g(n.interaction), h = g(n.displayOrder), f = A(() => {
+      const p = i.value.showSwitch[0];
+      return p.showSection[p.showSwitchNumber][2];
+    }), a = A(() => {
+      const p = !!i.value.command, v = i.value.showSwitch[0], C = v.showSection[v.showSwitchNumber][3];
+      return p && C;
+    }), c = A(() => ({
       "f-icon": !0,
-      "f-icon-arrow-chevron-down": s.value,
-      "f-icon-arrow-chevron-left": !s.value
+      "f-icon-arrow-chevron-down": a.value,
+      "f-icon-arrow-chevron-left": !a.value
     }));
-    function o() {
+    function t() {
       e.emit("delete", h.value);
     }
-    function c() {
-      const v = l.value.showSwitch[0];
-      v.showSection[v.showSwitchNumber][3] = !v.showSection[v.showSwitchNumber][3], e.emit("toggle", h.value);
+    function l() {
+      const p = i.value.showSwitch[0];
+      p.showSection[p.showSwitchNumber][3] = !p.showSection[p.showSwitchNumber][3], e.emit("toggle", h.value);
     }
-    function p() {
-      if (l.value.command !== null) {
-        const C = l.value.showSwitch[0];
-        r(C), e.emit("addAction", h.value);
+    function w() {
+      if (i.value.command !== null) {
+        const v = i.value.showSwitch[0];
+        o(v), e.emit("addAction", h.value);
       }
     }
-    function d(v) {
-      v === null && l.value.command === null && e.emit("delete", h.value);
-      const C = l.value.showSwitch[0];
-      r(C);
+    function d(p) {
+      p === null && i.value.command === null && e.emit("delete", h.value);
+      const v = i.value.showSwitch[0];
+      o(v);
     }
-    function E(v) {
+    function y(p) {
       const {
-        method: C,
-        controller: w
-      } = v, {
-        id: k,
+        method: v,
+        controller: C
+      } = p, {
+        id: E,
         label: N,
-        name: M,
-        handlerName: A
-      } = C, {
-        controllerName: P
-      } = w, I = !1, K = P.id;
-      l.value.command = {
-        id: k,
+        name: k,
+        handlerName: P,
+        property: x,
+        componentLists: K
+      } = v, {
+        controllerName: j
+      } = C, ee = !1, ne = j.id;
+      i.value.command = {
+        id: E,
         label: N,
-        name: M,
-        handlerName: A,
-        hasPath: I,
-        cmpId: K
-      }, l.value.controller = {
-        id: P.id,
-        label: P.label,
-        name: P.name
+        name: k,
+        handlerName: P,
+        hasPath: ee,
+        cmpId: ne,
+        property: x,
+        componentLists: K
+      }, i.value.controller = {
+        id: j.id,
+        label: j.label,
+        name: j.name
       };
-      const j = l.value.showSwitch[0];
-      j.showSwitchNumber = 2, j.showSection[j.showSwitchNumber][2] = !1, j.showSection[j.showSwitchNumber][3] = !0, u();
+      const D = i.value.showSwitch[0];
+      D.showSwitchNumber = 2, D.showSection[D.showSwitchNumber][2] = !1, D.showSection[D.showSwitchNumber][3] = !0, u();
     }
     function L() {
-      return t(Oe, {
-        controllers: f.value,
+      return s(je, {
+        controllers: m.value,
         onClose: d,
-        onSelectMethod: E
+        onSelectMethod: y
       }, null);
     }
-    function g() {
-      const v = l.value.showSwitch[0];
-      v.showSection[v.showSwitchNumber][3] = !1;
+    function b() {
+      const p = i.value.showSwitch[0];
+      p.showSection[p.showSwitchNumber][3] = !1;
     }
-    function S(v) {
-      l.value.command = B(v), u();
+    function M(p) {
+      i.value.command = S(p), u();
     }
-    function y() {
-      return t(Re, {
-        command: l.value.command,
-        onConfirm: () => g(),
-        onChange: (v) => S(v)
+    function B() {
+      return s(Ve, {
+        command: i.value.command,
+        onConfirm: () => b(),
+        onChange: (p) => M(p)
       }, null);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "show-switch"
-    }, [t("div", {
+    }, [s("div", {
       class: "f-page-events-editor-bound-event"
-    }, [t("div", {
+    }, [s("div", {
       class: "f-page-events-editor-bound-event-name",
-      title: l.value.event.label
-    }, [l.value.event.name]), t("div", {
+      title: i.value.event.label
+    }, [i.value.event.name]), s("div", {
       style: "float:right;margin:5px;"
-    }, [t("div", {
-      class: i.value,
+    }, [s("div", {
+      class: c.value,
       style: "font-size: 10px;",
-      onClick: c
-    }, null)]), t("div", {
+      onClick: l
+    }, null)]), s("div", {
       class: "f-icon f-icon-yxs_delete",
       style: "font-size: 13px;float: right; margin:8px;",
-      onClick: o
-    }, null), t("div", {
+      onClick: t
+    }, null), s("div", {
       class: "f-icon f-icon-home-add",
       style: "float:right; font-size: 10px; margin:8px;",
-      onClick: p
-    }, null)]), m.value && L(), s.value && y()]);
+      onClick: w
+    }, null)]), f.value && L(), a.value && 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({
+function Z(n, e, r) {
+  const { interactions: o } = e, u = g(n.value.internalCommandList);
+  function m(d) {
+    o.value[d].showSwitch = [], o.value[d].showSwitch.push(S({
       // 存储所有的展示设定
       showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
       // 展示哪个部分
       showSwitchNumber: 2
-    })), r.value = B(r.value);
+    })), o.value = S(o.value);
   }
-  function l(d, E, L) {
+  function i(d, y, L) {
   }
   function h(d) {
     var L;
-    const E = [];
-    return (L = n.value.newController) == null || L.forEach((g) => {
-      d.forEach((S) => {
-        g.Code === S.controller.label && E.push(B(g));
+    const y = [];
+    return (L = n.value.newController) == null || L.forEach((b) => {
+      d.forEach((M) => {
+        b.Code === M.controller.label && y.push(S(b));
       });
-    }), E;
+    }), y;
   }
-  function m() {
-    var S;
+  function f() {
+    var M;
     n.value.isAddControllerMethod = !!n.value.newFuncEvents;
-    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 };
-      d.push(B(k));
+    const d = [], y = S(n.value.internalCommandList);
+    o.value.map((B) => {
+      const p = S(B.controller), v = S(B.command), C = S(B.event), E = { controller: p, command: v, boundEvents: C };
+      d.push(S(E));
     });
-    const L = (S = n.value.newController) != null && S.length && d.length ? B(h(d)) : [], g = {
+    const L = (M = n.value.newController) != null && M.length && d.length ? S(h(d)) : [], b = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
-      savedCommand: B(n.value.viewModel),
+      savedCommand: S(n.value.viewModel),
       /** 当前界面显示的绑定事件 */
-      boundEventsList: B(d),
+      boundEventsList: S(d),
       /** 可选择的绑定事件列表 */
-      events: B(n.value.events),
+      events: S(n.value.events),
       /** 内置构件列表； */
-      internalCommandList: B(E),
+      internalCommandList: S(y),
       /** 所有可选的组件 */
       componentLists: [],
       /** 接收formBasicService.formMetaBasicInfo.relativePath */
@@ -875,7 +838,7 @@ function x(n, e, a) {
       /** 接收formBasicService.envType */
       envType: n.value.envType,
       /** 初始为空，用于存储用户点击「导入新方法」的控制器值 */
-      newController: B(L),
+      newController: S(L),
       /** 切换到代码视图标识 */
       isAddControllerMethod: n.value.isAddControllerMethod,
       /** 用户选择「已有方法」 */
@@ -883,234 +846,233 @@ function x(n, e, a) {
       /** 上一个绑定的方法 */
       preCommand: n.value.preCommand,
       /** 新增方法的对应事件 */
-      newFuncEvents: B(n.value.newFuncEvents)
+      newFuncEvents: S(n.value.newFuncEvents)
     };
-    a.emit("savedCommandListChanged", g);
+    r.emit("savedCommandListChanged", b);
   }
-  function s(d) {
+  function a(d) {
     d.showSection[d.showSwitchNumber][2] = !0;
   }
-  function i(d) {
+  function c(d) {
     d.showSection[d.showSwitchNumber][2] = !1;
   }
-  function o(d) {
+  function t(d) {
     d.showSection[d.showSwitchNumber][3] = !0;
   }
-  function c(d) {
+  function l(d) {
     d.showSection[d.showSwitchNumber][3] = !1;
   }
-  function p(d) {
-    d.showSection[d.showSwitchNumber][2] ? (i(d), o(d)) : (s(d), c(d));
+  function w(d) {
+    d.showSection[d.showSwitchNumber][2] ? (c(d), t(d)) : (a(d), l(d));
   }
   return {
     controllers: u,
-    onClosed: f,
-    emitFinalState: m,
-    onCurrentCommandChanged: l,
-    toggleSelectingMethod: p
+    onClosed: m,
+    emitFinalState: f,
+    onCurrentCommandChanged: i,
+    toggleSelectingMethod: w
   };
 }
-const V = /* @__PURE__ */ D({
+const V = /* @__PURE__ */ F({
   name: "FEventsEditor",
-  props: _,
+  props: I,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Q(a), {
+    const r = g(n.initialData), o = J(r), {
       loadEvents: u,
-      resetBoundEvents: f
-    } = r, l = Y(a, r), {
+      resetBoundEvents: m
+    } = o, i = Y(r, o), {
       addNewInteraction: h,
-      deleteInteracton: m,
-      interactions: s,
-      loadInteractions: i
-    } = l, o = x(a, l, e);
-    O("useEventsComposition", r), O("useInteractionCompostion", l), O("useMethodsComposition", o);
-    function c() {
-      a.value.isAddControllerMethod = !1;
+      deleteInteracton: f,
+      interactions: a,
+      loadInteractions: c
+    } = i, t = Z(r, i, e);
+    T("useEventsComposition", o), T("useInteractionCompostion", i), T("useMethodsComposition", t);
+    function l() {
+      r.value.isAddControllerMethod = !1;
     }
-    W(() => {
-      c(), f(), u(), i();
+    _(() => {
+      l(), m(), u(), c();
     });
-    function p(g) {
-      m(g);
+    function w(b) {
+      f(b);
     }
-    function d(g, S) {
-      const y = g.showSwitch[0], v = y.showSection[y.showSwitchNumber][3];
-      return t(Z, {
-        interaction: g,
-        displayOrder: S,
-        collapsed: v,
-        onDelete: p
+    function d(b, M) {
+      const B = b.showSwitch[0], p = B.showSection[B.showSwitchNumber][3];
+      return s(X, {
+        interaction: b,
+        displayOrder: M,
+        collapsed: p,
+        onDelete: w
       }, null);
     }
-    function E() {
-      var g;
-      return (g = s.value) == null ? void 0 : g.map((S, y) => t("div", {
+    function y() {
+      var b;
+      return (b = a.value) == null ? void 0 : b.map((M, B) => s("div", {
         class: "events-display-order",
-        key: S.event.label
-      }, [d(S, y)]));
+        key: M.event.label
+      }, [d(M, B)]));
     }
-    function L(g) {
-      h(g);
+    function L(b) {
+      h(b);
     }
-    return () => t("div", {
+    return () => s("div", {
       class: "f-page-events-editor"
-    }, [t("div", {
+    }, [s("div", {
       class: "f-page-events-editor-content"
-    }, [t(X, {
+    }, [s(Q, {
       onClick: L
-    }, null), E()])]);
+    }, null), y()])]);
   }
 });
-function Ie(n, e, a) {
-  var C;
-  function r() {
-  }
-  const u = "", f = "", l = b();
-  function h() {
+function $e(n, e, r) {
+  var p;
+  const o = "", u = "", m = g();
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function m() {
+  function h() {
     return !1;
   }
-  function s() {
+  function f() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function i() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function o(w) {
-    if (!w || !w.value)
+  function c(v) {
+    if (!v || !v.value)
       return null;
-    if (w.value.schema && w.value.schema.type === "component")
-      return w.value;
-    const k = b(w == null ? void 0 : w.value.parent), N = o(k);
-    return N || null;
+    if (v.value.schema && v.value.schema.type === "component")
+      return v.value;
+    const C = g(v == null ? void 0 : v.value.parent), E = c(C);
+    return E || null;
   }
-  function c(w = e) {
-    const { componentInstance: k, designerItemElementRef: N } = w;
-    return !k || !k.value ? null : k.value.canMove ? N : c(w.parent);
+  function t(v = e) {
+    const { componentInstance: C, designerItemElementRef: E } = v;
+    return !C || !C.value ? null : C.value.canMove ? E : t(v.parent);
   }
-  function p(w) {
-    return !!a;
+  function l(v) {
+    return !!r;
   }
-  function d() {
+  function w() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function E() {
+  function d() {
   }
-  function L(w, k) {
+  function y(v, C) {
   }
-  function g(w, k) {
-    const { componentType: N } = w;
-    let M = $(N, w, k);
-    const A = N.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === N && (M.id = `${A}_${Math.random().toString().slice(2, 6)}`), M;
+  function L(v, C) {
+    const { componentType: E } = v;
+    let N = U(E, v, C);
+    const k = E.toLowerCase().replace(/-/g, "_");
+    return N && !N.id && N.type === E && (N.id = `${k}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function S(w, k) {
-    const N = String(w.getAttribute("data-controltype")), M = w.getAttribute("data-feature"), A = M ? JSON.parse(M) : {};
-    A.parentComponentInstance = l.value;
-    let P = $(N, A);
-    const I = N.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === N && (P.id = `${I}_${Math.random().toString().slice(2, 6)}`), P;
+  function b(v) {
   }
-  function y(w) {
+  function M(...v) {
   }
-  function v(...w) {
+  function B() {
+    e != null && e.schema.contents && e.schema.contents.map((v) => {
+      var N;
+      let C = v.id;
+      v.type === "component-ref" && (C = v.component);
+      const E = n.value.querySelector(`#${C}-design-item`);
+      (N = E == null ? void 0 : E.componentInstance) != null && N.value.onRemoveComponent && E.componentInstance.value.onRemoveComponent();
+    });
   }
-  return l.value = {
-    canMove: h(),
-    canSelectParent: m(),
-    canDelete: s(),
-    canNested: !i(),
+  return m.value = {
+    canMove: i(),
+    canSelectParent: h(),
+    canDelete: f(),
+    canNested: !a(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (C = e == null ? void 0 : e.parent) == null ? void 0 : C.componentInstance,
+    parent: (p = e == null ? void 0 : e.parent) == null ? void 0 : p.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: u,
-    designerClass: f,
-    canAccepts: p,
-    getBelongedComponentInstance: o,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: d,
-    getPropConfig: v,
-    getDragScopeElement: E,
-    onAcceptMovedChildElement: L,
-    onAcceptNewChildElement: S,
-    onChildElementMovedOut: y,
-    addNewChildComponentSchema: g,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: b(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: b(!1)
-  }, l;
+    styles: o,
+    designerClass: u,
+    canAccepts: l,
+    getBelongedComponentInstance: c,
+    getDraggableDesignItemElement: t,
+    getDraggingDisplayText: w,
+    getPropConfig: M,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: y,
+    onChildElementMovedOut: b,
+    addNewChildComponentSchema: L,
+    triggerBelongedComponentToMoveWhenMoved: g(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: g(!1),
+    onRemoveComponent: B
+  }, m;
 }
-const Ve = /* @__PURE__ */ D({
+const Ie = /* @__PURE__ */ F({
   name: "FEventsEditorDesign",
-  props: _,
+  props: I,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Q(a), {
+    const r = g(n.initialData), o = J(r), {
       loadEvents: u,
-      resetBoundEvents: f
-    } = r, l = Y(a, r), {
+      resetBoundEvents: m
+    } = o, i = Y(r, o), {
       addNewInteraction: h,
-      deleteInteracton: m,
-      interactions: s,
-      loadInteractions: i
-    } = l, o = x(a, l, e);
-    O("useEventsComposition", r), O("useInteractionCompostion", l), O("useMethodsComposition", o);
-    const c = b(), p = R("design-item-context"), d = Ie(c, p);
-    W(() => {
-      c.value.componentInstance = d, E(), f(), u(), i();
+      deleteInteracton: f,
+      interactions: a,
+      loadInteractions: c
+    } = i, t = Z(r, i, e);
+    T("useEventsComposition", o), T("useInteractionCompostion", i), T("useMethodsComposition", t);
+    const l = g(), w = O("design-item-context"), d = $e(l, w);
+    _(() => {
+      l.value.componentInstance = d, y(), m(), u(), c();
     }), e.expose(d.value);
-    function E() {
-      a.value.isAddControllerMethod = !1;
+    function y() {
+      r.value.isAddControllerMethod = !1;
     }
-    function L(v) {
-      m(v);
+    function L(p) {
+      f(p);
     }
-    function g(v, C) {
-      const w = v.showSwitch[0], k = w.showSection[w.showSwitchNumber][3];
-      return t(Z, {
-        interaction: v,
-        displayOrder: C,
-        collapsed: k,
+    function b(p, v) {
+      const C = p.showSwitch[0], E = C.showSection[C.showSwitchNumber][3];
+      return s(X, {
+        interaction: p,
+        displayOrder: v,
+        collapsed: E,
         onDelete: L
       }, null);
     }
-    function S() {
-      var v;
-      return (v = s.value) == null ? void 0 : v.map((C, w) => t("div", {
+    function M() {
+      var p;
+      return (p = a.value) == null ? void 0 : p.map((v, C) => s("div", {
         class: "events-display-order",
-        key: C.event.label
-      }, [g(C, w)]));
+        key: v.event.label
+      }, [b(v, C)]));
     }
-    function y(v) {
-      h(v);
+    function B(p) {
+      h(p);
     }
-    return () => t("div", {
-      ref: c,
+    return () => s("div", {
+      ref: l,
       class: "f-page-events-editor"
-    }, [t("div", {
+    }, [s("div", {
       class: "f-page-events-editor-content"
-    }, [t(X, {
-      onClick: y
-    }, null), S()])]);
+    }, [s(Q, {
+      onClick: B
+    }, null), M()])]);
   }
-}), Ge = {
+}), Ue = {
   install(n) {
     n.component(V.name, V);
   },
-  register(n, e, a, r) {
-    n["events-editor"] = V, e["events-editor"] = G;
+  register(n, e, r, o) {
+    n["events-editor"] = V, e["events-editor"] = H;
   },
-  registerDesigner(n, e, a) {
-    n["events-editor"] = Ve, e["events-editor"] = G;
+  registerDesigner(n, e, r) {
+    n["events-editor"] = Ie, e["events-editor"] = H;
   }
 };
 export {
   V as FEventsEditor,
-  Ge as default,
-  _ as eventsEditorProps,
-  G as propsResolver
+  Ue as default,
+  I as eventsEditorProps,
+  H as propsResolver
 };