@farris/ui-vue 1.2.6 → 1.2.7

package/components/response-toolbar/index.esm.js

@@ -1,7 +1,7 @@
-var Pe = Object.defineProperty;
-var ke = (r, e, n) => e in r ? Pe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
-var F = (r, e, n) => ke(r, typeof e != "symbol" ? e + "" : e, n);
-import { computed as W, getCurrentInstance as de, createVNode as w, ref as j, defineComponent as Y, onMounted as H, onUnmounted as ne, watch as Q, inject as $, createTextVNode as ue, provide as Re, onBeforeUnmount as Ee, withModifiers as je } from "vue";
+var ke = Object.defineProperty;
+var Pe = (r, e, n) => e in r ? ke(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var F = (r, e, n) => Pe(r, typeof e != "symbol" ? e + "" : e, n);
+import { computed as z, getCurrentInstance as de, createVNode as w, ref as j, defineComponent as Y, onMounted as H, onUnmounted as ne, watch as Q, inject as $, createTextVNode as ue, provide as Re, onBeforeUnmount as Ee, withModifiers as je } from "vue";
 import { cloneDeep as Be } from "lodash-es";
 import { useDesignerInnerComponent as fe } from "@farris/ui-vue/components/designer-canvas/src/composition/function/use-designer-inner-component";
 import { withInstall as Ae } from "@farris/ui-vue/components/common";
@@ -50,13 +50,13 @@ class me {
       "tipsText",
       "onClick"
     ];
-    Object.keys(e).filter((a) => n.indexOf(a) > -1).forEach((a) => {
-      this[a] = e[a];
+    Object.keys(e).filter((c) => n.indexOf(c) > -1).forEach((c) => {
+      this[c] = e[c];
     });
   }
   /** 是否可用 */
   get enable() {
-    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : W(() => !0);
+    return Object.keys(this.options).indexOf("enable") > -1 ? this.options.enable : z(() => !0);
   }
   /** 设置宽度 */
   setWidth(e) {
@@ -75,7 +75,7 @@ class Fe extends me {
 function ge() {
   function r(e) {
     const n = [];
-    return e.reduce((a, u) => (u.children && u.children.length > 0 ? a.push(new G(u)) : a.push(new Fe(u)), a), n), n;
+    return e.reduce((c, u) => (u.children && u.children.length > 0 ? c.push(new G(u)) : c.push(new Fe(u)), c), n), n;
   }
   return { buildResponseToolbarItems: r };
 }
@@ -93,8 +93,8 @@ class G extends me {
     F(this, "split", !1);
     F(this, "children", []);
     F(this, "expanded", !1);
-    const a = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
-    Object.keys(n).filter((u) => a.indexOf(u) > -1).forEach((u) => {
+    const c = ["isDP", "class", "dropdownClass", "menuClass", "placement", "split", "expanded"];
+    Object.keys(n).filter((u) => c.indexOf(u) > -1).forEach((u) => {
       this[u] = n[u];
     }), n.children && n.children.length && (this.children = Oe(n.children));
   }
@@ -146,82 +146,82 @@ class Nt {
 }
 const oe = {}, ye = {};
 function re(r) {
-  const { properties: e, title: n } = r, a = Object.keys(e).reduce((u, m) => (u[m] = e[m].type === "object" && e[m].properties ? re(e[m]) : Be(e[m].default), u), {});
-  return a.id = `${n}-${Date.now()}`, a;
+  const { properties: e, title: n } = r, c = Object.keys(e).reduce((u, m) => (u[m] = e[m].type === "object" && e[m].properties ? re(e[m]) : Be(e[m].default), u), {});
+  return c.id = `${n}-${Date.now()}`, c;
 }
 function q(r, e = {}) {
   const n = oe[r];
   if (n) {
-    let a = re(n);
+    let c = re(n);
     const u = ye[r];
-    return a = u ? u({ getSchemaByType: q }, a, e) : a, a;
+    return c = u ? u({ getSchemaByType: q }, c, e) : c, c;
   }
   return null;
 }
 function Le(r, e) {
   const n = re(e);
-  return Object.keys(r).reduce((a, u) => (a[u] = r[u], a), n), n;
+  return Object.keys(r).reduce((c, u) => (c[u] = r[u], c), n), n;
 }
 function Ne(r, e) {
-  return Object.keys(r).filter((a) => r[a] != null).reduce((a, u) => {
+  return Object.keys(r).filter((c) => r[c] != null).reduce((c, u) => {
     if (e.has(u)) {
       const m = e.get(u);
       if (typeof m == "string")
-        a[m] = r[u];
+        c[m] = r[u];
       else {
         const v = m(u, r[u], r);
-        Object.assign(a, v);
+        Object.assign(c, v);
       }
     } else
-      a[u] = r[u];
-    return a;
+      c[u] = r[u];
+    return c;
   }, {});
 }
 function Ve(r, e, n = /* @__PURE__ */ new Map()) {
-  const a = Le(r, e);
-  return Ne(a, n);
+  const c = Le(r, e);
+  return Ne(c, n);
 }
 function _e(r = {}) {
-  function e(g, C, p, c) {
+  function e(g, C, p, a) {
     if (typeof p == "number")
-      return c[g].length === p;
+      return a[g].length === p;
     if (typeof p == "object") {
       const d = Object.keys(p)[0], s = p[d];
       if (d === "not")
-        return Number(c[g].length) !== Number(s);
+        return Number(a[g].length) !== Number(s);
       if (d === "moreThan")
-        return Number(c[g].length) >= Number(s);
+        return Number(a[g].length) >= Number(s);
       if (d === "lessThan")
-        return Number(c[g].length) <= Number(s);
+        return Number(a[g].length) <= Number(s);
     }
     return !1;
   }
-  function n(g, C, p, c) {
-    return c[g] && c[g].propertyValue && String(c[g].propertyValue.value) === String(p);
+  function n(g, C, p, a) {
+    return a[g] && a[g].propertyValue && String(a[g].propertyValue.value) === String(p);
   }
-  const a = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(r).reduce((g, C) => (g.set(C, r[C]), g), a);
+  Object.keys(r).reduce((g, C) => (g.set(C, r[C]), g), c);
   function u(g, C) {
     const p = g;
-    return typeof C == "number" ? [{ target: p, operator: "length", param: null, value: Number(C) }] : typeof C == "boolean" ? [{ target: p, operator: "getProperty", param: g, value: !!C }] : typeof C == "object" ? Object.keys(C).map((c) => {
-      if (c === "length")
-        return { target: p, operator: "length", param: null, value: C[c] };
-      const d = c, s = C[c];
+    return typeof C == "number" ? [{ target: p, operator: "length", param: null, value: Number(C) }] : typeof C == "boolean" ? [{ target: p, operator: "getProperty", param: g, value: !!C }] : typeof C == "object" ? Object.keys(C).map((a) => {
+      if (a === "length")
+        return { target: p, operator: "length", param: null, value: C[a] };
+      const d = a, s = C[a];
       return { target: p, operator: "getProperty", param: d, value: s };
     }) : [];
   }
   function m(g) {
-    return Object.keys(g).reduce((p, c) => {
-      const d = u(c, g[c]);
+    return Object.keys(g).reduce((p, a) => {
+      const d = u(a, g[a]);
       return p.push(...d), p;
     }, []);
   }
   function v(g, C) {
-    if (a.has(g.operator)) {
-      const p = a.get(g.operator);
+    if (c.has(g.operator)) {
+      const p = c.get(g.operator);
       return p && p(g.target, g.param, g.value, C) || !1;
     }
     return !1;
@@ -230,8 +230,8 @@ function _e(r = {}) {
     return m(g).reduce((d, s) => d && v(s, C), !0);
   }
   function S(g, C) {
-    const p = Object.keys(g), c = p.includes("allOf"), d = p.includes("anyOf"), s = c || d, x = (s ? g[s ? c ? "allOf" : "anyOf" : "allOf"] : [g]).map((k) => M(k, C));
-    return c ? !x.includes(!1) : x.includes(!0);
+    const p = Object.keys(g), a = p.includes("allOf"), d = p.includes("anyOf"), s = a || d, x = (s ? g[s ? a ? "allOf" : "anyOf" : "allOf"] : [g]).map((P) => M(P, C));
+    return a ? !x.includes(!1) : x.includes(!0);
   }
   return { parseValueSchema: S };
 }
@@ -348,8 +348,8 @@ const I = {
   /** 审批类 end */
 }, he = {}, $e = {};
 _e();
-function be(r, e, n = /* @__PURE__ */ new Map(), a = (v, M, S) => M, u = {}, m = (v) => v) {
-  return oe[e.title] = e, ye[e.title] = a, he[e.title] = u, $e[e.title] = m, (v = {}) => {
+function be(r, e, n = /* @__PURE__ */ new Map(), c = (v, M, S) => M, u = {}, m = (v) => v) {
+  return oe[e.title] = e, ye[e.title] = c, he[e.title] = u, $e[e.title] = m, (v = {}) => {
     const M = Ve(v, e, n), S = Object.keys(r).reduce((g, C) => (g[C] = r[C].default, g), {});
     return Object.assign(S, M);
   };
@@ -360,7 +360,7 @@ const ve = /* @__PURE__ */ new Map([
 function Ce(r, e, n) {
   return e;
 }
-const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-design.gitee.io/response-toolbar.schema.json", ze = "response-toolbar", qe = "A Farris Toolbar Component", He = "object", Ge = {
+const We = "https://json-schema.org/draft/2020-12/schema", ze = "https://farris-design.gitee.io/response-toolbar.schema.json", Ue = "response-toolbar", qe = "A Farris Toolbar Component", He = "object", Ge = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -398,9 +398,9 @@ const Ue = "https://json-schema.org/draft/2020-12/schema", We = "https://farris-
   "type",
   "buttons"
 ], Xe = {
-  $schema: Ue,
-  $id: We,
-  title: ze,
+  $schema: We,
+  $id: ze,
+  title: Ue,
   description: qe,
   type: He,
   properties: Ge,
@@ -526,14 +526,14 @@ const at = Object.assign({}, se, {
 );
 function Te() {
   function r(n) {
-    const a = {
+    const c = {
       "f-icon": !0
     };
     if (n.icon) {
       const u = n.icon.trim().split(" ");
-      u && u.length && u.reduce((m, v) => (m[v] = !0, m), a);
+      u && u.length && u.reduce((m, v) => (m[v] = !0, m), c);
     }
-    return a;
+    return c;
   }
   function e(n) {
     return !!(n.icon && n.icon.trim());
@@ -542,103 +542,103 @@ function Te() {
 }
 function lt(r) {
   function e(p) {
-    const c = {
+    const a = {
       "dropdown-menu": !0
     };
     if (p.class) {
       const d = p.menuClass.split(" ");
-      d && d.length && d.reduce((s, y) => (s[y] = !0, s), c);
+      d && d.length && d.reduce((s, y) => (s[y] = !0, s), a);
     }
-    return c;
+    return a;
   }
   function n(p) {
-    const c = {
+    const a = {
       disabled: !p.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
     }, d = p.dropdownClass.split(" ");
-    return d && d.length && d.reduce((s, y) => (s[y] = !0, s), c), c;
+    return d && d.length && d.reduce((s, y) => (s[y] = !0, s), a), a;
   }
-  function a(p) {
-    const c = {
+  function c(p) {
+    const a = {
       disabled: !p.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
     }, d = p.class.split(" ");
-    return d && d.length && d.reduce((s, y) => (s[y] = !0, s), c), c;
+    return d && d.length && d.reduce((s, y) => (s[y] = !0, s), a), a;
   }
   let u;
   const m = /* @__PURE__ */ new Map();
-  function v(p, c, d) {
+  function v(p, a, d) {
     var y;
-    ((y = p.target) == null ? void 0 : y.id) === c.id && p.stopPropagation();
+    ((y = p.target) == null ? void 0 : y.id) === a.id && p.stopPropagation();
     const s = d ? d.id : "__top_item__";
-    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? m.set(s, c) : m.delete(s)), m.has(s) && m.get(s) !== c) {
+    if (a.children && a.children.length && (a.expanded = !a.expanded, a.expanded ? m.set(s, a) : m.delete(s)), m.has(s) && m.get(s) !== a) {
       const h = m.get(s);
       h && (h.expanded = !1);
     }
   }
-  function M(p, c) {
-    document.body.click(), c.enable && c.onClick(p, c.id);
+  function M(p, a) {
+    document.body.click(), a.enable && a.onClick(p, a.id);
   }
   function S(p) {
-    return p.children.map((c) => c.children && c.children.length ? w("li", {
-      class: n(c),
-      id: c.id,
-      onClick: (d) => c.enable && v(d, c, p)
+    return p.children.map((a) => a.children && a.children.length ? w("li", {
+      class: n(a),
+      id: a.id,
+      onClick: (d) => a.enable && v(d, a, p)
     }, [w("span", {
-      id: c.id,
-      class: a(c),
-      onMouseover: (d) => c.enable && v(d, c, p)
-    }, [c.text, w("i", {
+      id: a.id,
+      class: c(a),
+      onMouseover: (d) => a.enable && v(d, a, p)
+    }, [a.text, w("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), u(c, c)]) : w("li", {
-      class: a(c),
-      id: c.id,
-      onClick: (d) => M(d, c),
-      onMouseover: (d) => c.enable && v(d, c, p)
-    }, [r.shouldShowIcon(c) && w("i", {
-      class: r.iconClass(c)
-    }, null), c.text]));
-  }
-  function g(p, c, d) {
+    }, null)]), u(a, a)]) : w("li", {
+      class: c(a),
+      id: a.id,
+      onClick: (d) => M(d, a),
+      onMouseover: (d) => a.enable && v(d, a, p)
+    }, [r.shouldShowIcon(a) && w("i", {
+      class: r.iconClass(a)
+    }, null), a.text]));
+  }
+  function g(p, a, d) {
     const s = {
       display: p.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, y = document.getElementsByTagName("body")[0].getClientRects()[0].width, h = c, x = h == null ? void 0 : h.getClientRects();
+    }, y = document.getElementsByTagName("body")[0].getClientRects()[0].width, h = a, x = h == null ? void 0 : h.getClientRects();
     if (h && x && x.length) {
       const {
         top: O,
-        width: k,
+        width: P,
         left: A,
         right: N,
         height: D
       } = x[0], b = Math.ceil(D + O);
       s.top = `${b}px`, s.left = `${A}px`;
-      const P = p.id + "_menu", E = c ? c.querySelector("#" + P) : null;
+      const k = p.id + "_menu", E = a ? a.querySelector("#" + k) : null;
       if (E) {
         s.display === "block" && (E.style.display = "block");
         const l = E.getBoundingClientRect();
         if (d) {
           s.top = `${O - 6}px`;
-          const o = Math.ceil(k + A);
+          const o = Math.ceil(P + A);
           s.left = `${o}px`;
         }
-        y - A - k < l.width && (s.left = `${(d ? A : N) - l.width}px`);
+        y - A - P < l.width && (s.left = `${(d ? A : N) - l.width}px`);
       }
     }
     return s;
   }
-  u = function(p, c) {
+  u = function(p, a) {
     var h, x;
-    const d = de(), s = c ? c.id : p.id, y = (x = (h = d == null ? void 0 : d.exposed) == null ? void 0 : h.elementRef.value) == null ? void 0 : x.querySelector("#" + s);
+    const d = de(), s = a ? a.id : p.id, y = (x = (h = d == null ? void 0 : d.exposed) == null ? void 0 : h.elementRef.value) == null ? void 0 : x.querySelector("#" + s);
     return w("ul", {
       class: e(p),
-      style: g(p, y, c),
+      style: g(p, y, a),
       id: p.id + "_menu"
     }, [S(p)]);
   };
@@ -654,7 +654,7 @@ function lt(r) {
 }
 function pt(r, e) {
   const n = j(r.alignment), {
-    renderDropdownMenu: a,
+    renderDropdownMenu: c,
     clearAllDropDownMenu: u
   } = lt(e);
   function m(C) {
@@ -663,8 +663,8 @@ function pt(r, e) {
       "f-rt-dropdown": !0,
       "f-btn-ml": n.value === "right",
       "f-btn-mr": n.value === "left"
-    }, c = C.dropdownClass.split(" ");
-    return c && c.length && c.reduce((d, s) => (d[s] = !0, d), p), p;
+    }, a = C.dropdownClass.split(" ");
+    return a && a.length && a.reduce((d, s) => (d[s] = !0, d), p), p;
   }
   function v(C) {
     const p = {
@@ -674,15 +674,15 @@ function pt(r, e) {
       "btn-icontext": !!(C.icon && C.icon.trim())
     };
     if (C.class) {
-      const c = C.class.split(" ");
-      c && c.length && c.reduce((d, s) => (d[s] = !0, d), p);
+      const a = C.class.split(" ");
+      a && a.length && a.reduce((d, s) => (d[s] = !0, d), p);
     }
     return p;
   }
   function M(C, p) {
     C.stopPropagation();
-    const c = p.expanded;
-    document.body.click(), p.expanded = !c;
+    const a = p.expanded;
+    document.body.click(), p.expanded = !a;
   }
   function S(C) {
     return w("div", {
@@ -697,7 +697,7 @@ function pt(r, e) {
     }, null), w("span", null, [C.text]), w("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), a(C)]);
+    }, null)]), c(C)]);
   }
   function g() {
     u();
@@ -714,21 +714,21 @@ const {
   props: se,
   emits: ["click"],
   setup(r, e) {
-    const n = j(pe(r.items)), a = j(), u = j(), m = j(), v = j(r.alignment), M = {
+    const n = j(pe(r.items)), c = j(), u = j(), m = j(), v = j(r.alignment), M = {
       id: "__more_buttons__",
       text: "更多"
-    }, S = j(new G(M)), g = Te(), C = W(() => S.value.children.length > 0), p = W(() => {
+    }, S = j(new G(M)), g = Te(), C = z(() => S.value.children.length > 0), p = z(() => {
       const b = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0
       };
       if (r.customClass) {
-        const P = r.customClass.split(" ");
-        P && P.length && P.reduce((E, l) => (E[l] = !0, E), b);
+        const k = r.customClass.split(" ");
+        k && k.length && k.reduce((E, l) => (E[l] = !0, E), b);
       }
       return b;
-    }), c = W(() => ({
+    }), a = z(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
       "justify-content-end": v.value === "right",
@@ -743,7 +743,7 @@ const {
       }), S.value.expanded = !1, s();
     }
     function h(b) {
-      const P = {
+      const k = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": v.value === "right",
@@ -752,12 +752,12 @@ const {
       };
       if (b.class) {
         const E = b.class.split(" ");
-        E && E.length && E.reduce((l, o) => (l[o] = !0, l), P);
+        E && E.length && E.reduce((l, o) => (l[o] = !0, l), k);
       }
-      return P;
+      return k;
     }
-    function x(b, P) {
-      document.body.click(), P.onClick(b, P.id), e.emit("click", b, P.id);
+    function x(b, k) {
+      document.body.click(), k.onClick(b, k.id), e.emit("click", b, k.id);
     }
     function O(b) {
       return w("button", {
@@ -765,16 +765,16 @@ const {
         class: h(b),
         id: b.id,
         disabled: !b.enable,
-        onClick: (P) => x(P, b)
+        onClick: (k) => x(k, b)
       }, [g.shouldShowIcon(b) && w("i", {
         class: g.iconClass(b)
       }, null), b.text]);
     }
-    const k = /* @__PURE__ */ new Map(), A = [];
+    const P = /* @__PURE__ */ new Map(), A = [];
     function N(b) {
-      const P = m.value;
+      const k = m.value;
       let E = b;
-      const l = Array.from(P.children), o = l[l.length - 1].id === "__more_buttons__" ? l[l.length - 1] : null;
+      const l = Array.from(k.children), o = l[l.length - 1].id === "__more_buttons__" ? l[l.length - 1] : null;
       if (o) {
         const T = o.computedStyleMap().get("margin-left"), B = o.computedStyleMap().get("margin-right"), _ = (T ? T.value : 0) + o.getBoundingClientRect().width + (B ? B.value : 0);
         E -= _;
@@ -782,7 +782,7 @@ const {
       const t = l.filter((T) => T.id !== "__more_buttons__");
       for (const T of t) {
         const B = T.computedStyleMap().get("margin-left"), _ = T.computedStyleMap().get("margin-right"), L = (B ? B.value : 0) + T.getBoundingClientRect().width + (_ ? _.value : 0);
-        E < L ? (k.set(T.id, !0), A.push({
+        E < L ? (P.set(T.id, !0), A.push({
           id: T.id,
           width: L
         })) : E -= L;
@@ -791,13 +791,13 @@ const {
         for (let T = A.length - 1; T >= 0; T--) {
           const B = A[T].width;
           if (E >= B)
-            E -= B, k.delete(A[T].id), A.pop();
+            E -= B, P.delete(A[T].id), A.pop();
           else
             break;
         }
       const i = Object.assign({}, S.value);
       i.children = [];
-      const f = new G(i), R = n.value.reduce((T, B) => (k.has(B.id) && f.children.push(B), B.visible = !k.has(B.id), T.push(B), T), []);
+      const f = new G(i), R = n.value.reduce((T, B) => (P.has(B.id) && f.children.push(B), B.visible = !P.has(B.id), T.push(B), T), []);
       S.value = f, n.value = R;
     }
     const D = new ResizeObserver((b) => {
@@ -816,13 +816,13 @@ const {
     }, {
       deep: !0
     }), e.expose({
-      elementRef: a
+      elementRef: c
     }), () => w("div", {
       class: p.value,
-      ref: a
+      ref: c
     }, [w("div", {
       ref: u,
-      class: c.value
+      class: a.value
     }, [w("div", {
       ref: m,
       class: "d-inline-block f-response-content",
@@ -831,10 +831,10 @@ const {
   }
 });
 function dt(r, e) {
-  const n = $("design-item-context"), a = $("toolbar-item-handler", () => {
+  const n = $("design-item-context"), c = $("toolbar-item-handler", () => {
   });
   function u() {
-    a && a();
+    c && c();
   }
   function m(o) {
     const t = {
@@ -878,7 +878,7 @@ function dt(r, e) {
   function p(o) {
     o && (o.stopPropagation(), o.preventDefault());
   }
-  function c() {
+  function a() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused"));
     const o = document.getElementsByClassName("dgComponentSelected");
     Array.from(o).forEach((t) => t.classList.remove("dgComponentSelected"));
@@ -931,8 +931,8 @@ function dt(r, e) {
     };
     return x(o);
   };
-  function k(o, t) {
-    p(o), c(), d(o), h(t.id);
+  function P(o, t) {
+    p(o), a(), d(o), h(t.id);
   }
   function A(o, t, i) {
     p(o);
@@ -1019,7 +1019,7 @@ function dt(r, e) {
       style: "font-size:13px;margin:auto"
     }, [ue("新增同级")])])])]);
   }
-  function P(o) {
+  function k(o) {
     return o.children.map((t) => t.children && t.children.length ? w("li", {
       class: v(t),
       id: t.id,
@@ -1034,7 +1034,7 @@ function dt(r, e) {
     }, null)]), S(t, t)]) : w("li", {
       class: M(t),
       id: t.id,
-      onClick: (i) => k(i, t)
+      onClick: (i) => P(i, t)
     }, [b(t, o), r.shouldShowIcon(t) && w("i", {
       class: r.iconClass(t)
     }, null), t.text]));
@@ -1052,9 +1052,9 @@ function dt(r, e) {
         top: _,
         width: L,
         left: V,
-        right: U,
-        height: z
-      } = B[0], Z = Math.ceil(z + _);
+        right: W,
+        height: U
+      } = B[0], Z = Math.ceil(U + _);
       f.top = `${Z}px`, f.left = `${V}px`;
       const Ie = o.id + "_menu", K = t ? t.querySelector("#" + Ie) : null;
       if (K) {
@@ -1065,7 +1065,7 @@ function dt(r, e) {
           const Me = Math.ceil(L + V);
           f.left = `${Me}px`;
         }
-        R - V - L < ce.width && (f.left = `${(i ? V : U) - ce.width}px`);
+        R - V - L < ce.width && (f.left = `${(i ? V : W) - ce.width}px`);
       }
     }
     return f;
@@ -1077,7 +1077,7 @@ function dt(r, e) {
       class: m(o),
       style: E(o, R, t),
       id: o.id + "_menu"
-    }, [P(o)]);
+    }, [k(o)]);
   };
   function l() {
     g.forEach((o) => {
@@ -1090,7 +1090,7 @@ function dt(r, e) {
   };
 }
 function ut(r, e, n) {
-  const a = j(r.alignment), {
+  const c = j(r.alignment), {
     renderDropdownMenu: u,
     clearAllDropDownMenu: m
   } = dt(e, n), v = $("design-item-context"), M = $("toolbar-item-handler", () => {
@@ -1102,8 +1102,8 @@ function ut(r, e, n) {
     const o = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
-      "f-btn-ml": a.value === "right",
-      "f-btn-mr": a.value === "left"
+      "f-btn-ml": c.value === "right",
+      "f-btn-mr": c.value === "left"
     }, t = l.dropdownClass.split(" ");
     return t && t.length && t.reduce((i, f) => (i[f] = !0, i), o), o;
   }
@@ -1125,7 +1125,7 @@ function ut(r, e, n) {
   function p(l) {
     l && (l.stopPropagation(), l.preventDefault());
   }
-  function c(l, o) {
+  function a(l, o) {
     p(l);
     const t = o.expanded;
     document.body.click(), o.expanded = !t;
@@ -1179,7 +1179,7 @@ function ut(r, e, n) {
     const t = v.schema.buttons || v.schema.contents, i = t == null ? void 0 : t.findIndex((f) => f.id === o);
     i !== -1 && (t.splice(i, 1), S());
   }
-  function k(l) {
+  function P(l) {
     return w("div", {
       class: "component-btn-group"
     }, [w("div", null, [w("div", {
@@ -1230,9 +1230,9 @@ function ut(r, e, n) {
     (f = v == null ? void 0 : v.setupContext) == null || f.emit("selectionChange", "response-toolbar-item", i);
   }
   function b(l, o) {
-    p(l), A(), N(l), p(l), c(l, o), D(o.id);
+    p(l), A(), N(l), p(l), a(l, o), D(o.id);
   }
-  function P(l) {
+  function k(l) {
     return w("div", {
       id: l.id,
       class: g(l)
@@ -1240,7 +1240,7 @@ function ut(r, e, n) {
       class: C(l),
       style: "display: flex;padding-right: 0.1rem;",
       onClick: (o) => l.enable && b(o, l)
-    }, [k(l.id), e.shouldShowIcon(l) && w("i", {
+    }, [P(l.id), e.shouldShowIcon(l) && w("i", {
       class: e.iconClass(l)
     }, null), w("span", null, [l.text]), w("i", {
       class: "f-icon f-icon-arrow-chevron-down",
@@ -1251,7 +1251,7 @@ function ut(r, e, n) {
     m();
   }
   return {
-    renderToolbarDropdown: P,
+    renderToolbarDropdown: k,
     clearAllDropDown: E
   };
 }
@@ -1263,9 +1263,9 @@ function ft() {
     const n = ((u = e.targetContainer) == null ? void 0 : u.componentInstance) && e.targetContainer.componentInstance.value;
     if (!n)
       return !1;
-    const a = (m = n.schema.appearance) == null ? void 0 : m.class;
+    const c = (m = n.schema.appearance) == null ? void 0 : m.class;
     if (e.controlCategory === "input" || e.controlType === "form-group") {
-      const v = n.schema.type, M = (v === "response-form" || v === "content-container") && a && a.includes("farris-form");
+      const v = n.schema.type, M = (v === "response-form" || v === "content-container") && c && c.includes("farris-form");
       if (n.schema.type !== "response-layout-item" && !M)
         return !1;
     }
@@ -1854,12 +1854,12 @@ function xe() {
     if (typeof h == "number")
       return ((O = x[s]) == null ? void 0 : O.length) === h;
     if (typeof h == "object") {
-      const k = Object.keys(h)[0], A = h[k];
-      if (k === "not")
+      const P = Object.keys(h)[0], A = h[P];
+      if (P === "not")
         return Number(x[s].length) !== Number(A);
-      if (k === "moreThan")
+      if (P === "moreThan")
         return Number(x[s].length) >= Number(A);
-      if (k === "lessThan")
+      if (P === "lessThan")
         return Number(x[s].length) <= Number(A);
     }
     return !1;
@@ -1870,13 +1870,13 @@ function xe() {
   function n(s, y, h, x) {
     return typeof h == "boolean" ? x.parentClassList.includes(y) === !!h : !1;
   }
-  function a(s, y, h, x) {
+  function c(s, y, h, x) {
     return typeof h == "boolean" ? x.parentClassList.includes(y) === !!h : !1;
   }
   const u = /* @__PURE__ */ new Map([
     ["length", r],
     ["hasChildren", e],
-    ["hasSibling", a],
+    ["hasSibling", c],
     ["hasParent", n]
   ]);
   function m(s, y) {
@@ -1884,8 +1884,8 @@ function xe() {
     return typeof y == "number" ? [{ target: h, operator: "length", param: null, value: Number(y) }] : typeof y == "object" ? Object.keys(y).map((x) => {
       if (x === "length")
         return { target: h, operator: "length", param: null, value: y[x] };
-      const O = x, k = y[x];
-      return { target: h, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: O, value: k };
+      const O = x, P = y[x];
+      return { target: h, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: O, value: P };
     }) : [];
   }
   function v(s, y) {
@@ -1896,13 +1896,13 @@ function xe() {
     return !1;
   }
   function M(s, y) {
-    return Object.keys(s).reduce((k, A) => {
+    return Object.keys(s).reduce((P, A) => {
       const N = m(A, s[A]);
-      return k.push(...N), k;
-    }, []).reduce((k, A) => k && v(A, y), !0);
+      return P.push(...N), P;
+    }, []).reduce((P, A) => P && v(A, y), !0);
   }
   function S(s, y) {
-    const h = Object.keys(s), x = h.includes("allOf"), O = h.includes("anyOf"), k = x || O, D = (k ? s[k ? x ? "allOf" : "anyOf" : "allOf"] : [s]).map((P) => M(P, y));
+    const h = Object.keys(s), x = h.includes("allOf"), O = h.includes("anyOf"), P = x || O, D = (P ? s[P ? x ? "allOf" : "anyOf" : "allOf"] : [s]).map((k) => M(k, y));
     return x ? !D.includes(!1) : D.includes(!0);
   }
   function g(s, y) {
@@ -1913,8 +1913,8 @@ function xe() {
     return (y) => {
       const h = { canAccept: !0, fixed: !1, hidePadding: !1 };
       return s && s.properties && Object.keys(s.properties).reduce((x, O) => {
-        const k = s.properties[O];
-        return x[O] = g(k, y), x;
+        const P = s.properties[O];
+        return x[O] = g(P, y), x;
       }, h), h;
     };
   }
@@ -1922,11 +1922,11 @@ function xe() {
     if (y.type === "object" && y.properties) {
       const { rules: x, contents: O } = y.properties;
       h.set(s, C(x)), O && Object.keys(O.properties).forEach(
-        (k) => p(k, O.properties[k], h)
+        (P) => p(P, O.properties[P], h)
       );
     }
   }
-  function c() {
+  function a() {
     const { properties: s } = wt;
     Object.keys(s).forEach((y) => {
       p(y, s[y], J);
@@ -1936,7 +1936,7 @@ function xe() {
     const h = { canAccept: !0, fixed: !1, hidePadding: !0 };
     return J.has(s) ? J.get(s)(y) : h;
   }
-  return c(), { getRuleValue: d };
+  return a(), { getRuleValue: d };
 }
 class Se {
   static getEditorTypesByMDataType(e) {
@@ -2019,8 +2019,8 @@ class ae {
       type: "object",
       categories: {}
     });
-    var a;
-    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((a = this.formSchemaUtils) == null ? void 0 : a.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    var c;
+    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((c = this.formSchemaUtils) == null ? void 0 : c.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
   }
   getTableInfo() {
     var e;
@@ -2030,8 +2030,8 @@ class ae {
     const n = e.binding && e.binding.type === "Form" && e.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = a.fields.find((u) => u.id === n);
+        const c = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = c.fields.find((u) => u.id === n);
       }
       e.updateOn = this.designViewModelField.updateOn;
     }
@@ -2039,7 +2039,7 @@ class ae {
   changeFieldEditorType(e, n) {
   }
   getBasicPropConfig(e) {
-    var a, u;
+    var c, u;
     var n = this;
     return this.setDesignViewModelField(e), {
       description: "Basic Information",
@@ -2061,7 +2061,7 @@ class ae {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: Se.getEditorTypesByMDataType(((u = (a = n.designViewModelField) == null ? void 0 : a.type) == null ? void 0 : u.name) || ""),
+            data: Se.getEditorTypesByMDataType(((u = (c = n.designViewModelField) == null ? void 0 : c.type) == null ? void 0 : u.name) || ""),
             editable: !1
           }
         },
@@ -2088,8 +2088,8 @@ class ae {
   * @param newControlType 新控件类型
   */
   changeControlType(e, n) {
-    var g, C, p, c, d;
-    const a = n.propertyValue, u = this.formSchemaUtils.getComponentById(this.componentId);
+    var g, C, p, a, d;
+    const c = n.propertyValue, u = this.formSchemaUtils.getComponentById(this.componentId);
     let m = this.getControlParentContainer(e.id, u);
     if (!m)
       return;
@@ -2097,23 +2097,23 @@ class ae {
     let S;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: a
+        $type: c
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), S = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, a)), Object.assign(S, {
+    }, !1), S = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, c)), Object.assign(S, {
       id: M.id,
       appearance: M.appearance,
       size: M.size,
       label: M.label
     }), Object.assign(S.editor, {
       isTextArea: S.isTextArea && M.isTextArea,
-      type: a || "",
+      type: c || "",
       placeHolder: (g = M.editor) == null ? void 0 : g.placeHolder,
       holdPlace: (C = M.editor) == null ? void 0 : C.holdPlace,
       readonly: (p = M.editor) == null ? void 0 : p.readonly,
-      require: (c = M.editor) == null ? void 0 : c.require,
+      require: (a = M.editor) == null ? void 0 : a.require,
       visible: (d = M.editor) == null ? void 0 : d.visible
     }), m.contents.splice(v, 1, S);
   }
@@ -2153,37 +2153,16 @@ class ae {
   * @param domJson 容器
   */
   getControlParentContainer(e, n) {
-    let a;
+    let c;
     if (!n || !n.contents || n.contents.length === 0)
       return null;
     for (const u of n.contents) {
       if (u.id === e)
-        return a = n, n;
-      if (a = this.getControlParentContainer(e, u), a)
-        return a;
+        return c = n, n;
+      if (c = this.getControlParentContainer(e, u), c)
+        return c;
     }
   }
-  getBindingFieldEditorOptions(e) {
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: e,
-        formBasicInfo: n
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (a) => {
-        const u = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        a.instance.loadData(u);
-      },
-      textField: "bindingField"
-    };
-  }
 }
 class Tt extends ae {
   constructor(e, n) {
@@ -2254,7 +2233,7 @@ class Tt extends ae {
     };
   }
 }
-function xt(r, e, n, a) {
+function xt(r, e, n, c) {
   const u = xe(), m = j(!1), v = j(!1);
   let M = !0, S = !1, g;
   function C(D) {
@@ -2263,15 +2242,15 @@ function xt(r, e, n, a) {
   function p(D) {
     return !ft().basalDragulaRuleForContainer(D) || !M || !C(D), !1;
   }
-  function c() {
+  function a() {
     m.value = !1, v.value = !1;
-    const D = r, b = D.appearance && D.appearance.class || "", P = b.split(" "), E = D.buttons || [], l = E.length ? E[0] : null, o = l && l.appearance ? l.appearance.class : "", t = o ? o.split(" ") : [], i = E.length ? E.reduce((V, U) => {
-      const z = U && U.appearance ? U.appearance.class : "", Z = z ? z.split(" ") : [];
+    const D = r, b = D.appearance && D.appearance.class || "", k = b.split(" "), E = D.buttons || [], l = E.length ? E[0] : null, o = l && l.appearance ? l.appearance.class : "", t = o ? o.split(" ") : [], i = E.length ? E.reduce((V, W) => {
+      const U = W && W.appearance ? W.appearance.class : "", Z = U ? U.split(" ") : [];
       return V.push(...Z), V;
     }, []) : [], f = n == null ? void 0 : n.schema, R = f && f.appearance && f.appearance.class || "", T = R ? R.split(" ") : [];
     g = {
       componentClass: b,
-      componentClassList: P,
+      componentClassList: k,
       childContents: E,
       firstChildContent: l,
       firstChildClass: o,
@@ -2282,7 +2261,7 @@ function xt(r, e, n, a) {
       children: E,
       childrenClassList: i
     };
-    const { canAccept: B, fixed: _, hidePadding: L } = u.getRuleValue(P[0], g);
+    const { canAccept: B, fixed: _, hidePadding: L } = u.getRuleValue(k[0], g);
     return M = B, S = L, !0;
   }
   function d(D) {
@@ -2293,13 +2272,13 @@ function xt(r, e, n, a) {
   function y(D, b) {
     return b.text = D.label, b;
   }
-  function h(D, b, P) {
+  function h(D, b, k) {
     const E = r;
     if ((E.appearance && E.appearance.class || "").split(" ").includes("f-form-layout")) {
       const t = String(D.innerText), i = q("form-group");
-      return i.editor = P, i.label = t, i;
+      return i.editor = k, i.label = t, i;
     }
-    return P;
+    return k;
   }
   function x() {
     return !1;
@@ -2307,7 +2286,7 @@ function xt(r, e, n, a) {
   function O() {
     return !1;
   }
-  function k() {
+  function P() {
     return !0;
   }
   function A() {
@@ -2318,7 +2297,7 @@ function xt(r, e, n, a) {
   }
   return {
     canAccepts: p,
-    checkCanAddComponent: k,
+    checkCanAddComponent: P,
     checkCanDeleteComponent: O,
     checkCanMoveComponent: x,
     getStyles: s,
@@ -2326,7 +2305,7 @@ function xt(r, e, n, a) {
     onAcceptNewChildElement: h,
     onAcceptMovedChildElement: d,
     onResolveNewComponentSchema: y,
-    resolveComponentContext: c,
+    resolveComponentContext: a,
     getPropsConfig: N,
     triggerBelongedComponentToMoveWhenMoved: m,
     triggerBelongedComponentToDeleteWhenDeleted: v
@@ -2347,7 +2326,7 @@ const St = {
   modelValue: { type: Object }
 }, ee = j(0);
 function Dt(r, e) {
-  const n = e.getBoundingClientRect(), a = r.getBoundingClientRect(), u = a.top >= n.top, m = a.top <= n.bottom;
+  const n = e.getBoundingClientRect(), c = r.getBoundingClientRect(), u = c.top >= n.top, m = c.top <= n.bottom;
   return u && m;
 }
 function It(r) {
@@ -2359,14 +2338,14 @@ function It(r) {
   const n = e.getBoundingClientRect();
   if (n.width === 0 && n.height === 0)
     return;
-  const a = e.querySelector(".component-btn-group");
-  if (a) {
+  const c = e.querySelector(".component-btn-group");
+  if (c) {
     if (!Dt(e, r)) {
-      a.style.display = "none";
+      c.style.display = "none";
       return;
     }
-    a.style.display = "";
-    const m = a.getBoundingClientRect(), v = a.querySelector("div");
+    c.style.display = "";
+    const m = c.getBoundingClientRect(), v = c.querySelector("div");
     if (v) {
       const M = v.getBoundingClientRect();
       v.style.top = m.top + "px", v.style.left = m.left - M.width + "px";
@@ -2375,7 +2354,7 @@ function It(r) {
 }
 function Mt(r, e, n) {
   var N;
-  function a() {
+  function c() {
   }
   const u = "", m = j();
   function v() {
@@ -2396,12 +2375,12 @@ function Mt(r, e, n) {
   function p(D) {
     if (!D || !D.value)
       return null;
-    const b = j(D == null ? void 0 : D.value.parent), P = p(b);
-    return P || null;
+    const b = j(D == null ? void 0 : D.value.parent), k = p(b);
+    return k || null;
   }
-  function c(D = e) {
-    const { componentInstance: b, designerItemElementRef: P } = D;
-    return !b || !b.value ? null : b.value.canMove || b.value.canAdd || b.value.canDelete ? P : c(D.parent);
+  function a(D = e) {
+    const { componentInstance: b, designerItemElementRef: k } = D;
+    return !b || !b.value ? null : b.value.canMove || b.value.canAdd || b.value.canDelete ? k : a(D.parent);
   }
   function d(D) {
     return !!n;
@@ -2415,18 +2394,18 @@ function Mt(r, e, n) {
   }
   function x(D) {
     const { componentType: b } = D;
-    let P = q(b, D);
+    let k = q(b, D);
     const E = b.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === b && (P.id = `${E}_${Math.random().toString().slice(2, 6)}`), P;
+    return k && !k.id && k.type === b && (k.id = `${E}_${Math.random().toString().slice(2, 6)}`), k;
   }
   function O(D, b) {
-    const P = String(D.getAttribute("data-controltype")), E = D.getAttribute("data-feature"), l = E ? JSON.parse(E) : {};
+    const k = String(D.getAttribute("data-controltype")), E = D.getAttribute("data-feature"), l = E ? JSON.parse(E) : {};
     l.parentComponentInstance = m.value;
-    let o = q(P, l);
-    const t = P.toLowerCase().replace("-", "_");
-    return o && !o.id && o.type === P && (o.id = `${t}_${Math.random().toString().slice(2, 6)}`), o;
+    let o = q(k, l);
+    const t = k.toLowerCase().replace("-", "_");
+    return o && !o.id && o.type === k && (o.id = `${t}_${Math.random().toString().slice(2, 6)}`), o;
   }
-  function k(D) {
+  function P(D) {
   }
   function A(...D) {
     return [];
@@ -2444,25 +2423,25 @@ function Mt(r, e, n) {
     styles: u,
     canAccepts: d,
     getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: c,
+    getDraggableDesignItemElement: a,
     getDraggingDisplayText: s,
     getPropConfig: A,
     getDragScopeElement: y,
     onAcceptMovedChildElement: h,
     onAcceptNewChildElement: O,
-    onChildElementMovedOut: k,
+    onChildElementMovedOut: P,
     addNewChildComponentSchema: x,
-    updateDragAndDropRules: a,
+    updateDragAndDropRules: c,
     triggerBelongedComponentToMoveWhenMoved: j(!1),
     triggerBelongedComponentToDeleteWhenDeleted: j(!1)
   }, m;
 }
-const Pt = /* @__PURE__ */ Y({
+const kt = /* @__PURE__ */ Y({
   name: "FDesignerInnerItem",
   props: St,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(r, e) {
-    const n = j(r.canMove), a = j(r.canAdd), u = j(r.canDelete), m = j(!1), v = j(r.contentKey), M = j(r.childType), S = j(r.childLabel), g = j(r.modelValue), C = j(""), p = j(), c = $("canvas-dragula"), d = j(), s = $("design-item-context"), y = {
+    const n = j(r.canMove), c = j(r.canAdd), u = j(r.canDelete), m = j(!1), v = j(r.contentKey), M = j(r.childType), S = j(r.childLabel), g = j(r.modelValue), C = j(""), p = j(), a = $("canvas-dragula"), d = j(), s = $("design-item-context"), y = {
       designerItemElementRef: p,
       componentInstance: d,
       schema: g.value,
@@ -2470,7 +2449,7 @@ const Pt = /* @__PURE__ */ Y({
       setupContext: e
     };
     Re("design-item-context", y);
-    const h = W(() => ({
+    const h = z(() => ({
       "farris-component": !0,
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": r.id == "root-component",
@@ -2478,7 +2457,7 @@ const Pt = /* @__PURE__ */ Y({
       "farris-nested": m.value,
       "can-move": n.value,
       "d-none": p.value && p.value.classList.contains("d-none")
-    })), x = W(() => {
+    })), x = z(() => {
       const t = {};
       return C.value && C.value.split(";").reduce((i, f) => {
         const [R, T] = f.split(":");
@@ -2494,7 +2473,7 @@ const Pt = /* @__PURE__ */ Y({
         }
       }
     }
-    function k(t) {
+    function P(t) {
       if (d.value.addNewChildComponentSchema) {
         const i = {
           componentType: M.value,
@@ -2506,13 +2485,13 @@ const Pt = /* @__PURE__ */ Y({
       }
     }
     function A() {
-      return a.value && w("div", {
+      return c.value && w("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (t) => {
-          k();
+          P();
         }
       }, [w("i", {
         class: "f-icon f-icon-plus-circle"
@@ -2549,13 +2528,13 @@ const Pt = /* @__PURE__ */ Y({
     Q(() => r.modelValue, (t) => {
       g.value = t, y.schema = t;
     });
-    function P(t) {
+    function k(t) {
       const i = t.target;
       It(i);
     }
     function E() {
       var t, i;
-      (i = (t = g.value) == null ? void 0 : t.contents) != null && i.length && p.value && p.value.addEventListener("scroll", P);
+      (i = (t = g.value) == null ? void 0 : t.contents) != null && i.length && p.value && p.value.addEventListener("scroll", k);
     }
     function l() {
       const t = p.value, i = j(t.children[1]);
@@ -2564,11 +2543,11 @@ const Pt = /* @__PURE__ */ Y({
     H(() => {
       if (p.value) {
         const t = p.value.querySelector(`[data-dragref='${g.value.id}-container']`);
-        d.value = t && t.componentInstance ? t.componentInstance.value : l(), c && t && c.attachComponents(t, g.value), m.value = d.value.canNested !== void 0 ? d.value.canNested : m.value, a.value = d.value.canAdd !== void 0 ? d.value.canAdd : a.value, u.value = d.value.canDelete !== void 0 ? d.value.canDelete : u.value, n.value = d.value.canMove !== void 0 ? d.value.canMove : n.value, C.value = d.value.styles || "", p.value && (p.value.componentInstance = d, p.value.designItemContext = y);
+        d.value = t && t.componentInstance ? t.componentInstance.value : l(), a && t && a.attachComponents(t, g.value), m.value = d.value.canNested !== void 0 ? d.value.canNested : m.value, c.value = d.value.canAdd !== void 0 ? d.value.canAdd : c.value, u.value = d.value.canDelete !== void 0 ? d.value.canDelete : u.value, n.value = d.value.canMove !== void 0 ? d.value.canMove : n.value, C.value = d.value.styles || "", p.value && (p.value.componentInstance = d, p.value.designItemContext = y);
       }
       E(), ee.value++;
     }), Ee(() => {
-      p.value && p.value.removeEventListener("scroll", P);
+      p.value && p.value.removeEventListener("scroll", k);
     });
     function o(t) {
       Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((f) => f.classList.remove("dgComponentFocused")), t && (t.preventDefault(), t.stopPropagation());
@@ -2592,7 +2571,7 @@ const Pt = /* @__PURE__ */ Y({
     }, [b(g.value), e.slots.default && e.slots.default()]);
   }
 });
-class kt extends ae {
+class Pt extends ae {
   constructor(e, n) {
     super(e, n);
   }
@@ -2643,7 +2622,7 @@ class kt extends ae {
           title: "style样式"
         }
       },
-      setPropertyRelates(n, a) {
+      setPropertyRelates(n, c) {
       }
     };
   }
@@ -2654,9 +2633,9 @@ class kt extends ae {
         name: "点击事件"
       }
     ];
-    var a = this;
-    const u = a.eventsEditorUtils.formProperties(e, a.viewModelId, n), m = {};
-    m[a.viewModelId] = {
+    var c = this;
+    const u = c.eventsEditorUtils.formProperties(e, c.viewModelId, n), m = {};
+    m[c.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: u
@@ -2671,7 +2650,7 @@ class kt extends ae {
       tabName: "交互",
       setPropertyRelates(v, M) {
         const S = v.propertyValue;
-        delete e[a.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(e, a.viewModelId, S.events, S));
+        delete e[c.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(e, c.viewModelId, S.events, S));
       }
     };
   }
@@ -2727,8 +2706,8 @@ class Rt extends ae {
         label: "click",
         name: "点击事件"
       }
-    ], a = this, u = a.eventsEditorUtils.formProperties(e, a.viewModelId, n), m = {};
-    m[a.viewModelId] = {
+    ], c = this, u = c.eventsEditorUtils.formProperties(e, c.viewModelId, n), m = {};
+    m[c.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: u
@@ -2743,14 +2722,14 @@ class Rt extends ae {
       tabName: "交互",
       setPropertyRelates(v, M) {
         const S = v.propertyValue;
-        delete e[a.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(e, a.viewModelId, S.events, S));
+        delete e[c.viewModelId], S && (S.setPropertyRelates = this.setPropertyRelates, c.eventsEditorUtils.saveRelatedParameters(e, c.viewModelId, S.events, S));
       }
     };
   }
 }
 function Et(r, e) {
   xe();
-  const n = j(!1), a = j(!1);
+  const n = j(!1), c = j(!1);
   let u = !1, m = !1;
   function v(h) {
     return !1;
@@ -2764,8 +2743,8 @@ function Et(r, e) {
     return x.text = h.label, x;
   }
   function C(h, x, O) {
-    const k = r.schema;
-    if ((k.appearance && k.appearance.class || "").split(" ").includes("f-form-layout")) {
+    const P = r.schema;
+    if ((P.appearance && P.appearance.class || "").split(" ").includes("f-form-layout")) {
       const D = String(h.innerText), b = q("form-group");
       return b.editor = O, b.label = D, b;
     }
@@ -2774,7 +2753,7 @@ function Et(r, e) {
   function p() {
     return !1;
   }
-  function c() {
+  function a() {
     return !m;
   }
   function d() {
@@ -2787,7 +2766,7 @@ function Et(r, e) {
     let x;
     switch (r.schema.type) {
       case "tab-toolbar-item":
-        x = new kt(h, e);
+        x = new Pt(h, e);
         break;
       default:
         x = new Rt(h, e);
@@ -2797,7 +2776,7 @@ function Et(r, e) {
   return {
     canAccepts: v,
     checkCanAddComponent: d,
-    checkCanDeleteComponent: c,
+    checkCanDeleteComponent: a,
     checkCanMoveComponent: p,
     getStyles: S,
     hideNestedPaddingInDesginerView: s,
@@ -2806,7 +2785,7 @@ function Et(r, e) {
     onResolveNewComponentSchema: g,
     getPropsConfig: y,
     triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: a
+    triggerBelongedComponentToDeleteWhenDeleted: c
   };
 }
 const De = /* @__PURE__ */ Y({
@@ -2815,11 +2794,11 @@ const De = /* @__PURE__ */ Y({
   emits: ["Click"],
   setup(r, e) {
     j(), j();
-    const n = j(r.alignment), a = {
+    const n = j(r.alignment), c = {
       id: "__more_buttons__",
       text: "More"
-    }, u = j(new G(a));
-    W(() => u.value.children.length > 0);
+    }, u = j(new G(c));
+    z(() => u.value.children.length > 0);
     const m = j(), v = $("designer-host-service"), M = $("design-item-context"), S = Et(M, v), g = fe(m, M, S);
     $("toolbar-item-handler", () => {
     }), H(() => {
@@ -2838,7 +2817,7 @@ const De = /* @__PURE__ */ Y({
     function p() {
       return !!(r.icon && r.icon.trim());
     }
-    function c() {
+    function a() {
       const d = {
         btn: !0,
         "f-rt-btn": !0,
@@ -2861,7 +2840,7 @@ const De = /* @__PURE__ */ Y({
       style: "display:inline-block!important;"
     }, [w("button", {
       type: "button",
-      class: c(),
+      class: a(),
       id: r.id
     }, [p() && w("i", {
       class: C()
@@ -2873,22 +2852,22 @@ const De = /* @__PURE__ */ Y({
   emits: ["Click"],
   setup(r, e) {
     const n = j(r.items);
-    let a = new Array(n.value.length).fill(j());
+    let c = new Array(n.value.length).fill(j());
     const u = j(), m = j(), v = j(r.alignment), M = {
       id: "__more_buttons__",
       text: "More"
     }, S = j(new G(M)), g = Te();
-    W(() => S.value.children.length > 0);
-    const C = j(), p = $("designer-host-service"), c = $("design-item-context"), d = xt(c.schema, p, c), s = fe(C, c, d);
+    z(() => S.value.children.length > 0);
+    const C = j(), p = $("designer-host-service"), a = $("design-item-context"), d = xt(a.schema, p, a), s = fe(C, a, d);
     $("toolbar-item-handler", () => {
     }), H(() => {
       C.value.componentInstance = s;
     }), e.expose(s.value);
-    const y = W(() => ({
+    const y = z(() => ({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    })), h = W(() => ({
+    })), h = z(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
       "justify-content-end": v.value === "right",
@@ -2897,7 +2876,7 @@ const De = /* @__PURE__ */ Y({
       renderToolbarDropdown: x,
       clearAllDropDown: O
     } = ut(r, g, s);
-    function k() {
+    function P() {
       n.value.filter((l) => l.children && l.children.length > 0).forEach((l) => {
         l.expanded = !1;
       }), S.value.expanded = !1, O();
@@ -2908,16 +2887,16 @@ const De = /* @__PURE__ */ Y({
       let t = l;
       const i = Array.from(o.children), f = i[i.length - 1].id === "__more_buttons__" ? i[i.length - 1] : null;
       if (f) {
-        const L = f.computedStyleMap().get("margin-left"), V = f.computedStyleMap().get("margin-right"), U = (L ? L.value : 0) + f.getBoundingClientRect().width + (V ? V.value : 0);
-        t -= U;
+        const L = f.computedStyleMap().get("margin-left"), V = f.computedStyleMap().get("margin-right"), W = (L ? L.value : 0) + f.getBoundingClientRect().width + (V ? V.value : 0);
+        t -= W;
       }
       const R = i.filter((L) => L.id !== "__more_buttons__");
       for (const L of R) {
-        const V = L.computedStyleMap().get("margin-left"), U = L.computedStyleMap().get("margin-right"), z = (V ? V.value : 0) + L.getBoundingClientRect().width + (U ? U.value : 0);
-        t < z ? (A.set(L.id, !0), N.push({
+        const V = L.computedStyleMap().get("margin-left"), W = L.computedStyleMap().get("margin-right"), U = (V ? V.value : 0) + L.getBoundingClientRect().width + (W ? W.value : 0);
+        t < U ? (A.set(L.id, !0), N.push({
           id: L.id,
-          width: z
-        })) : t -= z;
+          width: U
+        })) : t -= U;
       }
       if (N.length)
         for (let L = N.length - 1; L >= 0; L--) {
@@ -2940,18 +2919,18 @@ const De = /* @__PURE__ */ Y({
     });
     H(() => {
       const l = u.value;
-      b.observe(l), document.body.addEventListener("click", k);
+      b.observe(l), document.body.addEventListener("click", P);
     }), ne(() => {
-      b.disconnect(), document.body.removeEventListener("click", k);
+      b.disconnect(), document.body.removeEventListener("click", P);
     }), Q(() => r.items, () => {
       n.value = r.items;
     }, {
       deep: !0
     }), Q(n, (l) => {
-      a = new Array(n.value.length).fill(j());
+      c = new Array(n.value.length).fill(j());
     });
-    function P(l, o, t, i) {
-      c && c.setupContext && c.setupContext.emit("selectionChange", l, o, t, i);
+    function k(l, o, t, i) {
+      a && a.setupContext && a.setupContext.emit("selectionChange", l, o, t, i);
     }
     function E() {
       const l = m.value.querySelector(".dgComponentFocused.dgComponentSelected");
@@ -2959,7 +2938,7 @@ const De = /* @__PURE__ */ Y({
     }
     return () => w("div", {
       ref: C,
-      "data-dragref": `${c.schema.id}-container`,
+      "data-dragref": `${a.schema.id}-container`,
       class: y.value
     }, [w("div", {
       ref: u,
@@ -2968,8 +2947,8 @@ const De = /* @__PURE__ */ Y({
       ref: m,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.map((l, o) => w(Pt, {
-      ref: a[o],
+    }, [n.value.map((l, o) => w(kt, {
+      ref: c[o],
       class: "p-0 display-inline-block",
       modelValue: l,
       "onUpdate:modelValue": (t) => l = t,
@@ -2980,7 +2959,7 @@ const De = /* @__PURE__ */ Y({
       componentId: r.componentId,
       id: l.id,
       style: "padding:0 !important;display:inline-block",
-      onSelectionChange: P,
+      onSelectionChange: k,
       onRemoveComponent: E
     }, {
       default: () => [w(De, {