@farris/ui-vue 1.2.8 → 1.3.0

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

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