@farris/ui-vue 1.3.3 → 1.3.5

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

@@ -1,122 +1,123 @@
-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 { 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 { 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";
-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)}`;
+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)}`;
   }
   return m;
 }
-function U(n, e = {}, r) {
-  const o = G[n];
+function ie(n, e = {}, s) {
+  const o = le[n];
   if (o) {
-    let u = $(o);
-    const m = W[n];
-    return u = m ? m({ getSchemaByType: U }, u, e, r) : u, u;
+    let d = U(o);
+    const m = ce[n];
+    return d = m ? m({ getSchemaByType: ie }, d, e, s) : d, d;
   }
   return null;
 }
-function re(n, e) {
-  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 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 ae(n, e) {
-  return Object.keys(n).filter((o) => n[o] != null).reduce((o, u) => {
-    if (e.has(u)) {
-      const m = e.get(u);
+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[u];
+        o[m] = n[d];
       else {
-        const i = m(u, n[u], n);
-        Object.assign(o, i);
+        const c = m(d, n[d], n);
+        Object.assign(o, c);
       }
     } else
-      o[u] = n[u];
+      o[d] = n[d];
     return o;
   }, {});
 }
-function se(n, e, r = /* @__PURE__ */ new Map()) {
-  const o = re(n, e);
-  return ae(o, r);
+function Se(n, e, s = /* @__PURE__ */ new Map()) {
+  const o = Ce(n, e);
+  return Ee(o, s);
 }
-function le(n = {}) {
-  function e(a, c, t, l) {
+function Me(n = {}) {
+  function e(l, u, t, r) {
     if (typeof t == "number")
-      return l[a].length === t;
+      return r[l].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);
+      const p = Object.keys(t)[0], f = t[p];
+      if (p === "not")
+        return Number(r[l].length) !== Number(f);
+      if (p === "moreThan")
+        return Number(r[l].length) >= Number(f);
+      if (p === "lessThan")
+        return Number(r[l].length) <= Number(f);
     }
     return !1;
   }
-  function r(a, c, t, l) {
-    return l[a] && l[a].propertyValue && String(l[a].propertyValue.value) === String(t);
+  function s(l, u, t, r) {
+    return r[l] && r[l].propertyValue && String(r[l].propertyValue.value) === String(t);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", r]
+    ["getProperty", s]
   ]);
-  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 };
+  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 };
     }) : [];
   }
-  function m(a) {
-    return Object.keys(a).reduce((t, l) => {
-      const w = u(l, a[l]);
-      return t.push(...w), t;
+  function m(l) {
+    return Object.keys(l).reduce((t, r) => {
+      const p = d(r, l[r]);
+      return t.push(...p), t;
     }, []);
   }
-  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;
+  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;
     }
     return !1;
   }
-  function h(a, c) {
-    return m(a).reduce((w, d) => w && i(d, c), !0);
+  function h(l, u) {
+    return m(l).reduce((p, f) => p && c(f, u), !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);
+  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);
   }
-  return { parseValueSchema: f };
+  return { parseValueSchema: v };
 }
-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);
+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), {});
+    return Object.assign(v, h);
   };
 }
-function de(n, e) {
+function ke(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const me = /* @__PURE__ */ new Map([
-  ["appearance", de]
+const Le = /* @__PURE__ */ new Map([
+  ["appearance", ke]
 ]);
-function fe(n, e, r) {
+function Fe(n, e, s) {
   return e;
 }
-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 = {
+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 = {
   id: {
     description: "The unique identifier for events-editor",
     type: "string"
@@ -126,75 +127,28 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     type: "events",
     default: "events-editor"
   },
-  appearance: {
+  initialData: {
     description: "",
     type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
     default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeholder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
   }
-}, Ce = [
+}, je = [
   "id",
   "type"
-], Ee = {
-  $schema: pe,
-  $id: ve,
-  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 = [
+], 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
+}, ae = [
   {
     label: "pageChange",
     name: "MockMock切换页码"
@@ -215,7 +169,7 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], ke = {
+], Ge = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -279,7 +233,7 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     }
   ],
   /** (事件设定)可绑定事件默认列表; */
-  events: q,
+  events: ae,
   /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
   boundEventsList: [],
   /** 视图模型已有命令 */
@@ -297,18 +251,18 @@ const pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
   /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
   newController: [],
   isAddControllerMethod: !1,
-  getEventList: () => ({ events: q, boundEventsList: [] })
-}, I = {
-  initialData: { type: Object, default: ke }
-}, H = ue(
-  I,
-  Ee,
-  me,
-  fe,
-  Le
+  getEventList: () => ({ events: ae, boundEventsList: [] })
+}, W = {
+  initialData: { type: Object, default: Ge }
+}, se = ye(
+  W,
+  Ve,
+  Le,
+  Fe,
+  qe
 );
-function Y(n, e) {
-  const r = g([]), { boundEvents: o, unBoundEvent: u } = e;
+function ue(n, e) {
+  const s = b([]), { boundEvents: o, unBoundEvent: d } = e;
   function m(t) {
     return {
       /** 当前事件名称及label */
@@ -329,161 +283,161 @@ function Y(n, e) {
         showSwitchNumber: 2
       }],
       /** 方法列表 */
-      command: S(t.command),
+      command: N(t.command),
       /** 当前的控制器 */
-      controller: S(t.controller)
+      controller: N(t.controller)
     };
   }
-  function i() {
+  function c() {
     var t;
-    r.value = (t = o.value) == null ? void 0 : t.map((l) => m(l));
+    s.value = (t = o.value) == null ? void 0 : t.map((r) => m(r));
   }
   function h(t) {
-    const w = m({
+    const p = m({
       boundEvents: t,
       command: null,
       controller: { id: "", name: "", label: "" }
     });
-    w.showSwitch[0].showSwitchNumber = 1, w.showSwitch[0].showSection[2][3] = !0, r.value.unshift(w);
+    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, s.value.unshift(p);
   }
-  function f() {
+  function v() {
     var t;
-    (t = r.value) == null || t.forEach((l) => {
-      l.showSwitch.forEach((w) => {
-        w.showSection[2][3] = !1;
+    (t = s.value) == null || t.forEach((r) => {
+      r.showSwitch.forEach((p) => {
+        p.showSection[2][3] = !1;
       });
     });
   }
-  function a(t) {
-    r.value[t].showSwitch.forEach((l) => {
-      l.showSection[2][3] = !l.showSection[2][3];
+  function l(t) {
+    s.value[t].showSwitch.forEach((r) => {
+      r.showSection[2][3] = !r.showSection[2][3];
     });
   }
-  function c(t) {
-    if (t >= 0 && t <= r.value.length - 1) {
-      const l = r.value[t];
-      u(l.event), r.value.splice(t, 1);
+  function u(t) {
+    if (t >= 0 && t <= s.value.length - 1) {
+      const r = s.value[t];
+      d(r.event), s.value.splice(t, 1);
     }
   }
   return {
     addNewInteraction: h,
-    collapseInteractions: f,
-    deleteInteracton: c,
-    toggleMethodInInteraction: a,
-    interactions: r,
-    loadInteractions: i
+    collapseInteractions: v,
+    deleteInteracton: u,
+    toggleMethodInInteraction: l,
+    interactions: s,
+    loadInteractions: c
   };
 }
-function J(n) {
-  const e = g([]), r = g([]), o = g([]);
-  function u() {
-    const c = r.value.reduce(
-      (l, w) => (l.set(w.boundEvents.label, !0), l),
+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),
       /* @__PURE__ */ new Map()
     );
-    return e.value.filter((l) => !c.has(l.label));
+    return e.value.filter((r) => !u.has(r.label));
   }
   function m() {
     var t;
-    const c = ((t = r.value) == null ? void 0 : t.length) > 0;
-    o.value = c ? u() : e.value;
+    const u = ((t = s.value) == null ? void 0 : t.length) > 0;
+    o.value = u ? d() : e.value;
   }
-  function i() {
-    e.value = n.value.events, r.value = n.value.boundEventsList, m();
+  function c() {
+    e.value = n.value.events, s.value = n.value.boundEventsList, m();
   }
-  function h(c) {
-    o.value = o.value.filter((t) => t.label !== c.label);
+  function h(u) {
+    o.value = o.value.filter((t) => t.label !== u.label);
   }
-  function f(c) {
-    r.value = r.value.filter((t) => t.boundEvents.label !== c.label), m();
+  function v(u) {
+    s.value = s.value.filter((t) => t.boundEvents.label !== u.label), m();
   }
-  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);
+  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);
     }));
   }
   return {
     allEvents: e,
-    boundEvents: r,
+    boundEvents: s,
     candidateEvents: o,
     excludeFromCandidates: h,
-    loadEvents: i,
-    resetBoundEvents: a,
-    unBoundEvent: f
+    loadEvents: c,
+    resetBoundEvents: l,
+    unBoundEvent: v
   };
 }
-const Ne = {}, Pe = {
+const Ue = {}, We = {
   events: { type: Array, default: [] }
-}, Ae = /* @__PURE__ */ F({
+}, Ye = /* @__PURE__ */ D({
   name: "FEventList",
-  props: Pe,
+  props: We,
   emits: ["click"],
   setup(n, e) {
-    const r = g(n.events);
+    const s = b(n.events);
     function o(m) {
       e.emit("click", m);
     }
-    function u(m) {
-      return s("div", {
+    function d(m) {
+      return a("div", {
         class: "f-page-events-editor-first-bound-event"
-      }, [s("div", {
+      }, [a("div", {
         onClick: () => o(m),
         class: "f-page-events-editor-first-bound-event-name"
       }, [m.name])]);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "f-page-events-editor-events"
-    }, [r.value.map((m) => u(m))]);
+    }, [s.value.map((m) => d(m))]);
   }
-}), Q = /* @__PURE__ */ F({
+}), fe = /* @__PURE__ */ D({
   name: "FInteractionButton",
-  props: Ne,
+  props: Ue,
   emits: ["click"],
   setup(n, e) {
-    const r = new oe(), o = O("useEventsComposition"), u = O("useInteractionCompostion"), {
+    const s = new ge(), o = z("useEventsComposition"), d = z("useInteractionCompostion"), {
       candidateEvents: m
     } = o, {
-      collapseInteractions: i
-    } = u, h = g(!1);
-    function f(l) {
-      m.value = m.value.filter((w) => w.label !== l.label);
+      collapseInteractions: c
+    } = d, h = b(!1);
+    function v(r) {
+      m.value = m.value.filter((p) => p.label !== r.label);
     }
-    function a(l = !1) {
-      h.value = l;
+    function l(r = !1) {
+      h.value = r;
     }
-    function c(l) {
-      a(), f(l), e.emit("click", l);
+    function u(r) {
+      l(), v(r), e.emit("click", r);
     }
     function t() {
       if (m.value.length === 0) {
-        r.info({
+        s.info({
           position: "top-center",
           message: "事件已全部绑定"
         });
         return;
       }
-      i(), a(!h.value);
+      c(), l(!h.value);
     }
-    return () => s(te, null, [s("div", {
+    return () => a(he, null, [a("div", {
       class: "f-page-events-editor-top-button"
-    }, [s("button", {
+    }, [a("button", {
       class: "f-page-events-editor-button",
       onClick: t
-    }, [s("span", {
+    }, [a("span", {
       class: "f-page-events-editor-text"
-    }, [R("新建交互事件")])])]), h.value && s(Ae, {
+    }, [$("新建交互事件")])])]), h.value && a(Ye, {
       events: m.value,
-      onClick: c
+      onClick: u
     }, null)]);
   }
-}), Fe = {
+}), Je = {
   collapsed: { type: Boolean, default: !0 },
   displayOrder: { type: Number, default: -1 },
   interaction: { type: Object, default: {} },
   controllers: { type: Array, default: [] }
-}, Te = {
+}, Qe = {
   /** 入参 */
   initialData: { Type: Object, default: {} },
   /** 原层级结构数据 */
@@ -498,339 +452,404 @@ const Ne = {}, Pe = {
   exit: { Type: Number, default: -1 },
   /** 接收是否显示「可选择方法」功能 */
   haveBoundcommand: { Type: Boolean, default: !1 }
-}, De = {
+}, Xe = {
   controllers: { type: Array, default: [] }
-}, Oe = /* @__PURE__ */ F({
+}, Ze = /* @__PURE__ */ D({
   name: "FCommandList",
-  props: De,
+  props: Xe,
   emits: ["selectMethod"],
   setup(n, e) {
-    const r = g(n.controllers);
-    function o(f) {
-      return f.controllerList.length !== 0;
+    const s = b(n.controllers);
+    function o(v) {
+      return v.controllerList.length !== 0;
     }
-    function u(f) {
-      return o(f) && s("div", {
+    function d(v) {
+      return o(v) && a("div", {
         class: "f-page-internals-controller"
-      }, [s("div", {
+      }, [a("div", {
         class: "f-page-internals-controller-name",
-        title: f.controllerName.name
-      }, [f.controllerName.name])]);
+        title: v.controllerName.name
+      }, [v.controllerName.name])]);
     }
-    function m(f, a) {
+    function m(v, l) {
       e.emit("selectMethod", {
-        method: f,
-        controller: a
+        method: v,
+        controller: l
       });
     }
-    function i(f) {
-      return f.controllerList.map((a) => s("div", {
+    function c(v) {
+      return v.controllerList.map((l) => a("div", {
         class: "f-page-internals-command",
-        onClick: () => m(a, f)
-      }, [s("div", {
+        onClick: () => m(l, v)
+      }, [a("div", {
         class: "f-page-internals-command-name",
-        title: a.label
-      }, [a.name])]));
+        title: l.label
+      }, [l.name])]));
     }
-    function h(f) {
-      return s("div", null, [u(f), i(f)]);
+    function h(v) {
+      return a("div", null, [d(v), c(v)]);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "f-page-internals"
-    }, [r.value.map((f) => h(f))]);
+    }, [s.value.map((v) => h(v))]);
   }
-}), je = /* @__PURE__ */ F({
+}), xe = /* @__PURE__ */ D({
   name: "FCommandSource",
-  props: Te,
-  emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
+  props: Qe,
+  emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFunctionChanged", "close", "selectMethod"],
   setup(n, e) {
-    const r = O("useMethodsComposition"), {
+    const s = z("useMethodsComposition"), {
       controllers: o
-    } = r, u = g(!1), m = g(n.canAddNewMethod);
-    A(() => !m.value), A(() => u.value), A(() => ({
+    } = s, d = b(!1), m = b(n.canAddNewMethod), c = P(() => !m.value), h = P(() => d.value), v = P(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
     }));
-    function i() {
+    function l() {
+      e.emit("newFunctionChanged");
+    }
+    function u() {
+    }
+    function t() {
       e.emit("close", null);
     }
-    function h() {
-      return s("div", {
+    function r() {
+      return a("div", {
         class: "f-command-breakline"
-      }, [R("------------------------------------------------------------")]);
+      }, [$("------------------------------------------------------------")]);
+    }
+    function p() {
+      return a("div", {
+        class: "f-page-internals-new-command"
+      }, [c.value && a("div", {
+        class: "f-page-internals-new-command-func2"
+      }, [a("div", {
+        class: "f-icon f-icon-new-edit",
+        style: v.value
+      }, null), a("div", {
+        class: "f-function-class",
+        onClick: () => l()
+      }, [$("添加新方法")])]), h.value && void 0]);
     }
-    function f(c) {
-      e.emit("selectMethod", c);
+    function f(M) {
+      e.emit("selectMethod", M);
     }
-    function a() {
-      return s("div", {
+    function S() {
+      return a("div", {
         class: "f-page-command-source-choice"
-      }, [s(Oe, {
+      }, [a(Ze, {
         controllers: o.value,
         onSelectMethod: f
       }, null)]);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "f-page-events-editor-command-source"
-    }, [a(), h(), h(), s("div", null, [s("div", {
+    }, [S(), r(), p(), r(), a("div", null, [a("div", {
       class: "f-page-internals-close",
-      onClick: i
-    }, [R("取消")])])]);
+      onClick: t
+    }, [$("取消")])])]);
   }
-}), Re = {
+}), Ie = {
   command: { type: Object, default: {} }
-}, Ve = /* @__PURE__ */ F({
+}, Ke = /* @__PURE__ */ D({
   name: "FParameterEditor",
-  props: Re,
+  props: Ie,
   emits: ["confirm", "change"],
   setup(n, e) {
-    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);
+    const s = b(n.command), o = b(0), d = b(!1), m = 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() {
     }
-    function l() {
-      return s("div", null, [s("div", {
+    function r() {
+      return a("div", null, [a("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 w() {
+    function p() {
     }
-    function d() {
-      return s("div", null, [s("div", {
+    function f() {
+      return a("div", null, [a("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 y(k) {
-      c.value = !c.value;
+    function S(w) {
+      u.value = !u.value;
     }
-    function L() {
-      return s("div", null, [s("div", {
+    function M() {
+      return a("div", null, [a("div", {
         class: "f-icon f-icon-edit-button",
         style: "font-size: 13px;margin-right:10px;",
-        onClick: () => y(o.value)
+        onClick: () => S(o.value)
       }, null)]);
     }
-    function b(k, P) {
-      P.value = k.target.value;
+    function C(w, F) {
+      F.value = w;
     }
-    function M() {
-      e.emit("change", r.value);
+    function y() {
+      e.emit("change", s.value);
     }
-    function B(k) {
-      return s("div", null, [s("input", {
-        title: "ide-parameter-editor",
-        class: "form-control f-utils-fill text-left",
-        value: k.value,
-        onChange: (P) => b(P, k),
-        onBlur: (P) => M()
-      }, null)]);
+    function k(w) {
+      var T, H, _, 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
+      } = w.context.generalData;
+      return a(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",
+        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();
+        },
+        onValueChange: (V) => {
+          C(V, w), y();
+        }
+      }, null);
     }
-    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"
-      }, [s("div", {
-        class: "f-page-parameter-editor-parameter-name"
-      }, [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"
-      }, [B(P)])]));
+    function B() {
+      var w;
+      return (w = s.value.property) == null ? void 0 : w.map((F, R) => {
+        const j = te({
+          content: F.description,
+          placement: "top"
+        });
+        return a("div", {
+          key: F.name + R
+        }, [a("div", {
+          class: "f-page-parameter-editor-row1"
+        }, [a("div", {
+          class: "f-page-parameter-editor-parameter-name"
+        }, [F.shownName, F.description && pe(a("div", {
+          class: "ml-2 farris-label-tips"
+        }, [a("i", {
+          class: "f-icon f-icon-description-tips"
+        }, null)]), [[we("tooltip"), j]])])]), a("div", {
+          class: "f-page-parameter-editor-row2"
+        }, [k(F)])]);
+      });
     }
-    function v(k) {
-      c.value = !1, e.emit("confirm");
+    function i(w) {
+      u.value = !1, e.emit("confirm");
     }
-    function C() {
-      return s("div", null, [s("div", {
+    function g() {
+      return a("div", null, [a("div", {
         class: "f-page-parameter-editor-btn"
-      }, [s("div", {
+      }, [a("div", {
         class: "btn-finish",
-        onClick: () => v(o.value)
-      }, [R("完成")])])]);
+        onClick: () => i(o.value)
+      }, [$("完成")])])]);
     }
     function E() {
-      return s("div", {
+      return a("div", {
         class: "f-page-parameter-editor-group"
-      }, [p()]);
+      }, [B()]);
     }
-    function N() {
-      return s("div", null, [s("div", {
+    function L() {
+      return a("div", null, [a("div", {
         class: "f-page-parameter-editor-first-row"
-      }, [s("span", {
+      }, [a("span", {
         class: "f-page-parameter-editor-command-name",
-        title: r.value.label
-      }, [r.value.name]), s("div", {
+        title: s.value.label
+      }, [s.value.name]), a("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && l(), f.value && d(), a.value && L()])]), c.value && E(), c.value && C()]);
+      }, [h.value && r(), v.value && f(), l.value && M()])]), u.value && E(), u.value && g()]);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "f-page-parameter-editor"
-    }, [i.value && N()]);
+    }, [c.value && L()]);
   }
-}), X = /* @__PURE__ */ F({
+}), me = /* @__PURE__ */ D({
   name: "FInteractionItem",
-  props: Fe,
+  props: Je,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
-    const r = O("useMethodsComposition"), {
+    const s = z("useMethodsComposition"), {
       toggleSelectingMethod: o,
-      emitFinalState: u
-    } = 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(() => ({
+      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(() => ({
       "f-icon": !0,
-      "f-icon-arrow-chevron-down": a.value,
-      "f-icon-arrow-chevron-left": !a.value
+      "f-icon-arrow-chevron-down": l.value,
+      "f-icon-arrow-chevron-left": !l.value
     }));
     function t() {
       e.emit("delete", 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 r() {
+      const i = c.value.showSwitch[0];
+      i.showSection[i.showSwitchNumber][3] = !i.showSection[i.showSwitchNumber][3], e.emit("toggle", h.value);
     }
-    function w() {
-      if (i.value.command !== null) {
-        const v = i.value.showSwitch[0];
-        o(v), e.emit("addAction", h.value);
+    function p() {
+      if (c.value.command !== null) {
+        const g = c.value.showSwitch[0];
+        o(g), e.emit("addAction", h.value);
       }
     }
-    function d(p) {
-      p === null && i.value.command === null && e.emit("delete", h.value);
-      const v = i.value.showSwitch[0];
-      o(v);
+    function f(i) {
+      i === null && c.value.command === null && e.emit("delete", h.value);
+      const g = c.value.showSwitch[0];
+      o(g);
     }
-    function y(p) {
+    function S(i) {
       const {
-        method: v,
-        controller: C
-      } = p, {
-        id: E,
-        label: N,
-        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: k,
-        handlerName: P,
-        hasPath: ee,
-        cmpId: ne,
-        property: x,
-        componentLists: K
-      }, i.value.controller = {
-        id: j.id,
-        label: j.label,
-        name: j.name
+        method: g,
+        controller: E
+      } = i, {
+        id: L,
+        label: w,
+        name: F,
+        handlerName: R,
+        property: j,
+        componentLists: q
+      } = g, {
+        controllerName: T
+      } = E, H = !1, _ = T.id;
+      c.value.command = {
+        id: L,
+        label: w,
+        name: F,
+        handlerName: R,
+        hasPath: H,
+        cmpId: _,
+        property: j,
+        componentLists: q
+      }, c.value.controller = {
+        id: T.id,
+        label: T.label,
+        name: T.name
       };
-      const D = i.value.showSwitch[0];
-      D.showSwitchNumber = 2, D.showSection[D.showSwitchNumber][2] = !1, D.showSection[D.showSwitchNumber][3] = !0, u();
+      const A = c.value.showSwitch[0];
+      A.showSwitchNumber = 2, A.showSection[A.showSwitchNumber][2] = !1, A.showSection[A.showSwitchNumber][3] = !0, d(!1, null);
     }
-    function L() {
-      return s(je, {
+    function M() {
+      c.value.command = {
+        id: "abandoned",
+        label: "未绑定方法",
+        name: "未绑定方法",
+        property: [],
+        hasPath: !1,
+        handlerName: "未绑定方法",
+        cmpId: "",
+        shortcut: {},
+        isRTCmd: void 0,
+        isNewGenerated: void 0,
+        extensions: [],
+        isInvalid: !1
+      }, c.value.controller = {
+        label: "",
+        name: "",
+        id: ""
+      }, d(!0, c.value.event);
+      const i = c.value.showSwitch[0];
+      o(i);
+    }
+    function C() {
+      return a(xe, {
         controllers: m.value,
-        onClose: d,
-        onSelectMethod: y
+        onClose: f,
+        onSelectMethod: S,
+        onNewFunctionChanged: () => M()
       }, null);
     }
-    function b() {
-      const p = i.value.showSwitch[0];
-      p.showSection[p.showSwitchNumber][3] = !1;
+    function y() {
+      const i = c.value.showSwitch[0];
+      i.showSection[i.showSwitchNumber][3] = !1;
     }
-    function M(p) {
-      i.value.command = S(p), u();
+    function k(i) {
+      c.value.command = N(i), d(!1, null);
     }
     function B() {
-      return s(Ve, {
-        command: i.value.command,
-        onConfirm: () => b(),
-        onChange: (p) => M(p)
+      return a(Ke, {
+        command: c.value.command,
+        onConfirm: () => y(),
+        onChange: (i) => k(i)
       }, null);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "show-switch"
-    }, [s("div", {
+    }, [a("div", {
       class: "f-page-events-editor-bound-event"
-    }, [s("div", {
+    }, [a("div", {
       class: "f-page-events-editor-bound-event-name",
-      title: i.value.event.label
-    }, [i.value.event.name]), s("div", {
+      title: c.value.event.label
+    }, [c.value.event.name]), a("div", {
       style: "float:right;margin:5px;"
-    }, [s("div", {
-      class: c.value,
+    }, [a("div", {
+      class: u.value,
       style: "font-size: 10px;",
-      onClick: l
-    }, null)]), s("div", {
+      onClick: r
+    }, null)]), a("div", {
       class: "f-icon f-icon-yxs_delete",
       style: "font-size: 13px;float: right; margin:8px;",
       onClick: t
-    }, null), s("div", {
+    }, null), a("div", {
       class: "f-icon f-icon-home-add",
       style: "float:right; font-size: 10px; margin:8px;",
-      onClick: w
-    }, null)]), f.value && L(), a.value && B()]);
+      onClick: p
+    }, null)]), v.value && C(), l.value && 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({
+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({
       // 存储所有的展示设定
       showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
       // 展示哪个部分
       showSwitchNumber: 2
-    })), o.value = S(o.value);
+    })), o.value = N(o.value);
   }
-  function i(d, y, L) {
+  function c(f, S, M) {
   }
-  function h(d) {
-    var L;
-    const y = [];
-    return (L = n.value.newController) == null || L.forEach((b) => {
-      d.forEach((M) => {
-        b.Code === M.controller.label && y.push(S(b));
+  function h(f) {
+    var M;
+    const S = [];
+    return (M = n.value.newController) == null || M.forEach((C) => {
+      f.forEach((y) => {
+        C.Code === y.controller.label && S.push(N(C));
       });
-    }), y;
+    }), S;
   }
-  function f() {
-    var M;
-    n.value.isAddControllerMethod = !!n.value.newFuncEvents;
-    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));
+  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));
     });
-    const L = (M = n.value.newController) != null && M.length && d.length ? S(h(d)) : [], b = {
+    const y = (B = n.value.newController) != null && B.length && M.length ? N(h(M)) : [], k = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
-      savedCommand: S(n.value.viewModel),
+      savedCommand: N(n.value.viewModel),
       /** 当前界面显示的绑定事件 */
-      boundEventsList: S(d),
+      boundEventsList: N(M),
       /** 可选择的绑定事件列表 */
-      events: S(n.value.events),
+      events: N(n.value.events),
       /** 内置构件列表； */
-      internalCommandList: S(y),
+      internalCommandList: N(C),
       /** 所有可选的组件 */
       componentLists: [],
       /** 接收formBasicService.formMetaBasicInfo.relativePath */
@@ -838,7 +857,7 @@ function Z(n, e, r) {
       /** 接收formBasicService.envType */
       envType: n.value.envType,
       /** 初始为空，用于存储用户点击「导入新方法」的控制器值 */
-      newController: S(L),
+      newController: N(y),
       /** 切换到代码视图标识 */
       isAddControllerMethod: n.value.isAddControllerMethod,
       /** 用户选择「已有方法」 */
@@ -846,233 +865,233 @@ function Z(n, e, r) {
       /** 上一个绑定的方法 */
       preCommand: n.value.preCommand,
       /** 新增方法的对应事件 */
-      newFuncEvents: S(n.value.newFuncEvents)
+      newFuncEvents: n.value.newFuncEvents
     };
-    r.emit("savedCommandListChanged", b);
+    s.emit("savedCommandListChanged", k);
   }
-  function a(d) {
-    d.showSection[d.showSwitchNumber][2] = !0;
+  function l(f) {
+    f.showSection[f.showSwitchNumber][2] = !0;
   }
-  function c(d) {
-    d.showSection[d.showSwitchNumber][2] = !1;
+  function u(f) {
+    f.showSection[f.showSwitchNumber][2] = !1;
   }
-  function t(d) {
-    d.showSection[d.showSwitchNumber][3] = !0;
+  function t(f) {
+    f.showSection[f.showSwitchNumber][3] = !0;
   }
-  function l(d) {
-    d.showSection[d.showSwitchNumber][3] = !1;
+  function r(f) {
+    f.showSection[f.showSwitchNumber][3] = !1;
   }
-  function w(d) {
-    d.showSection[d.showSwitchNumber][2] ? (c(d), t(d)) : (a(d), l(d));
+  function p(f) {
+    f.showSection[f.showSwitchNumber][2] ? (u(f), t(f)) : (l(f), r(f));
   }
   return {
-    controllers: u,
+    controllers: d,
     onClosed: m,
-    emitFinalState: f,
-    onCurrentCommandChanged: i,
-    toggleSelectingMethod: w
+    emitFinalState: v,
+    onCurrentCommandChanged: c,
+    toggleSelectingMethod: p
   };
 }
-const V = /* @__PURE__ */ F({
+const G = /* @__PURE__ */ D({
   name: "FEventsEditor",
-  props: I,
+  props: W,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const r = g(n.initialData), o = J(r), {
-      loadEvents: u,
+    const s = b(n.initialData), o = de(s), {
+      loadEvents: d,
       resetBoundEvents: m
-    } = o, i = Y(r, o), {
+    } = o, c = ue(s, o), {
       addNewInteraction: h,
-      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;
+      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;
     }
-    _(() => {
-      l(), m(), u(), c();
+    re(() => {
+      r(), m(), d(), u();
     });
-    function w(b) {
-      f(b);
+    function p(C) {
+      v(C);
     }
-    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
+    function f(C, y) {
+      const k = C.showSwitch[0], B = k.showSection[k.showSwitchNumber][3];
+      return a(me, {
+        interaction: C,
+        displayOrder: y,
+        collapsed: B,
+        onDelete: p
       }, null);
     }
-    function y() {
-      var b;
-      return (b = a.value) == null ? void 0 : b.map((M, B) => s("div", {
+    function S() {
+      var C;
+      return (C = l.value) == null ? void 0 : C.map((y, k) => a("div", {
         class: "events-display-order",
-        key: M.event.label
-      }, [d(M, B)]));
+        key: y.event.label
+      }, [f(y, k)]));
     }
-    function L(b) {
-      h(b);
+    function M(C) {
+      h(C);
     }
-    return () => s("div", {
+    return () => a("div", {
       class: "f-page-events-editor"
-    }, [s("div", {
+    }, [a("div", {
       class: "f-page-events-editor-content"
-    }, [s(Q, {
-      onClick: L
-    }, null), y()])]);
+    }, [a(fe, {
+      onClick: M
+    }, null), S()])]);
   }
 });
-function $e(n, e, r) {
-  var p;
-  const o = "", u = "", m = g();
-  function i() {
+function en(n, e, s) {
+  var B;
+  const o = "", d = "", m = b();
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function h() {
     return !1;
   }
-  function f() {
+  function v() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
-  function a() {
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame";
   }
-  function c(v) {
-    if (!v || !v.value)
+  function u(i) {
+    if (!i || !i.value)
       return 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);
+    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;
   }
-  function t(v = e) {
-    const { componentInstance: C, designerItemElementRef: E } = v;
-    return !C || !C.value ? null : C.value.canMove ? E : t(v.parent);
+  function t(i = e) {
+    const { componentInstance: g, designerItemElementRef: E } = i;
+    return !g || !g.value ? null : g.value.canMove ? E : t(i.parent);
   }
-  function l(v) {
-    return !!r;
+  function r(i) {
+    return !!s;
   }
-  function w() {
+  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 d() {
+  function f() {
   }
-  function y(v, C) {
+  function S(i, g) {
   }
-  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 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 b(v) {
+  function C(i) {
   }
-  function M(...v) {
+  function y(...i) {
   }
-  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();
+  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();
     });
   }
   return m.value = {
-    canMove: i(),
+    canMove: c(),
     canSelectParent: h(),
-    canDelete: f(),
-    canNested: !a(),
+    canDelete: v(),
+    canNested: !l(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (p = e == null ? void 0 : e.parent) == null ? void 0 : p.componentInstance,
+    parent: (B = e == null ? void 0 : e.parent) == null ? void 0 : B.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
-    designerClass: u,
-    canAccepts: l,
-    getBelongedComponentInstance: c,
+    designerClass: d,
+    canAccepts: r,
+    getBelongedComponentInstance: u,
     getDraggableDesignItemElement: t,
-    getDraggingDisplayText: w,
-    getPropConfig: M,
-    getDragScopeElement: d,
-    onAcceptMovedChildElement: y,
-    onChildElementMovedOut: b,
-    addNewChildComponentSchema: L,
-    triggerBelongedComponentToMoveWhenMoved: g(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: g(!1),
-    onRemoveComponent: B
+    getDraggingDisplayText: p,
+    getPropConfig: y,
+    getDragScopeElement: f,
+    onAcceptMovedChildElement: S,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: M,
+    triggerBelongedComponentToMoveWhenMoved: b(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: b(!1),
+    onRemoveComponent: k
   }, m;
 }
-const Ie = /* @__PURE__ */ F({
+const nn = /* @__PURE__ */ D({
   name: "FEventsEditorDesign",
-  props: I,
+  props: W,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const r = g(n.initialData), o = J(r), {
-      loadEvents: u,
+    const s = b(n.initialData), o = de(s), {
+      loadEvents: d,
       resetBoundEvents: m
-    } = o, i = Y(r, o), {
+    } = o, c = ue(s, o), {
       addNewInteraction: h,
-      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 y() {
-      r.value.isAddControllerMethod = !1;
+      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);
+    re(() => {
+      r.value.componentInstance = f, S(), m(), d(), u();
+    }), e.expose(f.value);
+    function S() {
+      s.value.isAddControllerMethod = !1;
     }
-    function L(p) {
-      f(p);
+    function M(B) {
+      v(B);
     }
-    function b(p, v) {
-      const C = p.showSwitch[0], E = C.showSection[C.showSwitchNumber][3];
-      return s(X, {
-        interaction: p,
-        displayOrder: v,
+    function C(B, i) {
+      const g = B.showSwitch[0], E = g.showSection[g.showSwitchNumber][3];
+      return a(me, {
+        interaction: B,
+        displayOrder: i,
         collapsed: E,
-        onDelete: L
+        onDelete: M
       }, null);
     }
-    function M() {
-      var p;
-      return (p = a.value) == null ? void 0 : p.map((v, C) => s("div", {
+    function y() {
+      var B;
+      return (B = l.value) == null ? void 0 : B.map((i, g) => a("div", {
         class: "events-display-order",
-        key: v.event.label
-      }, [b(v, C)]));
+        key: i.event.label
+      }, [C(i, g)]));
     }
-    function B(p) {
-      h(p);
+    function k(B) {
+      h(B);
     }
-    return () => s("div", {
-      ref: l,
+    return () => a("div", {
+      ref: r,
       class: "f-page-events-editor"
-    }, [s("div", {
+    }, [a("div", {
       class: "f-page-events-editor-content"
-    }, [s(Q, {
-      onClick: B
-    }, null), M()])]);
+    }, [a(fe, {
+      onClick: k
+    }, null), y()])]);
   }
-}), Ue = {
+}), un = {
   install(n) {
-    n.component(V.name, V);
+    n.component(G.name, G);
   },
-  register(n, e, r, o) {
-    n["events-editor"] = V, e["events-editor"] = H;
+  register(n, e, s, o) {
+    n["events-editor"] = G, e["events-editor"] = se;
   },
-  registerDesigner(n, e, r) {
-    n["events-editor"] = Ie, e["events-editor"] = H;
+  registerDesigner(n, e, s) {
+    n["events-editor"] = nn, e["events-editor"] = se;
   }
 };
 export {
-  V as FEventsEditor,
-  Ue as default,
-  I as eventsEditorProps,
-  H as propsResolver
+  G as FEventsEditor,
+  un as default,
+  W as eventsEditorProps,
+  se as propsResolver
 };