@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/page-header/index.esm.js

@@ -1,8 +1,8 @@
 var an = Object.defineProperty;
 var ln = (t, e, n) => e in t ? an(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var G = (t, e, n) => ln(t, typeof e != "symbol" ? e + "" : e, n);
-import { ref as Y, computed as ee, defineComponent as Se, watch as we, createVNode as O, createTextVNode as Ie, Teleport as cn, getCurrentInstance as un, reactive as Fe, withDirectives as Ae, resolveDirective as Re, onMounted as ke, onUnmounted as gt, nextTick as Me, inject as de, provide as mt, onBeforeUnmount as dn, withModifiers as fn } from "vue";
-import { isPlainObject as lt, cloneDeep as xe } from "lodash-es";
+import { ref as Y, computed as ee, defineComponent as Se, watch as we, createVNode as O, createTextVNode as Ie, Teleport as cn, getCurrentInstance as un, reactive as Fe, withDirectives as Ae, resolveDirective as Re, onMounted as ke, onUnmounted as gt, nextTick as De, inject as de, provide as mt, onBeforeUnmount as dn, withModifiers as fn } from "vue";
+import { cloneDeep as xe, isPlainObject as lt } from "lodash-es";
 import pn from "../response-toolbar/index.esm.js";
 import { getCustomClass as oe, useGuid as gn, withInstall as mn } from "../common/index.esm.js";
 import { getSchemaByTypeForDesigner as ht } from "../dynamic-resolver/index.esm.js";
@@ -11,7 +11,7 @@ import { useDesignerInnerComponent as vn, useDesignerComponent as bn } from "../
 function vt(t, e) {
   let n;
   function o(c) {
-    const { properties: f, title: h, ignore: u } = c, a = u && Array.isArray(u), S = Object.keys(f).reduce((F, k) => ((!a || !u.find((R) => R === k)) && (F[k] = f[k].type === "object" && f[k].properties ? o(f[k]) : xe(f[k].default)), F), {});
+    const { properties: f, title: h, ignore: u } = c, a = u && Array.isArray(u), S = Object.keys(f).reduce((F, M) => ((!a || !u.find((R) => R === M)) && (F[M] = f[M].type === "object" && f[M].properties ? o(f[M]) : xe(f[M].default)), F), {});
     if (h && (!a || !u.find((F) => F === "id"))) {
       const F = h.toLowerCase().replace(/-/g, "_");
       S.id = `${F}_${Math.random().toString().slice(2, 6)}`;
@@ -73,21 +73,21 @@ function vt(t, e) {
         return c;
       const a = s(c, u), S = ((h = c.editor) == null ? void 0 : h.type) || "";
       if (S) {
-        const F = t[S], k = s(c.editor, F);
-        a.editor = k;
+        const F = t[S], M = s(c.editor, F);
+        a.editor = M;
       }
       return a;
     }
     return c;
   }
-  function b(c) {
+  function C(c) {
     n = c;
   }
-  return { getSchemaByType: i, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: l, mappingSchemaToProps: g, setDesignerContext: b };
+  return { getSchemaByType: i, resolveSchemaWithDefaultValue: m, resolveSchemaToProps: l, mappingSchemaToProps: g, setDesignerContext: C };
 }
-const bt = {}, yt = {}, { getSchemaByType: Ct, resolveSchemaWithDefaultValue: yn, resolveSchemaToProps: Cn, mappingSchemaToProps: wn } = vt(bt, yt);
+const bt = {}, yt = {}, { getSchemaByType: Ct, resolveSchemaWithDefaultValue: yn, resolveSchemaToProps: Cn, mappingSchemaToProps: wn, setDesignerContext: ur } = vt(bt, yt);
 function xn(t = {}) {
-  function e(m, b, c, f) {
+  function e(m, C, c, f) {
     if (typeof c == "number")
       return f[m].length === c;
     if (typeof c == "object") {
@@ -101,20 +101,20 @@ function xn(t = {}) {
     }
     return !1;
   }
-  function n(m, b, c, f) {
+  function n(m, C, c, f) {
     return f[m] && f[m].propertyValue && String(f[m].propertyValue.value) === String(c);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((m, b) => (m.set(b, t[b]), m), o);
-  function r(m, b) {
+  Object.keys(t).reduce((m, C) => (m.set(C, t[C]), m), o);
+  function r(m, C) {
     const c = m;
-    return typeof b == "number" ? [{ target: c, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: c, operator: "getProperty", param: m, value: !!b }] : typeof b == "object" ? Object.keys(b).map((f) => {
+    return typeof C == "number" ? [{ target: c, operator: "length", param: null, value: Number(C) }] : typeof C == "boolean" ? [{ target: c, operator: "getProperty", param: m, value: !!C }] : typeof C == "object" ? Object.keys(C).map((f) => {
       if (f === "length")
-        return { target: c, operator: "length", param: null, value: b[f] };
-      const h = f, u = b[f];
+        return { target: c, operator: "length", param: null, value: C[f] };
+      const h = f, u = C[f];
       return { target: c, operator: "getProperty", param: h, value: u };
     }) : [];
   }
@@ -124,18 +124,18 @@ function xn(t = {}) {
       return c.push(...h), c;
     }, []);
   }
-  function s(m, b) {
+  function s(m, C) {
     if (o.has(m.operator)) {
       const c = o.get(m.operator);
-      return c && c(m.target, m.param, m.value, b) || !1;
+      return c && c(m.target, m.param, m.value, C) || !1;
     }
     return !1;
   }
-  function g(m, b) {
-    return i(m).reduce((h, u) => h && s(u, b), !0);
+  function g(m, C) {
+    return i(m).reduce((h, u) => h && s(u, C), !0);
   }
-  function l(m, b) {
-    const c = Object.keys(m), f = c.includes("allOf"), h = c.includes("anyOf"), u = f || h, F = (u ? m[u ? f ? "allOf" : "anyOf" : "allOf"] : [m]).map((R) => g(R, b));
+  function l(m, C) {
+    const c = Object.keys(m), f = c.includes("allOf"), h = c.includes("anyOf"), u = f || h, F = (u ? m[u ? f ? "allOf" : "anyOf" : "allOf"] : [m]).map((R) => g(R, C));
     return f ? !F.includes(!1) : F.includes(!0);
   }
   return { parseValueSchema: l };
@@ -152,7 +152,7 @@ const Tn = {
     t.editor && (t.editor[e] = n);
   },
   convertFrom: (t, e, n) => t.editor && Object.prototype.hasOwnProperty.call(t.editor, e) ? t.editor[e] : t[e]
-}, De = {
+}, Me = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -203,14 +203,14 @@ const Tn = {
   convertFrom: (t, e, n) => {
     var r;
     const o = t.editor && t.editor[e] ? t.editor[e] : t[e];
-    return ((r = De[o]) == null ? void 0 : r.name) || o;
+    return ((r = Me[o]) == null ? void 0 : r.name) || o;
   }
-}, Mn = {
+}, Dn = {
   convertTo: (t, e, n, o) => {
     t[e] = t[e];
   },
   convertFrom: (t, e, n) => t.editor ? n.getRealEditorType(t.editor.type) : ""
-}, Dn = {
+}, Mn = {
   convertTo: (t, e, n, o) => {
     (t.type === "data-grid-column" || t.type === "tree-grid-column") && (t.formatter ? t.formatter[e] = n : t.formatter = {
       [e]: n
@@ -388,8 +388,8 @@ function wt(t, e, n) {
     ["/converter/property-editor.converter", Pn],
     ["/converter/items-count.converter", $n],
     ["/converter/type.converter", En],
-    ["/converter/change-editor.converter", Mn],
-    ["/converter/change-formatter.converter", Dn],
+    ["/converter/change-editor.converter", Dn],
+    ["/converter/change-formatter.converter", Mn],
     ["/converter/column-command.converter", kn],
     ["/converter/column-option.converter", Bn],
     ["/converter/summary.converter", In],
@@ -442,62 +442,62 @@ function wt(t, e, n) {
     const S = u.$converter || a;
     return typeof S == "string" && S && o.has(S) ? o.get(S) || null : S || null;
   }
-  function b(u, a, S, F, k, R = "", B = "") {
+  function C(u, a, S, F, M, R = "", k = "") {
     return Object.keys(u).map((A) => {
-      const E = Y(1), p = A, x = u[A], P = Object.keys(x), w = x.title, v = x.type, d = r.get(v) || { type: "input-group", enableClear: !1 }, y = x.editor ? Object.assign({}, d, x.editor) : Object.assign({}, d), D = g(P, x, a), C = l(P, x, a);
-      y.readonly = y.readonly === void 0 ? C() : y.readonly;
-      const I = x.type === "cascade" ? b(x.properties, a, S, F, k, R, B) : [], W = !0;
-      let V = m(x, B);
-      const _ = ee({
+      const P = Y(1), p = A, B = u[A], T = Object.keys(B), y = B.title, v = B.type, d = r.get(v) || { type: "input-group", enableClear: !1 }, b = B.editor ? Object.assign({}, d, B.editor) : Object.assign({}, d), D = g(T, B, a), w = l(T, B, a);
+      b.readonly = b.readonly === void 0 ? w() : b.readonly;
+      const I = B.type === "cascade" ? C(B.properties, a, S, F, M, R, k) : [], V = !0;
+      let _ = m(B, k);
+      const L = ee({
         get() {
-          if (E.value) {
-            if (["class", "style"].find((N) => N === p) && !V && (V = o.get("/converter/appearance.converter") || null), V && V.convertFrom)
-              return V.convertFrom(S, A, k, R);
+          if (P.value) {
+            if (["class", "style"].find((N) => N === p) && !_ && (_ = o.get("/converter/appearance.converter") || null), _ && _.convertFrom)
+              return _.convertFrom(S, A, M, R);
             const ne = S[A];
-            return Object.prototype.hasOwnProperty.call(x, "defaultValue") && (ne === void 0 || typeof ne == "string" && ne === "") ? x.type === "boolean" ? x.defaultValue : x.defaultValue || "" : ne;
+            return Object.prototype.hasOwnProperty.call(B, "defaultValue") && (ne === void 0 || typeof ne == "string" && ne === "") ? B.type === "boolean" ? B.defaultValue : B.defaultValue || "" : ne;
           }
           return null;
         },
         set(ne) {
-          E.value += 1, V && V.convertTo ? (V.convertTo(F, A, ne, k, R), V.convertTo(S, A, ne, k, R)) : (F[A] = ne, S[A] = ne);
+          P.value += 1, _ && _.convertTo ? (_.convertTo(F, A, ne, M, R), _.convertTo(S, A, ne, M, R)) : (F[A] = ne, S[A] = ne);
         }
-      }), { refreshPanelAfterChanged: L, description: Z, isExpand: X, parentPropertyID: J } = x, H = { propertyID: p, propertyName: w, propertyType: v, propertyValue: _, editor: y, visible: D, readonly: C, cascadeConfig: I, hideCascadeTitle: W, refreshPanelAfterChanged: L, description: Z, isExpand: X, parentPropertyID: J };
+      }), { refreshPanelAfterChanged: q, description: Z, isExpand: X, parentPropertyID: J } = B, H = { propertyID: p, propertyName: y, propertyType: v, propertyValue: L, editor: b, visible: D, readonly: w, cascadeConfig: I, hideCascadeTitle: V, refreshPanelAfterChanged: q, description: Z, isExpand: X, parentPropertyID: J };
       return a[p] = H, H;
     });
   }
   function c(u, a, S = {}) {
-    const F = {}, k = t[u];
-    return k && k.categories ? Object.keys(k.categories).map((B) => {
-      const T = k.categories[B], A = T == null ? void 0 : T.title, E = b(T.properties || {}, F, {}, S, a);
-      return { categoryId: B, categoryName: A, properties: E };
+    const F = {}, M = t[u];
+    return M && M.categories ? Object.keys(M.categories).map((k) => {
+      const x = M.categories[k], A = x == null ? void 0 : x.title, P = C(x.properties || {}, F, {}, S, a);
+      return { categoryId: k, categoryName: A, properties: P };
     }) : [];
   }
-  function f(u, a, S, F, k = "") {
-    const R = a.$ref.schema, B = a.$ref.converter, T = S[R], A = T.type, E = n(T), p = {}, x = t[A];
-    if (x && x.categories) {
-      const P = x.categories[u], w = P == null ? void 0 : P.title;
-      B && Object.keys(P.properties).forEach((y) => {
-        P.properties[y].$converter = B;
+  function f(u, a, S, F, M = "") {
+    const R = a.$ref.schema, k = a.$ref.converter, x = S[R], A = x.type, P = n(x), p = {}, B = t[A];
+    if (B && B.categories) {
+      const T = B.categories[u], y = T == null ? void 0 : T.title;
+      k && Object.keys(T.properties).forEach((b) => {
+        T.properties[b].$converter = k;
       });
-      const v = (P == null ? void 0 : P.properties) || {}, d = b(v, p, E, T, F, k);
-      return { categoryId: u, categoryName: w, properties: d };
+      const v = (T == null ? void 0 : T.properties) || {}, d = C(v, p, P, x, F, M);
+      return { categoryId: u, categoryName: y, properties: d };
     }
     return { categoryId: u, categoryName: "", properties: [] };
   }
-  function h(u, a, S, F, k) {
-    const R = u.type, B = n(u), T = {};
-    let A = k || t[R];
+  function h(u, a, S, F, M) {
+    const R = u.type, k = n(u), x = {};
+    let A = M || t[R];
     if (A && Object.keys(A).length === 0 && S && S.getPropConfig && (A = S.getPropConfig(F)), A && A.categories) {
-      const E = [];
+      const P = [];
       return Object.keys(A.categories).map((p) => {
-        const x = A.categories[p];
-        if (x.$ref) {
-          E.push(f(p, x, u, a, F));
+        const B = A.categories[p];
+        if (B.$ref) {
+          P.push(f(p, B, u, a, F));
           return;
         }
-        const P = x == null ? void 0 : x.title, w = x == null ? void 0 : x.tabId, v = x == null ? void 0 : x.tabName, d = x == null ? void 0 : x.hide, y = x == null ? void 0 : x.hideTitle, D = b(x.properties || {}, T, B, u, a, F, x.$converter), { setPropertyRelates: C } = x, I = x == null ? void 0 : x.parentPropertyID;
-        E.push({ categoryId: p, categoryName: P, tabId: w, tabName: v, hide: d, properties: D, hideTitle: y, setPropertyRelates: C, parentPropertyID: I });
-      }), E;
+        const T = B == null ? void 0 : B.title, y = B == null ? void 0 : B.tabId, v = B == null ? void 0 : B.tabName, d = B == null ? void 0 : B.hide, b = B == null ? void 0 : B.hideTitle, D = C(B.properties || {}, x, k, u, a, F, B.$converter), { setPropertyRelates: w } = B, I = B == null ? void 0 : B.parentPropertyID;
+        P.push({ categoryId: p, categoryName: T, tabId: y, tabName: v, hide: d, properties: D, hideTitle: b, setPropertyRelates: w, parentPropertyID: I });
+      }), P;
     }
     return [];
   }
@@ -509,17 +509,17 @@ function wt(t, e, n) {
 }
 const xt = {}, Tt = {};
 wt(xt, Tt, yn);
-const St = {}, Pt = {}, { getSchemaByType: Un, resolveSchemaWithDefaultValue: Hn } = vt(St, Pt), Et = {}, Mt = {};
-wt(Et, Mt, Hn);
+const St = {}, Pt = {}, { getSchemaByType: Un, resolveSchemaWithDefaultValue: Hn, resolveSchemaToProps: dr, mappingSchemaToProps: fr, setDesignerContext: pr } = vt(St, Pt), Et = {}, Dt = {};
+wt(Et, Dt, Hn);
 function $e(t, e, n = /* @__PURE__ */ new Map(), o = (s, g, l, m) => g, r = {}, i = (s) => s) {
-  return bt[e.title] = e, yt[e.title] = o, xt[e.title] = r, Tt[e.title] = i, St[e.title] = e, Pt[e.title] = o, Et[e.title] = r, Mt[e.title] = i, (s = {}, g = !0) => {
+  return bt[e.title] = e, yt[e.title] = o, xt[e.title] = r, Tt[e.title] = i, St[e.title] = e, Pt[e.title] = o, Et[e.title] = r, Dt[e.title] = i, (s = {}, g = !0) => {
     if (!g)
       return wn(s, n);
-    const l = Cn(s, e, n), m = Object.keys(t).reduce((b, c) => (b[c] = t[c].default, b), {});
+    const l = Cn(s, e, n), m = Object.keys(t).reduce((C, c) => (C[c] = t[c].default, C), {});
     return Object.assign(m, l);
   };
 }
-function Dt(t, e) {
+function Mt(t, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 function zn(t, e) {
@@ -577,7 +577,7 @@ function Yn() {
   };
 }
 const Bt = /* @__PURE__ */ new Map([
-  ["appearance", Dt],
+  ["appearance", Mt],
   ["toolbar", zn]
 ]), Xn = "https://json-schema.org/draft/2020-12/schema", Qn = "https://farris-design.gitee.io/page-header.schema.json", Zn = "page-header", Jn = "A Farris Container Component", Kn = "object", eo = {
   id: {
@@ -798,14 +798,14 @@ const Xe = {
   props: Xe,
   emits: ["click", "prePaginationClick", "nextPaginationClick"],
   setup(t, e) {
-    const n = Y(t.buttons), o = (k, R) => {
-      e.emit("click", k, R);
+    const n = Y(t.buttons), o = (M, R) => {
+      e.emit("click", M, R);
     }, r = ee(() => {
-      const k = {
+      const M = {
         "f-page-header": !0,
         "d-none": !t.visible
       };
-      return oe(k, t.customClass);
+      return oe(M, t.customClass);
     }), i = ee(() => oe({
       "f-title-icon": !0
     }, t.iconClass)), s = ee(() => oe({
@@ -816,18 +816,18 @@ const Xe = {
       "f-content": !0
     }, t.contentClass)), m = ee(() => oe({
       "f-page-header-extend": !0
-    }, t.downContentClass)), b = ee(() => ({
+    }, t.downContentClass)), C = ee(() => ({
       "f-icon f-icon-arrow-w": !0,
       "f-state-disabled": t.prePaginationDisabled
     })), c = ee(() => ({
       "f-icon f-icon-arrow-e": !0,
       "f-state-disabled": t.nextPaginationDisabled
     }));
-    function f(k) {
-      t.prePaginationDisabled || e.emit("prePaginationClick", k);
+    function f(M) {
+      t.prePaginationDisabled || e.emit("prePaginationClick", M);
     }
-    function h(k) {
-      t.nextPaginationDisabled || e.emit("nextPaginationClick", k);
+    function h(M) {
+      t.nextPaginationDisabled || e.emit("nextPaginationClick", M);
     }
     function u() {
       return e.slots.titleContent ? O("div", {
@@ -847,7 +847,7 @@ const Xe = {
       }, [t.subTitle]) : "", t.showPagination ? O("div", {
         class: "f-title-pagination"
       }, [O("span", {
-        class: b.value,
+        class: C.value,
         onClick: f
       }, null), O("span", {
         class: c.value,
@@ -878,8 +878,8 @@ const Xe = {
         class: m.value
       }, [t.downContentRenderFunction()]) : null;
     }
-    return we(() => t.buttons, (k) => {
-      n.value = k;
+    return we(() => t.buttons, (M) => {
+      n.value = M;
     }, {
       deep: !0
     }), () => t.visible ? O("div", {
@@ -890,7 +890,7 @@ const Xe = {
   }
 });
 function io(t, e, n) {
-  var w;
+  var y;
   const o = n && n.getStyles && n.getStyles() || "", r = n && n.getDesignerClass && n.getDesignerClass() || "", i = Y();
   let s;
   function g() {
@@ -902,7 +902,7 @@ function io(t, e, n) {
   function m() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function b() {
+  function C() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
   function c(v) {
@@ -910,18 +910,18 @@ function io(t, e, n) {
       return null;
     if (v.value.schema && v.value.schema.type === "component")
       return v.value;
-    const d = Y(v == null ? void 0 : v.value.parent), y = c(d);
-    return y || null;
+    const d = Y(v == null ? void 0 : v.value.parent), b = c(d);
+    return b || null;
   }
   function f(v = e) {
-    var C;
+    var w;
     if (n != null && n.getDraggableDesignItemElement)
       return n.getDraggableDesignItemElement(v);
-    const { componentInstance: d, designerItemElementRef: y } = v;
+    const { componentInstance: d, designerItemElementRef: b } = v;
     if (!d || !d.value)
       return null;
     const { getCustomButtons: D } = d.value;
-    return d.value.canMove || D && ((C = D()) != null && C.length) ? y : f(v.parent);
+    return d.value.canMove || D && ((w = D()) != null && w.length) ? b : f(v.parent);
   }
   function h(v) {
     return !!n && n.canAccepts(v);
@@ -932,56 +932,56 @@ function io(t, e, n) {
   function a() {
   }
   function S(v, d) {
-    var y;
-    !v || !d || (n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(v, d), (y = e == null ? void 0 : e.setupContext) == null || y.emit("dragEnd"));
+    var b;
+    !v || !d || (n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(v, d), (b = e == null ? void 0 : e.setupContext) == null || b.emit("dragEnd"));
   }
   function F(v, d) {
-    const { componentType: y } = v;
-    let D = ht(y, v, d);
+    const { componentType: b } = v;
+    let D = ht(b, v, d);
     n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(v, D));
-    const C = y.toLowerCase().replace(/-/g, "_");
-    return D && !D.id && D.type === y && (D.id = `${C}_${Math.random().toString().slice(2, 6)}`), D;
+    const w = b.toLowerCase().replace(/-/g, "_");
+    return D && !D.id && D.type === b && (D.id = `${w}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function k(v) {
+  function M(v) {
     v && n != null && n.onChildElementMovedOut && n.onChildElementMovedOut(v);
   }
   function R(...v) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...v);
   }
-  function B(v) {
+  function k(v) {
     if (!v)
       return;
-    const d = e == null ? void 0 : e.schema, { formSchemaUtils: y } = v;
-    if (d && y.getExpressions().length) {
-      const D = y.getExpressions().findIndex((C) => C.target === d.id);
-      D > -1 && y.getExpressions().splice(D, 1);
+    const d = e == null ? void 0 : e.schema, { formSchemaUtils: b } = v;
+    if (d && b.getExpressions().length) {
+      const D = b.getExpressions().findIndex((w) => w.target === d.id);
+      D > -1 && b.getExpressions().splice(D, 1);
     }
   }
-  function T(v) {
+  function x(v) {
     if (!v || !(e != null && e.schema))
       return;
-    const d = e.schema, { formSchemaUtils: y } = v;
-    y.removeCommunicationInComponent(d);
+    const d = e.schema, { formSchemaUtils: b } = v;
+    b.removeCommunicationInComponent(d);
   }
   function A(v) {
-    n && n.onRemoveComponent && n.onRemoveComponent(), B(v), T(v), e != null && e.schema.contents && e.schema.contents.map((d) => {
-      let y = d.id;
-      d.type === "component-ref" && (y = d.component);
-      const D = t.value.querySelectorAll(`#${y}-design-item`);
-      D != null && D.length && Array.from(D).map((C) => {
+    n && n.onRemoveComponent && n.onRemoveComponent(), k(v), x(v), e != null && e.schema.contents && e.schema.contents.map((d) => {
+      let b = d.id;
+      d.type === "component-ref" && (b = d.component);
+      const D = t.value.querySelectorAll(`#${b}-design-item`);
+      D != null && D.length && Array.from(D).map((w) => {
         var I;
-        (I = C == null ? void 0 : C.componentInstance) != null && I.value.onRemoveComponent && C.componentInstance.value.onRemoveComponent(v);
+        (I = w == null ? void 0 : w.componentInstance) != null && I.value.onRemoveComponent && w.componentInstance.value.onRemoveComponent(v);
       });
     });
   }
-  function E() {
+  function P() {
     if (n && n.getCustomButtons)
       return n.getCustomButtons();
   }
   function p(v) {
-    var y, D;
-    if (!((y = e == null ? void 0 : e.schema) != null && y.id))
+    var b, D;
+    if (!((b = e == null ? void 0 : e.schema) != null && b.id))
       return;
     if (!s && v && (s = v.formSchemaUtils), n != null && n.setComponentBasicInfoMap) {
       n.setComponentBasicInfoMap();
@@ -991,40 +991,40 @@ function io(t, e, n) {
     if (n != null && n.getComponentTitle)
       d = n.getComponentTitle();
     else {
-      const { text: C, title: I, label: W, mainTitle: V, name: _, type: L } = e.schema;
-      d = C || I || W || V || _ || ((D = De[L]) == null ? void 0 : D.name);
+      const { text: w, title: I, label: V, mainTitle: _, name: L, type: q } = e.schema;
+      d = w || I || V || _ || L || ((D = Me[q]) == null ? void 0 : D.name);
     }
     d && s.getControlBasicInfoMap().set(e.schema.id, {
       componentTitle: d,
       parentPathName: d
     });
   }
-  function x(v) {
-    var C;
-    const { changeObject: d } = v, { propertyID: y, propertyValue: D } = d;
-    if (["text", "title", "label", "name", "mainTitle"].includes((C = v == null ? void 0 : v.changeObject) == null ? void 0 : C.propertyID) && y && D && (p(), s)) {
-      const I = s.getControlBasicInfoMap(), W = I.keys().toArray().filter((V) => {
-        var _, L;
-        return ((_ = I.get(V)) == null ? void 0 : _.reliedComponentId) === ((L = e == null ? void 0 : e.schema) == null ? void 0 : L.id);
+  function B(v) {
+    var w;
+    const { changeObject: d } = v, { propertyID: b, propertyValue: D } = d;
+    if (["text", "title", "label", "name", "mainTitle"].includes((w = v == null ? void 0 : v.changeObject) == null ? void 0 : w.propertyID) && b && D && (p(), s)) {
+      const I = s.getControlBasicInfoMap(), V = I.keys().toArray().filter((_) => {
+        var L, q;
+        return ((L = I.get(_)) == null ? void 0 : L.reliedComponentId) === ((q = e == null ? void 0 : e.schema) == null ? void 0 : q.id);
       });
-      W != null && W.length && W.forEach((V) => {
-        const _ = I.get(V).parentPathName.split(" > ");
-        _[0] = D, I.get(V).parentPathName = _.join(" > ");
+      V != null && V.length && V.forEach((_) => {
+        const L = I.get(_).parentPathName.split(" > ");
+        L[0] = D, I.get(_).parentPathName = L.join(" > ");
       });
     }
   }
-  function P(v) {
-    if (x(v), n && n.onPropertyChanged)
+  function T(v) {
+    if (B(v), n && n.onPropertyChanged)
       return n.onPropertyChanged(v);
   }
   return i.value = {
     canMove: g(),
     canSelectParent: l(),
     canDelete: m(),
-    canNested: !b(),
+    canNested: !C(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance,
+    parent: (y = e == null ? void 0 : e.parent) == null ? void 0 : y.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
     designerClass: r,
@@ -1035,13 +1035,13 @@ function io(t, e, n) {
     getPropConfig: R,
     getDragScopeElement: a,
     onAcceptMovedChildElement: S,
-    onChildElementMovedOut: k,
+    onChildElementMovedOut: M,
     addNewChildComponentSchema: F,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || Y(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || Y(!1),
     onRemoveComponent: A,
-    getCustomButtons: E,
-    onPropertyChanged: P,
+    getCustomButtons: P,
+    onPropertyChanged: T,
     setComponentBasicInfoMap: p,
     updateContextSchema: e == null ? void 0 : e.updateContextSchema
   }, i;
@@ -1122,11 +1122,11 @@ function fo(t) {
     return e.getViewModelById(l).states.map((c) => o(c, m));
   }
   function i(l) {
-    const m = e.getRootViewModelId(), b = r(l);
+    const m = e.getRootViewModelId(), C = r(l);
     if (l === m)
-      return b;
+      return C;
     const c = r(m, "root-component.");
-    return [...b, ...c];
+    return [...C, ...c];
   }
   function s(l) {
     return l.binding && l.binding.path || l.id || "";
@@ -1321,12 +1321,12 @@ class po {
   }
   updateExpression(e, n, o, r) {
     const i = n === "Field" ? e.binding.field : e.id, s = this.buildRule(i, o, r, e.type === "form-group" ? e.id : "");
-    let l = this.getExpressionData().find((b) => b.targetType === n && b.target === i);
-    const m = (b) => b.value.trim() === "";
+    let l = this.getExpressionData().find((C) => C.targetType === n && C.target === i);
+    const m = (C) => C.value.trim() === "";
     if (l) {
-      const b = l.rules.find((c) => c.id === s.id);
-      if (b)
-        m(s) ? l.rules = l.rules.filter((c) => c.id !== s.id) : (Object.assign(b, s), r === "validate" && e.type === "form-group" && (b.elementId = e.id));
+      const C = l.rules.find((c) => c.id === s.id);
+      if (C)
+        m(s) ? l.rules = l.rules.filter((c) => c.id !== s.id) : (Object.assign(C, s), r === "validate" && e.type === "form-group" && (C.elementId = e.id));
       else {
         if (m(s))
           return null;
@@ -1361,10 +1361,10 @@ class po {
           showMessage: s === "validate" || s === "dataPicking" || s === "required",
           showMessageType: s === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(e, s, n),
-          onSubmitModal: (b) => {
-            const c = this.updateExpression(e, n, b, s);
+          onSubmitModal: (C) => {
+            const c = this.updateExpression(e, n, C, s);
             if (r) {
-              const f = this.buildRule(g, b, s);
+              const f = this.buildRule(g, C, s);
               r(f);
             }
             return c;
@@ -1464,7 +1464,7 @@ class je {
             valueField: "value",
             idField: "value",
             editable: !1,
-            data: [{ value: e.type, name: De[e.type] && De[e.type].name }]
+            data: [{ value: e.type, name: Me[e.type] && Me[e.type].name }]
           }
         }
       }
@@ -1520,7 +1520,7 @@ class je {
    * @returns 
    */
   getPropertyEditorParams(e, n = [], o = "visible", r = {}, i = {}, s = "") {
-    const { getVariables: g, getControlName: l, getStateMachines: m } = fo(this.designerHostService), b = this.getRealTargetType(e), c = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], f = {
+    const { getVariables: g, getControlName: l, getStateMachines: m } = fo(this.designerHostService), C = this.getRealTargetType(e), c = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], f = {
       type: "property-editor",
       propertyTypes: c
     };
@@ -1533,7 +1533,7 @@ class je {
           }, r);
           break;
         case "Expression":
-          f.expressionConfig = this.getExpressionOptions(e, b, s || o);
+          f.expressionConfig = this.getExpressionOptions(e, C, s || o);
           break;
         case "StateMachine":
           f.stateMachines = m();
@@ -1643,16 +1643,16 @@ class je {
     const n = e.propertyValue;
     if (!((n && n.type) === "Expression" && n.expressionInfo))
       return;
-    const { expressionId: i, expressionInfo: s } = n, { targetId: g, targetType: l, expressionType: m, value: b, message: c } = s, f = this.formSchemaUtils.getModule();
+    const { expressionId: i, expressionInfo: s } = n, { targetId: g, targetType: l, expressionType: m, value: C, message: c } = s, f = this.formSchemaUtils.getModule();
     f.expressions = f.expressions || [];
     const { expressions: h } = f;
     let u = h.find((S) => S.target === g);
     u || (u = { target: g, rules: [], targetType: l }, h.push(u));
     const a = u.rules.find((S) => S.type === m);
     if (a)
-      a.value = b, a.message = c;
+      a.value = C, a.message = c;
     else {
-      const S = { id: i, type: m, value: b, message: c };
+      const S = { id: i, type: m, value: C, message: c };
       u.rules.push(S);
     }
     delete n.expressionInfo;
@@ -1912,7 +1912,7 @@ class Oe extends Nt {
 }
 const bo = /* @__PURE__ */ new Map([
   ["buttons", "items"],
-  ["appearance", Dt]
+  ["appearance", Mt]
 ]);
 function jt(t, e, n) {
   return e;
@@ -1962,7 +1962,7 @@ const yo = "https://json-schema.org/draft/2020-12/schema", Co = "https://farris-
   "buttons"
 ], Eo = {
   onClick: "点击事件"
-}, Mo = {
+}, Do = {
   $schema: yo,
   $id: Co,
   title: wo,
@@ -1971,7 +1971,7 @@ const yo = "https://json-schema.org/draft/2020-12/schema", Co = "https://farris-
   properties: So,
   required: Po,
   events: Eo
-}, Do = "https://json-schema.org/draft/2020-12/schema", ko = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Bo = "response-toolbar-item", Io = "A Farris Toolbar Item Component", Oo = "object", Fo = {
+}, Mo = "https://json-schema.org/draft/2020-12/schema", ko = "https://farris-design.gitee.io/response-toolbar-item.schema.json", Bo = "response-toolbar-item", Io = "A Farris Toolbar Item Component", Oo = "object", Fo = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -2048,7 +2048,7 @@ const yo = "https://json-schema.org/draft/2020-12/schema", Co = "https://farris-
 ], Ro = {
   onClick: "点击事件"
 }, No = {
-  $schema: Do,
+  $schema: Mo,
   $id: ko,
   title: Bo,
   description: Io,
@@ -2071,7 +2071,7 @@ const yo = "https://json-schema.org/draft/2020-12/schema", Co = "https://farris-
   componentId: { type: String, default: "" }
 }), Ze = $e(
   Qe,
-  Mo,
+  Do,
   bo,
   jt
 ), Vt = {
@@ -2115,169 +2115,169 @@ function Je() {
   return { iconClass: t, shouldShowIcon: e };
 }
 function _o(t, e) {
-  function n(E) {
+  function n(P) {
     return oe({
       "dropdown-menu": !0
-    }, E.menuClass);
+    }, P.menuClass);
   }
-  function o(E) {
+  function o(P) {
     const p = {
-      disabled: !E.enable,
+      disabled: !P.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
     };
-    return oe(p, E.dropdownClass);
+    return oe(p, P.dropdownClass);
   }
-  function r(E) {
+  function r(P) {
     const p = {
-      disabled: !E.enable,
+      disabled: !P.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0
     };
-    return oe(p, E.dropdownClass);
+    return oe(p, P.dropdownClass);
   }
-  function i(E) {
+  function i(P) {
     const p = {
-      disabled: !E.enable,
+      disabled: !P.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "f-rt-toggle": !E.split,
-      "btn-icontext": !!(E.icon && E.icon.trim()),
-      "dropdown-toggle": !E.split
+      "f-rt-toggle": !P.split,
+      "btn-icontext": !!(P.icon && P.icon.trim()),
+      "dropdown-toggle": !P.split
     };
-    return oe(p, E.dropdownClass);
+    return oe(p, P.dropdownClass);
   }
-  function s(E) {
+  function s(P) {
     const p = {
       "f-rt-btn": !0,
       "text-truncate": !0,
-      "btn-icontext": !!(E.icon && E.icon.trim()),
+      "btn-icontext": !!(P.icon && P.icon.trim()),
       "d-block": !0
     };
-    return oe(p, E.dropdownClass);
+    return oe(p, P.dropdownClass);
   }
   let g;
   const l = /* @__PURE__ */ new Map();
   let m = "";
-  function b(E) {
-    m = "#" + E;
+  function C(P) {
+    m = "#" + P;
   }
-  function c(E, p, x) {
-    E.stopPropagation();
-    const P = x ? x.id : "__top_item__";
+  function c(P, p, B) {
+    P.stopPropagation();
+    const T = B ? B.id : "__top_item__";
     if (p.children && p.children.length && (p.expanded = !p.expanded, p.expanded)) {
-      if (l.has(P) && l.get(P) !== p) {
-        const w = l.get(P);
-        w && (w.expanded = !1, l.delete(P));
+      if (l.has(T) && l.get(T) !== p) {
+        const y = l.get(T);
+        y && (y.expanded = !1, l.delete(T));
       }
-      l.set(P, p);
+      l.set(T, p);
     }
   }
-  function f(E, p) {
-    document.body.click(), p.enable && (E.stopPropagation(), typeof p.onClick == "function" && p.onClick(E, p.id), t.emit("click", E, p.id));
+  function f(P, p) {
+    document.body.click(), p.enable && (P.stopPropagation(), typeof p.onClick == "function" && p.onClick(P, p.id), t.emit("click", P, p.id));
   }
-  function h(E, p) {
-    const x = E.target;
-    x.className.indexOf("dropdown-item") < 0 || (x.title = x.scrollWidth > x.clientWidth ? p : "");
+  function h(P, p) {
+    const B = P.target;
+    B.className.indexOf("dropdown-item") < 0 || (B.title = B.scrollWidth > B.clientWidth ? p : "");
   }
-  function u(E, p, x) {
+  function u(P, p, B) {
     if (p.tipsEnable && p.tipsText) {
-      const P = Fe({
+      const T = Fe({
         content: p.tipsText,
         enable: p.tipsEnable
       });
       return Ae(O("li", {
         class: r(p),
         id: p.id,
-        key: p.id + "_" + x,
-        onClick: (w) => f(w, p)
+        key: p.id + "_" + B,
+        onClick: (y) => f(y, p)
       }, [O("span", {
         class: s(p)
       }, [e.shouldShowIcon(p) && O("i", {
         class: e.iconClass(p)
-      }, null), p.text])]), [[Re("tooltip"), P]]);
+      }, null), p.text])]), [[Re("tooltip"), T]]);
     }
     return O("li", {
       class: r(p),
       id: p.id,
-      onClick: (P) => f(P, p)
+      onClick: (T) => f(T, p)
     }, [O("span", {
       class: s(p),
-      onMouseenter: (P) => h(P, p.text)
+      onMouseenter: (T) => h(T, p.text)
     }, [e.shouldShowIcon(p) && O("i", {
       class: e.iconClass(p)
     }, null), p.text])]);
   }
-  function a(E, p, x) {
-    p.enable && (typeof p.onClick == "function" && x.onClick(E, p.id), t.emit("click", E, p.id), x.split || c(E, p, x));
+  function a(P, p, B) {
+    p.enable && (typeof p.onClick == "function" && B.onClick(P, p.id), t.emit("click", P, p.id), B.split || c(P, p, B));
   }
-  function S(E, p, x) {
-    E && E.stopPropagation(), c(E, p, x);
+  function S(P, p, B) {
+    P && P.stopPropagation(), c(P, p, B);
   }
-  function F(E, p) {
-    E.stopPropagation();
-    const x = p.id;
-    if (p.children && p.children.length && p.expanded && l.has(x)) {
-      const P = l.get(x);
-      P && (P.expanded = !1, l.delete(x));
+  function F(P, p) {
+    P.stopPropagation();
+    const B = p.id;
+    if (p.children && p.children.length && p.expanded && l.has(B)) {
+      const T = l.get(B);
+      T && (T.expanded = !1, l.delete(B));
     }
   }
-  function k(E, p, x) {
+  function M(P, p, B) {
     if (p.tipsEnable && p.tipsText) {
-      const P = Fe({
+      const T = Fe({
         content: p.tipsText,
         enable: p.tipsEnable
       });
       return O("li", {
         class: o(p),
         id: p.id,
-        key: p.id + "_" + x,
-        onClick: (w) => a(w, p, E)
+        key: p.id + "_" + B,
+        onClick: (y) => a(y, p, P)
       }, [Ae(O("span", {
         class: i(p)
       }, [e.shouldShowIcon(p) && O("i", {
         class: e.iconClass(p)
-      }, null), p.text]), [[Re("tooltip"), P]]), p.split && O("span", {
+      }, null), p.text]), [[Re("tooltip"), T]]), p.split && O("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (w) => S(w, p, E)
+        onClick: (y) => S(y, p, P)
       }, null), g(p, p)]);
     }
     return O("li", {
       class: o(p),
       id: p.id,
-      onClick: (P) => a(P, p, E),
-      onMouseenter: (P) => h(P, p.text)
+      onClick: (T) => a(T, p, P),
+      onMouseenter: (T) => h(T, p.text)
     }, [O("span", {
       class: i(p)
     }, [e.shouldShowIcon(p) && O("i", {
       class: e.iconClass(p)
     }, null), p.text]), p.split && O("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (P) => S(P, p, E)
+      onClick: (T) => S(T, p, P)
     }, null), g(p, p)]);
   }
-  function R(E) {
-    return E.children.filter((p) => p.visible).map((p, x) => p.children && p.children.length ? k(E, p, x) : u(E, p, x));
+  function R(P) {
+    return P.children.filter((p) => p.visible).map((p, B) => p.children && p.children.length ? M(P, p, B) : u(P, p, B));
   }
-  function B(E, p) {
-    if (!E)
+  function k(P, p) {
+    if (!P)
       return 1080;
-    let x = -1;
-    const P = E.children.length;
-    for (let w = 0; w < P; w++)
-      if (E.children[w].id === p) {
-        x = w;
+    let B = -1;
+    const T = P.children.length;
+    for (let y = 0; y < T; y++)
+      if (P.children[y].id === p) {
+        B = y;
         break;
       }
-    return 1080 + P - x;
+    return 1080 + T - B;
   }
-  function T(E, p, x) {
-    var I, W;
-    const P = {
-      display: E.expanded ? "block" : "none",
+  function x(P, p, B) {
+    var I, V;
+    const T = {
+      display: P.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       minWidth: "120px",
@@ -2285,62 +2285,62 @@ function _o(t, e) {
       // 先用固定zIndex,后期会统一调用动态的zIndex
       overflowY: "auto",
       maxHeight: "none"
-    }, w = document.querySelector(m);
-    if (!w)
-      return P;
+    }, y = document.querySelector(m);
+    if (!y)
+      return T;
     const v = un();
-    let d = (W = (I = v == null ? void 0 : v.exposed) == null ? void 0 : I.elementRef.value) == null ? void 0 : W.querySelector("#" + p);
-    if (d || (d = w == null ? void 0 : w.querySelector("#" + p)), !d)
-      return P;
-    const y = window.innerWidth, D = window.innerHeight, C = d == null ? void 0 : d.getClientRects();
-    if (d && C && C.length) {
+    let d = (V = (I = v == null ? void 0 : v.exposed) == null ? void 0 : I.elementRef.value) == null ? void 0 : V.querySelector("#" + p);
+    if (d || (d = y == null ? void 0 : y.querySelector("#" + p)), !d)
+      return T;
+    const b = window.innerWidth, D = window.innerHeight, w = d == null ? void 0 : d.getClientRects();
+    if (d && w && w.length) {
       const {
-        top: V,
-        width: _,
-        left: L,
+        top: _,
+        width: L,
+        left: q,
         right: Z,
         height: X
-      } = C[0], J = Math.ceil(X + V);
-      P.top = `${J}px`, P.left = `${L}px`;
-      const H = E.id + "_menu", ne = (d == null ? void 0 : d.querySelector("#" + H)) || (w == null ? void 0 : w.querySelector("#" + H)) || null;
+      } = w[0], J = Math.ceil(X + _);
+      T.top = `${J}px`, T.left = `${q}px`;
+      const H = P.id + "_menu", ne = (d == null ? void 0 : d.querySelector("#" + H)) || (y == null ? void 0 : y.querySelector("#" + H)) || null;
       if (ne) {
         ne.style.visibility = "hidden", ne.style.display = "block";
         const N = ne.offsetHeight;
-        P.zIndex = E.expanded ? B(w, H) : 1080, P.display === "block" && (ne.style.display = "block");
+        T.zIndex = P.expanded ? k(y, H) : 1080, T.display === "block" && (ne.style.display = "block");
         const U = ne.getBoundingClientRect();
-        if (x) {
-          P.top = `${V - 6}px`;
-          const $ = Math.ceil(_ + L);
-          P.left = `${$}px`;
+        if (B) {
+          T.top = `${_ - 6}px`;
+          const $ = Math.ceil(L + q);
+          T.left = `${$}px`;
         }
-        y - L - _ < U.width && (P.left = `${(x ? L : Z) - U.width}px`), D - V - X < N ? V > N ? (P.top = `${V - N - 6}px`, P.maxHeight = `${V - 16}px`) : (P.maxHeight = `${D - J}px`, V > D - V - X && (P.top = "10px", P.maxHeight = `${V - 16}px`)) : P.maxHeight = `${D - J}px`, ne.style.visibility = "visible";
+        b - q - L < U.width && (T.left = `${(B ? q : Z) - U.width}px`), D - _ - X < N ? _ > N ? (T.top = `${_ - N - 6}px`, T.maxHeight = `${_ - 16}px`) : (T.maxHeight = `${D - J}px`, _ > D - _ - X && (T.top = "10px", T.maxHeight = `${_ - 16}px`)) : T.maxHeight = `${D - J}px`, ne.style.visibility = "visible";
       }
     }
-    return P;
+    return T;
   }
-  g = function(E, p) {
-    const x = p ? p.id : E.id;
+  g = function(P, p) {
+    const B = p ? p.id : P.id;
     return O(cn, {
       to: m,
-      disabled: !E.expanded
+      disabled: !P.expanded
     }, {
       default: () => [O("ul", {
-        class: n(E),
-        style: T(E, x, p),
-        id: E.id + "_menu",
-        onWheel: (P) => F(P, E)
-      }, [R(E)])]
+        class: n(P),
+        style: x(P, B, p),
+        id: P.id + "_menu",
+        onWheel: (T) => F(T, P)
+      }, [R(P)])]
     });
   };
   function A() {
-    l.forEach((E) => {
-      E.expanded = !1;
+    l.forEach((P) => {
+      P.expanded = !1;
     }), l.clear();
   }
   return {
     renderDropdownMenu: g,
     clearAllDropDownMenu: A,
-    updateContainerId: b
+    updateContainerId: C
   };
 }
 function Lo(t, e, n) {
@@ -2376,7 +2376,7 @@ function Lo(t, e, n) {
       "dropdown-toggle-split": !0
     }, a.class);
   }
-  function b(a) {
+  function C(a) {
     return a.split ? {
       display: "flex"
     } : {
@@ -2405,14 +2405,14 @@ function Lo(t, e, n) {
         class: g(a)
       }, [Ae(O("div", {
         class: l(a),
-        style: b(a),
-        onClick: (k) => a.enable && c(k, a)
+        style: C(a),
+        onClick: (M) => a.enable && c(M, a)
       }, [n.shouldShowIcon(a) && O("i", {
         class: n.iconClass(a)
       }, null), O("span", null, [a.text])]), [[Re("tooltip"), F]]), a.split && O("button", {
         class: m(a),
         style: "border-radius:0 6px 6px 0;",
-        onClick: (k) => f(k, a)
+        onClick: (M) => f(M, a)
       }, null), S && r(a)]);
     }
     return O("div", {
@@ -2420,7 +2420,7 @@ function Lo(t, e, n) {
       class: g(a)
     }, [O("div", {
       class: l(a),
-      style: b(a),
+      style: C(a),
       onClick: (F) => a.enable && c(F, a)
     }, [n.shouldShowIcon(a) && O("i", {
       class: n.iconClass(a)
@@ -2454,29 +2454,29 @@ const {
     }, l = Y(new Oe(g)), m = {
       id: g.id + "width",
       text: g.text
-    }, b = Y(-1), c = Je();
+    }, C = Y(-1), c = Je();
     let f = !1;
     const {
       guid: h,
       uuid: u
     } = gn(), a = t.id ? t.id : "toolbar-" + h(), S = Y(), F = "dropdown-container-" + a + "-" + u(4), {
-      renderToolbarDropdown: k,
+      renderToolbarDropdown: M,
       clearAllDropDown: R,
-      updateContainerId: B
+      updateContainerId: k
     } = Lo(t, e, c);
-    B(F);
-    const T = ee(() => l.value.children.length > 0), A = ee(() => t.visible ? l.value.children.length > 0 ? !0 : o.value.findIndex((N) => N.shown && N.children && N.children.length > 0) > -1 : !1);
-    function E() {
+    k(F);
+    const x = ee(() => l.value.children.length > 0), A = ee(() => t.visible ? l.value.children.length > 0 ? !0 : o.value.findIndex((N) => N.shown && N.children && N.children.length > 0) > -1 : !1);
+    function P() {
       t.visible && !S.value && document && (S.value = document.createElement("div"), S.value.id = F, document.body.appendChild(S.value));
     }
-    E();
+    P();
     function p() {
       S.value && document.body.contains(S.value) && (document.body.removeChild(S.value), S.value = null);
     }
     we(A, (N, U) => {
-      N ? E() : p();
+      N ? P() : p();
     });
-    const x = ee(() => {
+    const B = ee(() => {
       const N = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
@@ -2486,7 +2486,7 @@ const {
         "d-none": !t.visible
       };
       return oe(N, t.customClass);
-    }), P = ee(() => ({
+    }), T = ee(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -2494,7 +2494,7 @@ const {
       "justify-content-start": t.alignment === "left",
       "justify-content-center": t.alignment === "center"
     }));
-    function w(N) {
+    function y(N) {
       N && N.target.closest("ul.dropdown-menu") && N.type === "wheel" || (o.value.filter((U) => U.children && U.children.length > 0).forEach((U) => {
         U.expanded = !1;
       }), l.value.expanded = !1, R());
@@ -2513,7 +2513,7 @@ const {
     function d(N, U) {
       document.body.click(), typeof U.onClick == "function" && U.onClick(N, U.id), e.emit("click", N, U.id);
     }
-    function y(N, U) {
+    function b(N, U) {
       if (N.tipsEnable && N.tipsText) {
         const $ = Fe({
           content: N.tipsText,
@@ -2539,27 +2539,27 @@ const {
         class: c.iconClass(N)
       }, null), N.text]);
     }
-    let D = /* @__PURE__ */ new Map(), C = [];
+    let D = /* @__PURE__ */ new Map(), w = [];
     function I(N) {
       const U = Math.ceil(parseFloat(getComputedStyle(N).getPropertyValue("margin-left"))), $ = Math.ceil(parseFloat(getComputedStyle(N).getPropertyValue("margin-right")));
       return (U || 0) + N.getBoundingClientRect().width + ($ || 0);
     }
-    function W(N, U, $) {
-      if (U < b.value) {
+    function V(N, U, $) {
+      if (U < C.value) {
         let Q = $ - 1;
         for (; Q >= 0; Q--) {
           const ae = N[Q], se = I(ae);
-          if (U += se, U >= b.value)
+          if (U += se, U >= C.value)
             break;
         }
         $ = Q;
       }
-      return U -= b.value, {
+      return U -= C.value, {
         start: $,
         space: U
       };
     }
-    function V(N) {
+    function _(N) {
       const U = s.value;
       let $ = N;
       const ae = Array.from(U.children).filter((ce) => ce.id !== "__more_buttons__"), se = ae.length;
@@ -2569,44 +2569,44 @@ const {
         if (ye <= $)
           $ -= ye;
         else {
-          const Ce = W(ae, $, re);
+          const Ce = V(ae, $, re);
           re = Ce.start, $ = Ce.space, ie = !0;
           break;
         }
       }
-      if (!ie && C.length > 0) {
-        const ce = W(ae, $, re);
+      if (!ie && w.length > 0) {
+        const ce = V(ae, $, re);
         re = ce.start, $ = ce.space;
       }
-      const Pe = C.length > 0;
+      const Pe = w.length > 0;
       for (; re < se; re++) {
         const ce = ae[re], ye = I(ce);
         D.set(ce.id, !0);
-        const Ce = C.find((Ee) => Ee.id === ce.id);
-        Ce ? Ce.width = ye : C[Pe ? "unshift" : "push"]({
+        const Ce = w.find((Ee) => Ee.id === ce.id);
+        Ce ? Ce.width = ye : w[Pe ? "unshift" : "push"]({
           id: ce.id,
           width: ye
         });
       }
       return $;
     }
-    function _(N) {
-      let U = V(N);
-      if (C.length) {
+    function L(N) {
+      let U = _(N);
+      if (w.length) {
         let se = 0;
-        for (; se < C.length; se++) {
-          const ie = t.items.find((re) => re.id === C[se].id);
+        for (; se < w.length; se++) {
+          const ie = t.items.find((re) => re.id === w[se].id);
           if (ie && ie.visible !== !1) {
-            const re = C[se].width;
-            if (U >= re || se === C.length - 1 && U + b.value >= re)
+            const re = w[se].width;
+            if (U >= re || se === w.length - 1 && U + C.value >= re)
               U -= re;
             else
               break;
           }
         }
         for (let ie = 0; ie < se; ie++)
-          D.delete(C[ie].id);
-        C.splice(0, se - 1);
+          D.delete(w[ie].id);
+        w.splice(0, se - 1);
       }
       const $ = Object.assign({}, l.value);
       $.children = [];
@@ -2616,67 +2616,67 @@ const {
       }, []);
       l.value = Q, o.value = ae;
     }
-    function L(N = -1) {
+    function q(N = -1) {
       if (N === 0 || !s.value || !i.value)
         return;
       N < 0 && (N = i.value.getBoundingClientRect().width);
       const U = s.value.getBoundingClientRect().width;
-      (N >= 0 && N < U || C.length) && (_(N), w());
+      (N >= 0 && N < U || w.length) && (L(N), y());
     }
     function Z() {
-      return b.value < 0 && O("div", {
+      return C.value < 0 && O("div", {
         style: "position:absolute;top:-30px;visibility:hidden;"
-      }, [k(new Oe(m))]);
+      }, [M(new Oe(m))]);
     }
     const X = new ResizeObserver((N) => {
       if (N.length) {
         const $ = N[0].contentRect.width;
-        L($);
+        q($);
       }
     });
     function J() {
-      D = /* @__PURE__ */ new Map(), C = [];
+      D = /* @__PURE__ */ new Map(), w = [];
     }
     function H() {
       i.value && !f && (X.observe(i.value), f = !0);
     }
     function ne() {
-      if (r.value && b.value < 0) {
+      if (r.value && C.value < 0) {
         const N = r.value.querySelector("#" + m.id);
-        N && (b.value = I(N));
+        N && (C.value = I(N));
       }
     }
     return ke(() => {
-      ne(), L(), H(), document.body.addEventListener("click", w), document.body.addEventListener("wheel", w);
+      ne(), q(), H(), document.body.addEventListener("click", y), document.body.addEventListener("wheel", y);
     }), gt(() => {
-      X.disconnect(), p(), document.body.removeEventListener("click", w), document.body.removeEventListener("wheel", w);
+      X.disconnect(), p(), document.body.removeEventListener("click", y), document.body.removeEventListener("wheel", y);
     }), we(() => t.items, () => {
-      o.value = ct(t.items), l.value.children = [], Me(() => {
-        J(), L();
+      o.value = ct(t.items), l.value.children = [], De(() => {
+        J(), q();
       });
     }, {
       deep: !0
     }), we(() => t.visible, (N) => {
-      N && Me(() => {
-        ne(), L(), H();
+      N && De(() => {
+        ne(), q(), H();
       });
     }), e.expose({
       elementRef: r
     }), () => O("div", {
-      class: x.value,
+      class: B.value,
       id: a,
       ref: r,
       style: {
-        "overflow-y": b.value < 0 ? "hidden" : "initial"
+        "overflow-y": C.value < 0 ? "hidden" : "initial"
       }
     }, [t.visible && Z(), t.visible && O("div", {
       ref: i,
-      class: P.value
+      class: T.value
     }, [O("div", {
       ref: s,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [o.value.filter((N) => N.shown).map((N, U) => N.children && N.children.length > 0 ? k(N) : y(N, U)), T.value && k(l.value)])])]);
+    }, [o.value.filter((N) => N.shown).map((N, U) => N.children && N.children.length > 0 ? M(N) : b(N, U)), x.value && M(l.value)])])]);
   }
 });
 class qo extends je {
@@ -2760,14 +2760,14 @@ function Wo(t, e, n) {
   function m() {
     return !1;
   }
-  function b() {
+  function C() {
     return !0;
   }
   function c(u) {
     return new qo(u, e, o.type).getPropertyConfig(o);
   }
   function f(u) {
-    var k;
+    var M;
     u && (u.stopPropagation(), u.preventDefault());
     const { schema: a } = t;
     a.buttons || (a.buttons = []);
@@ -2775,7 +2775,7 @@ function Wo(t, e, n) {
     if (a.type)
       S = a.type + "-item";
     else {
-      const R = (k = t.parent) == null ? void 0 : k.schema.type;
+      const R = (M = t.parent) == null ? void 0 : M.schema.type;
       S = R === "tabs" ? "tab-toolbar-item" : R === "section" ? "section-toolbar-item" : "response-toolbar-item";
     }
     const F = Ct(S);
@@ -2797,7 +2797,7 @@ function Wo(t, e, n) {
     checkCanAddComponent: m,
     checkCanDeleteComponent: l,
     checkCanMoveComponent: g,
-    hideNestedPaddingInDesginerView: b,
+    hideNestedPaddingInDesginerView: C,
     onResolveNewComponentSchema: s,
     getPropsConfig: c,
     getCustomButtons: h
@@ -2817,11 +2817,11 @@ var _t = { exports: {} };
   })(function() {
     return (/* @__PURE__ */ function() {
       function n(o, r, i) {
-        function s(m, b) {
+        function s(m, C) {
           if (!r[m]) {
             if (!o[m]) {
               var c = typeof Be == "function" && Be;
-              if (!b && c) return c(m, !0);
+              if (!C && c) return c(m, !0);
               if (g) return g(m, !0);
               var f = new Error("Cannot find module '" + m + "'");
               throw f.code = "MODULE_NOT_FOUND", f;
@@ -2849,22 +2849,22 @@ var _t = { exports: {} };
           var h = c.className;
           h.length ? l(f).test(h) || (c.className += " " + f) : c.className = f;
         }
-        function b(c, f) {
+        function C(c, f) {
           c.className = c.className.replace(l(f), " ").trim();
         }
         o.exports = {
           add: m,
-          rm: b
+          rm: C
         };
       }, {}],
       2: [function(n, o, r) {
         (function(i) {
-          var s = n("contra/emitter"), g = n("crossvent"), l = n("./classes"), m = document, b = m.documentElement;
-          function c(w, v) {
+          var s = n("contra/emitter"), g = n("crossvent"), l = n("./classes"), m = document, C = m.documentElement;
+          function c(y, v) {
             var d = arguments.length;
-            d === 1 && Array.isArray(w) === !1 && (v = w, w = []);
-            var y, D, C, I, W, V, _, L, Z, X = null, J, H, ne = !1, N = 0, U, $ = v || {};
-            $.moves === void 0 && ($.moves = k), $.accepts === void 0 && ($.accepts = k), $.invalid === void 0 && ($.invalid = zt), $.containers === void 0 && ($.containers = w || []), $.isContainer === void 0 && ($.isContainer = F), $.copy === void 0 && ($.copy = !1), $.copySortSource === void 0 && ($.copySortSource = !1), $.revertOnSpill === void 0 && ($.revertOnSpill = !1), $.removeOnSpill === void 0 && ($.removeOnSpill = !1), $.direction === void 0 && ($.direction = "vertical"), $.ignoreInputTextSelection === void 0 && ($.ignoreInputTextSelection = !0), $.mirrorContainer === void 0 && ($.mirrorContainer = m.body);
+            d === 1 && Array.isArray(y) === !1 && (v = y, y = []);
+            var b, D, w, I, V, _, L, q, Z, X = null, J, H, ne = !1, N = 0, U, $ = v || {};
+            $.moves === void 0 && ($.moves = M), $.accepts === void 0 && ($.accepts = M), $.invalid === void 0 && ($.invalid = zt), $.containers === void 0 && ($.containers = y || []), $.isContainer === void 0 && ($.isContainer = F), $.copy === void 0 && ($.copy = !1), $.copySortSource === void 0 && ($.copySortSource = !1), $.revertOnSpill === void 0 && ($.revertOnSpill = !1), $.removeOnSpill === void 0 && ($.removeOnSpill = !1), $.direction === void 0 && ($.direction = "vertical"), $.ignoreInputTextSelection === void 0 && ($.ignoreInputTextSelection = !0), $.mirrorContainer === void 0 && ($.mirrorContainer = m.body);
             var Q = s({
               containers: $.containers,
               start: Ht,
@@ -2876,152 +2876,152 @@ var _t = { exports: {} };
               dragging: !1
             });
             return $.removeOnSpill === !0 && Q.on("over", Yt).on("out", Xt), se(), Q;
-            function ae(M) {
-              return Q.containers.indexOf(M) !== -1 || $.isContainer(M);
+            function ae(E) {
+              return Q.containers.indexOf(E) !== -1 || $.isContainer(E);
             }
-            function se(M) {
-              var j = M ? "remove" : "add";
-              u(b, j, "mousedown", ye), u(b, j, "mouseup", Ve);
+            function se(E) {
+              var j = E ? "remove" : "add";
+              u(C, j, "mousedown", ye), u(C, j, "mouseup", Ve);
             }
-            function ie(M) {
-              var j = M ? "remove" : "add";
-              u(b, j, "mousemove", Ce);
+            function ie(E) {
+              var j = E ? "remove" : "add";
+              u(C, j, "mousemove", Ce);
             }
-            function re(M) {
-              var j = M ? "remove" : "add";
-              g[j](b, "selectstart", ce), g[j](b, "click", ce);
+            function re(E) {
+              var j = E ? "remove" : "add";
+              g[j](C, "selectstart", ce), g[j](C, "click", ce);
             }
             function Pe() {
               se(!0), Ve({});
             }
-            function ce(M) {
-              J && M.preventDefault();
+            function ce(E) {
+              J && E.preventDefault();
             }
-            function ye(M) {
-              I = M.clientX, W = M.clientY;
-              var j = a(M) !== 1 || M.metaKey || M.ctrlKey;
+            function ye(E) {
+              I = E.clientX, V = E.clientY;
+              var j = a(E) !== 1 || E.metaKey || E.ctrlKey;
               if (!j) {
-                var q = M.target, z = Ee(q);
-                z && (J = z, ie(), M.type === "mousedown" && (A(q) ? q.focus() : M.preventDefault()));
+                var W = E.target, z = Ee(W);
+                z && (J = z, ie(), E.type === "mousedown" && (A(W) ? W.focus() : E.preventDefault()));
               }
             }
-            function Ce(M) {
+            function Ce(E) {
               if (J) {
-                if (a(M) === 0) {
+                if (a(E) === 0) {
                   Ve({});
                   return;
                 }
-                if (!(M.clientX !== void 0 && Math.abs(M.clientX - I) <= ($.slideFactorX || 0) && M.clientY !== void 0 && Math.abs(M.clientY - W) <= ($.slideFactorY || 0))) {
+                if (!(E.clientX !== void 0 && Math.abs(E.clientX - I) <= ($.slideFactorX || 0) && E.clientY !== void 0 && Math.abs(E.clientY - V) <= ($.slideFactorY || 0))) {
                   if ($.ignoreInputTextSelection) {
-                    var j = P("clientX", M) || 0, q = P("clientY", M) || 0, z = m.elementFromPoint(j, q);
+                    var j = T("clientX", E) || 0, W = T("clientY", E) || 0, z = m.elementFromPoint(j, W);
                     if (A(z))
                       return;
                   }
                   var K = J;
-                  ie(!0), re(), et(), Ke(K), l.add(L || C, "gu-transit"), Zt(), Qt(), N = 0, qe(M);
+                  ie(!0), re(), et(), Ke(K), l.add(q || w, "gu-transit"), Zt(), Qt(), N = 0, qe(E);
                 }
               }
             }
-            function Ee(M) {
-              if (!(Q.dragging && y) && !ae(M)) {
-                for (var j = M; T(M) && ae(T(M)) === !1; )
-                  if ($.invalid(M, j) || (M = T(M), !M))
+            function Ee(E) {
+              if (!(Q.dragging && b) && !ae(E)) {
+                for (var j = E; x(E) && ae(x(E)) === !1; )
+                  if ($.invalid(E, j) || (E = x(E), !E))
                     return;
-                var q = T(M);
-                if (q && !$.invalid(M, j)) {
-                  var z = $.moves(M, q, j, p(M));
+                var W = x(E);
+                if (W && !$.invalid(E, j)) {
+                  var z = $.moves(E, W, j, p(E));
                   if (z)
                     return {
-                      item: M,
-                      source: q
+                      item: E,
+                      source: W
                     };
                 }
               }
             }
-            function Ut(M) {
-              return !!Ee(M);
+            function Ut(E) {
+              return !!Ee(E);
             }
-            function Ht(M) {
-              var j = Ee(M);
+            function Ht(E) {
+              var j = Ee(E);
               j && Ke(j);
             }
-            function Ke(M) {
-              sn(M.item, M.source) && (L = M.item.cloneNode(!0), Q.emit("cloned", L, M.item, "copy")), D = M.source, C = M.item, V = _ = p(M.item), Q.dragging = !0, Q.emit("drag", C, D);
+            function Ke(E) {
+              sn(E.item, E.source) && (q = E.item.cloneNode(!0), Q.emit("cloned", q, E.item, "copy")), D = E.source, w = E.item, _ = L = p(E.item), Q.dragging = !0, Q.emit("drag", w, D);
             }
             function zt() {
               return !1;
             }
             function et() {
               if (Q.dragging) {
-                var M = L || C;
-                nt(M, T(M));
+                var E = q || w;
+                nt(E, x(E));
               }
             }
             function tt() {
               J = !1, ie(!0), re(!0);
             }
-            function Ve(M) {
+            function Ve(E) {
               if (tt(), !!Q.dragging) {
-                var j = L || C, q = P("clientX", M) || 0, z = P("clientY", M) || 0, K = S(y, q, z), te = it(K, q, z);
-                te && (L && $.copySortSource || !L || te !== D) ? nt(j, te) : $.removeOnSpill ? ot() : rt();
+                var j = q || w, W = T("clientX", E) || 0, z = T("clientY", E) || 0, K = S(b, W, z), te = it(K, W, z);
+                te && (q && $.copySortSource || !q || te !== D) ? nt(j, te) : $.removeOnSpill ? ot() : rt();
               }
             }
-            function nt(M, j) {
-              var q = T(M);
-              L && $.copySortSource && j === D && q.removeChild(C), Le(j) ? Q.emit("cancel", M, D) : Q.emit("drop", M, j, D, _), _e();
+            function nt(E, j) {
+              var W = x(E);
+              q && $.copySortSource && j === D && W.removeChild(w), Le(j) ? Q.emit("cancel", E, D) : Q.emit("drop", E, j, D, L), _e();
             }
             function ot() {
               if (Q.dragging) {
-                var M = L || C, j = T(M);
-                j && j.removeChild(M), Q.emit(L ? "cancel" : "remove", M, j, D), _e();
+                var E = q || w, j = x(E);
+                j && j.removeChild(E), Q.emit(q ? "cancel" : "remove", E, j, D), _e();
               }
             }
-            function rt(M) {
+            function rt(E) {
               if (Q.dragging) {
-                var j = arguments.length > 0 ? M : $.revertOnSpill, q = L || C, z = T(q), K = Le(z);
-                K === !1 && j && (L ? z && z.removeChild(L) : D.insertBefore(q, V)), K || j ? Q.emit("cancel", q, D, D) : Q.emit("drop", q, z, D, _), _e();
+                var j = arguments.length > 0 ? E : $.revertOnSpill, W = q || w, z = x(W), K = Le(z);
+                K === !1 && j && (q ? z && z.removeChild(q) : D.insertBefore(W, _)), K || j ? Q.emit("cancel", W, D, D) : Q.emit("drop", W, z, D, L), _e();
               }
             }
             function _e() {
-              var M = L || C;
-              tt(), Jt(), Kt(), M && l.rm(M, "gu-transit"), Z && clearTimeout(Z), Q.dragging = !1, X && Q.emit("out", M, X, D), Q.emit("dragend", M, N), D = C = L = V = _ = Z = X = null;
+              var E = q || w;
+              tt(), Jt(), Kt(), E && l.rm(E, "gu-transit"), Z && clearTimeout(Z), Q.dragging = !1, X && Q.emit("out", E, X, D), Q.emit("dragend", E, N), D = w = q = _ = L = Z = X = null;
             }
-            function Le(M, j) {
-              var q;
-              return j !== void 0 ? q = j : y ? q = _ : q = p(L || C), M === D && q === V;
+            function Le(E, j) {
+              var W;
+              return j !== void 0 ? W = j : b ? W = L : W = p(q || w), E === D && W === _;
             }
-            function it(M, j, q) {
-              for (var z = M; z && !K(); )
-                z = T(z);
+            function it(E, j, W) {
+              for (var z = E; z && !K(); )
+                z = x(z);
               return z;
               function K() {
                 var te = ae(z);
                 if (te === !1)
                   return !1;
-                var me = st(z, M), fe = at(z, me, j, q), ge = Le(z, fe);
-                return ge ? !0 : $.accepts(C, z, D, fe);
+                var me = st(z, E), fe = at(z, me, j, W), ge = Le(z, fe);
+                return ge ? !0 : $.accepts(w, z, D, fe);
               }
             }
-            function qe(M) {
-              if (!y)
+            function qe(E) {
+              if (!b)
                 return;
-              M.preventDefault();
-              var j = P("clientX", M) || 0, q = P("clientY", M) || 0;
-              y.style.left = j - 2 + "px", y.style.top = q - 2 + "px";
-              var z = L || C, K = S(y, j, q), te = it(K, j, q), me = te !== null && te !== X;
-              (me || te === null) && (pe(), X = te, ve()), rn(K, q);
-              var fe = T(z);
-              if (te === D && L && !$.copySortSource) {
+              E.preventDefault();
+              var j = T("clientX", E) || 0, W = T("clientY", E) || 0;
+              b.style.left = j - 2 + "px", b.style.top = W - 2 + "px";
+              var z = q || w, K = S(b, j, W), te = it(K, j, W), me = te !== null && te !== X;
+              (me || te === null) && (pe(), X = te, ve()), rn(K, W);
+              var fe = x(z);
+              if (te === D && q && !$.copySortSource) {
                 fe && fe.removeChild(z);
                 return;
               }
               var ge, he = st(te, K);
               if (ne = en(he, te), he !== null)
-                ge = at(te, he, j, q);
-              else if ($.revertOnSpill === !0 && !L)
-                ge = V, te = D;
+                ge = at(te, he, j, W);
+              else if ($.revertOnSpill === !0 && !q)
+                ge = _, te = D;
               else {
-                L && fe && fe.removeChild(z), L && H && (H.style.display = "none");
+                q && fe && fe.removeChild(z), q && H && (H.style.display = "none");
                 return;
               }
               H.style.display = "block", Gt(ge, z, me), ge ? nn(he, ge) : on(te);
@@ -3035,43 +3035,43 @@ var _t = { exports: {} };
                 X && le("out");
               }
             }
-            function Gt(M, j, q) {
-              (M === j || M === p(j)) && (_ = p(j)), (M === null && q || M !== j && M !== p(j)) && (_ = M);
+            function Gt(E, j, W) {
+              (E === j || E === p(j)) && (L = p(j)), (E === null && W || E !== j && E !== p(j)) && (L = E);
             }
-            function Yt(M) {
-              l.rm(M, "gu-hide");
+            function Yt(E) {
+              l.rm(E, "gu-hide");
             }
-            function Xt(M) {
-              Q.dragging && l.add(M, "gu-hide");
+            function Xt(E) {
+              Q.dragging && l.add(E, "gu-hide");
             }
             function Qt() {
-              y || (y = document.createElement("div"), y.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", y.innerHTML = $.getMirrorText && $.getMirrorText(C) || "控件", l.add(y, "gu-mirror"), $.mirrorContainer.appendChild(y), u(b, "add", "mousemove", qe), l.add($.mirrorContainer, "gu-unselectable"), Q.emit("cloned", y, C, "mirror"));
+              b || (b = document.createElement("div"), b.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", b.innerHTML = $.getMirrorText && $.getMirrorText(w) || "控件", l.add(b, "gu-mirror"), $.mirrorContainer.appendChild(b), u(C, "add", "mousemove", qe), l.add($.mirrorContainer, "gu-unselectable"), Q.emit("cloned", b, w, "mirror"));
             }
             function Zt() {
-              if (H = document.createElement("div"), l.add(H, "gu-insertion"), C) {
-                var M = C.getBoundingClientRect();
-                H.style.left = M.left + "px", H.style.top = M.top + "px";
+              if (H = document.createElement("div"), l.add(H, "gu-insertion"), w) {
+                var E = w.getBoundingClientRect();
+                H.style.left = E.left + "px", H.style.top = E.top + "px";
               }
               ne = !1, $.mirrorContainer.appendChild(H);
             }
             function Jt() {
-              y && (l.rm($.mirrorContainer, "gu-unselectable"), u(b, "remove", "mousemove", qe), T(y).removeChild(y), y = null);
+              b && (l.rm($.mirrorContainer, "gu-unselectable"), u(C, "remove", "mousemove", qe), x(b).removeChild(b), b = null);
             }
             function Kt() {
-              H && (T(H).removeChild(H), H = null);
+              H && (x(H).removeChild(H), H = null);
             }
-            function st(M, j) {
-              for (var q = j; q !== M && T(q) !== M; )
-                q = T(q);
-              return q === b ? null : q;
+            function st(E, j) {
+              for (var W = j; W !== E && x(W) !== E; )
+                W = x(W);
+              return W === C ? null : W;
             }
-            function en(M, j) {
+            function en(E, j) {
               if (!j)
                 return ne;
-              var q = M || j && j.lastElementChild;
-              if (!q)
+              var W = E || j && j.lastElementChild;
+              if (!W)
                 return !0;
-              var z = getComputedStyle(M), K = /^inline/.test(z.getPropertyValue("display")) || /^(left|right)$/.test(z.getPropertyValue("float"));
+              var z = getComputedStyle(E), K = /^inline/.test(z.getPropertyValue("display")) || /^(left|right)$/.test(z.getPropertyValue("float"));
               if (K)
                 return !0;
               if (j) {
@@ -3085,10 +3085,10 @@ var _t = { exports: {} };
               }
               return !0;
             }
-            function tn(M) {
-              if (!M.children || !M.children.length)
+            function tn(E) {
+              if (!E.children || !E.children.length)
                 return !1;
-              for (const j of Array.from(M.children)) {
+              for (const j of Array.from(E.children)) {
                 const z = (j.className && j.className.split(" ") || []).filter((K) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(K));
                 if (!z.length)
                   return !1;
@@ -3100,93 +3100,93 @@ var _t = { exports: {} };
               }
               return !0;
             }
-            function nn(M, j) {
-              const q = j.getBoundingClientRect();
-              if (H.style.left = q.left + "px", H.style.top = q.top + "px", ne) {
-                if (H.style.height = q.height + "px", H.style.width = "4px", M) {
-                  const z = M.getBoundingClientRect();
-                  z.top !== q.top && (H.style.left = z.right + "px", H.style.top = z.top + "px", H.style.height = z.height + "px");
+            function nn(E, j) {
+              const W = j.getBoundingClientRect();
+              if (H.style.left = W.left + "px", H.style.top = W.top + "px", ne) {
+                if (H.style.height = W.height + "px", H.style.width = "4px", E) {
+                  const z = E.getBoundingClientRect();
+                  z.top !== W.top && (H.style.left = z.right + "px", H.style.top = z.top + "px", H.style.height = z.height + "px");
                 }
-              } else if (H.style.height = "4px", H.style.width = q.width + "px", U) {
+              } else if (H.style.height = "4px", H.style.width = W.width + "px", U) {
                 const z = U.getBoundingClientRect();
-                q.top < z.top && (H.style.display = "none");
+                W.top < z.top && (H.style.display = "none");
               }
-              j === C && C && (H.style.display = "none");
+              j === w && w && (H.style.display = "none");
             }
-            function on(M) {
-              _ = null;
-              var j = M.lastElementChild;
+            function on(E) {
+              L = null;
+              var j = E.lastElementChild;
               if (j) {
-                var q = j.getBoundingClientRect();
-                ne ? (H.style.left = q.right + "px", H.style.top = q.top + "px", H.style.height = q.height + "px", H.style.width = "4px") : (H.style.left = q.left + "px", H.style.top = q.bottom + "px", H.style.height = "4px", H.style.width = q.width + "px"), j === C && C && (H.style.display = "none");
+                var W = j.getBoundingClientRect();
+                ne ? (H.style.left = W.right + "px", H.style.top = W.top + "px", H.style.height = W.height + "px", H.style.width = "4px") : (H.style.left = W.left + "px", H.style.top = W.bottom + "px", H.style.height = "4px", H.style.width = W.width + "px"), j === w && w && (H.style.display = "none");
               } else
                 H.style.display = "none";
             }
-            function rn(M, j) {
-              if (!$.mirrorContainer.contains(M) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (U = f(M), !U || !U.contains(M)))
+            function rn(E, j) {
+              if (!$.mirrorContainer.contains(E) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (U = f(E), !U || !U.contains(E)))
                 return;
-              const q = document.querySelector(".dgComponentSelected"), z = U.getBoundingClientRect();
+              const W = document.querySelector(".dgComponentSelected"), z = U.getBoundingClientRect();
               if (j - 30 < z.top && U.scrollTop > 0) {
                 let K = U.scrollTop < 10 ? U.scrollTop : 10;
-                U.scrollBy(0, -1 * K), q && U.contains(q) && (N = N + -1 * K);
+                U.scrollBy(0, -1 * K), W && U.contains(W) && (N = N + -1 * K);
               }
               if (j + 30 > z.bottom && U.scrollTop < U.scrollHeight - U.clientHeight) {
                 const K = U.scrollHeight - U.clientHeight - U.scrollTop;
                 let te = K < 10 ? K : 10;
-                U.scrollBy(0, te), q && U.contains(q) && (N = N + te);
+                U.scrollBy(0, te), W && U.contains(W) && (N = N + te);
               }
             }
-            function at(M, j, q, z) {
-              var K = $.direction === "horizontal", te = $.direction === "mixed", me = j !== M ? ge() : fe();
+            function at(E, j, W, z) {
+              var K = $.direction === "horizontal", te = $.direction === "mixed", me = j !== E ? ge() : fe();
               return me;
               function fe() {
-                var le = M.children.length, ve, pe, ue;
+                var le = E.children.length, ve, pe, ue;
                 for (ve = 0; ve < le; ve++)
-                  if (pe = M.children[ve], ue = pe.getBoundingClientRect(), K && ue.left + ue.width / 2 > q || !te && !K && ue.top + ue.height / 2 > z || te && ue.left + ue.width > q && ue.top + ue.height > z)
+                  if (pe = E.children[ve], ue = pe.getBoundingClientRect(), K && ue.left + ue.width / 2 > W || !te && !K && ue.top + ue.height / 2 > z || te && ue.left + ue.width > W && ue.top + ue.height > z)
                     return pe;
                 return null;
               }
               function ge() {
                 var le = j.getBoundingClientRect();
                 if (te) {
-                  var ve = z - le.top, pe = q - le.left, ue = le.bottom - z, We = le.right - q, Ue = Math.min(pe, We, ve, ue), He;
+                  var ve = z - le.top, pe = W - le.left, ue = le.bottom - z, We = le.right - W, Ue = Math.min(pe, We, ve, ue), He;
                   return ne ? He = We < pe : He = ue === Ue || We === Ue || pe === Ue, he(He);
                 }
-                return he(K ? q > le.left + R(le) / 2 : z > le.top + B(le) / 2);
+                return he(K ? W > le.left + R(le) / 2 : z > le.top + k(le) / 2);
               }
               function he(le) {
                 return le ? p(j) : j;
               }
             }
-            function sn(M, j) {
-              return typeof $.copy == "boolean" ? $.copy : $.copy(M, j);
+            function sn(E, j) {
+              return typeof $.copy == "boolean" ? $.copy : $.copy(E, j);
             }
           }
-          function f(w) {
+          function f(y) {
             const v = Array.from(window.scrollContainerList);
             if (v.length === 1) {
-              const y = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(y);
+              const b = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(b);
             }
             const d = h(v);
-            for (const y of d)
-              if (y.contains(w))
-                return y;
+            for (const b of d)
+              if (b.contains(y))
+                return b;
             return null;
           }
-          function h(w) {
+          function h(y) {
             const v = [];
-            return w.forEach((d) => {
-              const y = document.getElementById(d);
-              y && v.push(y);
-            }), v.sort((d, y) => d.contains(y) ? 1 : y.contains(d) ? -1 : 0), v;
+            return y.forEach((d) => {
+              const b = document.getElementById(d);
+              b && v.push(b);
+            }), v.sort((d, b) => d.contains(b) ? 1 : b.contains(d) ? -1 : 0), v;
           }
-          function u(w, v, d, y) {
+          function u(y, v, d, b) {
             var D = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
-            }, C = {
+            }, w = {
               mouseup: "pointerup",
               mousedown: "pointerdown",
               mousemove: "pointermove"
@@ -3195,66 +3195,66 @@ var _t = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            i.navigator.pointerEnabled ? g[v](w, C[d], y) : i.navigator.msPointerEnabled ? g[v](w, I[d], y) : (g[v](w, D[d], y), g[v](w, d, y));
+            i.navigator.pointerEnabled ? g[v](y, w[d], b) : i.navigator.msPointerEnabled ? g[v](y, I[d], b) : (g[v](y, D[d], b), g[v](y, d, b));
           }
-          function a(w) {
-            if (w.touches !== void 0)
-              return w.touches.length;
-            if (w.which !== void 0 && w.which !== 0)
-              return w.which;
-            if (w.buttons !== void 0)
-              return w.buttons;
-            var v = w.button;
+          function a(y) {
+            if (y.touches !== void 0)
+              return y.touches.length;
+            if (y.which !== void 0 && y.which !== 0)
+              return y.which;
+            if (y.buttons !== void 0)
+              return y.buttons;
+            var v = y.button;
             if (v !== void 0)
               return v & 1 ? 1 : v & 2 ? 3 : v & 4 ? 2 : 0;
           }
-          function S(w, v, d) {
-            w = w || {};
-            var y = w.className || "", D;
-            return w.className += " gu-hide", D = m.elementFromPoint(v, d), w.className = y, D;
+          function S(y, v, d) {
+            y = y || {};
+            var b = y.className || "", D;
+            return y.className += " gu-hide", D = m.elementFromPoint(v, d), y.className = b, D;
           }
           function F() {
             return !1;
           }
-          function k() {
+          function M() {
             return !0;
           }
-          function R(w) {
-            return w.width || w.right - w.left;
+          function R(y) {
+            return y.width || y.right - y.left;
           }
-          function B(w) {
-            return w.height || w.bottom - w.top;
+          function k(y) {
+            return y.height || y.bottom - y.top;
           }
-          function T(w) {
-            return w.parentNode === m ? null : w.parentNode;
+          function x(y) {
+            return y.parentNode === m ? null : y.parentNode;
           }
-          function A(w) {
-            return w.tagName === "INPUT" || w.tagName === "TEXTAREA" || w.tagName === "SELECT" || E(w);
+          function A(y) {
+            return y.tagName === "INPUT" || y.tagName === "TEXTAREA" || y.tagName === "SELECT" || P(y);
           }
-          function E(w) {
-            return !w || w.contentEditable === "false" ? !1 : w.contentEditable === "true" ? !0 : E(T(w));
+          function P(y) {
+            return !y || y.contentEditable === "false" ? !1 : y.contentEditable === "true" ? !0 : P(x(y));
           }
-          function p(w) {
-            return w.nextElementSibling || v();
+          function p(y) {
+            return y.nextElementSibling || v();
             function v() {
-              var d = w;
+              var d = y;
               do
                 d = d.nextSibling;
               while (d && d.nodeType !== 1);
               return d;
             }
           }
-          function x(w) {
-            return w.targetTouches && w.targetTouches.length ? w.targetTouches[0] : w.changedTouches && w.changedTouches.length ? w.changedTouches[0] : w;
+          function B(y) {
+            return y.targetTouches && y.targetTouches.length ? y.targetTouches[0] : y.changedTouches && y.changedTouches.length ? y.changedTouches[0] : y;
           }
-          function P(w, v) {
-            var d = x(v), y = {
+          function T(y, v) {
+            var d = B(v), b = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return w in y && !(w in d) && y[w] in d && (w = y[w]), d[w];
+            return y in b && !(y in d) && b[y] in d && (y = b[y]), d[y];
           }
           o.exports = c;
         }).call(this, typeof be < "u" ? be : typeof self < "u" ? self : typeof window < "u" ? window : {});
@@ -3275,7 +3275,7 @@ var _t = { exports: {} };
       5: [function(n, o, r) {
         var i = n("atoa"), s = n("./debounce");
         o.exports = function(l, m) {
-          var b = m || {}, c = {};
+          var C = m || {}, c = {};
           return l === void 0 && (l = {}), l.on = function(f, h) {
             return c[f] ? c[f].push(h) : c[f] = [h], l;
           }, l.once = function(f, h) {
@@ -3300,10 +3300,10 @@ var _t = { exports: {} };
             var h = (c[f] || []).slice(0);
             return function() {
               var u = i(arguments), a = this || l;
-              if (f === "error" && b.throws !== !1 && !h.length)
+              if (f === "error" && C.throws !== !1 && !h.length)
                 throw u.length === 1 ? u[0] : u;
               return h.forEach(function(F) {
-                b.async ? s(F, u, a) : F.apply(a, u), F._once && l.off(f, F);
+                C.async ? s(F, u, a) : F.apply(a, u), F._once && l.off(f, F);
               }), l;
             };
           }, l;
@@ -3311,67 +3311,67 @@ var _t = { exports: {} };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(n, o, r) {
         (function(i) {
-          var s = n("custom-event"), g = n("./eventmap"), l = i.document, m = f, b = u, c = [];
-          i.addEventListener || (m = h, b = a), o.exports = {
+          var s = n("custom-event"), g = n("./eventmap"), l = i.document, m = f, C = u, c = [];
+          i.addEventListener || (m = h, C = a), o.exports = {
             add: m,
-            remove: b,
+            remove: C,
             fabricate: S
           };
-          function f(T, A, E, p) {
-            return T.addEventListener(A, E, p);
+          function f(x, A, P, p) {
+            return x.addEventListener(A, P, p);
           }
-          function h(T, A, E) {
-            return T.attachEvent("on" + A, k(T, A, E));
+          function h(x, A, P) {
+            return x.attachEvent("on" + A, M(x, A, P));
           }
-          function u(T, A, E, p) {
-            return T.removeEventListener(A, E, p);
+          function u(x, A, P, p) {
+            return x.removeEventListener(A, P, p);
           }
-          function a(T, A, E) {
-            var p = R(T, A, E);
+          function a(x, A, P) {
+            var p = R(x, A, P);
             if (p)
-              return T.detachEvent("on" + A, p);
+              return x.detachEvent("on" + A, p);
           }
-          function S(T, A, E) {
-            var p = g.indexOf(A) === -1 ? P() : x();
-            T.dispatchEvent ? T.dispatchEvent(p) : T.fireEvent("on" + A, p);
-            function x() {
-              var w;
-              return l.createEvent ? (w = l.createEvent("Event"), w.initEvent(A, !0, !0)) : l.createEventObject && (w = l.createEventObject()), w;
+          function S(x, A, P) {
+            var p = g.indexOf(A) === -1 ? T() : B();
+            x.dispatchEvent ? x.dispatchEvent(p) : x.fireEvent("on" + A, p);
+            function B() {
+              var y;
+              return l.createEvent ? (y = l.createEvent("Event"), y.initEvent(A, !0, !0)) : l.createEventObject && (y = l.createEventObject()), y;
             }
-            function P() {
-              return new s(A, { detail: E });
+            function T() {
+              return new s(A, { detail: P });
             }
           }
-          function F(T, A, E) {
-            return function(x) {
-              var P = x || i.event;
-              P.target = P.target || P.srcElement, P.preventDefault = P.preventDefault || function() {
-                P.returnValue = !1;
-              }, P.stopPropagation = P.stopPropagation || function() {
-                P.cancelBubble = !0;
-              }, P.which = P.which || P.keyCode, E.call(T, P);
+          function F(x, A, P) {
+            return function(B) {
+              var T = B || i.event;
+              T.target = T.target || T.srcElement, T.preventDefault = T.preventDefault || function() {
+                T.returnValue = !1;
+              }, T.stopPropagation = T.stopPropagation || function() {
+                T.cancelBubble = !0;
+              }, T.which = T.which || T.keyCode, P.call(x, T);
             };
           }
-          function k(T, A, E) {
-            var p = R(T, A, E) || F(T, A, E);
+          function M(x, A, P) {
+            var p = R(x, A, P) || F(x, A, P);
             return c.push({
               wrapper: p,
-              element: T,
+              element: x,
               type: A,
-              fn: E
+              fn: P
             }), p;
           }
-          function R(T, A, E) {
-            var p = B(T, A, E);
+          function R(x, A, P) {
+            var p = k(x, A, P);
             if (p) {
-              var x = c[p].wrapper;
-              return c.splice(p, 1), x;
+              var B = c[p].wrapper;
+              return c.splice(p, 1), B;
             }
           }
-          function B(T, A, E) {
-            var p, x;
+          function k(x, A, P) {
+            var p, B;
             for (p = 0; p < c.length; p++)
-              if (x = c[p], x.element === T && x.type === A && x.fn === E)
+              if (B = c[p], B.element === x && B.type === A && B.fn === P)
                 return p;
           }
         }).call(this, typeof be < "u" ? be : typeof self < "u" ? self : typeof window < "u" ? window : {});
@@ -3397,14 +3397,14 @@ var _t = { exports: {} };
           }
           o.exports = g() ? s : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(m, b) {
+            typeof document < "u" && typeof document.createEvent == "function" ? function(m, C) {
               var c = document.createEvent("CustomEvent");
-              return b ? c.initCustomEvent(m, b.bubbles, b.cancelable, b.detail) : c.initCustomEvent(m, !1, !1, void 0), c;
+              return C ? c.initCustomEvent(m, C.bubbles, C.cancelable, C.detail) : c.initCustomEvent(m, !1, !1, void 0), c;
             } : (
               // IE <= 8
-              function(m, b) {
+              function(m, C) {
                 var c = document.createEventObject();
-                return c.type = m, b ? (c.bubbles = !!b.bubbles, c.cancelable = !!b.cancelable, c.detail = b.detail) : (c.bubbles = !1, c.cancelable = !1, c.detail = void 0), c;
+                return c.type = m, C ? (c.bubbles = !!C.bubbles, c.cancelable = !!C.cancelable, c.detail = C.detail) : (c.bubbles = !1, c.cancelable = !1, c.detail = void 0), c;
               }
             )
           );
@@ -3430,33 +3430,33 @@ var _t = { exports: {} };
             g = m;
           }
         })();
-        function b(B) {
+        function C(k) {
           if (s === setTimeout)
-            return setTimeout(B, 0);
+            return setTimeout(k, 0);
           if ((s === l || !s) && setTimeout)
-            return s = setTimeout, setTimeout(B, 0);
+            return s = setTimeout, setTimeout(k, 0);
           try {
-            return s(B, 0);
+            return s(k, 0);
           } catch {
             try {
-              return s.call(null, B, 0);
+              return s.call(null, k, 0);
             } catch {
-              return s.call(this, B, 0);
+              return s.call(this, k, 0);
             }
           }
         }
-        function c(B) {
+        function c(k) {
           if (g === clearTimeout)
-            return clearTimeout(B);
+            return clearTimeout(k);
           if ((g === m || !g) && clearTimeout)
-            return g = clearTimeout, clearTimeout(B);
+            return g = clearTimeout, clearTimeout(k);
           try {
-            return g(B);
+            return g(k);
           } catch {
             try {
-              return g.call(null, B);
+              return g.call(null, k);
             } catch {
-              return g.call(this, B);
+              return g.call(this, k);
             }
           }
         }
@@ -3466,38 +3466,38 @@ var _t = { exports: {} };
         }
         function F() {
           if (!h) {
-            var B = b(S);
+            var k = C(S);
             h = !0;
-            for (var T = f.length; T; ) {
-              for (u = f, f = []; ++a < T; )
+            for (var x = f.length; x; ) {
+              for (u = f, f = []; ++a < x; )
                 u && u[a].run();
-              a = -1, T = f.length;
+              a = -1, x = f.length;
             }
-            u = null, h = !1, c(B);
+            u = null, h = !1, c(k);
           }
         }
-        i.nextTick = function(B) {
-          var T = new Array(arguments.length - 1);
+        i.nextTick = function(k) {
+          var x = new Array(arguments.length - 1);
           if (arguments.length > 1)
             for (var A = 1; A < arguments.length; A++)
-              T[A - 1] = arguments[A];
-          f.push(new k(B, T)), f.length === 1 && !h && b(F);
+              x[A - 1] = arguments[A];
+          f.push(new M(k, x)), f.length === 1 && !h && C(F);
         };
-        function k(B, T) {
-          this.fun = B, this.array = T;
+        function M(k, x) {
+          this.fun = k, this.array = x;
         }
-        k.prototype.run = function() {
+        M.prototype.run = function() {
           this.fun.apply(null, this.array);
         }, i.title = "browser", i.browser = !0, i.env = {}, i.argv = [], i.version = "", i.versions = {};
         function R() {
         }
-        i.on = R, i.addListener = R, i.once = R, i.off = R, i.removeListener = R, i.removeAllListeners = R, i.emit = R, i.prependListener = R, i.prependOnceListener = R, i.listeners = function(B) {
+        i.on = R, i.addListener = R, i.once = R, i.off = R, i.removeListener = R, i.removeAllListeners = R, i.emit = R, i.prependListener = R, i.prependOnceListener = R, i.listeners = function(k) {
           return [];
-        }, i.binding = function(B) {
+        }, i.binding = function(k) {
           throw new Error("process.binding is not supported");
         }, i.cwd = function() {
           return "/";
-        }, i.chdir = function(B) {
+        }, i.chdir = function(k) {
           throw new Error("process.chdir is not supported");
         }, i.umask = function() {
           return 0;
@@ -3515,7 +3515,7 @@ var _t = { exports: {} };
       }, { timers: 11 }],
       11: [function(n, o, r) {
         (function(i, s) {
-          var g = n("process/browser.js").nextTick, l = Function.prototype.apply, m = Array.prototype.slice, b = {}, c = 0;
+          var g = n("process/browser.js").nextTick, l = Function.prototype.apply, m = Array.prototype.slice, C = {}, c = 0;
           r.setTimeout = function() {
             return new f(l.call(setTimeout, window, arguments), clearTimeout);
           }, r.setInterval = function() {
@@ -3541,11 +3541,11 @@ var _t = { exports: {} };
             }, u));
           }, r.setImmediate = typeof i == "function" ? i : function(h) {
             var u = c++, a = arguments.length < 2 ? !1 : m.call(arguments, 1);
-            return b[u] = !0, g(function() {
-              b[u] && (a ? h.apply(null, a) : h.call(null), r.clearImmediate(u));
+            return C[u] = !0, g(function() {
+              C[u] && (a ? h.apply(null, a) : h.call(null), r.clearImmediate(u));
             }), u;
           }, r.clearImmediate = typeof s == "function" ? s : function(h) {
-            delete b[h];
+            delete C[h];
           };
         }).call(this, n("timers").setImmediate, n("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
@@ -3566,8 +3566,8 @@ function zo(t) {
       m = Array.from(i.children).findIndex((u) => u.getAttribute("id") === h);
     } else
       m = Array.from(i.children).length;
-    const b = r.getAttribute("id"), c = Array.from(i.children).findIndex((h) => h.getAttribute("id") === b), f = l.buttons[c];
-    c !== m && c > -1 && m > -1 && (c < m && (m = m - 1), l.buttons.splice(c, 1), l.buttons.splice(m, 0, f), g(), Me(() => {
+    const C = r.getAttribute("id"), c = Array.from(i.children).findIndex((h) => h.getAttribute("id") === C), f = l.buttons[c];
+    c !== m && c > -1 && m > -1 && (c < m && (m = m - 1), l.buttons.splice(c, 1), l.buttons.splice(m, 0, f), g(), De(() => {
       const h = i.querySelector(".dgComponentSelected");
       h != null && h.className.includes("dgComponentSelected") && (h.classList.remove("dgComponentSelected"), h.classList.remove("dgComponentFocused"), h.click()), Te.value++;
     }));
@@ -3581,10 +3581,10 @@ function zo(t) {
       },
       // 判断是否可移动
       moves(g, l, m) {
-        let b = !0;
-        return m.classList.contains("dropdown-item") ? (b = !1, b) : (g.classList.contains("no-drag") && (b = !1), b);
+        let C = !0;
+        return m.classList.contains("dropdown-item") ? (C = !1, C) : (g.classList.contains("no-drag") && (C = !1), C);
       }
-    }).on("drop", (g, l, m, b) => n(g, l, b, s)));
+    }).on("drop", (g, l, m, C) => n(g, l, C, s)));
   }
   return {
     dragulaInstance: e,
@@ -3597,42 +3597,42 @@ function Go(t, e, n) {
     actionHandlers: r
   } = n;
   let i;
-  function s(k) {
-    i = k;
+  function s(M) {
+    i = M;
   }
-  function g(k, R = null) {
-    const B = e.value.find((T) => T.id === k.id);
-    if (B.isDP)
+  function g(M, R = null) {
+    const k = e.value.find((x) => x.id === M.id);
+    if (k.isDP)
       if (document.body.click(), typeof R == "boolean")
-        B.expanded = R;
+        k.expanded = R;
       else {
-        const T = k.expanded;
-        B.expanded = !T;
+        const x = M.expanded;
+        k.expanded = !x;
       }
   }
   r.toggleDropdownMenu = g;
-  function l(k) {
-    var B;
+  function l(M) {
+    var k;
     const R = {
       "dropdown-menu": !0
     };
-    if (k.class) {
-      const T = (B = k.menuClass) == null ? void 0 : B.split(" ");
-      T && T.length && T.reduce((A, E) => (A[E] = !0, A), R);
+    if (M.class) {
+      const x = (k = M.menuClass) == null ? void 0 : k.split(" ");
+      x && x.length && x.reduce((A, P) => (A[P] = !0, A), R);
     }
     return R;
   }
-  function m(k) {
-    var T;
+  function m(M) {
+    var x;
     const R = {
-      disabled: k.disabled === !1,
+      disabled: M.disabled === !1,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
-    }, B = (T = k.dropdownClass) == null ? void 0 : T.split(" ");
-    return B && B.length && B.reduce((A, E) => (A[E] = !0, A), R), R;
+    }, k = (x = M.dropdownClass) == null ? void 0 : x.split(" ");
+    return k && k.length && k.reduce((A, P) => (A[P] = !0, A), R), R;
   }
-  function b(k) {
+  function C(M) {
     const R = {
       disabled: !1,
       "dropdown-item": !0,
@@ -3640,125 +3640,125 @@ function Go(t, e, n) {
       "position-relative": !0,
       "farris-component": !0,
       "text-truncate": !0
-    }, B = (k.class || "").split(" ");
-    return B && B.length && B.reduce((T, A) => (T[A] = !0, T), R), R;
+    }, k = (M.class || "").split(" ");
+    return k && k.length && k.reduce((x, A) => (x[A] = !0, x), R), R;
   }
   let c;
   const f = /* @__PURE__ */ new Map();
-  function h(k, R, B) {
-    k.stopPropagation();
-    const T = B ? B.id : "__top_item__";
+  function h(M, R, k) {
+    M.stopPropagation();
+    const x = k ? k.id : "__top_item__";
     if (R.children && R.children.length && (R.expanded = !R.expanded, R.expanded)) {
-      if (f.has(T) && f.get(T) !== R) {
-        const A = f.get(T);
-        A && (A.expanded = !1, f.delete(T));
+      if (f.has(x) && f.get(x) !== R) {
+        const A = f.get(x);
+        A && (A.expanded = !1, f.delete(x));
       }
-      f.set(T, R);
+      f.set(x, R);
     }
   }
-  function u(k) {
+  function u(M) {
     var R;
-    return (R = k.children) == null ? void 0 : R.map((B, T) => B.children && B.children.length ? O("li", {
-      class: m(B),
-      id: B.id
+    return (R = M.children) == null ? void 0 : R.map((k, x) => k.children && k.children.length ? O("li", {
+      class: m(k),
+      id: k.id
     }, [O("span", {
-      class: b(B),
-      onClick: (A) => h(A, B, k)
-    }, [B.text, O("i", {
+      class: C(k),
+      onClick: (A) => h(A, k, M)
+    }, [k.text, O("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), c(B, B)]) : o(B, T, !0));
+    }, null)]), c(k, k)]) : o(k, x, !0));
   }
-  function a(k, R, B, T) {
+  function a(M, R, k, x) {
     const {
       height: p,
-      left: x,
-      top: P
-    } = T[0], {
-      width: w,
+      left: B,
+      top: T
+    } = x[0], {
+      width: y,
       height: v
-    } = B.getBoundingClientRect(), {
+    } = k.getBoundingClientRect(), {
       marginTop: d,
-      marginBottom: y
-    } = getComputedStyle(B), D = Math.ceil(parseFloat(d)) + Math.ceil(parseFloat(y)), C = P + p, I = R == null ? void 0 : R.getBoundingClientRect();
-    function W() {
+      marginBottom: b
+    } = getComputedStyle(k), D = Math.ceil(parseFloat(d)) + Math.ceil(parseFloat(b)), w = T + p, I = R == null ? void 0 : R.getBoundingClientRect();
+    function V() {
       let Z = 0, X = "left";
       const J = I ? I.right : window.innerWidth, H = I ? I.left : 0;
-      return Z = J - x - 10, J - x < w && x - H > J - x && (X = "right", Z = x - H - 10), {
+      return Z = J - B - 10, J - B < y && B - H > J - B && (X = "right", Z = B - H - 10), {
         hposition: X,
         maxWidth: Math.min(Z, 300)
       };
     }
-    let V = 0, _ = "bottom";
-    if (k === "tabs" || k === "section")
-      V = R.getBoundingClientRect().bottom - C - D - 10;
+    let _ = 0, L = "bottom";
+    if (M === "tabs" || M === "section")
+      _ = R.getBoundingClientRect().bottom - w - D - 10;
     else {
       const Z = I ? I.bottom : window.innerHeight;
-      V = k === "page-header" ? Z - C : P, V = V - D - 10, _ = k === "page-header" ? "bottom" : "top";
+      _ = M === "page-header" ? Z - w : T, _ = _ - D - 10, L = M === "page-header" ? "bottom" : "top";
     }
-    const L = W();
+    const q = V();
     return {
-      position: _ + "-" + L.hposition,
-      maxWidth: L.maxWidth,
-      maxHeight: V
+      position: L + "-" + q.hposition,
+      maxWidth: q.maxWidth,
+      maxHeight: _
     };
   }
-  function S(k) {
-    var E, p, x;
-    const R = "300px", B = {
-      display: k.expanded === !0 ? "block" : "none",
+  function S(M) {
+    var P, p, B;
+    const R = "300px", k = {
+      display: M.expanded === !0 ? "block" : "none",
       position: "absolute",
       maxWidth: R,
       minWidth: "120px"
     };
     if (!(i != null && i.value))
-      return B;
-    const T = i.value.querySelector("#" + k.id), A = T == null ? void 0 : T.getClientRects();
-    if (T && A && A.length > 0) {
-      const P = T ? T.querySelector("#" + k.id + "_menu") : null;
-      if (!P || k.expanded !== !0)
-        return B;
-      P.style.visibility = "hidden", P.style.display = "block", P.style.maxHeight = "auto", P.style.maxWidth = R;
-      let w;
+      return k;
+    const x = i.value.querySelector("#" + M.id), A = x == null ? void 0 : x.getClientRects();
+    if (x && A && A.length > 0) {
+      const T = x ? x.querySelector("#" + M.id + "_menu") : null;
+      if (!T || M.expanded !== !0)
+        return k;
+      T.style.visibility = "hidden", T.style.display = "block", T.style.maxHeight = "auto", T.style.maxWidth = R;
+      let y;
       switch (r.toolbarPosition) {
         case "tabs":
-          w = (E = i.value) == null ? void 0 : E.closest(".farris-tabs");
+          y = (P = i.value) == null ? void 0 : P.closest(".farris-tabs");
           break;
         case "section":
-          w = (p = i.value) == null ? void 0 : p.closest(".f-section");
+          y = (p = i.value) == null ? void 0 : p.closest(".f-section");
           break;
         default:
-          w = (x = i.value) == null ? void 0 : x.closest(".f-page");
+          y = (B = i.value) == null ? void 0 : B.closest(".f-page");
       }
-      const v = a(r.toolbarPosition, w, P, A), {
+      const v = a(r.toolbarPosition, y, T, A), {
         position: d,
-        maxHeight: y,
+        maxHeight: b,
         maxWidth: D
       } = v;
-      P.style.visibility = "visible";
-      const C = {
+      T.style.visibility = "visible";
+      const w = {
         left: d.indexOf("left") > -1 ? 0 : "unset",
         right: d.indexOf("left") > -1 ? "unset" : 0,
         bottom: d.indexOf("bottom") > -1 ? "unset" : "100%",
         top: d.indexOf("bottom") > -1 ? "!00%" : "unset",
         maxWidth: D ? D + "px" : "300px",
-        maxHeight: y ? y + "px" : "auto",
-        overflowY: y ? "auto" : "unset"
+        maxHeight: b ? b + "px" : "auto",
+        overflowY: b ? "auto" : "unset"
       };
-      Object.assign(B, C);
+      Object.assign(k, w);
     }
-    return B;
+    return k;
   }
-  r.changeMenuPosition = S, c = function(k, R) {
+  r.changeMenuPosition = S, c = function(M, R) {
     return O("ul", {
-      class: l(k),
-      style: S(k),
-      id: k.id + "_menu"
-    }, [u(k)]);
+      class: l(M),
+      style: S(M),
+      id: M.id + "_menu"
+    }, [u(M)]);
   };
-  function F(k = "") {
-    k && f.has(k) ? f.forEach((R, B) => {
-      B !== k && (R.expanded = !1, f.delete(B));
+  function F(M = "") {
+    M && f.has(M) ? f.forEach((R, k) => {
+      k !== M && (R.expanded = !1, f.delete(k));
     }) : (f.forEach((R) => {
       R.expanded = !1;
     }), f.clear());
@@ -3784,7 +3784,7 @@ const Yo = {
   modelValue: { type: Object }
 };
 function Xo(t, e, n) {
-  var p;
+  var B;
   const o = "", r = Y();
   let i;
   function s() {
@@ -3799,93 +3799,96 @@ function Xo(t, e, n) {
   function m() {
     return !0;
   }
-  function b(x) {
-    if (!x || !x.value)
+  function C() {
+    return !0;
+  }
+  function c(T) {
+    if (!T || !T.value)
       return null;
-    const P = Y(x == null ? void 0 : x.value.parent), w = b(P);
-    return w || null;
+    const y = Y(T == null ? void 0 : T.value.parent), v = c(y);
+    return v || null;
   }
-  function c(x = e) {
-    var d;
-    const { componentInstance: P, designerItemElementRef: w } = x;
-    if (!P || !P.value)
+  function f(T = e) {
+    var b;
+    const { componentInstance: y, designerItemElementRef: v } = T;
+    if (!y || !y.value)
       return null;
-    const { getCustomButtons: v } = P.value;
-    return P.value.canMove || P.value.canAdd || P.value.canDelete || v && ((d = v()) != null && d.length) ? w : c(x.parent);
+    const { getCustomButtons: d } = y.value;
+    return y.value.canMove || y.value.canAdd || y.value.canDelete || d && ((b = d()) != null && b.length) ? v : f(T.parent);
   }
-  function f() {
+  function h() {
   }
-  function h(x) {
-    return !1;
+  function u(T) {
+    return !!n;
   }
-  function u() {
+  function a() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function a() {
+  function S() {
   }
-  function S(x, P) {
+  function F(T, y) {
   }
-  function F(x) {
-    const { componentType: P } = x, w = de("designer-host-service");
-    let v = ht(P, x, w);
-    const d = P.toLowerCase().replace(/-/g, "_");
-    return v && !v.id && v.type === P && (v.id = `${d}_${Math.random().toString().slice(2, 6)}`), v;
+  function M(T) {
+    const { componentType: y } = T, v = de("designer-host-service");
+    let d = ht(y, T, v);
+    const b = y.toLowerCase().replace(/-/g, "_");
+    return d && !d.id && d.type === y && (d.id = `${b}_${Math.random().toString().slice(2, 6)}`), d;
   }
-  function k(x) {
+  function R(T) {
   }
-  function R(...x) {
+  function k(...T) {
     return [];
   }
-  function B() {
+  function x() {
   }
-  function T(x) {
-    var w;
+  function A(T) {
+    var v;
     if (!(e != null && e.schema))
       return;
-    let P = "";
+    let y = "";
     {
-      const { text: v, title: d, label: y, mainTitle: D, name: C, type: I } = e.schema;
-      P = v || d || y || D || C || ((w = De[I]) == null ? void 0 : w.name);
+      const { text: d, title: b, label: D, mainTitle: w, name: I, type: V } = e.schema;
+      y = d || b || D || w || I || ((v = Me[V]) == null ? void 0 : v.name);
     }
-    P && (!i && x && (i = x.formSchemaUtils), i.getControlBasicInfoMap().set(e.schema.id, {
-      componentTitle: P,
-      parentPathName: P
+    y && (!i && T && (i = T.formSchemaUtils), i.getControlBasicInfoMap().set(e.schema.id, {
+      componentTitle: y,
+      parentPathName: y
     }));
   }
-  function A(x) {
-    var d;
-    const { changeObject: P } = x, { propertyID: w, propertyValue: v } = P;
-    ["text", "title", "label", "name", "mainTitle"].includes((d = x == null ? void 0 : x.changeObject) == null ? void 0 : d.propertyID) && w && v && T();
+  function P(T) {
+    var b;
+    const { changeObject: y } = T, { propertyID: v, propertyValue: d } = y;
+    ["text", "title", "label", "name", "mainTitle"].includes((b = T == null ? void 0 : T.changeObject) == null ? void 0 : b.propertyID) && v && d && A();
   }
-  function E(x) {
-    A(x);
+  function p(T) {
+    P(T);
   }
   return r.value = {
     canMove: s(),
     canSelectParent: g(),
     canAdd: m(),
     canDelete: l(),
-    canNested: !1,
+    canNested: !C(),
     contents: [],
     elementRef: t,
-    parent: (p = e.parent) == null ? void 0 : p.componentInstance,
+    parent: (B = e.parent) == null ? void 0 : B.componentInstance,
     schema: e.schema,
     styles: o,
-    canAccepts: h,
-    getBelongedComponentInstance: b,
-    getDraggableDesignItemElement: c,
-    getDraggingDisplayText: u,
-    getPropConfig: R,
-    getDragScopeElement: a,
-    onAcceptMovedChildElement: S,
-    onChildElementMovedOut: k,
-    addNewChildComponentSchema: F,
-    onRemoveComponent: B,
+    canAccepts: u,
+    getBelongedComponentInstance: c,
+    getDraggableDesignItemElement: f,
+    getDraggingDisplayText: a,
+    getPropConfig: k,
+    getDragScopeElement: S,
+    onAcceptMovedChildElement: F,
+    onChildElementMovedOut: R,
+    addNewChildComponentSchema: M,
+    onRemoveComponent: x,
     triggerBelongedComponentToMoveWhenMoved: Y(!1),
     triggerBelongedComponentToDeleteWhenDeleted: Y(!1),
-    onPropertyChanged: E,
-    getCustomButtons: f,
-    setComponentBasicInfoMap: T
+    onPropertyChanged: p,
+    getCustomButtons: h,
+    setComponentBasicInfoMap: A
   }, r;
 }
 const Lt = /* @__PURE__ */ Se({
@@ -3893,7 +3896,7 @@ const Lt = /* @__PURE__ */ Se({
   props: Yo,
   emits: ["selectionChange", "addComponent", "removeComponent", "clickButton"],
   setup(t, e) {
-    const n = Y(t.canMove), o = Y(t.canAdd), r = Y(t.canDelete), i = Y(!1), s = Y(t.contentKey), g = Y(t.childType), l = Y(t.childLabel), m = Y(t.modelValue), b = Y(""), c = Y(), f = de("canvas-dragula"), h = Y(), u = de("design-item-context"), a = {
+    const n = Y(t.canMove), o = Y(t.canAdd), r = Y(t.canDelete), i = Y(!1), s = Y(t.contentKey), g = Y(t.childType), l = Y(t.childLabel), m = Y(t.modelValue), C = Y(""), c = Y(), f = de("canvas-dragula"), h = Y(), u = de("design-item-context"), a = {
       designerItemElementRef: c,
       componentInstance: h,
       schema: m.value,
@@ -3901,43 +3904,43 @@ const Lt = /* @__PURE__ */ Se({
       setupContext: e
     };
     mt("design-item-context", a);
-    const S = de("designer-host-service"), F = de("external-container-id"), k = ee(() => {
-      var W;
-      const C = ((W = h.value) == null ? void 0 : W.getCustomButtons) && h.value.getCustomButtons();
+    const S = de("designer-host-service"), F = de("external-container-id"), M = ee(() => {
+      var V;
+      const w = ((V = h.value) == null ? void 0 : V.getCustomButtons) && h.value.getCustomButtons();
       return {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
         "flex-fill": t.id === "root-component",
-        "position-relative": n.value || r.value || (C == null ? void 0 : C.length),
+        "position-relative": n.value || r.value || (w == null ? void 0 : w.length),
         "farris-nested": i.value,
         "can-move": n.value,
         "d-none": c.value && c.value.classList.contains("d-none")
       };
     }), R = ee(() => {
-      const C = {};
-      return b.value && b.value.split(";").reduce((I, W) => {
-        const [V, _] = W.split(":");
-        return V && (I[V] = _), I;
-      }, C), C;
+      const w = {};
+      return C.value && C.value.split(";").reduce((I, V) => {
+        const [_, L] = V.split(":");
+        return _ && (I[_] = L), I;
+      }, w), w;
     });
-    function B(C, I) {
+    function k(w, I) {
       if (u && u.schema[s.value]) {
-        const W = u.schema[s.value].findIndex((V) => V.id === I.id);
-        if (W > -1) {
-          const V = u.schema[s.value].length, _ = u.schema[s.value][W % V];
-          u.designerItemElementRef.value.querySelector(`#${_.id}-design-item`), u.schema[s.value].splice(W, 1), Te.value++, e.emit("removeComponent"), e.emit("selectionChange");
+        const V = u.schema[s.value].findIndex((_) => _.id === I.id);
+        if (V > -1) {
+          const _ = u.schema[s.value].length, L = u.schema[s.value][V % _];
+          u.designerItemElementRef.value.querySelector(`#${L.id}-design-item`), u.schema[s.value].splice(V, 1), Te.value++, e.emit("removeComponent"), e.emit("selectionChange");
         }
       }
     }
-    function T(C) {
+    function x(w) {
       if (h.value.addNewChildComponentSchema) {
         const I = {
           componentType: g.value,
           label: l.value,
           parentComponentInstance: h.value,
           targetPosition: -1
-        }, W = h.value.addNewChildComponentSchema(I);
-        m.value[s.value].push(W), e.emit("addComponent");
+        }, V = h.value.addNewChildComponentSchema(I);
+        m.value[s.value].push(V), e.emit("addComponent");
       }
     }
     function A() {
@@ -3946,20 +3949,20 @@ const Lt = /* @__PURE__ */ Se({
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
-        onClick: (C) => {
-          T();
+        onClick: (w) => {
+          x();
         }
       }, [O("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function E(C) {
+    function P(w) {
       return r.value && O("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: fn((I) => B(I, C), ["stop"])
+        onClick: fn((I) => k(I, w), ["stop"])
       }, [O("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
@@ -3975,77 +3978,77 @@ const Lt = /* @__PURE__ */ Se({
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function x() {
+    function B() {
       var I;
-      const C = ((I = h.value) == null ? void 0 : I.getCustomButtons) && h.value.getCustomButtons();
-      return C && !!C.length && C.map((W) => O("div", {
+      const w = ((I = h.value) == null ? void 0 : I.getCustomButtons) && h.value.getCustomButtons();
+      return w && !!w.length && w.map((V) => O("div", {
         role: "button",
-        class: `btn component-settings-button ${W.class || ""} ${W.text ? "settings-button-extend" : ""}`,
-        title: W.title,
-        ref: W.id,
-        onClick: (V) => W.onClick && W.onClick(V)
+        class: `btn component-settings-button ${V.class || ""} ${V.text ? "settings-button-extend" : ""}`,
+        title: V.title,
+        ref: V.id,
+        onClick: (_) => V.onClick && V.onClick(_)
       }, [O("i", {
-        class: "f-icon " + W.icon
-      }, null), W.text && O("span", {
+        class: "f-icon " + V.icon
+      }, null), V.text && O("span", {
         class: "icon-text"
-      }, [W.text])]));
+      }, [V.text])]));
     }
-    function P(C) {
+    function T(w) {
       return O("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [O("div", null, [A(), p(), E(C), x()])]);
+      }, [O("div", null, [A(), p(), P(w), B()])]);
     }
-    we(() => t.modelValue, (C) => {
-      m.value = C, a.schema = C;
+    we(() => t.modelValue, (w) => {
+      m.value = w, a.schema = w;
     });
-    function w(C) {
+    function y(w) {
       window.scrollContainerList || (window.scrollContainerList = /* @__PURE__ */ new Set());
-      const I = C.getAttribute("id");
+      const I = w.getAttribute("id");
       I && window.scrollContainerList.add(I);
     }
-    function v(C) {
-      const I = C.target;
-      w(I), uo(I);
+    function v(w) {
+      const I = w.target;
+      y(I), uo(I);
     }
     function d() {
-      var C, I;
-      (I = (C = m.value) == null ? void 0 : C.contents) != null && I.length && c.value && c.value.addEventListener("scroll", v);
+      var w, I;
+      (I = (w = m.value) == null ? void 0 : w.contents) != null && I.length && c.value && c.value.addEventListener("scroll", v);
     }
-    function y() {
-      const C = c.value, I = Y(C.children[1]);
+    function b() {
+      const w = c.value, I = Y(w.children[1]);
       return Xo(I, a).value;
     }
     ke(() => {
       if (c.value) {
-        const C = c.value.querySelector(`[data-dragref='${m.value.id}-container']`);
-        h.value = C && C.componentInstance ? C.componentInstance.value : y(), f && C && f.attachComponents(C, m.value), i.value = h.value.canNested !== void 0 ? h.value.canNested : i.value, o.value = h.value.canAdd !== void 0 ? h.value.canAdd : o.value, r.value = h.value.canDelete !== void 0 ? h.value.canDelete : r.value, n.value = h.value.canMove !== void 0 ? h.value.canMove : n.value, b.value = h.value.styles || "", c.value && (c.value.componentInstance = h, c.value.designItemContext = a), h.value.setComponentBasicInfoMap(S);
+        const w = c.value.querySelector(`[data-dragref='${m.value.id}-container']`);
+        h.value = w && w.componentInstance ? w.componentInstance.value : b(), f && w && f.attachComponents(w, m.value), i.value = h.value.canNested !== void 0 ? h.value.canNested : i.value, o.value = h.value.canAdd !== void 0 ? h.value.canAdd : o.value, r.value = h.value.canDelete !== void 0 ? h.value.canDelete : r.value, n.value = h.value.canMove !== void 0 ? h.value.canMove : n.value, C.value = h.value.styles || "", c.value && (c.value.componentInstance = h, c.value.designItemContext = a), h.value.setComponentBasicInfoMap(S);
       }
       d(), Te.value++;
     }), dn(() => {
       c.value && c.value.removeEventListener("scroll", v);
     });
-    function D(C) {
-      if (C && (C.preventDefault(), C.stopPropagation()), F) {
-        const V = document.getElementById(`${F}-design-item`);
-        V && V.click();
+    function D(w) {
+      if (w && (w.preventDefault(), w.stopPropagation()), F) {
+        const _ = document.getElementById(`${F}-design-item`);
+        _ && _.click();
         return;
       }
       let I = a.designerItemElementRef;
-      const W = c.value;
-      if (W) {
-        const V = document.getElementsByClassName("dgComponentFocused");
-        V && V.length === 1 && V[0] === c.value && c.value.classList.contains("dgComponentSelected") || (Array.from(V).forEach((L) => L.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((L) => L.classList.remove("dgComponentSelected")), W.classList.add("dgComponentFocused"), e.emit("selectionChange", m.value.type, m.value, t.componentId, h.value), h.value.getDraggableDesignItemElement && (I = h.value.getDraggableDesignItemElement(a), I && I.value && I.value.classList.add("dgComponentSelected")));
+      const V = c.value;
+      if (V) {
+        const _ = document.getElementsByClassName("dgComponentFocused");
+        _ && _.length === 1 && _[0] === c.value && c.value.classList.contains("dgComponentSelected") || (Array.from(_).forEach((q) => q.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((q) => q.classList.remove("dgComponentSelected")), V.classList.add("dgComponentFocused"), e.emit("selectionChange", m.value.type, m.value, t.componentId, h.value), h.value.getDraggableDesignItemElement && (I = h.value.getDraggableDesignItemElement(a), I && I.value && I.value.classList.add("dgComponentSelected")));
       }
       Rt(I == null ? void 0 : I.value);
     }
     return () => O("div", {
       id: `${t.id}-design-item`,
       ref: c,
-      class: k.value,
+      class: M.value,
       style: R.value,
       onClick: D
-    }, [P(m.value), e.slots.default && e.slots.default()]);
+    }, [T(m.value), e.slots.default && e.slots.default()]);
   }
 });
 class Qo extends je {
@@ -4271,32 +4274,32 @@ function Ko(t, e, n) {
   }
   function l(v, d = "") {
     setTimeout(() => {
-      var I, W;
-      const y = (I = t.parent) == null ? void 0 : I.designerItemElementRef.value;
+      var I, V;
+      const b = (I = t.parent) == null ? void 0 : I.designerItemElementRef.value;
       let D;
-      d && (D = y == null ? void 0 : y.querySelector("#" + d));
-      const C = (W = D || y) == null ? void 0 : W.querySelector("#" + v);
-      C == null || C.click();
+      d && (D = b == null ? void 0 : b.querySelector("#" + d));
+      const w = (V = D || b) == null ? void 0 : V.querySelector("#" + v);
+      w == null || w.click();
     }, 0);
   }
   function m(v, d) {
     d.disabled && d.disabled.expressionId && (d.disabled.expressionId = `${d.id}_disabled`), d.visible && d.visible.expressionId && (d.visible.expressionId = `${d.id}_visible`);
-    const y = e.formSchemaUtils.getExpressions(), D = y.find((I) => I.target === v.id);
+    const b = e.formSchemaUtils.getExpressions(), D = b.find((I) => I.target === v.id);
     if (!D || !D.rules || !D.rules.length)
       return;
-    const C = {
+    const w = {
       target: d.id,
       rules: [],
       targetType: "Button"
     };
     D.rules.forEach((I) => {
-      const W = Object.assign(xe(I), {
+      const V = Object.assign(xe(I), {
         id: `${d.id}_${I.type}`
       });
-      C.rules.push(W);
-    }), y.push(C);
+      w.rules.push(V);
+    }), b.push(w);
   }
-  function b() {
+  function C() {
     var D;
     const v = t.schema, d = Object.assign(
       xe(v),
@@ -4306,26 +4309,26 @@ function Ko(t, e, n) {
       }
     );
     (D = e == null ? void 0 : e.designerContext) != null && D.appendIdentifyForNewControl && e.designerContext.appendIdentifyForNewControl(d);
-    let y = [];
-    return d.children && d.children.length && (y = d.children.map((C) => {
-      var W;
-      const I = xe(C);
+    let b = [];
+    return d.children && d.children.length && (b = d.children.map((w) => {
+      var V;
+      const I = xe(w);
       return Object.assign(
         I,
         {
           id: `${t.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
           onClick: null
         }
-      ), (W = e == null ? void 0 : e.designerContext) != null && W.appendIdentifyForNewControl && e.designerContext.appendIdentifyForNewControl(I), m(C, I), I;
-    }), d.children = y), m(v, d), d;
+      ), (V = e == null ? void 0 : e.designerContext) != null && V.appendIdentifyForNewControl && e.designerContext.appendIdentifyForNewControl(I), m(w, I), I;
+    }), d.children = b), m(v, d), d;
   }
   function c() {
-    const v = t.schema.type || "response-toolbar-item", d = Un(v), y = v.toLowerCase().replace("-", "_");
-    return d && !d.id && d.type === v && (d.id = `${y}_${Math.random().toString().slice(2, 6)}`, d.text = "按钮"), d;
+    const v = t.schema.type || "response-toolbar-item", d = Un(v), b = v.toLowerCase().replace("-", "_");
+    return d && !d.id && d.type === v && (d.id = `${b}_${Math.random().toString().slice(2, 6)}`, d.text = "按钮"), d;
   }
   function f(v) {
-    const d = g(), y = d == null ? void 0 : d.findIndex((C) => C.id === v), D = y === -1 ? null : d[y];
-    return { index: y, toolbarItem: D };
+    const d = g(), b = d == null ? void 0 : d.findIndex((w) => w.id === v), D = b === -1 ? null : d[b];
+    return { index: b, toolbarItem: D };
   }
   function h() {
     const v = t.schema.id, d = g();
@@ -4335,12 +4338,12 @@ function Ko(t, e, n) {
     const d = e.formSchemaUtils.getExpressions();
     if (!d || !d.length)
       return;
-    const y = (D) => {
-      const C = d && d.findIndex((I) => I.target === D.id);
-      C > -1 && d.splice(C, 1);
+    const b = (D) => {
+      const w = d && d.findIndex((I) => I.target === D.id);
+      w > -1 && d.splice(w, 1);
     };
-    y(v), v.children && v.children.length && v.children.forEach((D) => {
-      y(D);
+    b(v), v.children && v.children.length && v.children.forEach((D) => {
+      b(D);
     });
   }
   function a(v) {
@@ -4352,50 +4355,50 @@ function Ko(t, e, n) {
     });
   }
   function F() {
-    var D, C, I;
+    var D, w, I;
     if ((D = e == null ? void 0 : e.designerContext) != null && D.checkCanDeleteControl && !e.designerContext.checkCanDeleteControl(t.schema))
       return;
-    const v = g(), { parentIndex: d, itemIndex: y } = dt(t.schema.id, v);
-    d === -1 || y === -1 || (u(t.schema), S(t.schema), v[d].children.splice(y, 1), n.updateToolbarItems(), (C = t.setupContext) == null || C.emit("removeComponent"), (I = t.setupContext) == null || I.emit("selectionChange"), Te.value++);
+    const v = g(), { parentIndex: d, itemIndex: b } = dt(t.schema.id, v);
+    d === -1 || b === -1 || (u(t.schema), S(t.schema), v[d].children.splice(b, 1), n.updateToolbarItems(), (w = t.setupContext) == null || w.emit("removeComponent"), (I = t.setupContext) == null || I.emit("selectionChange"), Te.value++);
   }
-  function k() {
-    var D, C, I;
+  function M() {
+    var D, w, I;
     if ((D = e == null ? void 0 : e.designerContext) != null && D.checkCanDeleteControl && !e.designerContext.checkCanDeleteControl(t.schema))
       return;
-    const v = t.schema.id, d = g(), y = d == null ? void 0 : d.findIndex((W) => W.id === v);
-    y !== -1 && (u(d[y]), S(d[y]), d == null || d.splice(y, 1), n.updateToolbarItems(), (C = t.setupContext) == null || C.emit("removeComponent"), (I = t.setupContext) == null || I.emit("selectionChange"), Te.value++);
+    const v = t.schema.id, d = g(), b = d == null ? void 0 : d.findIndex((V) => V.id === v);
+    b !== -1 && (u(d[b]), S(d[b]), d == null || d.splice(b, 1), n.updateToolbarItems(), (w = t.setupContext) == null || w.emit("removeComponent"), (I = t.setupContext) == null || I.emit("selectionChange"), Te.value++);
   }
   function R(v = "Append") {
-    var W;
-    const d = g(), { parentIndex: y, itemIndex: D } = dt(t.schema.id, d);
-    if (y === -1 || D === -1)
+    var V;
+    const d = g(), { parentIndex: b, itemIndex: D } = dt(t.schema.id, d);
+    if (b === -1 || D === -1)
       return;
-    const C = c(), I = v === "Copy" ? b() : Object.assign({}, C);
-    d[y].children.splice(D + 1, 0, I), n.updateToolbarItems(), a(I.id), (W = t.setupContext) == null || W.emit("addComponent");
+    const w = c(), I = v === "Copy" ? C() : Object.assign({}, w);
+    d[b].children.splice(D + 1, 0, I), n.updateToolbarItems(), a(I.id), (V = t.setupContext) == null || V.emit("addComponent");
   }
-  function B(v, d) {
-    const { index: y } = f(d);
-    if (y === -1)
-      return { index: y, schema: null };
-    const D = c(), C = v === "Copy" ? b() : Object.assign({}, D);
-    return { index: y, schema: C };
+  function k(v, d) {
+    const { index: b } = f(d);
+    if (b === -1)
+      return { index: b, schema: null };
+    const D = c(), w = v === "Copy" ? C() : Object.assign({}, D);
+    return { index: b, schema: w };
   }
-  function T() {
+  function x() {
     var D;
-    const v = t.schema.id, { index: d, schema: y } = B("Copy", v);
-    y && (g().splice(d + 1, 0, y), n.updateToolbarItems(), l(y.id), (D = t.setupContext) == null || D.emit("addComponent"));
+    const v = t.schema.id, { index: d, schema: b } = k("Copy", v);
+    b && (g().splice(d + 1, 0, b), n.updateToolbarItems(), l(b.id), (D = t.setupContext) == null || D.emit("addComponent"));
   }
   function A() {
     var D;
-    const v = t.schema.id, { index: d, schema: y } = B("Append", v);
-    if (y && t.parent) {
+    const v = t.schema.id, { index: d, schema: b } = k("Append", v);
+    if (b && t.parent) {
       const I = g()[d].children || [];
-      I.push(y);
-      const W = g();
-      W[d].children = I, n.updateToolbarItems(), a(y.id), (D = t.setupContext) == null || D.emit("addComponent");
+      I.push(b);
+      const V = g();
+      V[d].children = I, n.updateToolbarItems(), a(b.id), (D = t.setupContext) == null || D.emit("addComponent");
     }
   }
-  function E(v) {
+  function P(v) {
     let d;
     switch (t.schema.type) {
       case "tab-toolbar-item":
@@ -4409,14 +4412,14 @@ function Ko(t, e, n) {
   function p(v) {
     v.stopPropagation(), v.stopImmediatePropagation();
   }
-  function x() {
+  function B() {
     const v = [{
       id: "delete",
       title: "删除",
       text: "",
       icon: "f-icon-yxs_delete",
       onClick: (d) => {
-        p(d), h() ? F() : k();
+        p(d), h() ? F() : M();
       }
     }, {
       id: "copy",
@@ -4424,10 +4427,10 @@ function Ko(t, e, n) {
       icon: "f-icon-yxs_copy",
       onClick: (d) => {
         p(d);
-        const { activeElement: y } = document, D = y ? y.tagName.toLowerCase() : "";
-        D && D === "input" || D === "textarea" ? (y == null || y.blur(), Me(() => {
-          h() ? R("Copy") : T();
-        })) : h() ? R("Copy") : T();
+        const { activeElement: b } = document, D = b ? b.tagName.toLowerCase() : "";
+        D && D === "input" || D === "textarea" ? (b == null || b.blur(), De(() => {
+          h() ? R("Copy") : x();
+        })) : h() ? R("Copy") : x();
       }
     }];
     return v.push(h() ? {
@@ -4448,17 +4451,17 @@ function Ko(t, e, n) {
       }
     }), v;
   }
-  function P() {
+  function T() {
     const { schema: v } = t;
     u(v);
   }
-  function w() {
-    var v, d, y, D;
+  function y() {
+    var v, d, b, D;
     if (t && e) {
-      const { formSchemaUtils: C } = e, { schema: I } = t;
+      const { formSchemaUtils: w } = e, { schema: I } = t;
       switch (I.type) {
         case "response-toolbar-item": {
-          C.getControlBasicInfoMap().set(I.id, {
+          w.getControlBasicInfoMap().set(I.id, {
             componentTitle: I.text,
             parentPathName: I.text
           });
@@ -4466,9 +4469,9 @@ function Ko(t, e, n) {
         }
         case "tab-toolbar-item":
         case "section-toolbar-item": {
-          let W;
-          const V = (v = t.parent) == null ? void 0 : v.parent;
-          (V == null ? void 0 : V.schema.type) === "tabs" || (V == null ? void 0 : V.schema.type) === "section" ? W = (d = V.componentInstance) == null ? void 0 : d.value : W = (D = (y = V == null ? void 0 : V.parent) == null ? void 0 : y.componentInstance) == null ? void 0 : D.value, W != null && W.setComponentBasicInfoMap && W.setComponentBasicInfoMap();
+          let V;
+          const _ = (v = t.parent) == null ? void 0 : v.parent;
+          (_ == null ? void 0 : _.schema.type) === "tabs" || (_ == null ? void 0 : _.schema.type) === "section" ? V = (d = _.componentInstance) == null ? void 0 : d.value : V = (D = (b = _ == null ? void 0 : _.parent) == null ? void 0 : b.componentInstance) == null ? void 0 : D.value, V != null && V.setComponentBasicInfoMap && V.setComponentBasicInfoMap();
         }
       }
     }
@@ -4478,10 +4481,10 @@ function Ko(t, e, n) {
     checkCanMoveComponent: r,
     checkCanDeleteComponent: i,
     checkCanAddComponent: s,
-    getPropsConfig: E,
-    getCustomButtons: x,
-    onRemoveComponent: P,
-    setComponentBasicInfoMap: w
+    getPropsConfig: P,
+    getCustomButtons: B,
+    onRemoveComponent: T,
+    setComponentBasicInfoMap: y
   };
 }
 const qt = /* @__PURE__ */ Se({
@@ -4493,17 +4496,17 @@ const qt = /* @__PURE__ */ Se({
     ke(() => {
       r.value.componentInstance = m;
     }), e.expose(m.value);
-    function b() {
-      const B = {
+    function C() {
+      const k = {
         "f-icon": !0
-      }, T = t.icon ? t.icon.trim() : "";
-      return oe(B, T);
+      }, x = t.icon ? t.icon.trim() : "";
+      return oe(k, x);
     }
     function c() {
       return !!(t.icon && t.icon.trim());
     }
     const f = ee(() => {
-      const B = {
+      const k = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": !t.isDP && (n.value === "right" || n.value === "center"),
@@ -4514,7 +4517,7 @@ const qt = /* @__PURE__ */ Se({
         "text-truncate": !0
         // 'f-rt-toggle':props.isDP&&!props.split
       };
-      return oe(B, t.class);
+      return oe(k, t.class);
     }), h = ee(() => t.split ? {
       display: "flex",
       "align-items": "center"
@@ -4526,16 +4529,16 @@ const qt = /* @__PURE__ */ Se({
       "border-top-right-radius": "6px",
       "border-bottom-right-radius": "6px"
     }), u = ee(() => {
-      const B = {
+      const k = {
         btn: !0,
         "dropdown-toggle": !0,
         "f-btn-mr": n.value === "left",
         "dropdown-toggle-split": !0,
         "no-drag": !0
       };
-      return oe(B, t.class);
+      return oe(k, t.class);
     }), a = ee(() => {
-      let B = {
+      let k = {
         btn: !t.isDPItem,
         // 不是下拉按钮，不是下拉项
         disabled: t.disabled === !0,
@@ -4547,10 +4550,10 @@ const qt = /* @__PURE__ */ Se({
         // 保证内部层级不被拖拽
         "no-drag": !0
       };
-      return t.isDPItem || (B = oe(B, t.class || "")), t.isDP && (B = oe(B, t.dropdownClass || "")), B;
+      return t.isDPItem || (k = oe(k, t.class || "")), t.isDP && (k = oe(k, t.dropdownClass || "")), k;
     });
-    function S(B, T) {
-      T && T.stopPropagation(), e.emit(B, {
+    function S(k, x) {
+      x && x.stopPropagation(), e.emit(k, {
         id: t.id,
         isDP: t.isDP
       });
@@ -4564,7 +4567,7 @@ const qt = /* @__PURE__ */ Se({
         "f-btn-mr": n.value === "left"
       };
     }
-    function k() {
+    function M() {
       return O("div", {
         ref: r,
         "data-dragref": `${s.schema.id}-container`,
@@ -4582,11 +4585,11 @@ const qt = /* @__PURE__ */ Se({
       }, null), O("span", null, [t.text]), !t.split && O("span", {
         class: "f-icon f-icon-arrow-chevron-down",
         style: "margin:0 0.5rem 0 0.25rem;",
-        onClick: (B) => S("dropdown", B)
+        onClick: (k) => S("dropdown", k)
       }, null)]), t.split && O("button", {
         class: u.value,
         style: "border-radius:0 6px 6px 0;",
-        onClick: (B) => S("dropdown", B)
+        onClick: (k) => S("dropdown", k)
       }, null), g.renderDropdownMenu(t.item, t.item)])]);
     }
     function R() {
@@ -4599,7 +4602,7 @@ const qt = /* @__PURE__ */ Se({
         class: o.iconClass(t)
       }, null), t.text]);
     }
-    return () => t.isDP ? k() : t.isDPItem ? R() : O("div", {
+    return () => t.isDP ? M() : t.isDPItem ? R() : O("div", {
       ref: r,
       "data-dragref": `${s.schema.id}-container`,
       class: "farris-component position-relative",
@@ -4610,7 +4613,7 @@ const qt = /* @__PURE__ */ Se({
       id: t.id,
       onClick: () => S("clearAll")
     }, [c() && O("i", {
-      class: b()
+      class: C()
     }, null), t.text])]);
   }
 });
@@ -4637,7 +4640,7 @@ function er(t, e, n, o) {
     const u = f.target;
     u != null && u.classList.contains("dgComponentFocused") && (u == null || u.classList.add("dgComponentSelected"));
   }
-  function b(f, h = !1) {
+  function C(f, h = !1) {
     if (!h)
       return;
     const u = f.target;
@@ -4659,7 +4662,7 @@ function er(t, e, n, o) {
       onSelectionChange: r,
       onRemoveComponent: i,
       onMouseenter: (F) => m(F, u),
-      onMouseleave: (F) => b(F, u)
+      onMouseleave: (F) => C(F, u)
     }, {
       default: () => {
         var F;
@@ -4675,7 +4678,7 @@ function er(t, e, n, o) {
           class: ((F = f.appearance) == null ? void 0 : F.class) || "btn-secondary",
           alignment: t.alignment || "right",
           onDropdown: () => s(f),
-          onClearAll: (k) => g(k),
+          onClearAll: (M) => g(M),
           componentId: t.componentId
         }, null)];
       }
@@ -4714,66 +4717,66 @@ const Wt = /* @__PURE__ */ Se({
   setup(t, e) {
     const n = Y(Ye(t.items)), o = Y(), r = Y(), i = Y(), s = Y("");
     let g = 0;
-    const l = 15, m = de("designer-host-service"), b = de("design-item-context"), c = {
-      clearAllDropdown: (_) => {
+    const l = 15, m = de("designer-host-service"), C = de("design-item-context"), c = {
+      clearAllDropdown: (L) => {
       },
-      toggleDropdownMenu: (_) => {
+      toggleDropdownMenu: (L) => {
       },
       updateToolbarItems: () => {
       },
-      changeSelectedId: (_) => {
-        s.value = _;
+      changeSelectedId: (L) => {
+        s.value = L;
       },
-      renderDropdownMenu: (_, L) => {
+      renderDropdownMenu: (L, q) => {
       },
-      toolbarContext: b,
-      changeMenuPosition: (_, L, Z) => ({}),
+      toolbarContext: C,
+      changeMenuPosition: (L, q, Z) => ({}),
       toolbarPosition: ""
-    }, f = Wo(b, m, c), h = bn(i, b, f), u = de("toolbar-item-handler"), {
+    }, f = Wo(C, m, c), h = bn(i, C, f), u = de("toolbar-item-handler"), {
       initDragula: a,
       dragulaInstance: S
-    } = zo(b), F = Je(), k = er(t, r, b, c), R = Go(F, n, k), {
-      renderToolbarItemDesigner: B
-    } = k, {
-      clearAllDropDownMenu: T,
+    } = zo(C), F = Je(), M = er(t, r, C, c), R = Go(F, n, M), {
+      renderToolbarItemDesigner: k
+    } = M, {
+      clearAllDropDownMenu: x,
       renderDropdownMenu: A,
-      setResponseToolbarRef: E
+      setResponseToolbarRef: P
     } = R;
-    mt("toolbar-item-action", c), c.renderDropdownMenu = A, E(i), u && (u.changeSelectedId = function(_) {
-      s.value = _;
+    mt("toolbar-item-action", c), c.renderDropdownMenu = A, P(i), u && (u.changeSelectedId = function(L) {
+      s.value = L;
     });
     function p() {
-      const _ = r.value.querySelector(".dgComponentSelected");
-      _ && At(_);
+      const L = r.value.querySelector(".dgComponentSelected");
+      L && At(L);
     }
-    function x() {
+    function B() {
       if (s.value)
         if (Ge(s.value, n.value)) {
           const {
-            parent: _,
-            item: L
+            parent: L,
+            item: q
           } = ft(s.value, n.value);
-          _ && (c.toggleDropdownMenu(_, !0), setTimeout(() => {
+          L && (c.toggleDropdownMenu(L, !0), setTimeout(() => {
             var J;
-            const Z = i.value.querySelector("#" + _.id), X = Z == null ? void 0 : Z.querySelector("#" + L.id);
+            const Z = i.value.querySelector("#" + L.id), X = Z == null ? void 0 : Z.querySelector("#" + q.id);
             (((J = X == null ? void 0 : X.parentElement) == null ? void 0 : J.className) || "").indexOf("dgComponentFocused") < 0 && (X == null || X.click());
           }, 0));
         } else
           p();
     }
-    function P(_ = "") {
-      n.value.filter((L) => L.id !== _ && L.children && L.children.length > 0).forEach((L) => {
-        L.expanded = !1;
-      }), T(_);
+    function T(L = "") {
+      n.value.filter((q) => q.id !== L && q.children && q.children.length > 0).forEach((q) => {
+        q.expanded = !1;
+      }), x(L);
     }
-    c.clearAllDropdown = P;
-    function w() {
+    c.clearAllDropdown = T;
+    function y() {
       u && u.updateToolbarItems && u.updateToolbarItems();
     }
-    c.updateToolbarItems = w;
-    function v(_) {
-      if (_) {
-        const L = i.value.querySelector("#" + _.id), Z = L.querySelector("#" + _.id + "_menu"), X = c.changeMenuPosition(_, L);
+    c.updateToolbarItems = y;
+    function v(L) {
+      if (L) {
+        const q = i.value.querySelector("#" + L.id), Z = q.querySelector("#" + L.id + "_menu"), X = c.changeMenuPosition(L, q);
         Object.keys(X).forEach((J) => {
           Z.style[J] = X[J];
         });
@@ -4789,10 +4792,10 @@ const Wt = /* @__PURE__ */ Se({
         H.querySelector(".dropdown-toggle-split") ? H.querySelector(".f-rt-btn").style.maxWidth = Z - 38 + "px" : H.style.maxWidth = Z - 12 + "px";
       });
     }
-    const y = new ResizeObserver((_) => {
-      var L;
-      if (_.length) {
-        const X = _[0].contentRect.width;
+    const b = new ResizeObserver((L) => {
+      var q;
+      if (L.length) {
+        const X = L[0].contentRect.width;
         if (X === 0) {
           g = 0;
           return;
@@ -4805,29 +4808,29 @@ const Wt = /* @__PURE__ */ Se({
             } = ft(s.value, n.value);
             v(J);
           } else if (Jo(s.value, n.value)) {
-            const J = (L = n.value) == null ? void 0 : L.find((H) => H.id === s.value);
+            const J = (q = n.value) == null ? void 0 : q.find((H) => H.id === s.value);
             v(J);
           } else
-            P();
+            T();
           d();
         }
       }
     });
     ke(() => {
-      y.observe(i.value), g = i.value.clientWidth, i.value.componentInstance = h, a(r.value, o.value, w);
+      b.observe(i.value), g = i.value.clientWidth, i.value.componentInstance = h, a(r.value, o.value, y);
     }), gt(() => {
-      y.disconnect(), S && S.destroy && S.destroy();
+      b.disconnect(), S && S.destroy && S.destroy();
     }), e.expose(h.value);
     const D = ee(() => {
-      const _ = {
+      const L = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
         "position-relative": !0,
         "f-response-toolbar-sm": t.buttonSize === "sm",
         "f-response-toolbar-lg": t.buttonSize === "lg"
       };
-      return oe(_, t.customClass);
-    }), C = ee(() => ({
+      return oe(L, t.customClass);
+    }), w = ee(() => ({
       "text-left": t.alignment === "left",
       "text-right": t.alignment === "right",
       "justify-content-end": t.alignment === "right",
@@ -4837,24 +4840,24 @@ const Wt = /* @__PURE__ */ Se({
       "w-100": !0
     }));
     we(() => t.items, () => {
-      n.value = Ye(t.items), Me(() => {
-        x(), d();
+      n.value = Ye(t.items), De(() => {
+        B(), d();
       });
     }, {
       deep: !0
     });
-    function I(_) {
-      _ && (_.stopPropagation(), _.preventDefault());
+    function I(L) {
+      L && (L.stopPropagation(), L.preventDefault());
       const {
-        schema: L
-      } = b;
-      L.buttons || (L.buttons = []);
+        schema: q
+      } = C;
+      q.buttons || (q.buttons = []);
       const Z = Ct("response-toolbar-item");
       Z.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, Z.appearance = {
         class: "btn btn-secondary"
-      }, L.buttons.push(Z);
+      }, q.buttons.push(Z);
     }
-    function W() {
+    function V() {
       return O("li", {
         style: "border-width: 1px;border-style: dashed;display: inline-block;padding: 0 8px;line-height: 24px; border-radius: 3px; cursor: default;color: #B4BCCC;",
         onClick: I
@@ -4865,24 +4868,24 @@ const Wt = /* @__PURE__ */ Se({
         class: "farris-tag-add-text"
       }, [Ie("添加按钮")])]);
     }
-    function V() {
-      return n.value.map((_, L) => B(_, L));
+    function _() {
+      return n.value.map((L, q) => k(L, q));
     }
     return () => {
-      var _;
+      var L;
       return O("div", {
         ref: i,
-        "data-dragref": `${b.schema.id}-container`,
+        "data-dragref": `${C.schema.id}-container`,
         class: D.value,
         id: t.id
       }, [O("div", {
         ref: o,
-        class: C.value,
-        onClick: (L) => P(L)
+        class: w.value,
+        onClick: (q) => T(q)
       }, [O("div", {
         ref: r,
         class: "d-block f-response-content"
-      }, [(_ = n.value) != null && _.length ? V() : W()])])]);
+      }, [(L = n.value) != null && L.length ? _() : V()])])]);
     };
   }
 }), pt = Ze;
@@ -4913,29 +4916,29 @@ const tr = /* @__PURE__ */ Se({
       deep: !0
     });
     const m = ee(() => [...l.value.items]);
-    function b(T, A, E, p) {
-      r && r.setupContext && r.setupContext.emit("selectionChange", T, A, E, p);
+    function C(x, A, P, p) {
+      r && r.setupContext && r.setupContext.emit("selectionChange", x, A, P, p);
     }
     e.expose(s.value);
-    function c(T, A) {
-      T && A && A.split(" ").reduce((p, x) => (p[x] = !0, p), T);
+    function c(x, A) {
+      x && A && A.split(" ").reduce((p, B) => (p[B] = !0, p), x);
     }
     const f = ee(() => {
-      const T = {
+      const x = {
         "f-title-icon": !0
       };
-      return c(T, t.iconClass), T;
+      return c(x, t.iconClass), x;
     }), h = ee(() => {
-      const T = {
+      const x = {
         "f-icon": !0
       };
-      return c(T, t.icon), T;
+      return c(x, t.icon), x;
     }), u = ee(() => {
-      const T = {
+      const x = {
         "text-right": !0,
         "col-6": !0
       };
-      return c(T, t.buttonClass || ""), T;
+      return c(x, t.buttonClass || ""), x;
     }), a = ee(() => oe({
       "f-title": !0
     }, t.titleContentClass)), S = ee(() => oe({
@@ -4943,7 +4946,7 @@ const tr = /* @__PURE__ */ Se({
     }, t.contentClass)), F = ee(() => oe({
       "f-page-header-extend": !0
     }, t.downContentClass));
-    function k() {
+    function M() {
       return t.titleContentHtml ? O("div", {
         class: a.value,
         innerHTML: t.titleContentHtml
@@ -4963,7 +4966,7 @@ const tr = /* @__PURE__ */ Se({
         innerHTML: t.contentHtml
       }, null) : null;
     }
-    function B() {
+    function k() {
       return t.downContentHtml ? O("div", {
         class: F.value,
         innerHTML: t.downContentHtml
@@ -4973,17 +4976,17 @@ const tr = /* @__PURE__ */ Se({
       ref: n
     }, [O("nav", {
       class: "f-page-header-base"
-    }, [k(), R(), O(Lt, {
+    }, [M(), R(), O(Lt, {
       class: u.value,
       modelValue: g.value,
-      "onUpdate:modelValue": (T) => g.value = T,
+      "onUpdate:modelValue": (x) => g.value = x,
       canAdd: !1,
       childType: "response-toolbar-item",
       childLabel: "按钮",
       contentKey: "buttons",
       id: g.value.id,
       componentId: t.componentId,
-      onSelectionChange: b
+      onSelectionChange: C
     }, {
       default: () => [O(Wt, {
         id: g.value.id,
@@ -4991,9 +4994,9 @@ const tr = /* @__PURE__ */ Se({
         items: m.value,
         componentId: t.componentId
       }, null)]
-    })]), B()]);
+    })]), k()]);
   }
-}), ur = {
+}), gr = {
   install(t) {
     t.component(ze.name, ze);
   },
@@ -5006,7 +5009,7 @@ const tr = /* @__PURE__ */ Se({
 };
 export {
   ze as PageHeader,
-  ur as default,
+  gr as default,
   ro as eventHandlerResolver,
   Ft as pageHeaderDesignerProps,
   Xe as pageHeaderProps,