@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,25 +1,25 @@
-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 { 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 "../combo-list/index.esm.js";
-const J = {}, U = {};
-function z(n) {
-  const { properties: e, title: a, ignore: r } = n, u = r && Array.isArray(r), f = Object.keys(e).reduce((l, h) => ((!u || !r.find((m) => m == h)) && (l[h] = e[h].type === "object" && e[h].properties ? z(e[h]) : B(e[h].default)), l), {});
-  return (!u || !r.find((l) => l == "id")) && (f.id = `${a}-${Date.now()}`), f;
+const G = {}, W = {};
+function 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;
 }
-function $(n, e = {}, a) {
-  const r = J[n];
+function U(n, e = {}, s) {
+  const r = G[n];
   if (r) {
-    let u = z(r);
-    const f = U[n];
-    return u = f ? f({ getSchemaByType: $ }, u, e, a) : u, u;
+    let u = V(r);
+    const f = W[n];
+    return u = f ? f({ getSchemaByType: U }, u, e, s) : u, u;
   }
   return null;
 }
 function oe(n, e) {
-  const a = z(e);
-  return Object.keys(n).reduce((r, u) => (r[u] && q(r[u]) && q(n[u]) ? Object.assign(r[u], n[u]) : r[u] = n[u], r), a), a;
+  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 re(n, e) {
   return Object.keys(n).filter((r) => n[r] != null).reduce((r, u) => {
@@ -36,69 +36,69 @@ function re(n, e) {
     return r;
   }, {});
 }
-function ae(n, e, a = /* @__PURE__ */ new Map()) {
+function se(n, e, s = /* @__PURE__ */ new Map()) {
   const r = oe(n, e);
-  return re(r, a);
+  return re(r, s);
 }
-function se(n = {}) {
-  function e(s, i, o, c) {
+function ae(n = {}) {
+  function e(a, i, o, c) {
     if (typeof o == "number")
-      return c[s].length === o;
+      return c[a].length === o;
     if (typeof o == "object") {
       const p = Object.keys(o)[0], d = o[p];
       if (p === "not")
-        return Number(c[s].length) !== Number(d);
+        return Number(c[a].length) !== Number(d);
       if (p === "moreThan")
-        return Number(c[s].length) >= Number(d);
+        return Number(c[a].length) >= Number(d);
       if (p === "lessThan")
-        return Number(c[s].length) <= Number(d);
+        return Number(c[a].length) <= Number(d);
     }
     return !1;
   }
-  function a(s, i, o, c) {
-    return c[s] && c[s].propertyValue && String(c[s].propertyValue.value) === String(o);
+  function s(a, i, o, c) {
+    return c[a] && c[a].propertyValue && String(c[a].propertyValue.value) === String(o);
   }
   const r = /* @__PURE__ */ new Map([
     ["length", e],
-    ["getProperty", a]
+    ["getProperty", s]
   ]);
-  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) => {
+  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 };
     }) : [];
   }
-  function f(s) {
-    return Object.keys(s).reduce((o, c) => {
-      const p = u(c, s[c]);
+  function f(a) {
+    return Object.keys(a).reduce((o, c) => {
+      const p = u(c, a[c]);
       return o.push(...p), o;
     }, []);
   }
-  function l(s, i) {
-    if (r.has(s.operator)) {
-      const o = r.get(s.operator);
-      return o && o(s.target, s.param, s.value, i) || !1;
+  function 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;
     }
     return !1;
   }
-  function h(s, i) {
-    return f(s).reduce((p, d) => p && l(d, i), !0);
+  function h(a, i) {
+    return f(a).reduce((p, d) => p && l(d, i), !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));
+  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);
   }
   return { parseValueSchema: m };
 }
 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), {});
+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);
   };
 }
@@ -108,7 +108,7 @@ function ue(n, e) {
 const de = /* @__PURE__ */ new Map([
   ["appearance", ue]
 ]);
-function fe(n, e, a) {
+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 = {
@@ -189,7 +189,7 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
   description: Se,
   type: ye,
   categories: Me
-}, H = [
+}, q = [
   {
     label: "pageChange",
     name: "MockMock切换页码"
@@ -210,7 +210,7 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     label: "onDeleteClicked",
     name: "Mock操作列点击删除"
   }
-], Le = {
+], ke = {
   propertyID: "data-grid-component-viewmodel",
   propertyType: "events",
   /** 内置构件显示的命令列表 */
@@ -274,7 +274,7 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
     }
   ],
   /** (事件设定)可绑定事件默认列表; */
-  events: H,
+  events: q,
   /** 已绑定的事件（拼接已有的参数值，拼接当前事件->待集成-从dom结构中取值，事件及对应的字符串） */
   boundEventsList: [],
   /** 视图模型已有命令 */
@@ -292,18 +292,18 @@ const me = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-
   /** 初始为空，用于存储用户点击「导入新命令」的控制器值 */
   newController: [],
   isAddControllerMethod: !1,
-  getEventList: () => ({ events: H, boundEventsList: [] })
-}, _ = {
-  initialData: { type: Object, default: Le }
-}, G = ie(
-  _,
+  getEventList: () => ({ events: q, boundEventsList: [] })
+}, $ = {
+  initialData: { type: Object, default: ke }
+}, H = ie(
+  $,
   Ce,
   de,
   fe,
   Be
 );
 function Y(n, e) {
-  const a = b([]), { boundEvents: r, unBoundEvent: u } = e;
+  const s = b([]), { boundEvents: r, unBoundEvent: u } = e;
   function f(o) {
     return {
       /** 当前事件名称及label */
@@ -324,14 +324,14 @@ function Y(n, e) {
         showSwitchNumber: 2
       }],
       /** 方法列表 */
-      command: B(o.command),
+      command: M(o.command),
       /** 当前的控制器 */
-      controller: B(o.controller)
+      controller: M(o.controller)
     };
   }
   function l() {
     var o;
-    a.value = (o = r.value) == null ? void 0 : o.map((c) => f(c));
+    s.value = (o = r.value) == null ? void 0 : o.map((c) => f(c));
   }
   function h(o) {
     const p = f({
@@ -339,40 +339,40 @@ function Y(n, e) {
       command: null,
       controller: { id: "", name: "", label: "" }
     });
-    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, a.value.unshift(p);
+    p.showSwitch[0].showSwitchNumber = 1, p.showSwitch[0].showSection[2][3] = !0, s.value.unshift(p);
   }
   function m() {
     var o;
-    (o = a.value) == null || o.forEach((c) => {
+    (o = s.value) == null || o.forEach((c) => {
       c.showSwitch.forEach((p) => {
         p.showSection[2][3] = !1;
       });
     });
   }
-  function s(o) {
-    a.value[o].showSwitch.forEach((c) => {
+  function a(o) {
+    s.value[o].showSwitch.forEach((c) => {
       c.showSection[2][3] = !c.showSection[2][3];
     });
   }
   function i(o) {
-    if (o >= 0 && o <= a.value.length - 1) {
-      const c = a.value[o];
-      u(c.event), a.value.splice(o, 1);
+    if (o >= 0 && o <= s.value.length - 1) {
+      const c = s.value[o];
+      u(c.event), s.value.splice(o, 1);
     }
   }
   return {
     addNewInteraction: h,
     collapseInteractions: m,
     deleteInteracton: i,
-    toggleMethodInInteraction: s,
-    interactions: a,
+    toggleMethodInInteraction: a,
+    interactions: s,
     loadInteractions: l
   };
 }
-function Q(n) {
-  const e = b([]), a = b([]), r = b([]);
+function J(n) {
+  const e = b([]), s = b([]), r = b([]);
   function u() {
-    const i = a.value.reduce(
+    const i = s.value.reduce(
       (c, p) => (c.set(p.boundEvents.label, !0), c),
       /* @__PURE__ */ new Map()
     );
@@ -380,43 +380,43 @@ function Q(n) {
   }
   function f() {
     var o;
-    const i = ((o = a.value) == null ? void 0 : o.length) > 0;
+    const i = ((o = s.value) == null ? void 0 : o.length) > 0;
     r.value = i ? u() : e.value;
   }
   function l() {
-    e.value = n.value.events, a.value = n.value.boundEventsList, f();
+    e.value = n.value.events, s.value = n.value.boundEventsList, f();
   }
   function h(i) {
     r.value = r.value.filter((o) => o.label !== i.label);
   }
   function m(i) {
-    a.value = a.value.filter((o) => o.boundEvents.label !== i.label), f();
+    s.value = s.value.filter((o) => o.boundEvents.label !== i.label), f();
   }
-  function s() {
+  function a() {
     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) {
+    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);
     }));
   }
   return {
     allEvents: e,
-    boundEvents: a,
+    boundEvents: s,
     candidateEvents: r,
     excludeFromCandidates: h,
     loadEvents: l,
-    resetBoundEvents: s,
+    resetBoundEvents: a,
     unBoundEvent: m
   };
 }
-const ke = {}, Ne = {
+const Le = {}, Ne = {
   events: { type: Array, default: [] }
-}, Ae = /* @__PURE__ */ D({
+}, Pe = /* @__PURE__ */ F({
   name: "FEventList",
   props: Ne,
   emits: ["click"],
   setup(n, e) {
-    const a = b(n.events);
+    const s = b(n.events);
     function r(f) {
       e.emit("click", f);
     }
@@ -430,16 +430,16 @@ const ke = {}, Ne = {
     }
     return () => t("div", {
       class: "f-page-events-editor-events"
-    }, [a.value.map((f) => u(f))]);
+    }, [s.value.map((f) => u(f))]);
   }
-}), X = /* @__PURE__ */ D({
+}), Q = /* @__PURE__ */ F({
   name: "FInteractionButton",
-  props: ke,
+  props: Le,
   emits: ["click"],
   setup(n, e) {
-    const a = R("useEventsComposition"), r = R("useInteractionCompostion"), {
+    const s = j("useEventsComposition"), r = j("useInteractionCompostion"), {
       candidateEvents: u
-    } = a, {
+    } = s, {
       collapseInteractions: f
     } = r, l = b(!1);
     function h(p) {
@@ -448,14 +448,14 @@ const ke = {}, Ne = {
     function m() {
       l.value = !1;
     }
-    function s() {
+    function a() {
       l.value = !0;
     }
     function i(p) {
       m(), h(p), e.emit("click", p);
     }
     function o() {
-      l.value ? m() : s();
+      l.value ? m() : a();
     }
     function c() {
       f(), o();
@@ -467,12 +467,12 @@ const ke = {}, Ne = {
       onClick: c
     }, [t("span", {
       class: "f-page-events-editor-text"
-    }, [T("新建交互事件")])])]), l.value && t(Ae, {
+    }, [D("新建交互事件")])])]), l.value && t(Pe, {
       events: u.value,
       onClick: i
     }, null)]);
   }
-}), Pe = {
+}), Ae = {
   collapsed: { type: Boolean, default: !0 },
   displayOrder: { type: Number, default: -1 },
   interaction: { type: Object, default: {} },
@@ -494,12 +494,12 @@ const ke = {}, Ne = {
   haveBoundcommand: { Type: Boolean, default: !1 }
 }, De = {
   controllers: { type: Array, default: [] }
-}, Te = /* @__PURE__ */ D({
+}, Te = /* @__PURE__ */ F({
   name: "FCommandList",
   props: De,
   emits: ["selectMethod"],
   setup(n, e) {
-    const a = b(n.controllers);
+    const s = b(n.controllers);
     function r(m) {
       return m.controllerList.length !== 0;
     }
@@ -511,44 +511,44 @@ const ke = {}, Ne = {
         title: m.controllerName.name
       }, [m.controllerName.name])]);
     }
-    function f(m, s) {
+    function f(m, a) {
       e.emit("selectMethod", {
         method: m,
-        controller: s
+        controller: a
       });
     }
     function l(m) {
-      return m.controllerList.map((s) => t("div", {
+      return m.controllerList.map((a) => t("div", {
         class: "f-page-internals-command",
-        onClick: () => f(s, m)
+        onClick: () => f(a, m)
       }, [t("div", {
         class: "f-page-internals-command-name",
-        title: s.label
-      }, [s.name])]));
+        title: a.label
+      }, [a.name])]));
     }
     function h(m) {
       return t("div", null, [u(m), l(m)]);
     }
     return () => t("div", {
       class: "f-page-internals"
-    }, [a.value.map((m) => h(m))]);
+    }, [s.value.map((m) => h(m))]);
   }
-}), Oe = /* @__PURE__ */ D({
+}), Oe = /* @__PURE__ */ F({
   name: "FCommandSource",
   props: Fe,
   emits: ["addInternalCommandListChanged", "newImportChanged", "currentCommandChanged", "originalDataChanged", "click", "existChanged", "newFucChanged", "close", "selectMethod"],
   setup(n, e) {
-    const a = R("useMethodsComposition"), {
+    const s = j("useMethodsComposition"), {
       controllers: r
-    } = a, u = b(!1), f = b(n.canAddNewMethod), l = F(() => !f.value), h = F(() => u.value), m = F(() => ({
+    } = s, u = b(!1), f = b(n.canAddNewMethod), l = P(() => !f.value), h = P(() => u.value), m = P(() => ({
       "font-size": "15px",
       margin: "5px",
       color: "#226eff",
       flex: 1
-    })), s = Symbol("controller schema repository inject token");
+    })), a = Symbol("controller schema repository inject token");
     function i() {
       return t(ne, {
-        injectSymbolToken: s,
+        injectSymbolToken: a,
         "view-type": "NavList"
       }, null);
     }
@@ -568,10 +568,10 @@ const ke = {}, Ne = {
     function E() {
       e.emit("close", null);
     }
-    function L() {
+    function B() {
       return t("div", {
         class: "f-command-breakline"
-      }, [T("------------------------------------------------------------")]);
+      }, [D("------------------------------------------------------------")]);
     }
     function g() {
       return t("div", {
@@ -584,7 +584,7 @@ const ke = {}, Ne = {
       }, null), t("div", {
         class: "f-function-class",
         onClick: () => o()
-      }, [T("引入控制器")])]), l.value && t("div", {
+      }, [D("引入控制器")])]), l.value && t("div", {
         class: "f-page-internals-new-command-func2"
       }, [t("div", {
         class: "f-icon f-icon-new-edit",
@@ -592,7 +592,7 @@ const ke = {}, Ne = {
       }, null), t("div", {
         class: "f-function-class",
         onClick: () => void 0
-      }, [T("添加新方法")])]), h.value && void 0, t("div", {
+      }, [D("添加新方法")])]), h.value && void 0, t("div", {
         class: "f-page-internals-new-command-func3"
       }, [t("div", {
         class: "f-icon f-icon-licensed",
@@ -600,7 +600,7 @@ const ke = {}, Ne = {
       }, null), t("div", {
         class: "f-function-class",
         onClick: () => void 0
-      }, [T("已有方法")])])]);
+      }, [D("已有方法")])])]);
     }
     function S(v) {
       e.emit("selectMethod", v);
@@ -615,21 +615,21 @@ const ke = {}, Ne = {
     }
     return () => t("div", {
       class: "f-page-events-editor-command-source"
-    }, [y(), L(), g(), L(), t("div", null, [t("div", {
+    }, [y(), B(), g(), B(), t("div", null, [t("div", {
       class: "f-page-internals-close",
       onClick: E
-    }, [T("取消")])])]);
+    }, [D("取消")])])]);
   }
 }), je = {
   command: { type: Object, default: {} }
-}, Re = /* @__PURE__ */ D({
+}, Re = /* @__PURE__ */ F({
   name: "FParameterEditor",
   props: je,
   emits: ["confirm", "change"],
   setup(n, e) {
-    const a = b(n.command), r = b(0), u = b(!1), f = b(!1);
+    const s = 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);
+    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() {
     }
     function c() {
@@ -650,93 +650,93 @@ const ke = {}, Ne = {
         onClick: () => void 0
       }, null)]);
     }
-    function E(M) {
+    function E(L) {
       i.value = !i.value;
     }
-    function L() {
+    function B() {
       return t("div", null, [t("div", {
         class: "f-icon f-icon-edit-button",
         style: "font-size: 13px;margin-right:10px;",
         onClick: () => E(r.value)
       }, null)]);
     }
-    function g(M, A) {
-      A.value = M.target.value;
+    function g(L, N) {
+      N.value = L.target.value;
     }
     function S() {
-      e.emit("change", a.value);
+      e.emit("change", s.value);
     }
-    function y(M) {
+    function y(L) {
       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()
+        value: L.value,
+        onChange: (N) => g(N, L),
+        onBlur: (N) => S()
       }, null)]);
     }
     function v() {
-      var M;
-      return (M = a.value.property) == null ? void 0 : M.map((A) => t("div", null, [t("div", {
+      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"
-      }, [A.shownName, A.description && t("div", {
+      }, [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(A)])]));
+      }, [y(N)])]));
     }
-    function C(M) {
+    function w(L) {
       i.value = !1, e.emit("confirm");
     }
-    function w() {
+    function C() {
       return t("div", null, [t("div", {
         class: "f-page-parameter-editor-btn"
       }, [t("div", {
         class: "btn-finish",
-        onClick: () => C(r.value)
-      }, [T("完成")])])]);
+        onClick: () => w(r.value)
+      }, [D("完成")])])]);
     }
     function k() {
       return t("div", {
         class: "f-page-parameter-editor-group"
       }, [v()]);
     }
-    function N() {
+    function A() {
       return t("div", null, [t("div", {
         class: "f-page-parameter-editor-first-row"
       }, [t("span", {
         class: "f-page-parameter-editor-command-name",
-        title: a.value.label
-      }, [a.value.name]), t("div", {
+        title: s.value.label
+      }, [s.value.name]), t("div", {
         class: "f-page-parameter-editor-first-row-icon"
-      }, [h.value && c(), m.value && d(), s.value && L()])]), i.value && k(), i.value && w()]);
+      }, [h.value && c(), m.value && d(), a.value && B()])]), i.value && k(), i.value && C()]);
     }
     return () => t("div", {
       class: "f-page-parameter-editor"
-    }, [l.value && N()]);
+    }, [l.value && A()]);
   }
-}), Z = /* @__PURE__ */ D({
+}), X = /* @__PURE__ */ F({
   name: "FInteractionItem",
-  props: Pe,
+  props: Ae,
   emits: ["addAction", "delete", "toggle"],
   setup(n, e) {
-    const a = R("useMethodsComposition"), {
+    const s = j("useMethodsComposition"), {
       toggleSelectingMethod: r,
       emitFinalState: u
-    } = a, f = b(n.controllers), l = b(n.interaction), h = b(n.displayOrder), m = F(() => {
+    } = 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];
-    }), s = F(() => {
-      const v = !!l.value.command, C = l.value.showSwitch[0], w = C.showSection[C.showSwitchNumber][3];
-      return v && w;
-    }), i = F(() => ({
+    }), a = P(() => {
+      const v = !!l.value.command, w = l.value.showSwitch[0], C = w.showSection[w.showSwitchNumber][3];
+      return v && C;
+    }), i = P(() => ({
       "f-icon": !0,
-      "f-icon-arrow-chevron-down": s.value,
-      "f-icon-arrow-chevron-left": !s.value
+      "f-icon-arrow-chevron-down": a.value,
+      "f-icon-arrow-chevron-left": !a.value
     }));
     function o() {
       e.emit("delete", h.value);
@@ -747,43 +747,43 @@ const ke = {}, Ne = {
     }
     function p() {
       if (l.value.command !== null) {
-        const C = l.value.showSwitch[0];
-        r(C), e.emit("addAction", h.value);
+        const w = l.value.showSwitch[0];
+        r(w), e.emit("addAction", h.value);
       }
     }
     function d(v) {
       v === null && l.value.command === null && e.emit("delete", h.value);
-      const C = l.value.showSwitch[0];
-      r(C);
+      const w = l.value.showSwitch[0];
+      r(w);
     }
     function E(v) {
       const {
-        method: C,
-        controller: w
+        method: w,
+        controller: C
       } = v, {
         id: k,
-        label: N,
-        name: M,
-        handlerName: A
-      } = C, {
-        controllerName: P
-      } = w, I = !1, K = P.id;
+        label: A,
+        name: L,
+        handlerName: N
+      } = w, {
+        controllerName: R
+      } = C, x = !1, K = R.id;
       l.value.command = {
         id: k,
-        label: N,
-        name: M,
-        handlerName: A,
-        hasPath: I,
+        label: A,
+        name: L,
+        handlerName: N,
+        hasPath: x,
         cmpId: K
       }, l.value.controller = {
-        id: P.id,
-        label: P.label,
-        name: P.name
+        id: R.id,
+        label: R.label,
+        name: R.name
       };
-      const j = l.value.showSwitch[0];
-      j.showSwitchNumber = 2, j.showSection[j.showSwitchNumber][2] = !1, j.showSection[j.showSwitchNumber][3] = !0, u();
+      const O = l.value.showSwitch[0];
+      O.showSwitchNumber = 2, O.showSection[O.showSwitchNumber][2] = !1, O.showSection[O.showSwitchNumber][3] = !0, u();
     }
-    function L() {
+    function B() {
       return t(Oe, {
         controllers: f.value,
         onClose: d,
@@ -795,7 +795,7 @@ const ke = {}, Ne = {
       v.showSection[v.showSwitchNumber][3] = !1;
     }
     function S(v) {
-      l.value.command = B(v), u();
+      l.value.command = M(v), u();
     }
     function y() {
       return t(Re, {
@@ -825,49 +825,49 @@ const ke = {}, Ne = {
       class: "f-icon f-icon-home-add",
       style: "float:right; font-size: 10px; margin:8px;",
       onClick: p
-    }, null)]), m.value && L(), s.value && y()]);
+    }, null)]), m.value && B(), a.value && y()]);
   }
 });
-function x(n, e, a) {
+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(B({
+    r.value[d].showSwitch = [], r.value[d].showSwitch.push(M({
       // 存储所有的展示设定
       showSection: [[!1, !1, !1, !1, !1], [!1, !1, !0, !1, !1], [!1, !0, !1, !0, !1]],
       // 展示哪个部分
       showSwitchNumber: 2
-    })), r.value = B(r.value);
+    })), r.value = M(r.value);
   }
-  function l(d, E, L) {
+  function l(d, E, B) {
   }
   function h(d) {
-    var L;
+    var B;
     const E = [];
-    return (L = n.value.newController) == null || L.forEach((g) => {
+    return (B = n.value.newController) == null || B.forEach((g) => {
       d.forEach((S) => {
-        g.Code === S.controller.label && E.push(B(g));
+        g.Code === S.controller.label && E.push(M(g));
       });
     }), E;
   }
   function m() {
     var S;
     n.value.isAddControllerMethod = !!n.value.newFuncEvents;
-    const d = [], E = B(n.value.internalCommandList);
+    const d = [], E = M(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 v = M(y.controller), w = M(y.command), C = M(y.event), k = { controller: v, command: w, boundEvents: C };
+      d.push(M(k));
     });
-    const L = (S = n.value.newController) != null && S.length && d.length ? B(h(d)) : [], g = {
+    const B = (S = n.value.newController) != null && S.length && d.length ? M(h(d)) : [], g = {
       /** 拼接名称时的前缀 */
       viewModelId: n.value.viewModelId,
       /** 视图模型绑定的事件下的方法列表 */
-      savedCommand: B(n.value.viewModel),
+      savedCommand: M(n.value.viewModel),
       /** 当前界面显示的绑定事件 */
-      boundEventsList: B(d),
+      boundEventsList: M(d),
       /** 可选择的绑定事件列表 */
-      events: B(n.value.events),
+      events: M(n.value.events),
       /** 内置构件列表； */
-      internalCommandList: B(E),
+      internalCommandList: M(E),
       /** 所有可选的组件 */
       componentLists: [],
       /** 接收formBasicService.formMetaBasicInfo.relativePath */
@@ -875,7 +875,7 @@ function x(n, e, a) {
       /** 接收formBasicService.envType */
       envType: n.value.envType,
       /** 初始为空，用于存储用户点击「导入新方法」的控制器值 */
-      newController: B(L),
+      newController: M(B),
       /** 切换到代码视图标识 */
       isAddControllerMethod: n.value.isAddControllerMethod,
       /** 用户选择「已有方法」 */
@@ -883,11 +883,11 @@ function x(n, e, a) {
       /** 上一个绑定的方法 */
       preCommand: n.value.preCommand,
       /** 新增方法的对应事件 */
-      newFuncEvents: B(n.value.newFuncEvents)
+      newFuncEvents: M(n.value.newFuncEvents)
     };
-    a.emit("savedCommandListChanged", g);
+    s.emit("savedCommandListChanged", g);
   }
-  function s(d) {
+  function a(d) {
     d.showSection[d.showSwitchNumber][2] = !0;
   }
   function i(d) {
@@ -900,7 +900,7 @@ function x(n, e, a) {
     d.showSection[d.showSwitchNumber][3] = !1;
   }
   function p(d) {
-    d.showSection[d.showSwitchNumber][2] ? (i(d), o(d)) : (s(d), c(d));
+    d.showSection[d.showSwitchNumber][2] ? (i(d), o(d)) : (a(d), c(d));
   }
   return {
     controllers: u,
@@ -910,25 +910,25 @@ function x(n, e, a) {
     toggleSelectingMethod: p
   };
 }
-const V = /* @__PURE__ */ D({
+const I = /* @__PURE__ */ F({
   name: "FEventsEditor",
-  props: _,
+  props: $,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Q(a), {
+    const s = b(n.initialData), r = J(s), {
       loadEvents: u,
       resetBoundEvents: f
-    } = r, l = Y(a, r), {
+    } = r, l = Y(s, r), {
       addNewInteraction: h,
       deleteInteracton: m,
-      interactions: s,
+      interactions: a,
       loadInteractions: i
-    } = l, o = x(a, l, e);
-    O("useEventsComposition", r), O("useInteractionCompostion", l), O("useMethodsComposition", o);
+    } = l, o = Z(s, l, e);
+    T("useEventsComposition", r), T("useInteractionCompostion", l), T("useMethodsComposition", o);
     function c() {
-      a.value.isAddControllerMethod = !1;
+      s.value.isAddControllerMethod = !1;
     }
-    W(() => {
+    _(() => {
       c(), f(), u(), i();
     });
     function p(g) {
@@ -936,7 +936,7 @@ const V = /* @__PURE__ */ D({
     }
     function d(g, S) {
       const y = g.showSwitch[0], v = y.showSection[y.showSwitchNumber][3];
-      return t(Z, {
+      return t(X, {
         interaction: g,
         displayOrder: S,
         collapsed: v,
@@ -945,25 +945,25 @@ const V = /* @__PURE__ */ D({
     }
     function E() {
       var g;
-      return (g = s.value) == null ? void 0 : g.map((S, y) => t("div", {
+      return (g = a.value) == null ? void 0 : g.map((S, y) => t("div", {
         class: "events-display-order",
         key: S.event.label
       }, [d(S, y)]));
     }
-    function L(g) {
+    function B(g) {
       h(g);
     }
     return () => t("div", {
       class: "f-page-events-editor"
     }, [t("div", {
       class: "f-page-events-editor-content"
-    }, [t(X, {
-      onClick: L
+    }, [t(Q, {
+      onClick: B
     }, null), E()])]);
   }
 });
-function Ie(n, e, a) {
-  var C;
+function Ie(n, e, s) {
+  var v;
   function r() {
   }
   const u = "", f = "", l = b();
@@ -973,7 +973,7 @@ function Ie(n, e, a) {
   function m() {
     return !1;
   }
-  function s() {
+  function a() {
     return (e == null ? void 0 : e.schema.componentType) !== "frame";
   }
   function i() {
@@ -984,48 +984,41 @@ function Ie(n, e, a) {
       return null;
     if (w.value.schema && w.value.schema.type === "component")
       return w.value;
-    const k = b(w == null ? void 0 : w.value.parent), N = o(k);
-    return N || null;
+    const C = b(w == null ? void 0 : w.value.parent), k = o(C);
+    return k || null;
   }
   function c(w = e) {
-    const { componentInstance: k, designerItemElementRef: N } = w;
-    return !k || !k.value ? null : k.value.canMove ? N : c(w.parent);
+    const { componentInstance: C, designerItemElementRef: k } = w;
+    return !C || !C.value ? null : C.value.canMove ? k : c(w.parent);
   }
   function p(w) {
-    return !!a;
+    return !!s;
   }
   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 E() {
   }
-  function L(w, k) {
+  function B(w, C) {
   }
-  function g(w, k) {
-    const { componentType: N } = w;
-    let M = $(N, w, k);
-    const A = N.toLowerCase().replace("-", "_");
-    return M && !M.id && M.type === N && (M.id = `${A}_${Math.random().toString().slice(2, 6)}`), M;
+  function 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 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 S(w) {
   }
-  function y(w) {
-  }
-  function v(...w) {
+  function y(...w) {
   }
   return l.value = {
     canMove: h(),
     canSelectParent: m(),
-    canDelete: s(),
+    canDelete: a(),
     canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: n,
-    parent: (C = e == null ? void 0 : e.parent) == null ? void 0 : C.componentInstance,
+    parent: (v = e == null ? void 0 : e.parent) == null ? void 0 : v.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: u,
     designerClass: f,
@@ -1033,57 +1026,56 @@ function Ie(n, e, a) {
     getBelongedComponentInstance: o,
     getDraggableDesignItemElement: c,
     getDraggingDisplayText: d,
-    getPropConfig: v,
+    getPropConfig: y,
     getDragScopeElement: E,
-    onAcceptMovedChildElement: L,
-    onAcceptNewChildElement: S,
-    onChildElementMovedOut: y,
+    onAcceptMovedChildElement: B,
+    onChildElementMovedOut: S,
     addNewChildComponentSchema: g,
     updateDragAndDropRules: r,
     triggerBelongedComponentToMoveWhenMoved: b(!1),
     triggerBelongedComponentToDeleteWhenDeleted: b(!1)
   }, l;
 }
-const Ve = /* @__PURE__ */ D({
+const Ve = /* @__PURE__ */ F({
   name: "FEventsEditorDesign",
-  props: _,
+  props: $,
   emits: ["savedCommandListChanged"],
   setup(n, e) {
-    const a = b(n.initialData), r = Q(a), {
+    const s = b(n.initialData), r = J(s), {
       loadEvents: u,
       resetBoundEvents: f
-    } = r, l = Y(a, r), {
+    } = r, l = Y(s, r), {
       addNewInteraction: h,
       deleteInteracton: m,
-      interactions: s,
+      interactions: a,
       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, 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() {
-      a.value.isAddControllerMethod = !1;
+      s.value.isAddControllerMethod = !1;
     }
-    function L(v) {
+    function B(v) {
       m(v);
     }
-    function g(v, C) {
-      const w = v.showSwitch[0], k = w.showSection[w.showSwitchNumber][3];
-      return t(Z, {
+    function g(v, w) {
+      const C = v.showSwitch[0], k = C.showSection[C.showSwitchNumber][3];
+      return t(X, {
         interaction: v,
-        displayOrder: C,
+        displayOrder: w,
         collapsed: k,
-        onDelete: L
+        onDelete: B
       }, null);
     }
     function S() {
       var v;
-      return (v = s.value) == null ? void 0 : v.map((C, w) => t("div", {
+      return (v = a.value) == null ? void 0 : v.map((w, C) => t("div", {
         class: "events-display-order",
-        key: C.event.label
-      }, [g(C, w)]));
+        key: w.event.label
+      }, [g(w, C)]));
     }
     function y(v) {
       h(v);
@@ -1093,24 +1085,24 @@ const Ve = /* @__PURE__ */ D({
       class: "f-page-events-editor"
     }, [t("div", {
       class: "f-page-events-editor-content"
-    }, [t(X, {
+    }, [t(Q, {
       onClick: y
     }, null), S()])]);
   }
 }), Ge = {
   install(n) {
-    n.component(V.name, V);
+    n.component(I.name, I);
   },
-  register(n, e, a, r) {
-    n["events-editor"] = V, e["events-editor"] = G;
+  register(n, e, s, r) {
+    n["events-editor"] = I, e["events-editor"] = H;
   },
-  registerDesigner(n, e, a) {
-    n["events-editor"] = Ve, e["events-editor"] = G;
+  registerDesigner(n, e, s) {
+    n["events-editor"] = Ve, e["events-editor"] = H;
   }
 };
 export {
-  V as FEventsEditor,
+  I as FEventsEditor,
   Ge as default,
-  _ as eventsEditorProps,
-  G as propsResolver
+  $ as eventsEditorProps,
+  H as propsResolver
 };