@farris/ui-vue 1.3.1 → 1.3.4

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

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