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

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

@@ -1,8 +1,8 @@
 var Yt = Object.defineProperty;
 var Xt = (t, e, n) => e in t ? Yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var Y = (t, e, n) => Xt(t, typeof e != "symbol" ? e + "" : e, n);
-import { computed as ue, ref as Q, createVNode as V, Teleport as Ht, getCurrentInstance as Qt, reactive as ke, withDirectives as De, resolveDirective as Be, defineComponent as Fe, watch as Ee, onMounted as Ae, onUnmounted as ct, nextTick as Ie, inject as pe, provide as ut, onBeforeUnmount as Zt, withModifiers as Jt, createTextVNode as Kt } from "vue";
-import { isPlainObject as rt, cloneDeep as we } from "lodash-es";
+import { computed as ue, ref as Q, createVNode as $, Teleport as Ht, getCurrentInstance as Qt, reactive as ke, withDirectives as De, resolveDirective as Be, defineComponent as Fe, watch as Ee, onMounted as Ae, onUnmounted as ct, nextTick as Ie, inject as pe, provide as ut, onBeforeUnmount as Zt, withModifiers as Jt, createTextVNode as Kt } from "vue";
+import { cloneDeep as we, isPlainObject as rt } from "lodash-es";
 import { getCustomClass as se, useGuid as en, withInstall as tn } from "../common/index.esm.js";
 import { useI18n as nn } from "vue-i18n";
 import { useDesignerInnerComponent as on, useDesignerComponent as rn } from "../designer-canvas/index.esm.js";
@@ -110,7 +110,7 @@ class Me extends dt {
     }), this.shown = this.visible, n.children && n.children.length && (this.children = an(n.children));
   }
 }
-class _o {
+class Vo {
   constructor(e, n) {
     Y(this, "id");
     Y(this, "name");
@@ -227,14 +227,14 @@ function pt(t, e) {
     }
     return a;
   }
-  function v(a) {
+  function b(a) {
     n = a;
   }
-  return { getSchemaByType: i, resolveSchemaWithDefaultValue: g, resolveSchemaToProps: c, mappingSchemaToProps: h, setDesignerContext: v };
+  return { getSchemaByType: i, resolveSchemaWithDefaultValue: g, resolveSchemaToProps: c, mappingSchemaToProps: h, setDesignerContext: b };
 }
-const gt = {}, mt = {}, { getSchemaByType: ht, resolveSchemaWithDefaultValue: cn, resolveSchemaToProps: un, mappingSchemaToProps: dn } = pt(gt, mt);
+const gt = {}, mt = {}, { getSchemaByType: ht, resolveSchemaWithDefaultValue: cn, resolveSchemaToProps: un, mappingSchemaToProps: dn, setDesignerContext: _o } = pt(gt, mt);
 function fn(t = {}) {
-  function e(g, v, a, d) {
+  function e(g, b, a, d) {
     if (typeof a == "number")
       return d[g].length === a;
     if (typeof a == "object") {
@@ -248,20 +248,20 @@ function fn(t = {}) {
     }
     return !1;
   }
-  function n(g, v, a, d) {
+  function n(g, b, a, d) {
     return d[g] && d[g].propertyValue && String(d[g].propertyValue.value) === String(a);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(t).reduce((g, v) => (g.set(v, t[v]), g), o);
-  function r(g, v) {
+  Object.keys(t).reduce((g, b) => (g.set(b, t[b]), g), o);
+  function r(g, b) {
     const a = g;
-    return typeof v == "number" ? [{ target: a, operator: "length", param: null, value: Number(v) }] : typeof v == "boolean" ? [{ target: a, operator: "getProperty", param: g, value: !!v }] : typeof v == "object" ? Object.keys(v).map((d) => {
+    return typeof b == "number" ? [{ target: a, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: a, operator: "getProperty", param: g, value: !!b }] : typeof b == "object" ? Object.keys(b).map((d) => {
       if (d === "length")
-        return { target: a, operator: "length", param: null, value: v[d] };
-      const p = d, u = v[d];
+        return { target: a, operator: "length", param: null, value: b[d] };
+      const p = d, u = b[d];
       return { target: a, operator: "getProperty", param: p, value: u };
     }) : [];
   }
@@ -271,18 +271,18 @@ function fn(t = {}) {
       return a.push(...p), a;
     }, []);
   }
-  function l(g, v) {
+  function l(g, b) {
     if (o.has(g.operator)) {
       const a = o.get(g.operator);
-      return a && a(g.target, g.param, g.value, v) || !1;
+      return a && a(g.target, g.param, g.value, b) || !1;
     }
     return !1;
   }
-  function h(g, v) {
-    return i(g).reduce((p, u) => p && l(u, v), !0);
+  function h(g, b) {
+    return i(g).reduce((p, u) => p && l(u, b), !0);
   }
-  function c(g, v) {
-    const a = Object.keys(g), d = a.includes("allOf"), p = a.includes("anyOf"), u = d || p, R = (u ? g[u ? d ? "allOf" : "anyOf" : "allOf"] : [g]).map((A) => h(A, v));
+  function c(g, b) {
+    const a = Object.keys(g), d = a.includes("allOf"), p = a.includes("anyOf"), u = d || p, R = (u ? g[u ? d ? "allOf" : "anyOf" : "allOf"] : [g]).map((A) => h(A, b));
     return d ? !R.includes(!1) : R.includes(!0);
   }
   return { parseValueSchema: c };
@@ -589,61 +589,61 @@ function vt(t, e, n) {
     const T = u.$converter || s;
     return typeof T == "string" && T && o.has(T) ? o.get(T) || null : T || null;
   }
-  function v(u, s, T, R, k, A = "", M = "") {
+  function b(u, s, T, R, k, A = "", P = "") {
     return Object.keys(u).map((F) => {
-      const S = Q(1), f = F, y = u[F], C = Object.keys(y), b = y.title, I = y.type, m = r.get(I) || { type: "input-group", enableClear: !1 }, E = y.editor ? Object.assign({}, m, y.editor) : Object.assign({}, m), D = h(C, y, s), x = c(C, y, s);
-      E.readonly = E.readonly === void 0 ? x() : E.readonly;
-      const B = y.type === "cascade" ? v(y.properties, s, T, R, k, A, M) : [], W = !0;
-      let L = g(y, M);
-      const q = ue({
+      const S = Q(1), f = F, M = u[F], y = Object.keys(M), v = M.title, E = M.type, m = r.get(E) || { type: "input-group", enableClear: !1 }, C = M.editor ? Object.assign({}, m, M.editor) : Object.assign({}, m), D = h(y, M, s), x = c(y, M, s);
+      C.readonly = C.readonly === void 0 ? x() : C.readonly;
+      const B = M.type === "cascade" ? b(M.properties, s, T, R, k, A, P) : [], L = !0;
+      let q = g(M, P);
+      const W = ue({
         get() {
           if (S.value) {
-            if (["class", "style"].find((O) => O === f) && !L && (L = o.get("/converter/appearance.converter") || null), L && L.convertFrom)
-              return L.convertFrom(T, F, k, A);
+            if (["class", "style"].find((O) => O === f) && !q && (q = o.get("/converter/appearance.converter") || null), q && q.convertFrom)
+              return q.convertFrom(T, F, k, A);
             const te = T[F];
-            return Object.prototype.hasOwnProperty.call(y, "defaultValue") && (te === void 0 || typeof te == "string" && te === "") ? y.type === "boolean" ? y.defaultValue : y.defaultValue || "" : te;
+            return Object.prototype.hasOwnProperty.call(M, "defaultValue") && (te === void 0 || typeof te == "string" && te === "") ? M.type === "boolean" ? M.defaultValue : M.defaultValue || "" : te;
           }
           return null;
         },
         set(te) {
-          S.value += 1, L && L.convertTo ? (L.convertTo(R, F, te, k, A), L.convertTo(T, F, te, k, A)) : (R[F] = te, T[F] = te);
+          S.value += 1, q && q.convertTo ? (q.convertTo(R, F, te, k, A), q.convertTo(T, F, te, k, A)) : (R[F] = te, T[F] = te);
         }
-      }), { refreshPanelAfterChanged: $, description: Z, isExpand: X, parentPropertyID: J } = y, z = { propertyID: f, propertyName: b, propertyType: I, propertyValue: q, editor: E, visible: D, readonly: x, cascadeConfig: B, hideCascadeTitle: W, refreshPanelAfterChanged: $, description: Z, isExpand: X, parentPropertyID: J };
+      }), { refreshPanelAfterChanged: _, description: Z, isExpand: X, parentPropertyID: J } = M, z = { propertyID: f, propertyName: v, propertyType: E, propertyValue: W, editor: C, visible: D, readonly: x, cascadeConfig: B, hideCascadeTitle: L, refreshPanelAfterChanged: _, description: Z, isExpand: X, parentPropertyID: J };
       return s[f] = z, z;
     });
   }
   function a(u, s, T = {}) {
     const R = {}, k = t[u];
-    return k && k.categories ? Object.keys(k.categories).map((M) => {
-      const P = k.categories[M], F = P == null ? void 0 : P.title, S = v(P.properties || {}, R, {}, T, s);
-      return { categoryId: M, categoryName: F, properties: S };
+    return k && k.categories ? Object.keys(k.categories).map((P) => {
+      const I = k.categories[P], F = I == null ? void 0 : I.title, S = b(I.properties || {}, R, {}, T, s);
+      return { categoryId: P, categoryName: F, properties: S };
     }) : [];
   }
   function d(u, s, T, R, k = "") {
-    const A = s.$ref.schema, M = s.$ref.converter, P = T[A], F = P.type, S = n(P), f = {}, y = t[F];
-    if (y && y.categories) {
-      const C = y.categories[u], b = C == null ? void 0 : C.title;
-      M && Object.keys(C.properties).forEach((E) => {
-        C.properties[E].$converter = M;
+    const A = s.$ref.schema, P = s.$ref.converter, I = T[A], F = I.type, S = n(I), f = {}, M = t[F];
+    if (M && M.categories) {
+      const y = M.categories[u], v = y == null ? void 0 : y.title;
+      P && Object.keys(y.properties).forEach((C) => {
+        y.properties[C].$converter = P;
       });
-      const I = (C == null ? void 0 : C.properties) || {}, m = v(I, f, S, P, R, k);
-      return { categoryId: u, categoryName: b, properties: m };
+      const E = (y == null ? void 0 : y.properties) || {}, m = b(E, f, S, I, R, k);
+      return { categoryId: u, categoryName: v, properties: m };
     }
     return { categoryId: u, categoryName: "", properties: [] };
   }
   function p(u, s, T, R, k) {
-    const A = u.type, M = n(u), P = {};
+    const A = u.type, P = n(u), I = {};
     let F = k || t[A];
     if (F && Object.keys(F).length === 0 && T && T.getPropConfig && (F = T.getPropConfig(R)), F && F.categories) {
       const S = [];
       return Object.keys(F.categories).map((f) => {
-        const y = F.categories[f];
-        if (y.$ref) {
-          S.push(d(f, y, u, s, R));
+        const M = F.categories[f];
+        if (M.$ref) {
+          S.push(d(f, M, u, s, R));
           return;
         }
-        const C = y == null ? void 0 : y.title, b = y == null ? void 0 : y.tabId, I = y == null ? void 0 : y.tabName, m = y == null ? void 0 : y.hide, E = y == null ? void 0 : y.hideTitle, D = v(y.properties || {}, P, M, u, s, R, y.$converter), { setPropertyRelates: x } = y, B = y == null ? void 0 : y.parentPropertyID;
-        S.push({ categoryId: f, categoryName: C, tabId: b, tabName: I, hide: m, properties: D, hideTitle: E, setPropertyRelates: x, parentPropertyID: B });
+        const y = M == null ? void 0 : M.title, v = M == null ? void 0 : M.tabId, E = M == null ? void 0 : M.tabName, m = M == null ? void 0 : M.hide, C = M == null ? void 0 : M.hideTitle, D = b(M.properties || {}, I, P, u, s, R, M.$converter), { setPropertyRelates: x } = M, B = M == null ? void 0 : M.parentPropertyID;
+        S.push({ categoryId: f, categoryName: y, tabId: v, tabName: E, hide: m, properties: D, hideTitle: C, setPropertyRelates: x, parentPropertyID: B });
       }), S;
     }
     return [];
@@ -656,13 +656,13 @@ function vt(t, e, n) {
 }
 const bt = {}, yt = {};
 vt(bt, yt, cn);
-const Ct = {}, wt = {}, { getSchemaByType: Fn, resolveSchemaWithDefaultValue: An } = pt(Ct, wt), xt = {}, Tt = {};
+const Ct = {}, wt = {}, { getSchemaByType: Fn, resolveSchemaWithDefaultValue: An, resolveSchemaToProps: Lo, mappingSchemaToProps: qo, setDesignerContext: Wo } = pt(Ct, wt), xt = {}, Tt = {};
 vt(xt, Tt, An);
 function St(t, e, n = /* @__PURE__ */ new Map(), o = (l, h, c, g) => h, r = {}, i = (l) => l) {
   return gt[e.title] = e, mt[e.title] = o, bt[e.title] = r, yt[e.title] = i, Ct[e.title] = e, wt[e.title] = o, xt[e.title] = r, Tt[e.title] = i, (l = {}, h = !0) => {
     if (!h)
       return dn(l, n);
-    const c = un(l, e, n), g = Object.keys(t).reduce((v, a) => (v[a] = t[a].default, v), {});
+    const c = un(l, e, n), g = Object.keys(t).reduce((b, a) => (b[a] = t[a].default, b), {});
     return Object.assign(g, c);
   };
 }
@@ -683,7 +683,7 @@ function jn(t, e) {
   }
   return null;
 }
-function Vn() {
+function $n() {
   function t(e, n) {
     const o = e.buttons;
     if (!o || o.length < 1)
@@ -695,14 +695,14 @@ function Vn() {
     resolve: t
   };
 }
-const _n = /* @__PURE__ */ new Map([
+const Vn = /* @__PURE__ */ new Map([
   ["buttons", "items"],
   ["appearance", Nn]
 ]);
 function Et(t, e, n) {
   return e;
 }
-const $n = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-design.gitee.io/response-toolbar.schema.json", qn = "response-toolbar", Wn = "A Farris Toolbar Component", Un = "object", zn = {
+const _n = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-design.gitee.io/response-toolbar.schema.json", qn = "response-toolbar", Wn = "A Farris Toolbar Component", Un = "object", zn = {
   id: {
     description: "The unique identifier for a Response Toolbar",
     type: "string"
@@ -748,7 +748,7 @@ const $n = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
 ], Yn = {
   onClick: "点击事件"
 }, Xn = {
-  $schema: $n,
+  $schema: _n,
   $id: Ln,
   title: qn,
   description: Wn,
@@ -857,7 +857,7 @@ const $n = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
 }), Ge = St(
   ze,
   Xn,
-  _n,
+  Vn,
   Et
 ), It = {
   id: { type: String, default: "" },
@@ -882,7 +882,7 @@ const $n = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-
   oo,
   void 0,
   Et
-), so = Vn();
+), so = $n();
 function Ye() {
   function t(n) {
     const o = {
@@ -947,121 +947,121 @@ function lo(t, e) {
   let h;
   const c = /* @__PURE__ */ new Map();
   let g = "";
-  function v(S) {
+  function b(S) {
     g = "#" + S;
   }
-  function a(S, f, y) {
+  function a(S, f, M) {
     S.stopPropagation();
-    const C = y ? y.id : "__top_item__";
+    const y = M ? M.id : "__top_item__";
     if (f.children && f.children.length && (f.expanded = !f.expanded, f.expanded)) {
-      if (c.has(C) && c.get(C) !== f) {
-        const b = c.get(C);
-        b && (b.expanded = !1, c.delete(C));
+      if (c.has(y) && c.get(y) !== f) {
+        const v = c.get(y);
+        v && (v.expanded = !1, c.delete(y));
       }
-      c.set(C, f);
+      c.set(y, f);
     }
   }
   function d(S, f) {
     document.body.click(), f.enable && (S.stopPropagation(), typeof f.onClick == "function" && f.onClick(S, f.id), t.emit("click", S, f.id));
   }
   function p(S, f) {
-    const y = S.target;
-    y.className.indexOf("dropdown-item") < 0 || (y.title = y.scrollWidth > y.clientWidth ? f : "");
+    const M = S.target;
+    M.className.indexOf("dropdown-item") < 0 || (M.title = M.scrollWidth > M.clientWidth ? f : "");
   }
-  function u(S, f, y) {
+  function u(S, f, M) {
     if (f.tipsEnable && f.tipsText) {
-      const C = ke({
+      const y = ke({
         content: f.tipsText,
         enable: f.tipsEnable
       });
-      return De(V("li", {
+      return De($("li", {
         class: r(f),
         id: f.id,
-        key: f.id + "_" + y,
-        onClick: (b) => d(b, f)
-      }, [V("span", {
+        key: f.id + "_" + M,
+        onClick: (v) => d(v, f)
+      }, [$("span", {
         class: l(f)
-      }, [e.shouldShowIcon(f) && V("i", {
+      }, [e.shouldShowIcon(f) && $("i", {
         class: e.iconClass(f)
-      }, null), f.text])]), [[Be("tooltip"), C]]);
+      }, null), f.text])]), [[Be("tooltip"), y]]);
     }
-    return V("li", {
+    return $("li", {
       class: r(f),
       id: f.id,
-      onClick: (C) => d(C, f)
-    }, [V("span", {
+      onClick: (y) => d(y, f)
+    }, [$("span", {
       class: l(f),
-      onMouseenter: (C) => p(C, f.text)
-    }, [e.shouldShowIcon(f) && V("i", {
+      onMouseenter: (y) => p(y, f.text)
+    }, [e.shouldShowIcon(f) && $("i", {
       class: e.iconClass(f)
     }, null), f.text])]);
   }
-  function s(S, f, y) {
-    f.enable && (typeof f.onClick == "function" && y.onClick(S, f.id), t.emit("click", S, f.id), y.split || a(S, f, y));
+  function s(S, f, M) {
+    f.enable && (typeof f.onClick == "function" && M.onClick(S, f.id), t.emit("click", S, f.id), M.split || a(S, f, M));
   }
-  function T(S, f, y) {
-    S && S.stopPropagation(), a(S, f, y);
+  function T(S, f, M) {
+    S && S.stopPropagation(), a(S, f, M);
   }
   function R(S, f) {
     S.stopPropagation();
-    const y = f.id;
-    if (f.children && f.children.length && f.expanded && c.has(y)) {
-      const C = c.get(y);
-      C && (C.expanded = !1, c.delete(y));
+    const M = f.id;
+    if (f.children && f.children.length && f.expanded && c.has(M)) {
+      const y = c.get(M);
+      y && (y.expanded = !1, c.delete(M));
     }
   }
-  function k(S, f, y) {
+  function k(S, f, M) {
     if (f.tipsEnable && f.tipsText) {
-      const C = ke({
+      const y = ke({
         content: f.tipsText,
         enable: f.tipsEnable
       });
-      return V("li", {
+      return $("li", {
         class: o(f),
         id: f.id,
-        key: f.id + "_" + y,
-        onClick: (b) => s(b, f, S)
-      }, [De(V("span", {
+        key: f.id + "_" + M,
+        onClick: (v) => s(v, f, S)
+      }, [De($("span", {
         class: i(f)
-      }, [e.shouldShowIcon(f) && V("i", {
+      }, [e.shouldShowIcon(f) && $("i", {
         class: e.iconClass(f)
-      }, null), f.text]), [[Be("tooltip"), C]]), f.split && V("span", {
+      }, null), f.text]), [[Be("tooltip"), y]]), f.split && $("span", {
         class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-        onClick: (b) => T(b, f, S)
+        onClick: (v) => T(v, f, S)
       }, null), h(f, f)]);
     }
-    return V("li", {
+    return $("li", {
       class: o(f),
       id: f.id,
-      onClick: (C) => s(C, f, S),
-      onMouseenter: (C) => p(C, f.text)
-    }, [V("span", {
+      onClick: (y) => s(y, f, S),
+      onMouseenter: (y) => p(y, f.text)
+    }, [$("span", {
       class: i(f)
-    }, [e.shouldShowIcon(f) && V("i", {
+    }, [e.shouldShowIcon(f) && $("i", {
       class: e.iconClass(f)
-    }, null), f.text]), f.split && V("span", {
+    }, null), f.text]), f.split && $("span", {
       class: "dropdown-toggle dropdown-toggle-split f-rt-toggle",
-      onClick: (C) => T(C, f, S)
+      onClick: (y) => T(y, f, S)
     }, null), h(f, f)]);
   }
   function A(S) {
-    return S.children.filter((f) => f.visible).map((f, y) => f.children && f.children.length ? k(S, f, y) : u(S, f, y));
+    return S.children.filter((f) => f.visible).map((f, M) => f.children && f.children.length ? k(S, f, M) : u(S, f, M));
   }
-  function M(S, f) {
+  function P(S, f) {
     if (!S)
       return 1080;
-    let y = -1;
-    const C = S.children.length;
-    for (let b = 0; b < C; b++)
-      if (S.children[b].id === f) {
-        y = b;
+    let M = -1;
+    const y = S.children.length;
+    for (let v = 0; v < y; v++)
+      if (S.children[v].id === f) {
+        M = v;
         break;
       }
-    return 1080 + C - y;
+    return 1080 + y - M;
   }
-  function P(S, f, y) {
-    var B, W;
-    const C = {
+  function I(S, f, M) {
+    var B, L;
+    const y = {
       display: S.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
@@ -1070,50 +1070,50 @@ function lo(t, e) {
       // 先用固定zIndex,后期会统一调用动态的zIndex
       overflowY: "auto",
       maxHeight: "none"
-    }, b = document.querySelector(g);
-    if (!b)
-      return C;
-    const I = Qt();
-    let m = (W = (B = I == null ? void 0 : I.exposed) == null ? void 0 : B.elementRef.value) == null ? void 0 : W.querySelector("#" + f);
-    if (m || (m = b == null ? void 0 : b.querySelector("#" + f)), !m)
-      return C;
-    const E = window.innerWidth, D = window.innerHeight, x = m == null ? void 0 : m.getClientRects();
+    }, v = document.querySelector(g);
+    if (!v)
+      return y;
+    const E = Qt();
+    let m = (L = (B = E == null ? void 0 : E.exposed) == null ? void 0 : B.elementRef.value) == null ? void 0 : L.querySelector("#" + f);
+    if (m || (m = v == null ? void 0 : v.querySelector("#" + f)), !m)
+      return y;
+    const C = window.innerWidth, D = window.innerHeight, x = m == null ? void 0 : m.getClientRects();
     if (m && x && x.length) {
       const {
-        top: L,
-        width: q,
-        left: $,
+        top: q,
+        width: W,
+        left: _,
         right: Z,
         height: X
-      } = x[0], J = Math.ceil(X + L);
-      C.top = `${J}px`, C.left = `${$}px`;
-      const z = S.id + "_menu", te = (m == null ? void 0 : m.querySelector("#" + z)) || (b == null ? void 0 : b.querySelector("#" + z)) || null;
+      } = x[0], J = Math.ceil(X + q);
+      y.top = `${J}px`, y.left = `${_}px`;
+      const z = S.id + "_menu", te = (m == null ? void 0 : m.querySelector("#" + z)) || (v == null ? void 0 : v.querySelector("#" + z)) || null;
       if (te) {
         te.style.visibility = "hidden", te.style.display = "block";
         const O = te.offsetHeight;
-        C.zIndex = S.expanded ? M(b, z) : 1080, C.display === "block" && (te.style.display = "block");
+        y.zIndex = S.expanded ? P(v, z) : 1080, y.display === "block" && (te.style.display = "block");
         const U = te.getBoundingClientRect();
-        if (y) {
-          C.top = `${L - 6}px`;
-          const N = Math.ceil(q + $);
-          C.left = `${N}px`;
+        if (M) {
+          y.top = `${q - 6}px`;
+          const N = Math.ceil(W + _);
+          y.left = `${N}px`;
         }
-        E - $ - q < U.width && (C.left = `${(y ? $ : Z) - U.width}px`), D - L - X < O ? L > O ? (C.top = `${L - O - 6}px`, C.maxHeight = `${L - 16}px`) : (C.maxHeight = `${D - J}px`, L > D - L - X && (C.top = "10px", C.maxHeight = `${L - 16}px`)) : C.maxHeight = `${D - J}px`, te.style.visibility = "visible";
+        C - _ - W < U.width && (y.left = `${(M ? _ : Z) - U.width}px`), D - q - X < O ? q > O ? (y.top = `${q - O - 6}px`, y.maxHeight = `${q - 16}px`) : (y.maxHeight = `${D - J}px`, q > D - q - X && (y.top = "10px", y.maxHeight = `${q - 16}px`)) : y.maxHeight = `${D - J}px`, te.style.visibility = "visible";
       }
     }
-    return C;
+    return y;
   }
   h = function(S, f) {
-    const y = f ? f.id : S.id;
-    return V(Ht, {
+    const M = f ? f.id : S.id;
+    return $(Ht, {
       to: g,
       disabled: !S.expanded
     }, {
-      default: () => [V("ul", {
+      default: () => [$("ul", {
         class: n(S),
-        style: P(S, y, f),
+        style: I(S, M, f),
         id: S.id + "_menu",
-        onWheel: (C) => R(C, S)
+        onWheel: (y) => R(y, S)
       }, [A(S)])]
     });
   };
@@ -1125,7 +1125,7 @@ function lo(t, e) {
   return {
     renderDropdownMenu: h,
     clearAllDropDownMenu: F,
-    updateContainerId: v
+    updateContainerId: b
   };
 }
 function ao(t, e, n) {
@@ -1161,7 +1161,7 @@ function ao(t, e, n) {
       "dropdown-toggle-split": !0
     }, s.class);
   }
-  function v(s) {
+  function b(s) {
     return s.split ? {
       display: "flex"
     } : {
@@ -1185,31 +1185,31 @@ function ao(t, e, n) {
         content: s.tipsText,
         enable: s.tipsEnable
       });
-      return V("div", {
+      return $("div", {
         id: s.id,
         class: h(s)
-      }, [De(V("div", {
+      }, [De($("div", {
         class: c(s),
-        style: v(s),
+        style: b(s),
         onClick: (k) => s.enable && a(k, s)
-      }, [n.shouldShowIcon(s) && V("i", {
+      }, [n.shouldShowIcon(s) && $("i", {
         class: n.iconClass(s)
-      }, null), V("span", null, [s.text])]), [[Be("tooltip"), R]]), s.split && V("button", {
+      }, null), $("span", null, [s.text])]), [[Be("tooltip"), R]]), s.split && $("button", {
         class: g(s),
         style: "border-radius:0 6px 6px 0;",
         onClick: (k) => d(k, s)
       }, null), T && r(s)]);
     }
-    return V("div", {
+    return $("div", {
       id: s.id,
       class: h(s)
-    }, [V("div", {
+    }, [$("div", {
       class: c(s),
-      style: v(s),
+      style: b(s),
       onClick: (R) => s.enable && a(R, s)
-    }, [n.shouldShowIcon(s) && V("i", {
+    }, [n.shouldShowIcon(s) && $("i", {
       class: n.iconClass(s)
-    }, null), V("span", null, [s.text])]), s.split && V("button", {
+    }, null), $("span", null, [s.text])]), s.split && $("button", {
       class: g(s),
       style: "border-radius:0 6px 6px 0;",
       onClick: (R) => d(R, s)
@@ -1239,7 +1239,7 @@ const {
     }, c = Q(new Me(h)), g = {
       id: h.id + "width",
       text: h.text
-    }, v = Q(-1), a = Ye();
+    }, b = Q(-1), a = Ye();
     let d = !1;
     const {
       guid: p,
@@ -1247,10 +1247,10 @@ const {
     } = en(), s = t.id ? t.id : "toolbar-" + p(), T = Q(), R = "dropdown-container-" + s + "-" + u(4), {
       renderToolbarDropdown: k,
       clearAllDropDown: A,
-      updateContainerId: M
+      updateContainerId: P
     } = ao(t, e, a);
-    M(R);
-    const P = ue(() => c.value.children.length > 0), F = ue(() => t.visible ? c.value.children.length > 0 ? !0 : o.value.findIndex((O) => O.shown && O.children && O.children.length > 0) > -1 : !1);
+    P(R);
+    const I = ue(() => c.value.children.length > 0), F = ue(() => t.visible ? c.value.children.length > 0 ? !0 : o.value.findIndex((O) => O.shown && O.children && O.children.length > 0) > -1 : !1);
     function S() {
       t.visible && !T.value && document && (T.value = document.createElement("div"), T.value.id = R, document.body.appendChild(T.value));
     }
@@ -1261,7 +1261,7 @@ const {
     Ee(F, (O, U) => {
       O ? S() : f();
     });
-    const y = ue(() => {
+    const M = ue(() => {
       const O = {
         "f-toolbar": !0,
         "f-response-toolbar": !0,
@@ -1271,7 +1271,7 @@ const {
         "d-none": !t.visible
       };
       return se(O, t.customClass);
-    }), C = ue(() => ({
+    }), y = ue(() => ({
       "w-100": !0,
       "d-flex": !0,
       "flex-nowrap": !0,
@@ -1279,12 +1279,12 @@ const {
       "justify-content-start": t.alignment === "left",
       "justify-content-center": t.alignment === "center"
     }));
-    function b(O) {
+    function v(O) {
       O && O.target.closest("ul.dropdown-menu") && O.type === "wheel" || (o.value.filter((U) => U.children && U.children.length > 0).forEach((U) => {
         U.expanded = !1;
       }), c.value.expanded = !1, A());
     }
-    function I(O, U) {
+    function E(O, U) {
       var ie;
       const N = {
         btn: !0,
@@ -1298,29 +1298,29 @@ const {
     function m(O, U) {
       document.body.click(), typeof U.onClick == "function" && U.onClick(O, U.id), e.emit("click", O, U.id);
     }
-    function E(O, U) {
+    function C(O, U) {
       if (O.tipsEnable && O.tipsText) {
         const N = ke({
           content: O.tipsText,
           enable: O.tipsEnable
         });
-        return De(V("button", {
+        return De($("button", {
           type: "button",
-          class: I(O, U),
+          class: E(O, U),
           id: O.id,
           disabled: !O.enable,
           onClick: (H) => m(H, O)
-        }, [a.shouldShowIcon(O) && V("i", {
+        }, [a.shouldShowIcon(O) && $("i", {
           class: a.iconClass(O)
         }, null), O.text]), [[Be("tooltip"), N]]);
       }
-      return V("button", {
+      return $("button", {
         type: "button",
-        class: I(O, U),
+        class: E(O, U),
         id: O.id,
         disabled: !O.enable,
         onClick: (N) => m(N, O)
-      }, [a.shouldShowIcon(O) && V("i", {
+      }, [a.shouldShowIcon(O) && $("i", {
         class: a.iconClass(O)
       }, null), O.text]);
     }
@@ -1329,22 +1329,22 @@ const {
       const U = Math.ceil(parseFloat(getComputedStyle(O).getPropertyValue("margin-left"))), N = Math.ceil(parseFloat(getComputedStyle(O).getPropertyValue("margin-right")));
       return (U || 0) + O.getBoundingClientRect().width + (N || 0);
     }
-    function W(O, U, N) {
-      if (U < v.value) {
+    function L(O, U, N) {
+      if (U < b.value) {
         let H = N - 1;
         for (; H >= 0; H--) {
           const ie = O[H], re = B(ie);
-          if (U += re, U >= v.value)
+          if (U += re, U >= b.value)
             break;
         }
         N = H;
       }
-      return U -= v.value, {
+      return U -= b.value, {
         start: N,
         space: U
       };
     }
-    function L(O) {
+    function q(O) {
       const U = l.value;
       let N = O;
       const ie = Array.from(U.children).filter((ae) => ae.id !== "__more_buttons__"), re = ie.length;
@@ -1354,13 +1354,13 @@ const {
         if (ye <= N)
           N -= ye;
         else {
-          const Ce = W(ie, N, ne);
+          const Ce = L(ie, N, ne);
           ne = Ce.start, N = Ce.space, oe = !0;
           break;
         }
       }
       if (!oe && x.length > 0) {
-        const ae = W(ie, N, ne);
+        const ae = L(ie, N, ne);
         ne = ae.start, N = ae.space;
       }
       const Te = x.length > 0;
@@ -1375,15 +1375,15 @@ const {
       }
       return N;
     }
-    function q(O) {
-      let U = L(O);
+    function W(O) {
+      let U = q(O);
       if (x.length) {
         let re = 0;
         for (; re < x.length; re++) {
           const oe = t.items.find((ne) => ne.id === x[re].id);
           if (oe && oe.visible !== !1) {
             const ne = x[re].width;
-            if (U >= ne || re === x.length - 1 && U + v.value >= ne)
+            if (U >= ne || re === x.length - 1 && U + b.value >= ne)
               U -= ne;
             else
               break;
@@ -1401,22 +1401,22 @@ const {
       }, []);
       c.value = H, o.value = ie;
     }
-    function $(O = -1) {
+    function _(O = -1) {
       if (O === 0 || !l.value || !i.value)
         return;
       O < 0 && (O = i.value.getBoundingClientRect().width);
       const U = l.value.getBoundingClientRect().width;
-      (O >= 0 && O < U || x.length) && (q(O), b());
+      (O >= 0 && O < U || x.length) && (W(O), v());
     }
     function Z() {
-      return v.value < 0 && V("div", {
+      return b.value < 0 && $("div", {
         style: "position:absolute;top:-30px;visibility:hidden;"
       }, [k(new Me(g))]);
     }
     const X = new ResizeObserver((O) => {
       if (O.length) {
         const N = O[0].contentRect.width;
-        $(N);
+        _(N);
       }
     });
     function J() {
@@ -1426,42 +1426,42 @@ const {
       i.value && !d && (X.observe(i.value), d = !0);
     }
     function te() {
-      if (r.value && v.value < 0) {
+      if (r.value && b.value < 0) {
         const O = r.value.querySelector("#" + g.id);
-        O && (v.value = B(O));
+        O && (b.value = B(O));
       }
     }
     return Ae(() => {
-      te(), $(), z(), document.body.addEventListener("click", b), document.body.addEventListener("wheel", b);
+      te(), _(), z(), document.body.addEventListener("click", v), document.body.addEventListener("wheel", v);
     }), ct(() => {
-      X.disconnect(), f(), document.body.removeEventListener("click", b), document.body.removeEventListener("wheel", b);
+      X.disconnect(), f(), document.body.removeEventListener("click", v), document.body.removeEventListener("wheel", v);
     }), Ee(() => t.items, () => {
       o.value = it(t.items), c.value.children = [], Ie(() => {
-        J(), $();
+        J(), _();
       });
     }, {
       deep: !0
     }), Ee(() => t.visible, (O) => {
       O && Ie(() => {
-        te(), $(), z();
+        te(), _(), z();
       });
     }), e.expose({
       elementRef: r
-    }), () => V("div", {
-      class: y.value,
+    }), () => $("div", {
+      class: M.value,
       id: s,
       ref: r,
       style: {
-        "overflow-y": v.value < 0 ? "hidden" : "initial"
+        "overflow-y": b.value < 0 ? "hidden" : "initial"
       }
-    }, [t.visible && Z(), t.visible && V("div", {
+    }, [t.visible && Z(), t.visible && $("div", {
       ref: i,
-      class: C.value
-    }, [V("div", {
+      class: y.value
+    }, [$("div", {
       ref: l,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [o.value.filter((O) => O.shown).map((O, U) => O.children && O.children.length > 0 ? k(O) : E(O, U)), P.value && k(c.value)])])]);
+    }, [o.value.filter((O) => O.shown).map((O, U) => O.children && O.children.length > 0 ? k(O) : C(O, U)), I.value && k(c.value)])])]);
   }
 }), co = Q(0);
 function uo() {
@@ -1539,11 +1539,11 @@ function mo(t) {
     return e.getViewModelById(c).states.map((a) => o(a, g));
   }
   function i(c) {
-    const g = e.getRootViewModelId(), v = r(c);
+    const g = e.getRootViewModelId(), b = r(c);
     if (c === g)
-      return v;
+      return b;
     const a = r(g, "root-component.");
-    return [...v, ...a];
+    return [...b, ...a];
   }
   function l(c) {
     return c.binding && c.binding.path || c.id || "";
@@ -1738,12 +1738,12 @@ class ho {
   }
   updateExpression(e, n, o, r) {
     const i = n === "Field" ? e.binding.field : e.id, l = this.buildRule(i, o, r, e.type === "form-group" ? e.id : "");
-    let c = this.getExpressionData().find((v) => v.targetType === n && v.target === i);
-    const g = (v) => v.value.trim() === "";
+    let c = this.getExpressionData().find((b) => b.targetType === n && b.target === i);
+    const g = (b) => b.value.trim() === "";
     if (c) {
-      const v = c.rules.find((a) => a.id === l.id);
-      if (v)
-        g(l) ? c.rules = c.rules.filter((a) => a.id !== l.id) : (Object.assign(v, l), r === "validate" && e.type === "form-group" && (v.elementId = e.id));
+      const b = c.rules.find((a) => a.id === l.id);
+      if (b)
+        g(l) ? c.rules = c.rules.filter((a) => a.id !== l.id) : (Object.assign(b, l), r === "validate" && e.type === "form-group" && (b.elementId = e.id));
       else {
         if (g(l))
           return null;
@@ -1778,10 +1778,10 @@ class ho {
           showMessage: l === "validate" || l === "dataPicking" || l === "required",
           showMessageType: l === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(e, l, n),
-          onSubmitModal: (v) => {
-            const a = this.updateExpression(e, n, v, l);
+          onSubmitModal: (b) => {
+            const a = this.updateExpression(e, n, b, l);
             if (r) {
-              const d = this.buildRule(h, v, l);
+              const d = this.buildRule(h, b, l);
               r(d);
             }
             return a;
@@ -1937,7 +1937,7 @@ class Xe {
    * @returns 
    */
   getPropertyEditorParams(e, n = [], o = "visible", r = {}, i = {}, l = "") {
-    const { getVariables: h, getControlName: c, getStateMachines: g } = mo(this.designerHostService), v = this.getRealTargetType(e), a = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], d = {
+    const { getVariables: h, getControlName: c, getStateMachines: g } = mo(this.designerHostService), b = this.getRealTargetType(e), a = n && n.length > 0 ? n : ["Const", "Variable", "StateMachine", "Expression"], d = {
       type: "property-editor",
       propertyTypes: a
     };
@@ -1950,7 +1950,7 @@ class Xe {
           }, r);
           break;
         case "Expression":
-          d.expressionConfig = this.getExpressionOptions(e, v, l || o);
+          d.expressionConfig = this.getExpressionOptions(e, b, l || o);
           break;
         case "StateMachine":
           d.stateMachines = g();
@@ -2060,16 +2060,16 @@ class Xe {
     const n = e.propertyValue;
     if (!((n && n.type) === "Expression" && n.expressionInfo))
       return;
-    const { expressionId: i, expressionInfo: l } = n, { targetId: h, targetType: c, expressionType: g, value: v, message: a } = l, d = this.formSchemaUtils.getModule();
+    const { expressionId: i, expressionInfo: l } = n, { targetId: h, targetType: c, expressionType: g, value: b, message: a } = l, d = this.formSchemaUtils.getModule();
     d.expressions = d.expressions || [];
     const { expressions: p } = d;
     let u = p.find((T) => T.target === h);
     u || (u = { target: h, rules: [], targetType: c }, p.push(u));
     const s = u.rules.find((T) => T.type === g);
     if (s)
-      s.value = v, s.message = a;
+      s.value = b, s.message = a;
     else {
-      const T = { id: i, type: g, value: v, message: a };
+      const T = { id: i, type: g, value: b, message: a };
       u.rules.push(T);
     }
     delete n.expressionInfo;
@@ -2188,7 +2188,7 @@ function bo(t, e, n) {
   function g() {
     return !1;
   }
-  function v() {
+  function b() {
     return !0;
   }
   function a(u) {
@@ -2225,7 +2225,7 @@ function bo(t, e, n) {
     checkCanAddComponent: g,
     checkCanDeleteComponent: c,
     checkCanMoveComponent: h,
-    hideNestedPaddingInDesginerView: v,
+    hideNestedPaddingInDesginerView: b,
     onResolveNewComponentSchema: l,
     getPropsConfig: a,
     getCustomButtons: p
@@ -2245,11 +2245,11 @@ var kt = { exports: {} };
   })(function() {
     return (/* @__PURE__ */ function() {
       function n(o, r, i) {
-        function l(g, v) {
+        function l(g, b) {
           if (!r[g]) {
             if (!o[g]) {
               var a = typeof Pe == "function" && Pe;
-              if (!v && a) return a(g, !0);
+              if (!b && a) return a(g, !0);
               if (h) return h(g, !0);
               var d = new Error("Cannot find module '" + g + "'");
               throw d.code = "MODULE_NOT_FOUND", d;
@@ -2277,22 +2277,22 @@ var kt = { exports: {} };
           var p = a.className;
           p.length ? c(d).test(p) || (a.className += " " + d) : a.className = d;
         }
-        function v(a, d) {
+        function b(a, d) {
           a.className = a.className.replace(c(d), " ").trim();
         }
         o.exports = {
           add: g,
-          rm: v
+          rm: b
         };
       }, {}],
       2: [function(n, o, r) {
         (function(i) {
-          var l = n("contra/emitter"), h = n("crossvent"), c = n("./classes"), g = document, v = g.documentElement;
-          function a(b, I) {
+          var l = n("contra/emitter"), h = n("crossvent"), c = n("./classes"), g = document, b = g.documentElement;
+          function a(v, E) {
             var m = arguments.length;
-            m === 1 && Array.isArray(b) === !1 && (I = b, b = []);
-            var E, D, x, B, W, L, q, $, Z, X = null, J, z, te = !1, O = 0, U, N = I || {};
-            N.moves === void 0 && (N.moves = k), N.accepts === void 0 && (N.accepts = k), N.invalid === void 0 && (N.invalid = Ot), N.containers === void 0 && (N.containers = b || []), N.isContainer === void 0 && (N.isContainer = R), N.copy === void 0 && (N.copy = !1), N.copySortSource === void 0 && (N.copySortSource = !1), N.revertOnSpill === void 0 && (N.revertOnSpill = !1), N.removeOnSpill === void 0 && (N.removeOnSpill = !1), N.direction === void 0 && (N.direction = "vertical"), N.ignoreInputTextSelection === void 0 && (N.ignoreInputTextSelection = !0), N.mirrorContainer === void 0 && (N.mirrorContainer = g.body);
+            m === 1 && Array.isArray(v) === !1 && (E = v, v = []);
+            var C, D, x, B, L, q, W, _, Z, X = null, J, z, te = !1, O = 0, U, N = E || {};
+            N.moves === void 0 && (N.moves = k), N.accepts === void 0 && (N.accepts = k), N.invalid === void 0 && (N.invalid = Ot), N.containers === void 0 && (N.containers = v || []), N.isContainer === void 0 && (N.isContainer = R), N.copy === void 0 && (N.copy = !1), N.copySortSource === void 0 && (N.copySortSource = !1), N.revertOnSpill === void 0 && (N.revertOnSpill = !1), N.removeOnSpill === void 0 && (N.removeOnSpill = !1), N.direction === void 0 && (N.direction = "vertical"), N.ignoreInputTextSelection === void 0 && (N.ignoreInputTextSelection = !0), N.mirrorContainer === void 0 && (N.mirrorContainer = g.body);
             var H = l({
               containers: N.containers,
               start: Rt,
@@ -2309,15 +2309,15 @@ var kt = { exports: {} };
             }
             function re(w) {
               var j = w ? "remove" : "add";
-              u(v, j, "mousedown", ye), u(v, j, "mouseup", Ne);
+              u(b, j, "mousedown", ye), u(b, j, "mouseup", Ne);
             }
             function oe(w) {
               var j = w ? "remove" : "add";
-              u(v, j, "mousemove", Ce);
+              u(b, j, "mousemove", Ce);
             }
             function ne(w) {
               var j = w ? "remove" : "add";
-              h[j](v, "selectstart", ae), h[j](v, "click", ae);
+              h[j](b, "selectstart", ae), h[j](b, "click", ae);
             }
             function Te() {
               re(!0), Ne({});
@@ -2326,11 +2326,11 @@ var kt = { exports: {} };
               J && w.preventDefault();
             }
             function ye(w) {
-              B = w.clientX, W = w.clientY;
+              B = w.clientX, L = w.clientY;
               var j = s(w) !== 1 || w.metaKey || w.ctrlKey;
               if (!j) {
-                var _ = w.target, G = Se(_);
-                G && (J = G, oe(), w.type === "mousedown" && (F(_) ? _.focus() : w.preventDefault()));
+                var V = w.target, G = Se(V);
+                G && (J = G, oe(), w.type === "mousedown" && (F(V) ? V.focus() : w.preventDefault()));
               }
             }
             function Ce(w) {
@@ -2339,29 +2339,29 @@ var kt = { exports: {} };
                   Ne({});
                   return;
                 }
-                if (!(w.clientX !== void 0 && Math.abs(w.clientX - B) <= (N.slideFactorX || 0) && w.clientY !== void 0 && Math.abs(w.clientY - W) <= (N.slideFactorY || 0))) {
+                if (!(w.clientX !== void 0 && Math.abs(w.clientX - B) <= (N.slideFactorX || 0) && w.clientY !== void 0 && Math.abs(w.clientY - L) <= (N.slideFactorY || 0))) {
                   if (N.ignoreInputTextSelection) {
-                    var j = C("clientX", w) || 0, _ = C("clientY", w) || 0, G = g.elementFromPoint(j, _);
+                    var j = y("clientX", w) || 0, V = y("clientY", w) || 0, G = g.elementFromPoint(j, V);
                     if (F(G))
                       return;
                   }
                   var K = J;
-                  oe(!0), ne(), Qe(), He(K), c.add($ || x, "gu-transit"), Vt(), jt(), O = 0, _e(w);
+                  oe(!0), ne(), Qe(), He(K), c.add(_ || x, "gu-transit"), $t(), jt(), O = 0, Ve(w);
                 }
               }
             }
             function Se(w) {
-              if (!(H.dragging && E) && !ie(w)) {
-                for (var j = w; P(w) && ie(P(w)) === !1; )
-                  if (N.invalid(w, j) || (w = P(w), !w))
+              if (!(H.dragging && C) && !ie(w)) {
+                for (var j = w; I(w) && ie(I(w)) === !1; )
+                  if (N.invalid(w, j) || (w = I(w), !w))
                     return;
-                var _ = P(w);
-                if (_ && !N.invalid(w, j)) {
-                  var G = N.moves(w, _, j, f(w));
+                var V = I(w);
+                if (V && !N.invalid(w, j)) {
+                  var G = N.moves(w, V, j, f(w));
                   if (G)
                     return {
                       item: w,
-                      source: _
+                      source: V
                     };
                 }
               }
@@ -2374,15 +2374,15 @@ var kt = { exports: {} };
               j && He(j);
             }
             function He(w) {
-              Gt(w.item, w.source) && ($ = w.item.cloneNode(!0), H.emit("cloned", $, w.item, "copy")), D = w.source, x = w.item, L = q = f(w.item), H.dragging = !0, H.emit("drag", x, D);
+              Gt(w.item, w.source) && (_ = w.item.cloneNode(!0), H.emit("cloned", _, w.item, "copy")), D = w.source, x = w.item, q = W = f(w.item), H.dragging = !0, H.emit("drag", x, D);
             }
             function Ot() {
               return !1;
             }
             function Qe() {
               if (H.dragging) {
-                var w = $ || x;
-                Je(w, P(w));
+                var w = _ || x;
+                Je(w, I(w));
               }
             }
             function Ze() {
@@ -2390,66 +2390,66 @@ var kt = { exports: {} };
             }
             function Ne(w) {
               if (Ze(), !!H.dragging) {
-                var j = $ || x, _ = C("clientX", w) || 0, G = C("clientY", w) || 0, K = T(E, _, G), ee = tt(K, _, G);
-                ee && ($ && N.copySortSource || !$ || ee !== D) ? Je(j, ee) : N.removeOnSpill ? Ke() : et();
+                var j = _ || x, V = y("clientX", w) || 0, G = y("clientY", w) || 0, K = T(C, V, G), ee = tt(K, V, G);
+                ee && (_ && N.copySortSource || !_ || ee !== D) ? Je(j, ee) : N.removeOnSpill ? Ke() : et();
               }
             }
             function Je(w, j) {
-              var _ = P(w);
-              $ && N.copySortSource && j === D && _.removeChild(x), Ve(j) ? H.emit("cancel", w, D) : H.emit("drop", w, j, D, q), je();
+              var V = I(w);
+              _ && N.copySortSource && j === D && V.removeChild(x), $e(j) ? H.emit("cancel", w, D) : H.emit("drop", w, j, D, W), je();
             }
             function Ke() {
               if (H.dragging) {
-                var w = $ || x, j = P(w);
-                j && j.removeChild(w), H.emit($ ? "cancel" : "remove", w, j, D), je();
+                var w = _ || x, j = I(w);
+                j && j.removeChild(w), H.emit(_ ? "cancel" : "remove", w, j, D), je();
               }
             }
             function et(w) {
               if (H.dragging) {
-                var j = arguments.length > 0 ? w : N.revertOnSpill, _ = $ || x, G = P(_), K = Ve(G);
-                K === !1 && j && ($ ? G && G.removeChild($) : D.insertBefore(_, L)), K || j ? H.emit("cancel", _, D, D) : H.emit("drop", _, G, D, q), je();
+                var j = arguments.length > 0 ? w : N.revertOnSpill, V = _ || x, G = I(V), K = $e(G);
+                K === !1 && j && (_ ? G && G.removeChild(_) : D.insertBefore(V, q)), K || j ? H.emit("cancel", V, D, D) : H.emit("drop", V, G, D, W), je();
               }
             }
             function je() {
-              var w = $ || x;
-              Ze(), _t(), $t(), w && c.rm(w, "gu-transit"), Z && clearTimeout(Z), H.dragging = !1, X && H.emit("out", w, X, D), H.emit("dragend", w, O), D = x = $ = L = q = Z = X = null;
+              var w = _ || x;
+              Ze(), Vt(), _t(), w && c.rm(w, "gu-transit"), Z && clearTimeout(Z), H.dragging = !1, X && H.emit("out", w, X, D), H.emit("dragend", w, O), D = x = _ = q = W = Z = X = null;
             }
-            function Ve(w, j) {
-              var _;
-              return j !== void 0 ? _ = j : E ? _ = q : _ = f($ || x), w === D && _ === L;
+            function $e(w, j) {
+              var V;
+              return j !== void 0 ? V = j : C ? V = W : V = f(_ || x), w === D && V === q;
             }
-            function tt(w, j, _) {
+            function tt(w, j, V) {
               for (var G = w; G && !K(); )
-                G = P(G);
+                G = I(G);
               return G;
               function K() {
                 var ee = ie(G);
                 if (ee === !1)
                   return !1;
-                var me = nt(G, w), de = ot(G, me, j, _), ge = Ve(G, de);
+                var me = nt(G, w), de = ot(G, me, j, V), ge = $e(G, de);
                 return ge ? !0 : N.accepts(x, G, D, de);
               }
             }
-            function _e(w) {
-              if (!E)
+            function Ve(w) {
+              if (!C)
                 return;
               w.preventDefault();
-              var j = C("clientX", w) || 0, _ = C("clientY", w) || 0;
-              E.style.left = j - 2 + "px", E.style.top = _ - 2 + "px";
-              var G = $ || x, K = T(E, j, _), ee = tt(K, j, _), me = ee !== null && ee !== X;
-              (me || ee === null) && (fe(), X = ee, ve()), zt(K, _);
-              var de = P(G);
-              if (ee === D && $ && !N.copySortSource) {
+              var j = y("clientX", w) || 0, V = y("clientY", w) || 0;
+              C.style.left = j - 2 + "px", C.style.top = V - 2 + "px";
+              var G = _ || x, K = T(C, j, V), ee = tt(K, j, V), me = ee !== null && ee !== X;
+              (me || ee === null) && (fe(), X = ee, ve()), zt(K, V);
+              var de = I(G);
+              if (ee === D && _ && !N.copySortSource) {
                 de && de.removeChild(G);
                 return;
               }
               var ge, he = nt(ee, K);
               if (te = Lt(he, ee), he !== null)
-                ge = ot(ee, he, j, _);
-              else if (N.revertOnSpill === !0 && !$)
-                ge = L, ee = D;
+                ge = ot(ee, he, j, V);
+              else if (N.revertOnSpill === !0 && !_)
+                ge = q, ee = D;
               else {
-                $ && de && de.removeChild(G), $ && z && (z.style.display = "none");
+                _ && de && de.removeChild(G), _ && z && (z.style.display = "none");
                 return;
               }
               z.style.display = "block", Ft(ge, G, me), ge ? Wt(he, ge) : Ut(ee);
@@ -2463,8 +2463,8 @@ var kt = { exports: {} };
                 X && le("out");
               }
             }
-            function Ft(w, j, _) {
-              (w === j || w === f(j)) && (q = f(j)), (w === null && _ || w !== j && w !== f(j)) && (q = w);
+            function Ft(w, j, V) {
+              (w === j || w === f(j)) && (W = f(j)), (w === null && V || w !== j && w !== f(j)) && (W = w);
             }
             function At(w) {
               c.rm(w, "gu-hide");
@@ -2473,31 +2473,31 @@ var kt = { exports: {} };
               H.dragging && c.add(w, "gu-hide");
             }
             function jt() {
-              E || (E = document.createElement("div"), E.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;", E.innerHTML = N.getMirrorText && N.getMirrorText(x) || "控件", c.add(E, "gu-mirror"), N.mirrorContainer.appendChild(E), u(v, "add", "mousemove", _e), c.add(N.mirrorContainer, "gu-unselectable"), H.emit("cloned", E, x, "mirror"));
+              C || (C = document.createElement("div"), C.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;", C.innerHTML = N.getMirrorText && N.getMirrorText(x) || "控件", c.add(C, "gu-mirror"), N.mirrorContainer.appendChild(C), u(b, "add", "mousemove", Ve), c.add(N.mirrorContainer, "gu-unselectable"), H.emit("cloned", C, x, "mirror"));
             }
-            function Vt() {
+            function $t() {
               if (z = document.createElement("div"), c.add(z, "gu-insertion"), x) {
                 var w = x.getBoundingClientRect();
                 z.style.left = w.left + "px", z.style.top = w.top + "px";
               }
               te = !1, N.mirrorContainer.appendChild(z);
             }
-            function _t() {
-              E && (c.rm(N.mirrorContainer, "gu-unselectable"), u(v, "remove", "mousemove", _e), P(E).removeChild(E), E = null);
+            function Vt() {
+              C && (c.rm(N.mirrorContainer, "gu-unselectable"), u(b, "remove", "mousemove", Ve), I(C).removeChild(C), C = null);
             }
-            function $t() {
-              z && (P(z).removeChild(z), z = null);
+            function _t() {
+              z && (I(z).removeChild(z), z = null);
             }
             function nt(w, j) {
-              for (var _ = j; _ !== w && P(_) !== w; )
-                _ = P(_);
-              return _ === v ? null : _;
+              for (var V = j; V !== w && I(V) !== w; )
+                V = I(V);
+              return V === b ? null : V;
             }
             function Lt(w, j) {
               if (!j)
                 return te;
-              var _ = w || j && j.lastElementChild;
-              if (!_)
+              var V = w || j && j.lastElementChild;
+              if (!V)
                 return !0;
               var G = getComputedStyle(w), K = /^inline/.test(G.getPropertyValue("display")) || /^(left|right)$/.test(G.getPropertyValue("float"));
               if (K)
@@ -2529,58 +2529,58 @@ var kt = { exports: {} };
               return !0;
             }
             function Wt(w, j) {
-              const _ = j.getBoundingClientRect();
-              if (z.style.left = _.left + "px", z.style.top = _.top + "px", te) {
-                if (z.style.height = _.height + "px", z.style.width = "4px", w) {
+              const V = j.getBoundingClientRect();
+              if (z.style.left = V.left + "px", z.style.top = V.top + "px", te) {
+                if (z.style.height = V.height + "px", z.style.width = "4px", w) {
                   const G = w.getBoundingClientRect();
-                  G.top !== _.top && (z.style.left = G.right + "px", z.style.top = G.top + "px", z.style.height = G.height + "px");
+                  G.top !== V.top && (z.style.left = G.right + "px", z.style.top = G.top + "px", z.style.height = G.height + "px");
                 }
-              } else if (z.style.height = "4px", z.style.width = _.width + "px", U) {
+              } else if (z.style.height = "4px", z.style.width = V.width + "px", U) {
                 const G = U.getBoundingClientRect();
-                _.top < G.top && (z.style.display = "none");
+                V.top < G.top && (z.style.display = "none");
               }
               j === x && x && (z.style.display = "none");
             }
             function Ut(w) {
-              q = null;
+              W = null;
               var j = w.lastElementChild;
               if (j) {
-                var _ = j.getBoundingClientRect();
-                te ? (z.style.left = _.right + "px", z.style.top = _.top + "px", z.style.height = _.height + "px", z.style.width = "4px") : (z.style.left = _.left + "px", z.style.top = _.bottom + "px", z.style.height = "4px", z.style.width = _.width + "px"), j === x && x && (z.style.display = "none");
+                var V = j.getBoundingClientRect();
+                te ? (z.style.left = V.right + "px", z.style.top = V.top + "px", z.style.height = V.height + "px", z.style.width = "4px") : (z.style.left = V.left + "px", z.style.top = V.bottom + "px", z.style.height = "4px", z.style.width = V.width + "px"), j === x && x && (z.style.display = "none");
               } else
                 z.style.display = "none";
             }
             function zt(w, j) {
               if (!N.mirrorContainer.contains(w) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (U = d(w), !U || !U.contains(w)))
                 return;
-              const _ = document.querySelector(".dgComponentSelected"), G = U.getBoundingClientRect();
+              const V = document.querySelector(".dgComponentSelected"), G = U.getBoundingClientRect();
               if (j - 30 < G.top && U.scrollTop > 0) {
                 let K = U.scrollTop < 10 ? U.scrollTop : 10;
-                U.scrollBy(0, -1 * K), _ && U.contains(_) && (O = O + -1 * K);
+                U.scrollBy(0, -1 * K), V && U.contains(V) && (O = O + -1 * K);
               }
               if (j + 30 > G.bottom && U.scrollTop < U.scrollHeight - U.clientHeight) {
                 const K = U.scrollHeight - U.clientHeight - U.scrollTop;
                 let ee = K < 10 ? K : 10;
-                U.scrollBy(0, ee), _ && U.contains(_) && (O = O + ee);
+                U.scrollBy(0, ee), V && U.contains(V) && (O = O + ee);
               }
             }
-            function ot(w, j, _, G) {
+            function ot(w, j, V, G) {
               var K = N.direction === "horizontal", ee = N.direction === "mixed", me = j !== w ? ge() : de();
               return me;
               function de() {
                 var le = w.children.length, ve, fe, ce;
                 for (ve = 0; ve < le; ve++)
-                  if (fe = w.children[ve], ce = fe.getBoundingClientRect(), K && ce.left + ce.width / 2 > _ || !ee && !K && ce.top + ce.height / 2 > G || ee && ce.left + ce.width > _ && ce.top + ce.height > G)
+                  if (fe = w.children[ve], ce = fe.getBoundingClientRect(), K && ce.left + ce.width / 2 > V || !ee && !K && ce.top + ce.height / 2 > G || ee && ce.left + ce.width > V && ce.top + ce.height > G)
                     return fe;
                 return null;
               }
               function ge() {
                 var le = j.getBoundingClientRect();
                 if (ee) {
-                  var ve = G - le.top, fe = _ - le.left, ce = le.bottom - G, $e = le.right - _, Le = Math.min(fe, $e, ve, ce), qe;
-                  return te ? qe = $e < fe : qe = ce === Le || $e === Le || fe === Le, he(qe);
+                  var ve = G - le.top, fe = V - le.left, ce = le.bottom - G, _e = le.right - V, Le = Math.min(fe, _e, ve, ce), qe;
+                  return te ? qe = _e < fe : qe = ce === Le || _e === Le || fe === Le, he(qe);
                 }
-                return he(K ? _ > le.left + A(le) / 2 : G > le.top + M(le) / 2);
+                return he(K ? V > le.left + A(le) / 2 : G > le.top + P(le) / 2);
               }
               function he(le) {
                 return le ? f(j) : j;
@@ -2590,26 +2590,26 @@ var kt = { exports: {} };
               return typeof N.copy == "boolean" ? N.copy : N.copy(w, j);
             }
           }
-          function d(b) {
-            const I = Array.from(window.scrollContainerList);
-            if (I.length === 1) {
-              const E = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(E);
+          function d(v) {
+            const E = Array.from(window.scrollContainerList);
+            if (E.length === 1) {
+              const C = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(C);
             }
-            const m = p(I);
-            for (const E of m)
-              if (E.contains(b))
-                return E;
+            const m = p(E);
+            for (const C of m)
+              if (C.contains(v))
+                return C;
             return null;
           }
-          function p(b) {
-            const I = [];
-            return b.forEach((m) => {
-              const E = document.getElementById(m);
-              E && I.push(E);
-            }), I.sort((m, E) => m.contains(E) ? 1 : E.contains(m) ? -1 : 0), I;
+          function p(v) {
+            const E = [];
+            return v.forEach((m) => {
+              const C = document.getElementById(m);
+              C && E.push(C);
+            }), E.sort((m, C) => m.contains(C) ? 1 : C.contains(m) ? -1 : 0), E;
           }
-          function u(b, I, m, E) {
+          function u(v, E, m, C) {
             var D = {
               mouseup: "touchend",
               mousedown: "touchstart",
@@ -2623,23 +2623,23 @@ var kt = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            i.navigator.pointerEnabled ? h[I](b, x[m], E) : i.navigator.msPointerEnabled ? h[I](b, B[m], E) : (h[I](b, D[m], E), h[I](b, m, E));
+            i.navigator.pointerEnabled ? h[E](v, x[m], C) : i.navigator.msPointerEnabled ? h[E](v, B[m], C) : (h[E](v, D[m], C), h[E](v, m, C));
           }
-          function s(b) {
-            if (b.touches !== void 0)
-              return b.touches.length;
-            if (b.which !== void 0 && b.which !== 0)
-              return b.which;
-            if (b.buttons !== void 0)
-              return b.buttons;
-            var I = b.button;
-            if (I !== void 0)
-              return I & 1 ? 1 : I & 2 ? 3 : I & 4 ? 2 : 0;
+          function s(v) {
+            if (v.touches !== void 0)
+              return v.touches.length;
+            if (v.which !== void 0 && v.which !== 0)
+              return v.which;
+            if (v.buttons !== void 0)
+              return v.buttons;
+            var E = v.button;
+            if (E !== void 0)
+              return E & 1 ? 1 : E & 2 ? 3 : E & 4 ? 2 : 0;
           }
-          function T(b, I, m) {
-            b = b || {};
-            var E = b.className || "", D;
-            return b.className += " gu-hide", D = g.elementFromPoint(I, m), b.className = E, D;
+          function T(v, E, m) {
+            v = v || {};
+            var C = v.className || "", D;
+            return v.className += " gu-hide", D = g.elementFromPoint(E, m), v.className = C, D;
           }
           function R() {
             return !1;
@@ -2647,42 +2647,42 @@ var kt = { exports: {} };
           function k() {
             return !0;
           }
-          function A(b) {
-            return b.width || b.right - b.left;
+          function A(v) {
+            return v.width || v.right - v.left;
           }
-          function M(b) {
-            return b.height || b.bottom - b.top;
+          function P(v) {
+            return v.height || v.bottom - v.top;
           }
-          function P(b) {
-            return b.parentNode === g ? null : b.parentNode;
+          function I(v) {
+            return v.parentNode === g ? null : v.parentNode;
           }
-          function F(b) {
-            return b.tagName === "INPUT" || b.tagName === "TEXTAREA" || b.tagName === "SELECT" || S(b);
+          function F(v) {
+            return v.tagName === "INPUT" || v.tagName === "TEXTAREA" || v.tagName === "SELECT" || S(v);
           }
-          function S(b) {
-            return !b || b.contentEditable === "false" ? !1 : b.contentEditable === "true" ? !0 : S(P(b));
+          function S(v) {
+            return !v || v.contentEditable === "false" ? !1 : v.contentEditable === "true" ? !0 : S(I(v));
           }
-          function f(b) {
-            return b.nextElementSibling || I();
-            function I() {
-              var m = b;
+          function f(v) {
+            return v.nextElementSibling || E();
+            function E() {
+              var m = v;
               do
                 m = m.nextSibling;
               while (m && m.nodeType !== 1);
               return m;
             }
           }
-          function y(b) {
-            return b.targetTouches && b.targetTouches.length ? b.targetTouches[0] : b.changedTouches && b.changedTouches.length ? b.changedTouches[0] : b;
+          function M(v) {
+            return v.targetTouches && v.targetTouches.length ? v.targetTouches[0] : v.changedTouches && v.changedTouches.length ? v.changedTouches[0] : v;
           }
-          function C(b, I) {
-            var m = y(I), E = {
+          function y(v, E) {
+            var m = M(E), C = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return b in E && !(b in m) && E[b] in m && (b = E[b]), m[b];
+            return v in C && !(v in m) && C[v] in m && (v = C[v]), m[v];
           }
           o.exports = a;
         }).call(this, typeof be < "u" ? be : typeof self < "u" ? self : typeof window < "u" ? window : {});
@@ -2703,7 +2703,7 @@ var kt = { exports: {} };
       5: [function(n, o, r) {
         var i = n("atoa"), l = n("./debounce");
         o.exports = function(c, g) {
-          var v = g || {}, a = {};
+          var b = g || {}, a = {};
           return c === void 0 && (c = {}), c.on = function(d, p) {
             return a[d] ? a[d].push(p) : a[d] = [p], c;
           }, c.once = function(d, p) {
@@ -2728,10 +2728,10 @@ var kt = { exports: {} };
             var p = (a[d] || []).slice(0);
             return function() {
               var u = i(arguments), s = this || c;
-              if (d === "error" && v.throws !== !1 && !p.length)
+              if (d === "error" && b.throws !== !1 && !p.length)
                 throw u.length === 1 ? u[0] : u;
               return p.forEach(function(R) {
-                v.async ? l(R, u, s) : R.apply(s, u), R._once && c.off(d, R);
+                b.async ? l(R, u, s) : R.apply(s, u), R._once && c.off(d, R);
               }), c;
             };
           }, c;
@@ -2739,67 +2739,67 @@ var kt = { exports: {} };
       }, { "./debounce": 4, atoa: 3 }],
       6: [function(n, o, r) {
         (function(i) {
-          var l = n("custom-event"), h = n("./eventmap"), c = i.document, g = d, v = u, a = [];
-          i.addEventListener || (g = p, v = s), o.exports = {
+          var l = n("custom-event"), h = n("./eventmap"), c = i.document, g = d, b = u, a = [];
+          i.addEventListener || (g = p, b = s), o.exports = {
             add: g,
-            remove: v,
+            remove: b,
             fabricate: T
           };
-          function d(P, F, S, f) {
-            return P.addEventListener(F, S, f);
+          function d(I, F, S, f) {
+            return I.addEventListener(F, S, f);
           }
-          function p(P, F, S) {
-            return P.attachEvent("on" + F, k(P, F, S));
+          function p(I, F, S) {
+            return I.attachEvent("on" + F, k(I, F, S));
           }
-          function u(P, F, S, f) {
-            return P.removeEventListener(F, S, f);
+          function u(I, F, S, f) {
+            return I.removeEventListener(F, S, f);
           }
-          function s(P, F, S) {
-            var f = A(P, F, S);
+          function s(I, F, S) {
+            var f = A(I, F, S);
             if (f)
-              return P.detachEvent("on" + F, f);
+              return I.detachEvent("on" + F, f);
           }
-          function T(P, F, S) {
-            var f = h.indexOf(F) === -1 ? C() : y();
-            P.dispatchEvent ? P.dispatchEvent(f) : P.fireEvent("on" + F, f);
-            function y() {
-              var b;
-              return c.createEvent ? (b = c.createEvent("Event"), b.initEvent(F, !0, !0)) : c.createEventObject && (b = c.createEventObject()), b;
+          function T(I, F, S) {
+            var f = h.indexOf(F) === -1 ? y() : M();
+            I.dispatchEvent ? I.dispatchEvent(f) : I.fireEvent("on" + F, f);
+            function M() {
+              var v;
+              return c.createEvent ? (v = c.createEvent("Event"), v.initEvent(F, !0, !0)) : c.createEventObject && (v = c.createEventObject()), v;
             }
-            function C() {
+            function y() {
               return new l(F, { detail: S });
             }
           }
-          function R(P, F, S) {
-            return function(y) {
-              var C = y || i.event;
-              C.target = C.target || C.srcElement, C.preventDefault = C.preventDefault || function() {
-                C.returnValue = !1;
-              }, C.stopPropagation = C.stopPropagation || function() {
-                C.cancelBubble = !0;
-              }, C.which = C.which || C.keyCode, S.call(P, C);
+          function R(I, F, S) {
+            return function(M) {
+              var y = M || i.event;
+              y.target = y.target || y.srcElement, y.preventDefault = y.preventDefault || function() {
+                y.returnValue = !1;
+              }, y.stopPropagation = y.stopPropagation || function() {
+                y.cancelBubble = !0;
+              }, y.which = y.which || y.keyCode, S.call(I, y);
             };
           }
-          function k(P, F, S) {
-            var f = A(P, F, S) || R(P, F, S);
+          function k(I, F, S) {
+            var f = A(I, F, S) || R(I, F, S);
             return a.push({
               wrapper: f,
-              element: P,
+              element: I,
               type: F,
               fn: S
             }), f;
           }
-          function A(P, F, S) {
-            var f = M(P, F, S);
+          function A(I, F, S) {
+            var f = P(I, F, S);
             if (f) {
-              var y = a[f].wrapper;
-              return a.splice(f, 1), y;
+              var M = a[f].wrapper;
+              return a.splice(f, 1), M;
             }
           }
-          function M(P, F, S) {
-            var f, y;
+          function P(I, F, S) {
+            var f, M;
             for (f = 0; f < a.length; f++)
-              if (y = a[f], y.element === P && y.type === F && y.fn === S)
+              if (M = a[f], M.element === I && M.type === F && M.fn === S)
                 return f;
           }
         }).call(this, typeof be < "u" ? be : typeof self < "u" ? self : typeof window < "u" ? window : {});
@@ -2825,14 +2825,14 @@ var kt = { exports: {} };
           }
           o.exports = h() ? l : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(g, v) {
+            typeof document < "u" && typeof document.createEvent == "function" ? function(g, b) {
               var a = document.createEvent("CustomEvent");
-              return v ? a.initCustomEvent(g, v.bubbles, v.cancelable, v.detail) : a.initCustomEvent(g, !1, !1, void 0), a;
+              return b ? a.initCustomEvent(g, b.bubbles, b.cancelable, b.detail) : a.initCustomEvent(g, !1, !1, void 0), a;
             } : (
               // IE <= 8
-              function(g, v) {
+              function(g, b) {
                 var a = document.createEventObject();
-                return a.type = g, v ? (a.bubbles = !!v.bubbles, a.cancelable = !!v.cancelable, a.detail = v.detail) : (a.bubbles = !1, a.cancelable = !1, a.detail = void 0), a;
+                return a.type = g, b ? (a.bubbles = !!b.bubbles, a.cancelable = !!b.cancelable, a.detail = b.detail) : (a.bubbles = !1, a.cancelable = !1, a.detail = void 0), a;
               }
             )
           );
@@ -2858,33 +2858,33 @@ var kt = { exports: {} };
             h = g;
           }
         })();
-        function v(M) {
+        function b(P) {
           if (l === setTimeout)
-            return setTimeout(M, 0);
+            return setTimeout(P, 0);
           if ((l === c || !l) && setTimeout)
-            return l = setTimeout, setTimeout(M, 0);
+            return l = setTimeout, setTimeout(P, 0);
           try {
-            return l(M, 0);
+            return l(P, 0);
           } catch {
             try {
-              return l.call(null, M, 0);
+              return l.call(null, P, 0);
             } catch {
-              return l.call(this, M, 0);
+              return l.call(this, P, 0);
             }
           }
         }
-        function a(M) {
+        function a(P) {
           if (h === clearTimeout)
-            return clearTimeout(M);
+            return clearTimeout(P);
           if ((h === g || !h) && clearTimeout)
-            return h = clearTimeout, clearTimeout(M);
+            return h = clearTimeout, clearTimeout(P);
           try {
-            return h(M);
+            return h(P);
           } catch {
             try {
-              return h.call(null, M);
+              return h.call(null, P);
             } catch {
-              return h.call(this, M);
+              return h.call(this, P);
             }
           }
         }
@@ -2894,38 +2894,38 @@ var kt = { exports: {} };
         }
         function R() {
           if (!p) {
-            var M = v(T);
+            var P = b(T);
             p = !0;
-            for (var P = d.length; P; ) {
-              for (u = d, d = []; ++s < P; )
+            for (var I = d.length; I; ) {
+              for (u = d, d = []; ++s < I; )
                 u && u[s].run();
-              s = -1, P = d.length;
+              s = -1, I = d.length;
             }
-            u = null, p = !1, a(M);
+            u = null, p = !1, a(P);
           }
         }
-        i.nextTick = function(M) {
-          var P = new Array(arguments.length - 1);
+        i.nextTick = function(P) {
+          var I = new Array(arguments.length - 1);
           if (arguments.length > 1)
             for (var F = 1; F < arguments.length; F++)
-              P[F - 1] = arguments[F];
-          d.push(new k(M, P)), d.length === 1 && !p && v(R);
+              I[F - 1] = arguments[F];
+          d.push(new k(P, I)), d.length === 1 && !p && b(R);
         };
-        function k(M, P) {
-          this.fun = M, this.array = P;
+        function k(P, I) {
+          this.fun = P, this.array = I;
         }
         k.prototype.run = function() {
           this.fun.apply(null, this.array);
         }, i.title = "browser", i.browser = !0, i.env = {}, i.argv = [], i.version = "", i.versions = {};
         function A() {
         }
-        i.on = A, i.addListener = A, i.once = A, i.off = A, i.removeListener = A, i.removeAllListeners = A, i.emit = A, i.prependListener = A, i.prependOnceListener = A, i.listeners = function(M) {
+        i.on = A, i.addListener = A, i.once = A, i.off = A, i.removeListener = A, i.removeAllListeners = A, i.emit = A, i.prependListener = A, i.prependOnceListener = A, i.listeners = function(P) {
           return [];
-        }, i.binding = function(M) {
+        }, i.binding = function(P) {
           throw new Error("process.binding is not supported");
         }, i.cwd = function() {
           return "/";
-        }, i.chdir = function(M) {
+        }, i.chdir = function(P) {
           throw new Error("process.chdir is not supported");
         }, i.umask = function() {
           return 0;
@@ -2943,7 +2943,7 @@ var kt = { exports: {} };
       }, { timers: 11 }],
       11: [function(n, o, r) {
         (function(i, l) {
-          var h = n("process/browser.js").nextTick, c = Function.prototype.apply, g = Array.prototype.slice, v = {}, a = 0;
+          var h = n("process/browser.js").nextTick, c = Function.prototype.apply, g = Array.prototype.slice, b = {}, a = 0;
           r.setTimeout = function() {
             return new d(c.call(setTimeout, window, arguments), clearTimeout);
           }, r.setInterval = function() {
@@ -2969,11 +2969,11 @@ var kt = { exports: {} };
             }, u));
           }, r.setImmediate = typeof i == "function" ? i : function(p) {
             var u = a++, s = arguments.length < 2 ? !1 : g.call(arguments, 1);
-            return v[u] = !0, h(function() {
-              v[u] && (s ? p.apply(null, s) : p.call(null), r.clearImmediate(u));
+            return b[u] = !0, h(function() {
+              b[u] && (s ? p.apply(null, s) : p.call(null), r.clearImmediate(u));
             }), u;
           }, r.clearImmediate = typeof l == "function" ? l : function(p) {
-            delete v[p];
+            delete b[p];
           };
         }).call(this, n("timers").setImmediate, n("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
@@ -2994,7 +2994,7 @@ function wo(t) {
       g = Array.from(i.children).findIndex((u) => u.getAttribute("id") === p);
     } else
       g = Array.from(i.children).length;
-    const v = r.getAttribute("id"), a = Array.from(i.children).findIndex((p) => p.getAttribute("id") === v), d = c.buttons[a];
+    const b = r.getAttribute("id"), a = Array.from(i.children).findIndex((p) => p.getAttribute("id") === b), d = c.buttons[a];
     a !== g && a > -1 && g > -1 && (a < g && (g = g - 1), c.buttons.splice(a, 1), c.buttons.splice(g, 0, d), h(), Ie(() => {
       const p = i.querySelector(".dgComponentSelected");
       p != null && p.className.includes("dgComponentSelected") && (p.classList.remove("dgComponentSelected"), p.classList.remove("dgComponentFocused"), p.click()), xe.value++;
@@ -3009,10 +3009,10 @@ function wo(t) {
       },
       // 判断是否可移动
       moves(h, c, g) {
-        let v = !0;
-        return g.classList.contains("dropdown-item") ? (v = !1, v) : (h.classList.contains("no-drag") && (v = !1), v);
+        let b = !0;
+        return g.classList.contains("dropdown-item") ? (b = !1, b) : (h.classList.contains("no-drag") && (b = !1), b);
       }
-    }).on("drop", (h, c, g, v) => n(h, c, v, l)));
+    }).on("drop", (h, c, g, b) => n(h, c, b, l)));
   }
   return {
     dragulaInstance: e,
@@ -3029,38 +3029,38 @@ function xo(t, e, n) {
     i = k;
   }
   function h(k, A = null) {
-    const M = e.value.find((P) => P.id === k.id);
-    if (M.isDP)
+    const P = e.value.find((I) => I.id === k.id);
+    if (P.isDP)
       if (document.body.click(), typeof A == "boolean")
-        M.expanded = A;
+        P.expanded = A;
       else {
-        const P = k.expanded;
-        M.expanded = !P;
+        const I = k.expanded;
+        P.expanded = !I;
       }
   }
   r.toggleDropdownMenu = h;
   function c(k) {
-    var M;
+    var P;
     const A = {
       "dropdown-menu": !0
     };
     if (k.class) {
-      const P = (M = k.menuClass) == null ? void 0 : M.split(" ");
-      P && P.length && P.reduce((F, S) => (F[S] = !0, F), A);
+      const I = (P = k.menuClass) == null ? void 0 : P.split(" ");
+      I && I.length && I.reduce((F, S) => (F[S] = !0, F), A);
     }
     return A;
   }
   function g(k) {
-    var P;
+    var I;
     const A = {
       disabled: k.disabled === !1,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0,
       "text-truncate": !0
-    }, M = (P = k.dropdownClass) == null ? void 0 : P.split(" ");
-    return M && M.length && M.reduce((F, S) => (F[S] = !0, F), A), A;
+    }, P = (I = k.dropdownClass) == null ? void 0 : I.split(" ");
+    return P && P.length && P.reduce((F, S) => (F[S] = !0, F), A), A;
   }
-  function v(k) {
+  function b(k) {
     const A = {
       disabled: !1,
       "dropdown-item": !0,
@@ -3068,125 +3068,125 @@ function xo(t, e, n) {
       "position-relative": !0,
       "farris-component": !0,
       "text-truncate": !0
-    }, M = (k.class || "").split(" ");
-    return M && M.length && M.reduce((P, F) => (P[F] = !0, P), A), A;
+    }, P = (k.class || "").split(" ");
+    return P && P.length && P.reduce((I, F) => (I[F] = !0, I), A), A;
   }
   let a;
   const d = /* @__PURE__ */ new Map();
-  function p(k, A, M) {
+  function p(k, A, P) {
     k.stopPropagation();
-    const P = M ? M.id : "__top_item__";
+    const I = P ? P.id : "__top_item__";
     if (A.children && A.children.length && (A.expanded = !A.expanded, A.expanded)) {
-      if (d.has(P) && d.get(P) !== A) {
-        const F = d.get(P);
-        F && (F.expanded = !1, d.delete(P));
+      if (d.has(I) && d.get(I) !== A) {
+        const F = d.get(I);
+        F && (F.expanded = !1, d.delete(I));
       }
-      d.set(P, A);
+      d.set(I, A);
     }
   }
   function u(k) {
     var A;
-    return (A = k.children) == null ? void 0 : A.map((M, P) => M.children && M.children.length ? V("li", {
-      class: g(M),
-      id: M.id
-    }, [V("span", {
-      class: v(M),
-      onClick: (F) => p(F, M, k)
-    }, [M.text, V("i", {
+    return (A = k.children) == null ? void 0 : A.map((P, I) => P.children && P.children.length ? $("li", {
+      class: g(P),
+      id: P.id
+    }, [$("span", {
+      class: b(P),
+      onClick: (F) => p(F, P, k)
+    }, [P.text, $("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), a(M, M)]) : o(M, P, !0));
+    }, null)]), a(P, P)]) : o(P, I, !0));
   }
-  function s(k, A, M, P) {
+  function s(k, A, P, I) {
     const {
       height: f,
-      left: y,
-      top: C
-    } = P[0], {
-      width: b,
-      height: I
-    } = M.getBoundingClientRect(), {
+      left: M,
+      top: y
+    } = I[0], {
+      width: v,
+      height: E
+    } = P.getBoundingClientRect(), {
       marginTop: m,
-      marginBottom: E
-    } = getComputedStyle(M), D = Math.ceil(parseFloat(m)) + Math.ceil(parseFloat(E)), x = C + f, B = A == null ? void 0 : A.getBoundingClientRect();
-    function W() {
+      marginBottom: C
+    } = getComputedStyle(P), D = Math.ceil(parseFloat(m)) + Math.ceil(parseFloat(C)), x = y + f, B = A == null ? void 0 : A.getBoundingClientRect();
+    function L() {
       let Z = 0, X = "left";
       const J = B ? B.right : window.innerWidth, z = B ? B.left : 0;
-      return Z = J - y - 10, J - y < b && y - z > J - y && (X = "right", Z = y - z - 10), {
+      return Z = J - M - 10, J - M < v && M - z > J - M && (X = "right", Z = M - z - 10), {
         hposition: X,
         maxWidth: Math.min(Z, 300)
       };
     }
-    let L = 0, q = "bottom";
+    let q = 0, W = "bottom";
     if (k === "tabs" || k === "section")
-      L = A.getBoundingClientRect().bottom - x - D - 10;
+      q = A.getBoundingClientRect().bottom - x - D - 10;
     else {
       const Z = B ? B.bottom : window.innerHeight;
-      L = k === "page-header" ? Z - x : C, L = L - D - 10, q = k === "page-header" ? "bottom" : "top";
+      q = k === "page-header" ? Z - x : y, q = q - D - 10, W = k === "page-header" ? "bottom" : "top";
     }
-    const $ = W();
+    const _ = L();
     return {
-      position: q + "-" + $.hposition,
-      maxWidth: $.maxWidth,
-      maxHeight: L
+      position: W + "-" + _.hposition,
+      maxWidth: _.maxWidth,
+      maxHeight: q
     };
   }
   function T(k) {
-    var S, f, y;
-    const A = "300px", M = {
+    var S, f, M;
+    const A = "300px", P = {
       display: k.expanded === !0 ? "block" : "none",
       position: "absolute",
       maxWidth: A,
       minWidth: "120px"
     };
     if (!(i != null && i.value))
-      return M;
-    const P = i.value.querySelector("#" + k.id), F = P == null ? void 0 : P.getClientRects();
-    if (P && F && F.length > 0) {
-      const C = P ? P.querySelector("#" + k.id + "_menu") : null;
-      if (!C || k.expanded !== !0)
-        return M;
-      C.style.visibility = "hidden", C.style.display = "block", C.style.maxHeight = "auto", C.style.maxWidth = A;
-      let b;
+      return P;
+    const I = i.value.querySelector("#" + k.id), F = I == null ? void 0 : I.getClientRects();
+    if (I && F && F.length > 0) {
+      const y = I ? I.querySelector("#" + k.id + "_menu") : null;
+      if (!y || k.expanded !== !0)
+        return P;
+      y.style.visibility = "hidden", y.style.display = "block", y.style.maxHeight = "auto", y.style.maxWidth = A;
+      let v;
       switch (r.toolbarPosition) {
         case "tabs":
-          b = (S = i.value) == null ? void 0 : S.closest(".farris-tabs");
+          v = (S = i.value) == null ? void 0 : S.closest(".farris-tabs");
           break;
         case "section":
-          b = (f = i.value) == null ? void 0 : f.closest(".f-section");
+          v = (f = i.value) == null ? void 0 : f.closest(".f-section");
           break;
         default:
-          b = (y = i.value) == null ? void 0 : y.closest(".f-page");
+          v = (M = i.value) == null ? void 0 : M.closest(".f-page");
       }
-      const I = s(r.toolbarPosition, b, C, F), {
+      const E = s(r.toolbarPosition, v, y, F), {
         position: m,
-        maxHeight: E,
+        maxHeight: C,
         maxWidth: D
-      } = I;
-      C.style.visibility = "visible";
+      } = E;
+      y.style.visibility = "visible";
       const x = {
         left: m.indexOf("left") > -1 ? 0 : "unset",
         right: m.indexOf("left") > -1 ? "unset" : 0,
         bottom: m.indexOf("bottom") > -1 ? "unset" : "100%",
         top: m.indexOf("bottom") > -1 ? "!00%" : "unset",
         maxWidth: D ? D + "px" : "300px",
-        maxHeight: E ? E + "px" : "auto",
-        overflowY: E ? "auto" : "unset"
+        maxHeight: C ? C + "px" : "auto",
+        overflowY: C ? "auto" : "unset"
       };
-      Object.assign(M, x);
+      Object.assign(P, x);
     }
-    return M;
+    return P;
   }
   r.changeMenuPosition = T, a = function(k, A) {
-    return V("ul", {
+    return $("ul", {
       class: c(k),
       style: T(k),
       id: k.id + "_menu"
     }, [u(k)]);
   };
   function R(k = "") {
-    k && d.has(k) ? d.forEach((A, M) => {
-      M !== k && (A.expanded = !1, d.delete(M));
+    k && d.has(k) ? d.forEach((A, P) => {
+      P !== k && (A.expanded = !1, d.delete(P));
     }) : (d.forEach((A) => {
       A.expanded = !1;
     }), d.clear());
@@ -3212,7 +3212,7 @@ const To = {
   modelValue: { type: Object }
 };
 function So(t, e, n) {
-  var f;
+  var M;
   const o = "", r = Q();
   let i;
   function l() {
@@ -3227,93 +3227,96 @@ function So(t, e, n) {
   function g() {
     return !0;
   }
-  function v(y) {
+  function b() {
+    return !0;
+  }
+  function a(y) {
     if (!y || !y.value)
       return null;
-    const C = Q(y == null ? void 0 : y.value.parent), b = v(C);
-    return b || null;
+    const v = Q(y == null ? void 0 : y.value.parent), E = a(v);
+    return E || null;
   }
-  function a(y = e) {
-    var m;
-    const { componentInstance: C, designerItemElementRef: b } = y;
-    if (!C || !C.value)
+  function d(y = e) {
+    var C;
+    const { componentInstance: v, designerItemElementRef: E } = y;
+    if (!v || !v.value)
       return null;
-    const { getCustomButtons: I } = C.value;
-    return C.value.canMove || C.value.canAdd || C.value.canDelete || I && ((m = I()) != null && m.length) ? b : a(y.parent);
+    const { getCustomButtons: m } = v.value;
+    return v.value.canMove || v.value.canAdd || v.value.canDelete || m && ((C = m()) != null && C.length) ? E : d(y.parent);
   }
-  function d() {
-  }
-  function p(y) {
-    return !1;
+  function p() {
   }
-  function u() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
+  function u(y) {
+    return !!n;
   }
   function s() {
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function T(y, C) {
+  function T() {
   }
-  function R(y) {
-    const { componentType: C } = y, b = pe("designer-host-service");
-    let I = sn(C, y, b);
-    const m = C.toLowerCase().replace(/-/g, "_");
-    return I && !I.id && I.type === C && (I.id = `${m}_${Math.random().toString().slice(2, 6)}`), I;
+  function R(y, v) {
   }
   function k(y) {
+    const { componentType: v } = y, E = pe("designer-host-service");
+    let m = sn(v, y, E);
+    const C = v.toLowerCase().replace(/-/g, "_");
+    return m && !m.id && m.type === v && (m.id = `${C}_${Math.random().toString().slice(2, 6)}`), m;
   }
-  function A(...y) {
+  function A(y) {
+  }
+  function P(...y) {
     return [];
   }
-  function M() {
+  function I() {
   }
-  function P(y) {
-    var b;
+  function F(y) {
+    var E;
     if (!(e != null && e.schema))
       return;
-    let C = "";
+    let v = "";
     {
-      const { text: I, title: m, label: E, mainTitle: D, name: x, type: B } = e.schema;
-      C = I || m || E || D || x || ((b = Re[B]) == null ? void 0 : b.name);
+      const { text: m, title: C, label: D, mainTitle: x, name: B, type: L } = e.schema;
+      v = m || C || D || x || B || ((E = Re[L]) == null ? void 0 : E.name);
     }
-    C && (!i && y && (i = y.formSchemaUtils), i.getControlBasicInfoMap().set(e.schema.id, {
-      componentTitle: C,
-      parentPathName: C
+    v && (!i && y && (i = y.formSchemaUtils), i.getControlBasicInfoMap().set(e.schema.id, {
+      componentTitle: v,
+      parentPathName: v
     }));
   }
-  function F(y) {
-    var m;
-    const { changeObject: C } = y, { propertyID: b, propertyValue: I } = C;
-    ["text", "title", "label", "name", "mainTitle"].includes((m = y == null ? void 0 : y.changeObject) == null ? void 0 : m.propertyID) && b && I && P();
-  }
   function S(y) {
-    F(y);
+    var C;
+    const { changeObject: v } = y, { propertyID: E, propertyValue: m } = v;
+    ["text", "title", "label", "name", "mainTitle"].includes((C = y == null ? void 0 : y.changeObject) == null ? void 0 : C.propertyID) && E && m && F();
+  }
+  function f(y) {
+    S(y);
   }
   return r.value = {
     canMove: l(),
     canSelectParent: h(),
     canAdd: g(),
     canDelete: c(),
-    canNested: !1,
+    canNested: !b(),
     contents: [],
     elementRef: t,
-    parent: (f = e.parent) == null ? void 0 : f.componentInstance,
+    parent: (M = e.parent) == null ? void 0 : M.componentInstance,
     schema: e.schema,
     styles: o,
-    canAccepts: p,
-    getBelongedComponentInstance: v,
-    getDraggableDesignItemElement: a,
-    getDraggingDisplayText: u,
-    getPropConfig: A,
-    getDragScopeElement: s,
-    onAcceptMovedChildElement: T,
-    onChildElementMovedOut: k,
-    addNewChildComponentSchema: R,
-    onRemoveComponent: M,
+    canAccepts: u,
+    getBelongedComponentInstance: a,
+    getDraggableDesignItemElement: d,
+    getDraggingDisplayText: s,
+    getPropConfig: P,
+    getDragScopeElement: T,
+    onAcceptMovedChildElement: R,
+    onChildElementMovedOut: A,
+    addNewChildComponentSchema: k,
+    onRemoveComponent: I,
     triggerBelongedComponentToMoveWhenMoved: Q(!1),
     triggerBelongedComponentToDeleteWhenDeleted: Q(!1),
-    onPropertyChanged: S,
-    getCustomButtons: d,
-    setComponentBasicInfoMap: P
+    onPropertyChanged: f,
+    getCustomButtons: p,
+    setComponentBasicInfoMap: F
   }, r;
 }
 const Eo = /* @__PURE__ */ Fe({
@@ -3321,7 +3324,7 @@ const Eo = /* @__PURE__ */ Fe({
   props: To,
   emits: ["selectionChange", "addComponent", "removeComponent", "clickButton"],
   setup(t, e) {
-    const n = Q(t.canMove), o = Q(t.canAdd), r = Q(t.canDelete), i = Q(!1), l = Q(t.contentKey), h = Q(t.childType), c = Q(t.childLabel), g = Q(t.modelValue), v = Q(""), a = Q(), d = pe("canvas-dragula"), p = Q(), u = pe("design-item-context"), s = {
+    const n = Q(t.canMove), o = Q(t.canAdd), r = Q(t.canDelete), i = Q(!1), l = Q(t.contentKey), h = Q(t.childType), c = Q(t.childLabel), g = Q(t.modelValue), b = Q(""), a = Q(), d = pe("canvas-dragula"), p = Q(), u = pe("design-item-context"), s = {
       designerItemElementRef: a,
       componentInstance: p,
       schema: g.value,
@@ -3330,8 +3333,8 @@ const Eo = /* @__PURE__ */ Fe({
     };
     ut("design-item-context", s);
     const T = pe("designer-host-service"), R = pe("external-container-id"), k = ue(() => {
-      var W;
-      const x = ((W = p.value) == null ? void 0 : W.getCustomButtons) && p.value.getCustomButtons();
+      var L;
+      const x = ((L = p.value) == null ? void 0 : L.getCustomButtons) && p.value.getCustomButtons();
       return {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
@@ -3343,137 +3346,137 @@ const Eo = /* @__PURE__ */ Fe({
       };
     }), A = ue(() => {
       const x = {};
-      return v.value && v.value.split(";").reduce((B, W) => {
-        const [L, q] = W.split(":");
-        return L && (B[L] = q), B;
+      return b.value && b.value.split(";").reduce((B, L) => {
+        const [q, W] = L.split(":");
+        return q && (B[q] = W), B;
       }, x), x;
     });
-    function M(x, B) {
+    function P(x, B) {
       if (u && u.schema[l.value]) {
-        const W = u.schema[l.value].findIndex((L) => L.id === B.id);
-        if (W > -1) {
-          const L = u.schema[l.value].length, q = u.schema[l.value][W % L];
-          u.designerItemElementRef.value.querySelector(`#${q.id}-design-item`), u.schema[l.value].splice(W, 1), xe.value++, e.emit("removeComponent"), e.emit("selectionChange");
+        const L = u.schema[l.value].findIndex((q) => q.id === B.id);
+        if (L > -1) {
+          const q = u.schema[l.value].length, W = u.schema[l.value][L % q];
+          u.designerItemElementRef.value.querySelector(`#${W.id}-design-item`), u.schema[l.value].splice(L, 1), xe.value++, e.emit("removeComponent"), e.emit("selectionChange");
         }
       }
     }
-    function P(x) {
+    function I(x) {
       if (p.value.addNewChildComponentSchema) {
         const B = {
           componentType: h.value,
           label: c.value,
           parentComponentInstance: p.value,
           targetPosition: -1
-        }, W = p.value.addNewChildComponentSchema(B);
-        g.value[l.value].push(W), e.emit("addComponent");
+        }, L = p.value.addNewChildComponentSchema(B);
+        g.value[l.value].push(L), e.emit("addComponent");
       }
     }
     function F() {
-      return o.value && V("div", {
+      return o.value && $("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
         onClick: (x) => {
-          P();
+          I();
         }
-      }, [V("i", {
+      }, [$("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
     function S(x) {
-      return r.value && V("div", {
+      return r.value && $("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: Jt((B) => M(B, x), ["stop"])
-      }, [V("i", {
+        onClick: Jt((B) => P(B, x), ["stop"])
+      }, [$("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
     function f() {
-      return n.value && V("div", {
+      return n.value && $("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [V("i", {
+      }, [$("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function y() {
+    function M() {
       var B;
       const x = ((B = p.value) == null ? void 0 : B.getCustomButtons) && p.value.getCustomButtons();
-      return x && !!x.length && x.map((W) => V("div", {
+      return x && !!x.length && x.map((L) => $("div", {
         role: "button",
-        class: `btn component-settings-button ${W.class || ""} ${W.text ? "settings-button-extend" : ""}`,
-        title: W.title,
-        ref: W.id,
-        onClick: (L) => W.onClick && W.onClick(L)
-      }, [V("i", {
-        class: "f-icon " + W.icon
-      }, null), W.text && V("span", {
+        class: `btn component-settings-button ${L.class || ""} ${L.text ? "settings-button-extend" : ""}`,
+        title: L.title,
+        ref: L.id,
+        onClick: (q) => L.onClick && L.onClick(q)
+      }, [$("i", {
+        class: "f-icon " + L.icon
+      }, null), L.text && $("span", {
         class: "icon-text"
-      }, [W.text])]));
+      }, [L.text])]));
     }
-    function C(x) {
-      return V("div", {
+    function y(x) {
+      return $("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [V("div", null, [F(), f(), S(x), y()])]);
+      }, [$("div", null, [F(), f(), S(x), M()])]);
     }
     Ee(() => t.modelValue, (x) => {
       g.value = x, s.schema = x;
     });
-    function b(x) {
+    function v(x) {
       window.scrollContainerList || (window.scrollContainerList = /* @__PURE__ */ new Set());
       const B = x.getAttribute("id");
       B && window.scrollContainerList.add(B);
     }
-    function I(x) {
+    function E(x) {
       const B = x.target;
-      b(B), go(B);
+      v(B), go(B);
     }
     function m() {
       var x, B;
-      (B = (x = g.value) == null ? void 0 : x.contents) != null && B.length && a.value && a.value.addEventListener("scroll", I);
+      (B = (x = g.value) == null ? void 0 : x.contents) != null && B.length && a.value && a.value.addEventListener("scroll", E);
     }
-    function E() {
+    function C() {
       const x = a.value, B = Q(x.children[1]);
       return So(B, s).value;
     }
     Ae(() => {
       if (a.value) {
         const x = a.value.querySelector(`[data-dragref='${g.value.id}-container']`);
-        p.value = x && x.componentInstance ? x.componentInstance.value : E(), d && x && d.attachComponents(x, g.value), i.value = p.value.canNested !== void 0 ? p.value.canNested : i.value, o.value = p.value.canAdd !== void 0 ? p.value.canAdd : o.value, r.value = p.value.canDelete !== void 0 ? p.value.canDelete : r.value, n.value = p.value.canMove !== void 0 ? p.value.canMove : n.value, v.value = p.value.styles || "", a.value && (a.value.componentInstance = p, a.value.designItemContext = s), p.value.setComponentBasicInfoMap(T);
+        p.value = x && x.componentInstance ? x.componentInstance.value : C(), d && x && d.attachComponents(x, g.value), i.value = p.value.canNested !== void 0 ? p.value.canNested : i.value, o.value = p.value.canAdd !== void 0 ? p.value.canAdd : o.value, r.value = p.value.canDelete !== void 0 ? p.value.canDelete : r.value, n.value = p.value.canMove !== void 0 ? p.value.canMove : n.value, b.value = p.value.styles || "", a.value && (a.value.componentInstance = p, a.value.designItemContext = s), p.value.setComponentBasicInfoMap(T);
       }
       m(), xe.value++;
     }), Zt(() => {
-      a.value && a.value.removeEventListener("scroll", I);
+      a.value && a.value.removeEventListener("scroll", E);
     });
     function D(x) {
       if (x && (x.preventDefault(), x.stopPropagation()), R) {
-        const L = document.getElementById(`${R}-design-item`);
-        L && L.click();
+        const q = document.getElementById(`${R}-design-item`);
+        q && q.click();
         return;
       }
       let B = s.designerItemElementRef;
-      const W = a.value;
-      if (W) {
-        const L = document.getElementsByClassName("dgComponentFocused");
-        L && L.length === 1 && L[0] === a.value && a.value.classList.contains("dgComponentSelected") || (Array.from(L).forEach(($) => $.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(($) => $.classList.remove("dgComponentSelected")), W.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, t.componentId, p.value), p.value.getDraggableDesignItemElement && (B = p.value.getDraggableDesignItemElement(s), B && B.value && B.value.classList.add("dgComponentSelected")));
+      const L = a.value;
+      if (L) {
+        const q = document.getElementsByClassName("dgComponentFocused");
+        q && q.length === 1 && q[0] === a.value && a.value.classList.contains("dgComponentSelected") || (Array.from(q).forEach((_) => _.classList.remove("dgComponentFocused")), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach((_) => _.classList.remove("dgComponentSelected")), L.classList.add("dgComponentFocused"), e.emit("selectionChange", g.value.type, g.value, t.componentId, p.value), p.value.getDraggableDesignItemElement && (B = p.value.getDraggableDesignItemElement(s), B && B.value && B.value.classList.add("dgComponentSelected")));
       }
       Mt(B == null ? void 0 : B.value);
     }
-    return () => V("div", {
+    return () => $("div", {
       id: `${t.id}-design-item`,
       ref: a,
       class: k.value,
       style: A.value,
       onClick: D
-    }, [C(g.value), e.slots.default && e.slots.default()]);
+    }, [y(g.value), e.slots.default && e.slots.default()]);
   }
 });
 class Io extends Xe {
@@ -3682,7 +3685,7 @@ function Mo(t, e) {
   return o > -1 && n[o].children && n[o].children.length > 0 ? n[o].expanded === !0 : !1;
 }
 function ko(t, e, n) {
-  function o(I) {
+  function o(E) {
     return !1;
   }
   function r() {
@@ -3697,19 +3700,19 @@ function ko(t, e, n) {
   function h() {
     return n.toolbarContext.schema.buttons || [];
   }
-  function c(I, m = "") {
+  function c(E, m = "") {
     setTimeout(() => {
-      var B, W;
-      const E = (B = t.parent) == null ? void 0 : B.designerItemElementRef.value;
+      var B, L;
+      const C = (B = t.parent) == null ? void 0 : B.designerItemElementRef.value;
       let D;
-      m && (D = E == null ? void 0 : E.querySelector("#" + m));
-      const x = (W = D || E) == null ? void 0 : W.querySelector("#" + I);
+      m && (D = C == null ? void 0 : C.querySelector("#" + m));
+      const x = (L = D || C) == null ? void 0 : L.querySelector("#" + E);
       x == null || x.click();
     }, 0);
   }
-  function g(I, m) {
+  function g(E, m) {
     m.disabled && m.disabled.expressionId && (m.disabled.expressionId = `${m.id}_disabled`), m.visible && m.visible.expressionId && (m.visible.expressionId = `${m.id}_visible`);
-    const E = e.formSchemaUtils.getExpressions(), D = E.find((B) => B.target === I.id);
+    const C = e.formSchemaUtils.getExpressions(), D = C.find((B) => B.target === E.id);
     if (!D || !D.rules || !D.rules.length)
       return;
     const x = {
@@ -3718,25 +3721,25 @@ function ko(t, e, n) {
       targetType: "Button"
     };
     D.rules.forEach((B) => {
-      const W = Object.assign(we(B), {
+      const L = Object.assign(we(B), {
         id: `${m.id}_${B.type}`
       });
-      x.rules.push(W);
-    }), E.push(x);
+      x.rules.push(L);
+    }), C.push(x);
   }
-  function v() {
+  function b() {
     var D;
-    const I = t.schema, m = Object.assign(
-      we(I),
+    const E = t.schema, m = Object.assign(
+      we(E),
       {
         id: `${t.schema.type}-cloned-${Math.random().toString(36).slice(2, 6)}`,
         onClick: null
       }
     );
     (D = e == null ? void 0 : e.designerContext) != null && D.appendIdentifyForNewControl && e.designerContext.appendIdentifyForNewControl(m);
-    let E = [];
-    return m.children && m.children.length && (E = m.children.map((x) => {
-      var W;
+    let C = [];
+    return m.children && m.children.length && (C = m.children.map((x) => {
+      var L;
       const B = we(x);
       return Object.assign(
         B,
@@ -3744,38 +3747,38 @@ function ko(t, e, n) {
           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(B), g(x, B), B;
-    }), m.children = E), g(I, m), m;
+      ), (L = e == null ? void 0 : e.designerContext) != null && L.appendIdentifyForNewControl && e.designerContext.appendIdentifyForNewControl(B), g(x, B), B;
+    }), m.children = C), g(E, m), m;
   }
   function a() {
-    const I = t.schema.type || "response-toolbar-item", m = Fn(I), E = I.toLowerCase().replace("-", "_");
-    return m && !m.id && m.type === I && (m.id = `${E}_${Math.random().toString().slice(2, 6)}`, m.text = "按钮"), m;
+    const E = t.schema.type || "response-toolbar-item", m = Fn(E), C = E.toLowerCase().replace("-", "_");
+    return m && !m.id && m.type === E && (m.id = `${C}_${Math.random().toString().slice(2, 6)}`, m.text = "按钮"), m;
   }
-  function d(I) {
-    const m = h(), E = m == null ? void 0 : m.findIndex((x) => x.id === I), D = E === -1 ? null : m[E];
-    return { index: E, toolbarItem: D };
+  function d(E) {
+    const m = h(), C = m == null ? void 0 : m.findIndex((x) => x.id === E), D = C === -1 ? null : m[C];
+    return { index: C, toolbarItem: D };
   }
   function p() {
-    const I = t.schema.id, m = h();
-    return We(I, m);
+    const E = t.schema.id, m = h();
+    return We(E, m);
   }
-  function u(I) {
+  function u(E) {
     const m = e.formSchemaUtils.getExpressions();
     if (!m || !m.length)
       return;
-    const E = (D) => {
+    const C = (D) => {
       const x = m && m.findIndex((B) => B.target === D.id);
       x > -1 && m.splice(x, 1);
     };
-    E(I), I.children && I.children.length && I.children.forEach((D) => {
-      E(D);
+    C(E), E.children && E.children.length && E.children.forEach((D) => {
+      C(D);
     });
   }
-  function s(I) {
-    n.changeSelectedId(I);
+  function s(E) {
+    n.changeSelectedId(E);
   }
-  function T(I) {
-    e.formSchemaUtils.removeCommunicationInComponent(I), I.children && I.children.length && I.children.forEach((m) => {
+  function T(E) {
+    e.formSchemaUtils.removeCommunicationInComponent(E), E.children && E.children.length && E.children.forEach((m) => {
       e.formSchemaUtils.removeCommunicationInComponent(m);
     });
   }
@@ -3783,62 +3786,62 @@ function ko(t, e, n) {
     var D, x, B;
     if ((D = e == null ? void 0 : e.designerContext) != null && D.checkCanDeleteControl && !e.designerContext.checkCanDeleteControl(t.schema))
       return;
-    const I = h(), { parentIndex: m, itemIndex: E } = lt(t.schema.id, I);
-    m === -1 || E === -1 || (u(t.schema), T(t.schema), I[m].children.splice(E, 1), n.updateToolbarItems(), (x = t.setupContext) == null || x.emit("removeComponent"), (B = t.setupContext) == null || B.emit("selectionChange"), xe.value++);
+    const E = h(), { parentIndex: m, itemIndex: C } = lt(t.schema.id, E);
+    m === -1 || C === -1 || (u(t.schema), T(t.schema), E[m].children.splice(C, 1), n.updateToolbarItems(), (x = t.setupContext) == null || x.emit("removeComponent"), (B = t.setupContext) == null || B.emit("selectionChange"), xe.value++);
   }
   function k() {
     var D, x, B;
     if ((D = e == null ? void 0 : e.designerContext) != null && D.checkCanDeleteControl && !e.designerContext.checkCanDeleteControl(t.schema))
       return;
-    const I = t.schema.id, m = h(), E = m == null ? void 0 : m.findIndex((W) => W.id === I);
-    E !== -1 && (u(m[E]), T(m[E]), m == null || m.splice(E, 1), n.updateToolbarItems(), (x = t.setupContext) == null || x.emit("removeComponent"), (B = t.setupContext) == null || B.emit("selectionChange"), xe.value++);
+    const E = t.schema.id, m = h(), C = m == null ? void 0 : m.findIndex((L) => L.id === E);
+    C !== -1 && (u(m[C]), T(m[C]), m == null || m.splice(C, 1), n.updateToolbarItems(), (x = t.setupContext) == null || x.emit("removeComponent"), (B = t.setupContext) == null || B.emit("selectionChange"), xe.value++);
   }
-  function A(I = "Append") {
-    var W;
-    const m = h(), { parentIndex: E, itemIndex: D } = lt(t.schema.id, m);
-    if (E === -1 || D === -1)
+  function A(E = "Append") {
+    var L;
+    const m = h(), { parentIndex: C, itemIndex: D } = lt(t.schema.id, m);
+    if (C === -1 || D === -1)
       return;
-    const x = a(), B = I === "Copy" ? v() : Object.assign({}, x);
-    m[E].children.splice(D + 1, 0, B), n.updateToolbarItems(), s(B.id), (W = t.setupContext) == null || W.emit("addComponent");
+    const x = a(), B = E === "Copy" ? b() : Object.assign({}, x);
+    m[C].children.splice(D + 1, 0, B), n.updateToolbarItems(), s(B.id), (L = t.setupContext) == null || L.emit("addComponent");
   }
-  function M(I, m) {
-    const { index: E } = d(m);
-    if (E === -1)
-      return { index: E, schema: null };
-    const D = a(), x = I === "Copy" ? v() : Object.assign({}, D);
-    return { index: E, schema: x };
+  function P(E, m) {
+    const { index: C } = d(m);
+    if (C === -1)
+      return { index: C, schema: null };
+    const D = a(), x = E === "Copy" ? b() : Object.assign({}, D);
+    return { index: C, schema: x };
   }
-  function P() {
+  function I() {
     var D;
-    const I = t.schema.id, { index: m, schema: E } = M("Copy", I);
-    E && (h().splice(m + 1, 0, E), n.updateToolbarItems(), c(E.id), (D = t.setupContext) == null || D.emit("addComponent"));
+    const E = t.schema.id, { index: m, schema: C } = P("Copy", E);
+    C && (h().splice(m + 1, 0, C), n.updateToolbarItems(), c(C.id), (D = t.setupContext) == null || D.emit("addComponent"));
   }
   function F() {
     var D;
-    const I = t.schema.id, { index: m, schema: E } = M("Append", I);
-    if (E && t.parent) {
+    const E = t.schema.id, { index: m, schema: C } = P("Append", E);
+    if (C && t.parent) {
       const B = h()[m].children || [];
-      B.push(E);
-      const W = h();
-      W[m].children = B, n.updateToolbarItems(), s(E.id), (D = t.setupContext) == null || D.emit("addComponent");
+      B.push(C);
+      const L = h();
+      L[m].children = B, n.updateToolbarItems(), s(C.id), (D = t.setupContext) == null || D.emit("addComponent");
     }
   }
-  function S(I) {
+  function S(E) {
     let m;
     switch (t.schema.type) {
       case "tab-toolbar-item":
-        m = new Io(I, e);
+        m = new Io(E, e);
         break;
       default:
-        m = new Po(I, e, t.schema.type);
+        m = new Po(E, e, t.schema.type);
     }
     return m.getPropertyConfig(t.schema, p());
   }
-  function f(I) {
-    I.stopPropagation(), I.stopImmediatePropagation();
+  function f(E) {
+    E.stopPropagation(), E.stopImmediatePropagation();
   }
-  function y() {
-    const I = [{
+  function M() {
+    const E = [{
       id: "delete",
       title: "删除",
       text: "",
@@ -3852,13 +3855,13 @@ function ko(t, e, n) {
       icon: "f-icon-yxs_copy",
       onClick: (m) => {
         f(m);
-        const { activeElement: E } = document, D = E ? E.tagName.toLowerCase() : "";
-        D && D === "input" || D === "textarea" ? (E == null || E.blur(), Ie(() => {
-          p() ? A("Copy") : P();
-        })) : p() ? A("Copy") : P();
+        const { activeElement: C } = document, D = C ? C.tagName.toLowerCase() : "";
+        D && D === "input" || D === "textarea" ? (C == null || C.blur(), Ie(() => {
+          p() ? A("Copy") : I();
+        })) : p() ? A("Copy") : I();
       }
     }];
-    return I.push(p() ? {
+    return E.push(p() ? {
       id: "appendSiblingButton",
       title: "",
       text: "新增同级",
@@ -3874,14 +3877,14 @@ function ko(t, e, n) {
       onClick: (m) => {
         f(m), F();
       }
-    }), I;
+    }), E;
   }
-  function C() {
-    const { schema: I } = t;
-    u(I);
+  function y() {
+    const { schema: E } = t;
+    u(E);
   }
-  function b() {
-    var I, m, E, D;
+  function v() {
+    var E, m, C, D;
     if (t && e) {
       const { formSchemaUtils: x } = e, { schema: B } = t;
       switch (B.type) {
@@ -3894,9 +3897,9 @@ function ko(t, e, n) {
         }
         case "tab-toolbar-item":
         case "section-toolbar-item": {
-          let W;
-          const L = (I = t.parent) == null ? void 0 : I.parent;
-          (L == null ? void 0 : L.schema.type) === "tabs" || (L == null ? void 0 : L.schema.type) === "section" ? W = (m = L.componentInstance) == null ? void 0 : m.value : W = (D = (E = L == null ? void 0 : L.parent) == null ? void 0 : E.componentInstance) == null ? void 0 : D.value, W != null && W.setComponentBasicInfoMap && W.setComponentBasicInfoMap();
+          let L;
+          const q = (E = t.parent) == null ? void 0 : E.parent;
+          (q == null ? void 0 : q.schema.type) === "tabs" || (q == null ? void 0 : q.schema.type) === "section" ? L = (m = q.componentInstance) == null ? void 0 : m.value : L = (D = (C = q == null ? void 0 : q.parent) == null ? void 0 : C.componentInstance) == null ? void 0 : D.value, L != null && L.setComponentBasicInfoMap && L.setComponentBasicInfoMap();
         }
       }
     }
@@ -3907,9 +3910,9 @@ function ko(t, e, n) {
     checkCanDeleteComponent: i,
     checkCanAddComponent: l,
     getPropsConfig: S,
-    getCustomButtons: y,
-    onRemoveComponent: C,
-    setComponentBasicInfoMap: b
+    getCustomButtons: M,
+    onRemoveComponent: y,
+    setComponentBasicInfoMap: v
   };
 }
 const Dt = /* @__PURE__ */ Fe({
@@ -3921,17 +3924,17 @@ const Dt = /* @__PURE__ */ Fe({
     Ae(() => {
       r.value.componentInstance = g;
     }), e.expose(g.value);
-    function v() {
-      const M = {
+    function b() {
+      const P = {
         "f-icon": !0
-      }, P = t.icon ? t.icon.trim() : "";
-      return se(M, P);
+      }, I = t.icon ? t.icon.trim() : "";
+      return se(P, I);
     }
     function a() {
       return !!(t.icon && t.icon.trim());
     }
     const d = ue(() => {
-      const M = {
+      const P = {
         btn: !0,
         "f-rt-btn": !0,
         "f-btn-ml": !t.isDP && (n.value === "right" || n.value === "center"),
@@ -3942,7 +3945,7 @@ const Dt = /* @__PURE__ */ Fe({
         "text-truncate": !0
         // 'f-rt-toggle':props.isDP&&!props.split
       };
-      return se(M, t.class);
+      return se(P, t.class);
     }), p = ue(() => t.split ? {
       display: "flex",
       "align-items": "center"
@@ -3954,16 +3957,16 @@ const Dt = /* @__PURE__ */ Fe({
       "border-top-right-radius": "6px",
       "border-bottom-right-radius": "6px"
     }), u = ue(() => {
-      const M = {
+      const P = {
         btn: !0,
         "dropdown-toggle": !0,
         "f-btn-mr": n.value === "left",
         "dropdown-toggle-split": !0,
         "no-drag": !0
       };
-      return se(M, t.class);
+      return se(P, t.class);
     }), s = ue(() => {
-      let M = {
+      let P = {
         btn: !t.isDPItem,
         // 不是下拉按钮，不是下拉项
         disabled: t.disabled === !0,
@@ -3975,10 +3978,10 @@ const Dt = /* @__PURE__ */ Fe({
         // 保证内部层级不被拖拽
         "no-drag": !0
       };
-      return t.isDPItem || (M = se(M, t.class || "")), t.isDP && (M = se(M, t.dropdownClass || "")), M;
+      return t.isDPItem || (P = se(P, t.class || "")), t.isDP && (P = se(P, t.dropdownClass || "")), P;
     });
-    function T(M, P) {
-      P && P.stopPropagation(), e.emit(M, {
+    function T(P, I) {
+      I && I.stopPropagation(), e.emit(P, {
         id: t.id,
         isDP: t.isDP
       });
@@ -3993,52 +3996,52 @@ const Dt = /* @__PURE__ */ Fe({
       };
     }
     function k() {
-      return V("div", {
+      return $("div", {
         ref: r,
         "data-dragref": `${l.schema.id}-container`,
         class: "farris-component position-relative",
         style: "display:inline-block!important;"
-      }, [V("div", {
+      }, [$("div", {
         class: R(),
         id: t.id
-      }, [V("div", {
+      }, [$("div", {
         class: d.value,
         style: p.value,
         onClick: () => T("clearAll")
-      }, [o.shouldShowIcon(t) && V("i", {
+      }, [o.shouldShowIcon(t) && $("i", {
         class: o.iconClass(t)
-      }, null), V("span", null, [t.text]), !t.split && V("span", {
+      }, null), $("span", null, [t.text]), !t.split && $("span", {
         class: "f-icon f-icon-arrow-chevron-down",
         style: "margin:0 0.5rem 0 0.25rem;",
-        onClick: (M) => T("dropdown", M)
-      }, null)]), t.split && V("button", {
+        onClick: (P) => T("dropdown", P)
+      }, null)]), t.split && $("button", {
         class: u.value,
         style: "border-radius:0 6px 6px 0;",
-        onClick: (M) => T("dropdown", M)
+        onClick: (P) => T("dropdown", P)
       }, null), h.renderDropdownMenu(t.item, t.item)])]);
     }
     function A() {
-      return V("li", {
+      return $("li", {
         ref: r,
         "data-dragref": `${l.schema.id}-container`,
         id: t.id,
         class: s.value
-      }, [o.shouldShowIcon(t) && V("i", {
+      }, [o.shouldShowIcon(t) && $("i", {
         class: o.iconClass(t)
       }, null), t.text]);
     }
-    return () => t.isDP ? k() : t.isDPItem ? A() : V("div", {
+    return () => t.isDP ? k() : t.isDPItem ? A() : $("div", {
       ref: r,
       "data-dragref": `${l.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [V("button", {
+    }, [$("button", {
       type: "button",
       class: d.value,
       id: t.id,
       onClick: () => T("clearAll")
-    }, [a() && V("i", {
-      class: v()
+    }, [a() && $("i", {
+      class: b()
     }, null), t.text])]);
   }
 });
@@ -4065,7 +4068,7 @@ function Do(t, e, n, o) {
     const u = d.target;
     u != null && u.classList.contains("dgComponentFocused") && (u == null || u.classList.add("dgComponentSelected"));
   }
-  function v(d, p = !1) {
+  function b(d, p = !1) {
     if (!p)
       return;
     const u = d.target;
@@ -4073,7 +4076,7 @@ function Do(t, e, n, o) {
   }
   function a(d, p, u = !1) {
     const s = c(d.id, d.parent), T = Q(s);
-    return V(Eo, {
+    return $(Eo, {
       key: s.id,
       class: ["p-0", u ? "d-block no-drag" : "d-inline-block"],
       modelValue: T.value,
@@ -4087,11 +4090,11 @@ function Do(t, e, n, o) {
       onSelectionChange: r,
       onRemoveComponent: i,
       onMouseenter: (R) => g(R, u),
-      onMouseleave: (R) => v(R, u)
+      onMouseleave: (R) => b(R, u)
     }, {
       default: () => {
         var R;
-        return [V(Dt, {
+        return [$(Dt, {
           id: s.id,
           disabled: s.disabled,
           text: s.text,
@@ -4142,66 +4145,66 @@ const Bo = /* @__PURE__ */ Fe({
   setup(t, e) {
     const n = Q(Ue(t.items)), o = Q(), r = Q(), i = Q(), l = Q("");
     let h = 0;
-    const c = 15, g = pe("designer-host-service"), v = pe("design-item-context"), a = {
-      clearAllDropdown: (q) => {
+    const c = 15, g = pe("designer-host-service"), b = pe("design-item-context"), a = {
+      clearAllDropdown: (W) => {
       },
-      toggleDropdownMenu: (q) => {
+      toggleDropdownMenu: (W) => {
       },
       updateToolbarItems: () => {
       },
-      changeSelectedId: (q) => {
-        l.value = q;
+      changeSelectedId: (W) => {
+        l.value = W;
       },
-      renderDropdownMenu: (q, $) => {
+      renderDropdownMenu: (W, _) => {
       },
-      toolbarContext: v,
-      changeMenuPosition: (q, $, Z) => ({}),
+      toolbarContext: b,
+      changeMenuPosition: (W, _, Z) => ({}),
       toolbarPosition: ""
-    }, d = bo(v, g, a), p = rn(i, v, d), u = pe("toolbar-item-handler"), {
+    }, d = bo(b, g, a), p = rn(i, b, d), u = pe("toolbar-item-handler"), {
       initDragula: s,
       dragulaInstance: T
-    } = wo(v), R = Ye(), k = Do(t, r, v, a), A = xo(R, n, k), {
-      renderToolbarItemDesigner: M
+    } = wo(b), R = Ye(), k = Do(t, r, b, a), A = xo(R, n, k), {
+      renderToolbarItemDesigner: P
     } = k, {
-      clearAllDropDownMenu: P,
+      clearAllDropDownMenu: I,
       renderDropdownMenu: F,
       setResponseToolbarRef: S
     } = A;
-    ut("toolbar-item-action", a), a.renderDropdownMenu = F, S(i), u && (u.changeSelectedId = function(q) {
-      l.value = q;
+    ut("toolbar-item-action", a), a.renderDropdownMenu = F, S(i), u && (u.changeSelectedId = function(W) {
+      l.value = W;
     });
     function f() {
-      const q = r.value.querySelector(".dgComponentSelected");
-      q && Pt(q);
+      const W = r.value.querySelector(".dgComponentSelected");
+      W && Pt(W);
     }
-    function y() {
+    function M() {
       if (l.value)
         if (We(l.value, n.value)) {
           const {
-            parent: q,
-            item: $
+            parent: W,
+            item: _
           } = at(l.value, n.value);
-          q && (a.toggleDropdownMenu(q, !0), setTimeout(() => {
+          W && (a.toggleDropdownMenu(W, !0), setTimeout(() => {
             var J;
-            const Z = i.value.querySelector("#" + q.id), X = Z == null ? void 0 : Z.querySelector("#" + $.id);
+            const Z = i.value.querySelector("#" + W.id), X = Z == null ? void 0 : Z.querySelector("#" + _.id);
             (((J = X == null ? void 0 : X.parentElement) == null ? void 0 : J.className) || "").indexOf("dgComponentFocused") < 0 && (X == null || X.click());
           }, 0));
         } else
           f();
     }
-    function C(q = "") {
-      n.value.filter(($) => $.id !== q && $.children && $.children.length > 0).forEach(($) => {
-        $.expanded = !1;
-      }), P(q);
+    function y(W = "") {
+      n.value.filter((_) => _.id !== W && _.children && _.children.length > 0).forEach((_) => {
+        _.expanded = !1;
+      }), I(W);
     }
-    a.clearAllDropdown = C;
-    function b() {
+    a.clearAllDropdown = y;
+    function v() {
       u && u.updateToolbarItems && u.updateToolbarItems();
     }
-    a.updateToolbarItems = b;
-    function I(q) {
-      if (q) {
-        const $ = i.value.querySelector("#" + q.id), Z = $.querySelector("#" + q.id + "_menu"), X = a.changeMenuPosition(q, $);
+    a.updateToolbarItems = v;
+    function E(W) {
+      if (W) {
+        const _ = i.value.querySelector("#" + W.id), Z = _.querySelector("#" + W.id + "_menu"), X = a.changeMenuPosition(W, _);
         Object.keys(X).forEach((J) => {
           Z.style[J] = X[J];
         });
@@ -4217,10 +4220,10 @@ const Bo = /* @__PURE__ */ Fe({
         z.querySelector(".dropdown-toggle-split") ? z.querySelector(".f-rt-btn").style.maxWidth = Z - 38 + "px" : z.style.maxWidth = Z - 12 + "px";
       });
     }
-    const E = new ResizeObserver((q) => {
-      var $;
-      if (q.length) {
-        const X = q[0].contentRect.width;
+    const C = new ResizeObserver((W) => {
+      var _;
+      if (W.length) {
+        const X = W[0].contentRect.width;
         if (X === 0) {
           h = 0;
           return;
@@ -4231,30 +4234,30 @@ const Bo = /* @__PURE__ */ Fe({
               parent: J,
               item: z
             } = at(l.value, n.value);
-            I(J);
+            E(J);
           } else if (Mo(l.value, n.value)) {
-            const J = ($ = n.value) == null ? void 0 : $.find((z) => z.id === l.value);
-            I(J);
+            const J = (_ = n.value) == null ? void 0 : _.find((z) => z.id === l.value);
+            E(J);
           } else
-            C();
+            y();
           m();
         }
       }
     });
     Ae(() => {
-      E.observe(i.value), h = i.value.clientWidth, i.value.componentInstance = p, s(r.value, o.value, b);
+      C.observe(i.value), h = i.value.clientWidth, i.value.componentInstance = p, s(r.value, o.value, v);
     }), ct(() => {
-      E.disconnect(), T && T.destroy && T.destroy();
+      C.disconnect(), T && T.destroy && T.destroy();
     }), e.expose(p.value);
     const D = ue(() => {
-      const q = {
+      const W = {
         "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 se(q, t.customClass);
+      return se(W, t.customClass);
     }), x = ue(() => ({
       "text-left": t.alignment === "left",
       "text-right": t.alignment === "right",
@@ -4266,66 +4269,66 @@ const Bo = /* @__PURE__ */ Fe({
     }));
     Ee(() => t.items, () => {
       n.value = Ue(t.items), Ie(() => {
-        y(), m();
+        M(), m();
       });
     }, {
       deep: !0
     });
-    function B(q) {
-      q && (q.stopPropagation(), q.preventDefault());
+    function B(W) {
+      W && (W.stopPropagation(), W.preventDefault());
       const {
-        schema: $
-      } = v;
-      $.buttons || ($.buttons = []);
+        schema: _
+      } = b;
+      _.buttons || (_.buttons = []);
       const Z = ht("response-toolbar-item");
       Z.id = `toolbar_item_${Math.random().toString().slice(2, 6)}`, Z.appearance = {
         class: "btn btn-secondary"
-      }, $.buttons.push(Z);
+      }, _.buttons.push(Z);
     }
-    function W() {
-      return V("li", {
+    function L() {
+      return $("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: B
-      }, [V("span", {
+      }, [$("span", {
         class: "f-icon f-icon-amplification mr-1",
         style: "font-size: 12px;"
-      }, null), V("span", {
+      }, null), $("span", {
         class: "farris-tag-add-text"
       }, [Kt("添加按钮")])]);
     }
-    function L() {
-      return n.value.map((q, $) => M(q, $));
+    function q() {
+      return n.value.map((W, _) => P(W, _));
     }
     return () => {
-      var q;
-      return V("div", {
+      var W;
+      return $("div", {
         ref: i,
-        "data-dragref": `${v.schema.id}-container`,
+        "data-dragref": `${b.schema.id}-container`,
         class: D.value,
         id: t.id
-      }, [V("div", {
+      }, [$("div", {
         ref: o,
         class: x.value,
-        onClick: ($) => C($)
-      }, [V("div", {
+        onClick: (_) => y(_)
+      }, [$("div", {
         ref: r,
         class: "d-block f-response-content"
-      }, [(q = n.value) != null && q.length ? L() : W()])])]);
+      }, [(W = n.value) != null && W.length ? q() : L()])])]);
     };
   }
-}), $o = Ge;
+}), Uo = Ge;
 Oe.register = (t, e, n, o) => {
   t["response-toolbar"] = Oe, e["response-toolbar"] = Ge, o["response-toolbar"] = { eventHandlerResolver: so };
 };
 Oe.registerDesigner = (t, e, n) => {
   t["response-toolbar"] = Bo, e["response-toolbar"] = Ge, t["response-toolbar-item"] = Dt, e["response-toolbar-item"] = io;
 };
-const Lo = tn(Oe);
+const zo = tn(Oe);
 export {
   Oe as FResponseToolbar,
   Me as ResponseToolbarDropDownItem,
-  _o as ResponseToolbarGroup,
+  Vo as ResponseToolbarGroup,
   ln as ResponseToolbarItem,
-  Lo as default,
-  $o as responseToolbarResolver
+  zo as default,
+  Uo as responseToolbarResolver
 };