@farris/ui-vue 1.1.6 → 1.1.8

package/components/tabs/index.esm.js

@@ -1,7 +1,7 @@
 var nt = Object.defineProperty;
 var ot = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var U = (e, t, n) => ot(e, typeof t != "symbol" ? t + "" : t, n);
-import { ref as C, nextTick as se, computed as B, createVNode as s, defineComponent as te, watch as ne, onMounted as K, withDirectives as st, vModelText as at, createTextVNode as ie, Fragment as we, getCurrentInstance as Ne, onUnmounted as ue, shallowRef as re, provide as be, inject as ee, isVNode as He, Teleport as lt, h as rt, render as Oe, createApp as ct, reactive as le, mergeProps as it, onBeforeUnmount as ut } from "vue";
+import { ref as C, nextTick as oe, computed as B, createVNode as s, defineComponent as te, watch as se, onMounted as K, withDirectives as st, vModelText as at, createTextVNode as ie, Fragment as we, getCurrentInstance as Ne, onUnmounted as ue, shallowRef as re, provide as be, inject as ee, isVNode as He, Teleport as lt, h as rt, render as Oe, createApp as ct, reactive as le, mergeProps as it, onBeforeUnmount as ut } from "vue";
 import { cloneDeep as dt } from "lodash-es";
 const Te = {}, Le = {};
 function xe(e) {
@@ -28,8 +28,8 @@ function ft(e, t) {
       if (typeof l == "string")
         o[l] = e[a];
       else {
-        const b = l(a, e[a], e);
-        Object.assign(o, b);
+        const m = l(a, e[a], e);
+        Object.assign(o, m);
       }
     } else
       o[a] = e[a];
@@ -41,22 +41,22 @@ function bt(e, t, n = /* @__PURE__ */ new Map()) {
   return ft(o, n);
 }
 function mt(e = {}) {
-  function t(v, g, r, i) {
+  function t(v, g, r, c) {
     if (typeof r == "number")
-      return i[v].length === r;
+      return c[v].length === r;
     if (typeof r == "object") {
-      const h = Object.keys(r)[0], m = r[h];
+      const h = Object.keys(r)[0], b = r[h];
       if (h === "not")
-        return Number(i[v].length) !== Number(m);
+        return Number(c[v].length) !== Number(b);
       if (h === "moreThan")
-        return Number(i[v].length) >= Number(m);
+        return Number(c[v].length) >= Number(b);
       if (h === "lessThan")
-        return Number(i[v].length) <= Number(m);
+        return Number(c[v].length) <= Number(b);
     }
     return !1;
   }
-  function n(v, g, r, i) {
-    return i[v] && i[v].propertyValue && String(i[v].propertyValue.value) === String(r);
+  function n(v, g, r, c) {
+    return c[v] && c[v].propertyValue && String(c[v].propertyValue.value) === String(r);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
@@ -65,20 +65,20 @@ function mt(e = {}) {
   Object.keys(e).reduce((v, g) => (v.set(g, e[g]), v), o);
   function a(v, g) {
     const r = v;
-    return typeof g == "number" ? [{ target: r, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: r, operator: "getProperty", param: v, value: !!g }] : typeof g == "object" ? Object.keys(g).map((i) => {
-      if (i === "length")
-        return { target: r, operator: "length", param: null, value: g[i] };
-      const h = i, m = g[i];
-      return { target: r, operator: "getProperty", param: h, value: m };
+    return typeof g == "number" ? [{ target: r, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: r, operator: "getProperty", param: v, value: !!g }] : typeof g == "object" ? Object.keys(g).map((c) => {
+      if (c === "length")
+        return { target: r, operator: "length", param: null, value: g[c] };
+      const h = c, b = g[c];
+      return { target: r, operator: "getProperty", param: h, value: b };
     }) : [];
   }
   function l(v) {
-    return Object.keys(v).reduce((r, i) => {
-      const h = a(i, v[i]);
+    return Object.keys(v).reduce((r, c) => {
+      const h = a(c, v[c]);
       return r.push(...h), r;
     }, []);
   }
-  function b(v, g) {
+  function m(v, g) {
     if (o.has(v.operator)) {
       const r = o.get(v.operator);
       return r && r(v.target, v.param, v.value, g) || !1;
@@ -86,19 +86,19 @@ function mt(e = {}) {
     return !1;
   }
   function x(v, g) {
-    return l(v).reduce((h, m) => h && b(m, g), !0);
+    return l(v).reduce((h, b) => h && m(b, g), !0);
   }
   function T(v, g) {
-    const r = Object.keys(v), i = r.includes("allOf"), h = r.includes("anyOf"), m = i || h, f = (m ? v[m ? i ? "allOf" : "anyOf" : "allOf"] : [v]).map((M) => x(M, g));
-    return i ? !f.includes(!1) : f.includes(!0);
+    const r = Object.keys(v), c = r.includes("allOf"), h = r.includes("anyOf"), b = c || h, p = (b ? v[b ? c ? "allOf" : "anyOf" : "allOf"] : [v]).map((D) => x(D, g));
+    return c ? !p.includes(!1) : p.includes(!0);
   }
   return { parseValueSchema: T };
 }
 const _e = {}, ht = {};
 mt();
-function de(e, t, n = /* @__PURE__ */ new Map(), o = (b, x, T) => x, a = {}, l = (b) => b) {
-  return Te[t.title] = t, Le[t.title] = o, _e[t.title] = a, ht[t.title] = l, (b = {}) => {
-    const x = bt(b, t, n), T = Object.keys(e).reduce((v, g) => (v[g] = e[g].default, v), {});
+function de(e, t, n = /* @__PURE__ */ new Map(), o = (m, x, T) => x, a = {}, l = (m) => m) {
+  return Te[t.title] = t, Le[t.title] = o, _e[t.title] = a, ht[t.title] = l, (m = {}) => {
+    const x = bt(m, t, n), T = Object.keys(e).reduce((v, g) => (v[g] = e[g].default, v), {});
     return Object.assign(T, x);
   };
 }
@@ -300,54 +300,54 @@ const gt = "https://json-schema.org/draft/2020-12/schema", Ct = "https://farris-
   justifyContent: { type: String, default: "left" }
 }, Ee = de(Se, Bt, vt, yt, Et);
 function $t(e, t, n) {
-  const o = C([]), a = C(e.activeId || ""), l = C(!0), b = C([]);
-  function x(p) {
-    const c = p.value.findIndex((f) => f.props.show !== !1 && !a.value && !f.props.disabled);
-    !a.value && c !== -1 && (a.value = p.value[c].props.id);
+  const o = C([]), a = C(e.activeId || ""), l = C(!0), m = C([]);
+  function x(d) {
+    const f = d.value.findIndex((p) => p.props.show !== !1 && !a.value && !p.props.disabled);
+    !a.value && f !== -1 && (a.value = d.value[f].props.id);
   }
-  function T(p) {
-    var f;
+  function T(d) {
+    var p;
     if (e.autoTitleWidth)
       return;
-    const c = (f = p.value) == null ? void 0 : f.querySelectorAll(".st-tab-text");
-    if (c)
-      for (let j = 0; j < c.length; j++) {
-        const M = c[j].parentNode;
-        c[j].scrollWidth > M.offsetWidth ? c[j].classList.contains("farris-title-text-custom") || c[j].classList.add("farris-title-text-custom") : c[j].classList.remove("farris-title-text-custom");
+    const f = (p = d.value) == null ? void 0 : p.querySelectorAll(".st-tab-text");
+    if (f)
+      for (let S = 0; S < f.length; S++) {
+        const D = f[S].parentNode;
+        f[S].scrollWidth > D.offsetWidth ? f[S].classList.contains("farris-title-text-custom") || f[S].classList.add("farris-title-text-custom") : f[S].classList.remove("farris-title-text-custom");
       }
   }
-  const v = (p) => {
-    p.preventDefault(), p.stopPropagation();
+  const v = (d) => {
+    d.preventDefault(), d.stopPropagation();
   };
-  function g(p, c, f = !1) {
-    const j = o.value.findIndex((M) => M.props.id === c);
-    o.value = o.value.filter((M) => M.props.id !== c), a.value === c && (a.value = "", x(o)), v(p), se(() => {
-      T(n), f && (l.value = !0), t.emit("tabRemove", {
-        removeIndex: j,
-        removeId: c,
+  function g(d, f, p = !1) {
+    const S = o.value.findIndex((D) => D.props.id === f);
+    o.value = o.value.filter((D) => D.props.id !== f), a.value === f && (a.value = "", x(o)), v(d), oe(() => {
+      T(n), p && (l.value = !0), t.emit("tabRemove", {
+        removeIndex: S,
+        removeId: f,
         activeId: a.value
       });
     });
   }
-  function r(p) {
-    const c = a.value;
-    a.value = p;
-    const f = o.value.find((j) => j.props.id === p);
-    b.value = [], f && f.props.toolbar && f.props.toolbar.contents && f.props.toolbar.contents.length && (b.value = [...f.props.toolbar.contents]), t.emit("tabChange", {
-      prevId: c,
+  function r(d) {
+    const f = a.value;
+    a.value = d;
+    const p = o.value.find((S) => S.props.id === d);
+    m.value = [], p && p.props.toolbar && p.props.toolbar.contents && p.props.toolbar.contents.length && (m.value = [...p.props.toolbar.contents]), t.emit("tabChange", {
+      prevId: f,
       nextId: a.value
     });
   }
-  function i(p) {
-    r(p);
+  function c(d) {
+    r(d);
   }
-  function h(p) {
-    o.value.findIndex((f) => f.props.id === p.props.id) === -1 && o.value.push(p);
+  function h(d) {
+    o.value.findIndex((p) => p.props.id === d.props.id) === -1 && o.value.push(d);
   }
-  function m(p) {
-    o.value.findIndex((f) => f.props.id === p.props.id) !== -1 && (o.value.forEach((f) => {
-      f.props.id === p.props.id && (f = p);
-    }), se(() => {
+  function b(d) {
+    o.value.findIndex((p) => p.props.id === d.props.id) !== -1 && (o.value.forEach((p) => {
+      p.props.id === d.props.id && (p = d);
+    }), oe(() => {
       T(n);
     }));
   }
@@ -356,17 +356,17 @@ function $t(e, t, n) {
     addTab: h,
     changeTitleStyle: T,
     removeTab: g,
-    selectTab: i,
+    selectTab: c,
     selectTabByTabId: r,
     tabPages: o,
-    updateTab: m,
-    toolbarItems: b
+    updateTab: b,
+    toolbarItems: m
   };
 }
 function At(e, t, n, o, a) {
   const {
     activeId: l,
-    removeTab: b,
+    removeTab: m,
     selectTab: x
   } = a, T = B(() => ({
     "st-tab-text": !0,
@@ -384,25 +384,25 @@ function At(e, t, n, o, a) {
     active: t.id === l.value,
     disabled: t.disabled
   }));
-  function i(j) {
+  function c(S) {
     return s("span", {
       class: T.value,
-      title: j.title
-    }, [j.title]);
+      title: S.title
+    }, [S.title]);
   }
-  function h(j) {
-    return j.slots.title ? j.slots.title : i;
+  function h(S) {
+    return S.slots.title ? S.slots.title : c;
   }
-  const m = h(n), p = C(t.removeable);
-  function c() {
+  const b = h(n), d = C(t.removeable);
+  function f() {
     return s("span", {
       class: "st-drop-close",
-      onClick: (j) => b(j, t.id)
+      onClick: (S) => m(S, t.id)
     }, [s("i", {
       class: "f-icon f-icon-close"
     }, null)]);
   }
-  function f(j) {
+  function p(S) {
     x(t.id), e.tabType === "one-page" && o.scrollToByPaggId(t.id);
   }
   return s("li", {
@@ -410,14 +410,14 @@ function At(e, t, n, o, a) {
     style: g.value
   }, [s("a", {
     class: r.value,
-    onClick: f
-  }, [m(t), p.value && c()])]);
+    onClick: p
+  }, [b(t), d.value && f()])]);
 }
 function It(e, t, n, o, a) {
   const {
     shouldShowNavigationButtons: l
   } = n, {
-    tabPages: b
+    tabPages: m
   } = a, x = B(() => ({
     spacer: !0,
     "f-utils-fill": !0,
@@ -440,7 +440,7 @@ function It(e, t, n, o, a) {
   }, [s("ul", {
     class: v.value,
     ref: t
-  }, [b.value.map((g) => At(e, g.props, g, o, a))])]);
+  }, [m.value.map((g) => At(e, g.props, g, o, a))])]);
 }
 const Pt = "https://json-schema.org/draft/2020-12/schema", Rt = "https://farris-design.gitee.io/capsule.schema.json", Ft = "capsule", Nt = "A Farris Component", Ht = "object", Lt = {
   id: {
@@ -575,8 +575,8 @@ const Xt = /* @__PURE__ */ te({
   emits: ["mounted", "active"],
   setup(e, t) {
     const n = C(), o = C(e.isActive);
-    ne(() => e.isActive, (b) => {
-      o.value = b;
+    se(() => e.isActive, (m) => {
+      o.value = m;
     });
     const a = B(() => ({
       "f-capsule-item": !0,
@@ -585,8 +585,8 @@ const Xt = /* @__PURE__ */ te({
     K(() => {
       t.emit("mounted", n, e.value);
     });
-    function l(b) {
-      t.emit("active", b, {
+    function l(m) {
+      t.emit("active", m, {
         name: e.name,
         value: e.value
       });
@@ -594,7 +594,7 @@ const Xt = /* @__PURE__ */ te({
     return () => s("div", {
       ref: n,
       class: a.value,
-      onClick: (b) => l(b)
+      onClick: (m) => l(m)
     }, [e.icon && s("i", {
       class: e.icon
     }, null), e.name]);
@@ -604,50 +604,50 @@ const Xt = /* @__PURE__ */ te({
   props: Ve,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = C(e.items), o = C(), a = 2, l = C(e.modelValue), b = C("none"), x = C(e.type), T = B(() => {
+    const n = C(e.items), o = C(), a = 2, l = C(e.modelValue), m = C("none"), x = C(e.type), T = B(() => {
       const w = {
         "f-capsule-container": !0
       };
       return x.value && (w[x.value] = !0), w;
     }), v = B(() => ({})), g = B(() => ({
       "f-capsule": !0
-    })), r = C(a), i = C(0), h = C(0), m = B(() => ({
+    })), r = C(a), c = C(0), h = C(0), b = B(() => ({
       left: `${r.value}px`,
-      width: `${i.value}px`,
-      transition: b.value
-    })), p = B(() => ({
+      width: `${c.value}px`,
+      transition: m.value
+    })), d = B(() => ({
       width: `${h.value}px`
-    })), c = /* @__PURE__ */ new Map();
-    function f(w) {
+    })), f = /* @__PURE__ */ new Map();
+    function p(w) {
       var k;
-      if (c.has(w.value)) {
-        const F = (k = c.get(w.value)) == null ? void 0 : k.value;
+      if (f.has(w.value)) {
+        const F = (k = f.get(w.value)) == null ? void 0 : k.value;
         if (F) {
-          const D = F.getBoundingClientRect(), u = o.value.getBoundingClientRect();
-          r.value = D.left - u.left + a + o.value.scrollLeft, i.value = D.width - 2 * a;
+          const M = F.getBoundingClientRect(), i = o.value.getBoundingClientRect();
+          r.value = M.left - i.left + a + o.value.scrollLeft, c.value = M.width - 2 * a;
         }
       }
     }
-    function j(w, k) {
+    function S(w, k) {
       const F = w.value;
-      l.value = F, t.emit("update:modelValue", F), f(w), k && t.emit("change", F);
+      l.value = F, t.emit("update:modelValue", F), p(w), k && t.emit("change", F);
     }
-    function M(w) {
+    function D(w) {
       const k = n.value.findIndex((F) => F.value === w);
-      k > -1 && j(n.value[k], !1);
+      k > -1 && S(n.value[k], !1);
     }
-    ne(() => e.modelValue, (w) => {
-      l.value = w, M(l.value);
-    }), ne(() => e.items, async (w) => {
-      n.value = w, await se(), M(l.value), h.value = Array.from(c.values()).reduce((k, F) => (k += F.value.clientWidth, k), 0);
+    se(() => e.modelValue, (w) => {
+      l.value = w, D(l.value);
+    }), se(() => e.items, async (w) => {
+      n.value = w, await oe(), D(l.value), h.value = Array.from(f.values()).reduce((k, F) => (k += F.value.clientWidth, k), 0);
     }), K(async () => {
-      M(l.value), await se(), b.value = "0.1s ease-out all", h.value = Array.from(c.values()).reduce((w, k) => (w += k.value.clientWidth, w), 0);
+      D(l.value), await oe(), m.value = "0.1s ease-out all", h.value = Array.from(f.values()).reduce((w, k) => (w += k.value.clientWidth, w), 0);
     });
     function R(w, k) {
-      j(k, !0);
+      S(k, !0);
     }
     function P(w, k) {
-      c.set(k, w);
+      f.set(k, w);
     }
     function E(w, k) {
       return s(Xt, {
@@ -667,16 +667,16 @@ const Xt = /* @__PURE__ */ te({
       class: "f-capsule-pane"
     }, [n.value.map((w, k) => E(w, k))]), s("small", {
       class: g.value,
-      style: m.value
+      style: b.value
     }, null), s("div", {
       class: "f-capsule-board",
-      style: p.value
+      style: d.value
     }, null)]);
   }
 });
 function We(e, t, n, o, a) {
   const l = C(), {
-    shouldShowNavigationButtons: b
+    shouldShowNavigationButtons: m
   } = n, {
     activeId: x,
     tabPages: T
@@ -686,7 +686,7 @@ function We(e, t, n, o, a) {
   }))), g = B(() => ({
     spacer: !0,
     "f-utils-fill": !0,
-    "spacer-sides-dropdown": b.value
+    "spacer-sides-dropdown": m.value
   })), r = B(() => ({
     width: "100%",
     display: "flex",
@@ -695,7 +695,7 @@ function We(e, t, n, o, a) {
   K(() => {
     l.value && (t.value = l.value.$el);
   });
-  function i() {
+  function c() {
   }
   return () => s("div", {
     class: g.value,
@@ -704,7 +704,7 @@ function We(e, t, n, o, a) {
     items: v.value,
     modelValue: x.value,
     "onUpdate:modelValue": (h) => x.value = h,
-    onChange: i,
+    onChange: c,
     ref: l
   }, null)]);
 }
@@ -712,69 +712,69 @@ function Kt(e, t, n, o) {
   const {
     activeId: a,
     removeTab: l,
-    tabPages: b
+    tabPages: m
   } = o, {
     selectAndScrollToTab: x
   } = n, {
     hideDropDown: T,
     searchTabText: v
   } = t, g = C("auto"), r = B(() => {
-    var j, M;
-    let f = [];
-    return e.searchBoxVisible ? f = (j = b.value) == null ? void 0 : j.filter((R) => R.props.title.includes(v.value)) : f = (M = b.value) == null ? void 0 : M.slice(), f;
-  }), i = B(() => ({
+    var S, D;
+    let p = [];
+    return e.searchBoxVisible ? p = (S = m.value) == null ? void 0 : S.filter((R) => R.props.title.includes(v.value)) : p = (D = m.value) == null ? void 0 : D.slice(), p;
+  }), c = B(() => ({
     "dropdown-menu": !0,
     "tabs-pt28": e.searchBoxVisible,
     show: !T.value
   }));
-  function h(f) {
+  function h(p) {
     return {
       "dropdown-item": !0,
       "text-truncate": !0,
       "px-2": !0,
-      disabled: f.props.disabled,
-      active: f.props.id === a.value,
-      "d-none": f.props.show !== !0
+      disabled: p.props.disabled,
+      active: p.props.id === a.value,
+      "d-none": p.props.show !== !0
     };
   }
-  function m(f) {
-    f.preventDefault(), f.stopPropagation();
+  function b(p) {
+    p.preventDefault(), p.stopPropagation();
   }
-  const p = () => ({
+  const d = () => ({
     width: g.value
   });
-  function c() {
+  function f() {
     return s("div", {
-      class: i.value
+      class: c.value
     }, [e.searchBoxVisible && s("div", {
-      onClick: (f) => m(f),
+      onClick: (p) => b(p),
       class: "pb-1 tabs-li-absolute"
     }, [st(s("input", {
       title: "search-box",
       type: "text",
       class: "form-control k-textbox",
-      "onUpdate:modelValue": (f) => v.value = f
+      "onUpdate:modelValue": (p) => v.value = p
     }, null), [[at, v.value]]), s("span", {
       class: "f-icon f-icon-page-title-query tabs-icon-search"
     }, null)]), r.value.length ? s("ul", {
       class: "tab-dropdown-menu--items",
-      style: p()
-    }, [r.value.map((f) => s("li", {
-      class: h(f),
-      onClick: (j) => x(j, f.props)
-    }, [f.props.removeable && s("span", {
+      style: d()
+    }, [r.value.map((p) => s("li", {
+      class: h(p),
+      onClick: (S) => x(S, p.props)
+    }, [p.props.removeable && s("span", {
       class: "float-right st-drop-close",
-      onClick: (j) => l(j, f.props.id, !0)
+      onClick: (S) => l(S, p.props.id, !0)
     }, [s("i", {
       class: "f-icon f-icon-close"
     }, null)]), s("a", {
       class: "dropdown-title"
-    }, [f.props.title])]))]) : s("div", {
+    }, [p.props.title])]))]) : s("div", {
       class: "dropdown-no-data"
     }, [ie("没有相关数据")])]);
   }
   return {
-    renderDropdownMenu: c
+    renderDropdownMenu: f
   };
 }
 function ze(e, t, n, o) {
@@ -782,9 +782,9 @@ function ze(e, t, n, o) {
     hideDropDown: a
   } = t, {
     renderDropdownMenu: l
-  } = Kt(e, t, n, o), b = C(e.showDropdown);
+  } = Kt(e, t, n, o), m = C(e.showDropdown);
   function x() {
-    return b.value && s(we, null, [s("button", {
+    return m.value && s(we, null, [s("button", {
       title: "toggle-button",
       class: "btn dropdown-toggle-split dropdown-toggle",
       onClick: () => {
@@ -797,11 +797,11 @@ function ze(e, t, n, o) {
   };
 }
 function qe(e, t, n, o) {
-  const a = C(!1), { selectTabByTabId: l, tabPages: b } = o, x = 4;
+  const a = C(!1), { selectTabByTabId: l, tabPages: m } = o, x = 4;
   function T() {
-    var f;
-    const p = t.value, c = (f = t.value) == null ? void 0 : f.parentElement;
-    a.value = c && p && c.offsetWidth < p.scrollWidth - x;
+    var p;
+    const d = t.value, f = (p = t.value) == null ? void 0 : p.parentElement;
+    a.value = f && d && f.offsetWidth < d.scrollWidth - x;
   }
   const v = B(() => ({
     btn: !0,
@@ -819,55 +819,55 @@ function qe(e, t, n, o) {
     "sc-nav-rg": !0,
     "d-none": !a.value
   }));
-  function i(p, c) {
+  function c(d, f) {
     if (!t.value)
       return;
-    const f = t.value.scrollLeft, j = t.value.scrollWidth - t.value.offsetWidth;
-    if (c > 0) {
-      if (t.value.scrollLeft >= j)
+    const p = t.value.scrollLeft, S = t.value.scrollWidth - t.value.offsetWidth;
+    if (f > 0) {
+      if (t.value.scrollLeft >= S)
         return;
-      t.value.scrollLeft = f + e.scrollStep + p;
-    } else if (c < 0) {
+      t.value.scrollLeft = p + e.scrollStep + d;
+    } else if (f < 0) {
       if (t.value.scrollLeft <= 0)
         return;
-      t.value.scrollLeft = f - e.scrollStep - p;
+      t.value.scrollLeft = p - e.scrollStep - d;
     }
   }
-  function h(p) {
+  function h(d) {
     if (!a.value || !t.value)
       return;
-    const c = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", f = t.value.querySelectorAll(c), { parentElement: j } = t.value, M = f[p];
-    if (M && j) {
-      const R = j.getBoundingClientRect().left, P = j.getBoundingClientRect().right, E = M.getBoundingClientRect().left, w = M.getBoundingClientRect().right;
-      E < R ? i(R - E, -1) : P < w && i(w - P, 1), e.tabType === "one-page" && n.scrollTo(p);
+    const f = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", p = t.value.querySelectorAll(f), { parentElement: S } = t.value, D = p[d];
+    if (D && S) {
+      const R = S.getBoundingClientRect().left, P = S.getBoundingClientRect().right, E = D.getBoundingClientRect().left, w = D.getBoundingClientRect().right;
+      E < R ? c(R - E, -1) : P < w && c(w - P, 1), e.tabType === "one-page" && n.scrollTo(d);
     }
   }
-  function m(p, c) {
-    if (c.disabled)
+  function b(d, f) {
+    if (f.disabled)
       return;
-    l(c.id);
-    const f = b.value.findIndex((j) => j.props.id === c.id);
-    se(() => {
-      h(f);
+    l(f.id);
+    const p = m.value.findIndex((S) => S.props.id === f.id);
+    oe(() => {
+      h(p);
     });
   }
   return {
     previousButtonClass: v,
     nextButtonGroupClass: g,
     nextButtonClass: r,
-    scrollTab: i,
-    selectAndScrollToTab: m,
+    scrollTab: c,
+    selectAndScrollToTab: b,
     shouldShowNavigationButtons: a,
     updateNavigationLayout: T
   };
 }
 function Ue(e, t) {
-  const { tabPages: n } = t, o = C(""), a = C(!0), l = B(() => e.searchBoxVisible), b = B(() => l.value ? n.value.filter((T) => T.props.title.includes(o.value)) : n.value.slice());
+  const { tabPages: n } = t, o = C(""), a = C(!0), l = B(() => e.searchBoxVisible), m = B(() => l.value ? n.value.filter((T) => T.props.title.includes(o.value)) : n.value.slice());
   return {
     searchTabText: o,
     hideDropDown: a,
     shouldShowSearchBox: l,
-    tabsInDropdownMenu: b
+    tabsInDropdownMenu: m
   };
 }
 function Ge(e, t, n) {
@@ -877,16 +877,16 @@ function Ge(e, t, n) {
     if (T) {
       const v = t.value.querySelectorAll(o);
       if (v.length > 0) {
-        const g = v[x], { offsetTop: r } = g, i = r - 32 > 0 ? r - 32 : 0;
-        T.scrollTop = i;
+        const g = v[x], { offsetTop: r } = g, c = r - 32 > 0 ? r - 32 : 0;
+        T.scrollTop = c;
       }
     }
   }
-  function b(x) {
+  function m(x) {
     const T = a.value.findIndex((v) => v.props.id === x);
     T > -1 && l(T);
   }
-  return { scrollTo: l, scrollToByPaggId: b };
+  return { scrollTo: l, scrollToByPaggId: m };
 }
 const en = /* @__PURE__ */ new Map([
   ["buttons", "items"]
@@ -1200,7 +1200,7 @@ function Ze() {
     };
     if (n.icon) {
       const a = n.icon.trim().split(" ");
-      a && a.length && a.reduce((l, b) => (l[b] = !0, l), o);
+      a && a.length && a.reduce((l, m) => (l[m] = !0, l), o);
     }
     return o;
   }
@@ -1211,103 +1211,103 @@ function Ze() {
 }
 function Mn(e) {
   function t(r) {
-    const i = {
+    const c = {
       "dropdown-menu": !0
     };
     if (r.class) {
       const h = r.menuClass.split(" ");
-      h && h.length && h.reduce((m, p) => (m[p] = !0, m), i);
+      h && h.length && h.reduce((b, d) => (b[d] = !0, b), c);
     }
-    return i;
+    return c;
   }
   function n(r) {
-    const i = {
+    const c = {
       disabled: !r.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
     }, h = r.dropdownClass.split(" ");
-    return h && h.length && h.reduce((m, p) => (m[p] = !0, m), i), i;
+    return h && h.length && h.reduce((b, d) => (b[d] = !0, b), c), c;
   }
   function o(r) {
-    const i = {
+    const c = {
       disabled: !r.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0
     }, h = r.class.split(" ");
-    return h && h.length && h.reduce((m, p) => (m[p] = !0, m), i), i;
+    return h && h.length && h.reduce((b, d) => (b[d] = !0, b), c), c;
   }
   let a;
   const l = /* @__PURE__ */ new Map();
-  function b(r, i, h) {
-    var p;
-    ((p = r.target) == null ? void 0 : p.id) === i.id && r.stopPropagation();
-    const m = h ? h.id : "__top_item__";
-    if (i.children && i.children.length && (i.expanded = !i.expanded, i.expanded ? l.set(m, i) : l.delete(m)), l.has(m) && l.get(m) !== i) {
-      const c = l.get(m);
-      c && (c.expanded = !1);
+  function m(r, c, h) {
+    var d;
+    ((d = r.target) == null ? void 0 : d.id) === c.id && r.stopPropagation();
+    const b = h ? h.id : "__top_item__";
+    if (c.children && c.children.length && (c.expanded = !c.expanded, c.expanded ? l.set(b, c) : l.delete(b)), l.has(b) && l.get(b) !== c) {
+      const f = l.get(b);
+      f && (f.expanded = !1);
     }
   }
-  function x(r, i) {
-    document.body.click(), i.enable && i.onClick(r, i.id);
+  function x(r, c) {
+    document.body.click(), c.enable && c.onClick(r, c.id);
   }
   function T(r) {
-    return r.children.map((i) => i.children && i.children.length ? s("li", {
-      class: n(i),
-      id: i.id,
-      onClick: (h) => i.enable && b(h, i, r)
+    return r.children.map((c) => c.children && c.children.length ? s("li", {
+      class: n(c),
+      id: c.id,
+      onClick: (h) => c.enable && m(h, c, r)
     }, [s("span", {
-      id: i.id,
-      class: o(i),
-      onMouseover: (h) => i.enable && b(h, i, r)
-    }, [i.text, s("i", {
+      id: c.id,
+      class: o(c),
+      onMouseover: (h) => c.enable && m(h, c, r)
+    }, [c.text, s("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), a(i, i)]) : s("li", {
-      class: o(i),
-      id: i.id,
-      onClick: (h) => x(h, i),
-      onMouseover: (h) => i.enable && b(h, i, r)
-    }, [e.shouldShowIcon(i) && s("i", {
-      class: e.iconClass(i)
-    }, null), i.text]));
-  }
-  function v(r, i, h) {
-    const m = {
+    }, null)]), a(c, c)]) : s("li", {
+      class: o(c),
+      id: c.id,
+      onClick: (h) => x(h, c),
+      onMouseover: (h) => c.enable && m(h, c, r)
+    }, [e.shouldShowIcon(c) && s("i", {
+      class: e.iconClass(c)
+    }, null), c.text]));
+  }
+  function v(r, c, h) {
+    const b = {
       display: r.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
       minWidth: "120px"
-    }, p = document.getElementsByTagName("body")[0].getClientRects()[0].width, c = i, f = c == null ? void 0 : c.getClientRects();
-    if (c && f && f.length) {
+    }, d = document.getElementsByTagName("body")[0].getClientRects()[0].width, f = c, p = f == null ? void 0 : f.getClientRects();
+    if (f && p && p.length) {
       const {
-        top: j,
-        width: M,
+        top: S,
+        width: D,
         left: R,
         right: P,
         height: E
-      } = f[0], w = Math.ceil(E + j);
-      m.top = `${w}px`, m.left = `${R}px`;
-      const k = r.id + "_menu", F = i ? i.querySelector("#" + k) : null;
+      } = p[0], w = Math.ceil(E + S);
+      b.top = `${w}px`, b.left = `${R}px`;
+      const k = r.id + "_menu", F = c ? c.querySelector("#" + k) : null;
       if (F) {
-        m.display === "block" && (F.style.display = "block");
-        const D = F.getBoundingClientRect();
+        b.display === "block" && (F.style.display = "block");
+        const M = F.getBoundingClientRect();
         if (h) {
-          m.top = `${j - 6}px`;
-          const u = Math.ceil(M + R);
-          m.left = `${u}px`;
+          b.top = `${S - 6}px`;
+          const i = Math.ceil(D + R);
+          b.left = `${i}px`;
         }
-        p - R - M < D.width && (m.left = `${(h ? R : P) - D.width}px`);
+        d - R - D < M.width && (b.left = `${(h ? R : P) - M.width}px`);
       }
     }
-    return m;
+    return b;
   }
-  a = function(r, i) {
-    var c, f;
-    const h = Ne(), m = i ? i.id : r.id, p = (f = (c = h == null ? void 0 : h.exposed) == null ? void 0 : c.elementRef.value) == null ? void 0 : f.querySelector("#" + m);
+  a = function(r, c) {
+    var f, p;
+    const h = Ne(), b = c ? c.id : r.id, d = (p = (f = h == null ? void 0 : h.exposed) == null ? void 0 : f.elementRef.value) == null ? void 0 : p.querySelector("#" + b);
     return s("ul", {
       class: t(r),
-      style: v(r, p, i),
+      style: v(r, d, c),
       id: r.id + "_menu"
     }, [T(r)]);
   };
@@ -1332,10 +1332,10 @@ function On(e, t) {
       "f-rt-dropdown": !0,
       "f-btn-ml": n.value === "right",
       "f-btn-mr": n.value === "left"
-    }, i = g.dropdownClass.split(" ");
-    return i && i.length && i.reduce((h, m) => (h[m] = !0, h), r), r;
+    }, c = g.dropdownClass.split(" ");
+    return c && c.length && c.reduce((h, b) => (h[b] = !0, h), r), r;
   }
-  function b(g) {
+  function m(g) {
     const r = {
       btn: !0,
       disabled: !g.enable,
@@ -1343,22 +1343,22 @@ function On(e, t) {
       "btn-icontext": !!(g.icon && g.icon.trim())
     };
     if (g.class) {
-      const i = g.class.split(" ");
-      i && i.length && i.reduce((h, m) => (h[m] = !0, h), r);
+      const c = g.class.split(" ");
+      c && c.length && c.reduce((h, b) => (h[b] = !0, h), r);
     }
     return r;
   }
   function x(g, r) {
     g.stopPropagation();
-    const i = r.expanded;
-    document.body.click(), r.expanded = !i;
+    const c = r.expanded;
+    document.body.click(), r.expanded = !c;
   }
   function T(g) {
     return s("div", {
       id: g.id,
       class: l(g)
     }, [s("div", {
-      class: b(g),
+      class: m(g),
       style: "display: flex;padding-right: 0.1rem;",
       onClick: (r) => g.enable && x(r, g)
     }, [t.shouldShowIcon(g) && s("i", {
@@ -1383,7 +1383,7 @@ const {
   props: je,
   emits: [],
   setup(e, t) {
-    const n = C(Ie(e.items)), o = C(), a = C(), l = C(), b = C(e.alignment), x = {
+    const n = C(Ie(e.items)), o = C(), a = C(), l = C(), m = C(e.alignment), x = {
       id: "__more_buttons__",
       text: "更多"
     }, T = C(new ce(x)), v = Ze(), g = B(() => T.value.children.length > 0), r = B(() => {
@@ -1394,64 +1394,64 @@ const {
       };
       if (e.customClass) {
         const k = e.customClass.split(" ");
-        k && k.length && k.reduce((F, D) => (F[D] = !0, F), w);
+        k && k.length && k.reduce((F, M) => (F[M] = !0, F), w);
       }
       return w;
-    }), i = B(() => ({
+    }), c = B(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": b.value === "right",
-      "justify-content-start": b.value === "left"
+      "justify-content-end": m.value === "right",
+      "justify-content-start": m.value === "left"
     })), {
       renderToolbarDropdown: h,
-      clearAllDropDown: m
+      clearAllDropDown: b
     } = On(e, v);
-    function p() {
+    function d() {
       n.value.filter((w) => w.children && w.children.length > 0).forEach((w) => {
         w.expanded = !1;
-      }), T.value.expanded = !1, m();
+      }), T.value.expanded = !1, b();
     }
-    function c(w) {
+    function f(w) {
       const k = {
         btn: !0,
         "f-rt-btn": !0,
-        "f-btn-ml": b.value === "right",
-        "f-btn-mr": b.value === "left",
+        "f-btn-ml": m.value === "right",
+        "f-btn-mr": m.value === "left",
         "btn-icontext": !!(w.icon && w.icon.trim())
       };
       if (w.class) {
         const F = w.class.split(" ");
-        F && F.length && F.reduce((D, u) => (D[u] = !0, D), k);
+        F && F.length && F.reduce((M, i) => (M[i] = !0, M), k);
       }
       return k;
     }
-    function f(w, k) {
+    function p(w, k) {
       document.body.click(), k.onClick(w, k.id);
     }
-    function j(w) {
+    function S(w) {
       return s("button", {
         type: "button",
-        class: c(w),
+        class: f(w),
         id: w.id,
         disabled: !w.enable,
-        onClick: (k) => f(k, w)
+        onClick: (k) => p(k, w)
       }, [v.shouldShowIcon(w) && s("i", {
         class: v.iconClass(w)
       }, null), w.text]);
     }
-    const M = /* @__PURE__ */ new Map(), R = [];
+    const D = /* @__PURE__ */ new Map(), R = [];
     function P(w) {
       const k = l.value;
       let F = w;
-      const D = Array.from(k.children), u = D[D.length - 1].id === "__more_buttons__" ? D[D.length - 1] : null;
-      if (u) {
-        const A = u.computedStyleMap().get("margin-left"), L = u.computedStyleMap().get("margin-right"), q = (A ? A.value : 0) + u.getBoundingClientRect().width + (L ? L.value : 0);
+      const M = Array.from(k.children), i = M[M.length - 1].id === "__more_buttons__" ? M[M.length - 1] : null;
+      if (i) {
+        const A = i.computedStyleMap().get("margin-left"), L = i.computedStyleMap().get("margin-right"), q = (A ? A.value : 0) + i.getBoundingClientRect().width + (L ? L.value : 0);
         F -= q;
       }
-      const y = D.filter((A) => A.id !== "__more_buttons__");
+      const y = M.filter((A) => A.id !== "__more_buttons__");
       for (const A of y) {
         const L = A.computedStyleMap().get("margin-left"), q = A.computedStyleMap().get("margin-right"), X = (L ? L.value : 0) + A.getBoundingClientRect().width + (q ? q.value : 0);
-        F < X ? (M.set(A.id, !0), R.push({
+        F < X ? (D.set(A.id, !0), R.push({
           id: A.id,
           width: X
         })) : F -= X;
@@ -1460,27 +1460,27 @@ const {
         for (let A = R.length - 1; A >= 0; A--) {
           const L = R[A].width;
           if (F >= L)
-            F -= L, M.delete(R[A].id), R.pop();
+            F -= L, D.delete(R[A].id), R.pop();
           else
             break;
         }
-      const d = Object.assign({}, T.value);
-      d.children = [];
-      const S = new ce(d), $ = n.value.reduce((A, L) => (M.has(L.id) && S.children.push(L), L.visible = !M.has(L.id), A.push(L), A), []);
-      T.value = S, n.value = $;
+      const u = Object.assign({}, T.value);
+      u.children = [];
+      const j = new ce(u), $ = n.value.reduce((A, L) => (D.has(L.id) && j.children.push(L), L.visible = !D.has(L.id), A.push(L), A), []);
+      T.value = j, n.value = $;
     }
     const E = new ResizeObserver((w) => {
       if (w.length) {
-        const F = w[0].contentRect.width, u = l.value.getBoundingClientRect().width;
-        (F < u || R.length) && (P(F), p());
+        const F = w[0].contentRect.width, i = l.value.getBoundingClientRect().width;
+        (F < i || R.length) && (P(F), d());
       }
     });
     return K(() => {
       const w = a.value;
-      E.observe(w), document.body.addEventListener("click", p), document.body.addEventListener("wheel", p);
+      E.observe(w), document.body.addEventListener("click", d), document.body.addEventListener("wheel", d);
     }), ue(() => {
-      E.disconnect(), document.body.removeEventListener("click", p), document.body.removeEventListener("wheel", p);
-    }), ne(() => e.items, () => {
+      E.disconnect(), document.body.removeEventListener("click", d), document.body.removeEventListener("wheel", d);
+    }), se(() => e.items, () => {
       n.value = Ie(e.items);
     }), t.expose({
       elementRef: o
@@ -1489,35 +1489,35 @@ const {
       ref: o
     }, [s("div", {
       ref: a,
-      class: i.value
+      class: c.value
     }, [s("div", {
       ref: l,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.filter((w) => w.visible).map((w) => w.children && w.children.length > 0 ? h(w) : j(w)), g.value && h(T.value)])])]);
+    }, [n.value.filter((w) => w.visible).map((w) => w.children && w.children.length > 0 ? h(w) : S(w)), g.value && h(T.value)])])]);
   }
 }), ve = /* @__PURE__ */ te({
   name: "FTabs",
   props: Se,
   emits: ["tabChange", "tabRemove"],
   setup(e, t) {
-    const n = C(e.tabType), o = re(), a = C(e.customClass), l = re(), b = re(), x = $t(e, t, l), {
+    const n = C(e.tabType), o = re(), a = C(e.customClass), l = re(), m = re(), x = $t(e, t, l), {
       activeId: T,
       changeTitleStyle: v,
       tabPages: g,
       addTab: r,
-      updateTab: i,
+      updateTab: c,
       selectTabByTabId: h,
-      toolbarItems: m
-    } = x, p = Ge(e, b, x), c = qe(e, l, p, x), {
-      previousButtonClass: f,
-      nextButtonClass: j,
-      nextButtonGroupClass: M,
+      toolbarItems: b
+    } = x, d = Ge(e, m, x), f = qe(e, l, d, x), {
+      previousButtonClass: p,
+      nextButtonClass: S,
+      nextButtonGroupClass: D,
       scrollTab: R,
       updateNavigationLayout: P
-    } = c, E = Ue(e, x), {
+    } = f, E = Ue(e, x), {
       hideDropDown: w
-    } = E, k = It(e, l, c, p, x), F = k, D = We(e, l, c, p, x), u = /* @__PURE__ */ new Map([["default", k], ["one-page", F], ["pills", D]]);
+    } = E, k = It(e, l, f, d, x), F = k, M = We(e, l, f, d, x), i = /* @__PURE__ */ new Map([["default", k], ["one-page", F], ["pills", M]]);
     B(() => {
       const H = g.value.find((V) => V.props.id === T.value);
       return H == null ? void 0 : H.slots;
@@ -1525,27 +1525,27 @@ const {
     const y = B(() => {
       const H = g.value.find((W) => W.props.id === T.value);
       return (H == null ? void 0 : H.props.toolbarPosition) === "inHead";
-    }), d = B(() => e.fill || e.tabType === "fill");
+    }), u = B(() => e.fill || e.tabType === "fill");
     be("tabs", {
       activeId: T,
       addTab: r,
-      updateTab: i,
+      updateTab: c,
       tabPages: g,
       tabType: n,
-      shouldFillParentContaner: d
+      shouldFillParentContaner: u
     });
-    const S = B(() => e.tabType === "pills"), $ = B(() => ({
+    const j = B(() => e.tabType === "pills"), $ = B(() => ({
       "farris-tabs-header": !0,
       "farris-tabs-inHead": y.value,
       "farris-tabs-inContent": !y.value,
-      "farris-tabs-nav-fill": d.value,
-      "farris-tabs-nav-pills": S.value
+      "farris-tabs-nav-fill": u.value,
+      "farris-tabs-nav-pills": j.value
     })), A = B(() => ({
       width: y.value && e.titleWidth ? `${e.titleWidth}%` : ""
     })), L = B(() => {
       const H = {
         "farris-tabs": !0,
-        "f-utils-fill-flex-column": d.value,
+        "f-utils-fill-flex-column": u.value,
         "flex-column": e.position === "top",
         "flex-column-reverse": e.position === "bottom",
         "flex-row": e.position === "left",
@@ -1555,7 +1555,7 @@ const {
       return a.value && a.value.split(" ").reduce((V, W) => (V[W] = !0, V), H), H;
     });
     K(() => {
-      g.value.length && (T.value = e.activeId || g.value[0].props.id, h(T.value)), se(() => {
+      g.value.length && (T.value = e.activeId || g.value[0].props.id, h(T.value)), oe(() => {
         P();
       }), v(l), window.addEventListener("click", (H) => {
         var V;
@@ -1568,7 +1568,7 @@ const {
       return s("button", {
         title: "left-arrow-button",
         type: "button",
-        class: f.value,
+        class: p.value,
         onClick: () => {
           R(0, -1);
         }
@@ -1578,7 +1578,7 @@ const {
       return s("button", {
         title: "right-arrow-button",
         type: "button",
-        class: j.value,
+        class: S.value,
         onClick: () => {
           R(0, 1);
         }
@@ -1586,16 +1586,16 @@ const {
     }
     const {
       renderMorePagesButtton: J
-    } = ze(e, E, c, x), Z = (H) => {
+    } = ze(e, E, f, x), Z = (H) => {
       t.emit("Click", H);
     };
-    function oe() {
-      return m.value.length ? s(Qe, {
-        items: m.value,
+    function ne() {
+      return b.value.length ? s(Qe, {
+        items: b.value,
         onClick: Z
       }, null) : null;
     }
-    const _ = u.get(e.tabType) || u.get("default");
+    const _ = i.get(e.tabType) || i.get("default");
     function O() {
       var H, V, W, z;
       return s("div", {
@@ -1606,20 +1606,20 @@ const {
         class: "farris-tabs-title scroll-tabs",
         style: A.value
       }, [q(), _ && _(), s("div", {
-        class: M.value
-      }, [X(), J()])]), oe(), s("div", {
+        class: D.value
+      }, [X(), J()])]), ne(), s("div", {
         class: "farris-tabs-header-post"
       }, [(z = (W = t.slots).headerSuffix) == null ? void 0 : z.call(W)])]);
     }
     const I = B(() => ({
       "farris-tabs-content": !0,
-      "f-utils-fill-flex-column": d.value
+      "f-utils-fill-flex-column": u.value
     }));
     function N() {
       var H, V;
       return s("div", {
         class: I.value,
-        ref: b
+        ref: m
       }, [(V = (H = t.slots).default) == null ? void 0 : V.call(H)]);
     }
     return () => s("div", {
@@ -2254,14 +2254,14 @@ de(Xe, oo, Jn, Zn, co);
 function io(e, t, n) {
   let o;
   function a() {
-    !e || !t.value || (n.value = !n.value, n.value ? l() : b());
+    !e || !t.value || (n.value = !n.value, n.value ? l() : m());
   }
   function l() {
     o = e.value.nextElementSibling;
     const T = document && document.querySelector("body");
     T && (T.appendChild(e.value), e.value.style.zIndex = x());
   }
-  function b() {
+  function m() {
     o ? t.value.insertBefore(
       e.value,
       o
@@ -2278,10 +2278,10 @@ function io(e, t, n) {
       "body>.popover.show",
       "body>filter-row-panel>.f-datagrid-filter-panel",
       "body>.f-section-maximize"
-    ], g = Array.from(document.body.querySelectorAll(v.join(","))).filter((i) => i).map((i) => {
-      const { display: h, zIndex: m } = window.getComputedStyle(i);
-      return h === "none" ? 0 : parseInt(m, 10);
-    }).filter((i) => i);
+    ], g = Array.from(document.body.querySelectorAll(v.join(","))).filter((c) => c).map((c) => {
+      const { display: h, zIndex: b } = window.getComputedStyle(c);
+      return h === "none" ? 0 : parseInt(b, 10);
+    }).filter((c) => c);
     let r = Math.max(...g);
     return r < 1040 && (r = 1040), r + T;
   }
@@ -2291,29 +2291,29 @@ function Ye(e, t) {
   const n = C(e.buttons), o = B(() => e.buttonPosition === "inHead" ? "right" : "left"), a = B(() => "f-section-toolbar" + (e.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), l = B(() => {
     e.buttons && e.buttons.length > 0 && e.buttonPosition;
   });
-  function b(x) {
+  function m(x) {
     t.emit("Click", x);
   }
   return () => l && s(Qe, {
     customClass: a.value,
     items: n.value,
-    onClick: b,
+    onClick: m,
     alignment: o.value
   }, null);
 }
 function uo(e, t, n, o, a, l) {
-  const b = C(e.mainTitle), x = C(e.subTitle), T = B(() => e.buttonPosition), v = Ye(e, t), {
+  const m = C(e.mainTitle), x = C(e.subTitle), T = B(() => e.buttonPosition), v = Ye(e, t), {
     onClickMaxMinIcon: g
-  } = io(o, a, l), r = B(() => !!e.subTitle), i = B(() => e.enableMaximize), h = B(() => e.enableAccordion != ""), m = B(() => {
+  } = io(o, a, l), r = B(() => !!e.subTitle), c = B(() => e.enableMaximize), h = B(() => e.enableAccordion != ""), b = B(() => {
     const P = {
       "f-section-header": !0
     };
     return t.slots.header && e.headerClass.split(" ").reduce((w, k) => (w[k] = !0, w), P), P;
   });
-  function p(P) {
+  function d(P) {
     P.stopPropagation(), e.enableAccordion !== "" && (n.value = !n.value);
   }
-  function c() {
+  function f() {
     const P = B(() => ({
       btn: !0,
       "f-btn-collapse-expand": !0,
@@ -2326,28 +2326,28 @@ function uo(e, t, n, o, a, l) {
     }));
     return s("div", {
       class: "f-max-accordion"
-    }, [i.value ? s("span", {
+    }, [c.value ? s("span", {
       class: E.value,
       onClick: g
     }, null) : "", h.value ? s("button", {
       class: P.value,
-      onClick: p
+      onClick: d
     }, [s("span", null, [n.value ? e.collapseLabel : e.expandLabel])]) : ""]);
   }
-  function f() {
+  function p() {
     return t.slots.header ? s("div", {
-      class: m.value
+      class: b.value
     }, [t.slots.header()]) : "";
   }
-  function j() {
+  function S() {
     return s("div", {
       class: "f-title",
-      onClick: p
+      onClick: d
     }, [s("h4", {
       class: "f-title-text"
-    }, [b.value]), r.value && s("span", null, [x.value])]);
+    }, [m.value]), r.value && s("span", null, [x.value])]);
   }
-  function M() {
+  function D() {
     const P = B(() => {
       const E = {
         "f-content": !0
@@ -2360,10 +2360,10 @@ function uo(e, t, n, o, a, l) {
   }
   function R() {
     return s("div", {
-      class: m.value
-    }, [t.slots.headerTitle ? t.slots.headerTitle() : j(), M(), T.value === "inHead" && v(), (i.value || h.value) && c()]);
+      class: b.value
+    }, [t.slots.headerTitle ? t.slots.headerTitle() : S(), D(), T.value === "inHead" && v(), (c.value || h.value) && f()]);
   }
-  return () => e.showHeader && (t.slots.header ? f() : R());
+  return () => e.showHeader && (t.slots.header ? p() : R());
 }
 const Ke = /* @__PURE__ */ te({
   name: "FSection",
@@ -2372,35 +2372,35 @@ const Ke = /* @__PURE__ */ te({
   setup(e, t) {
     const n = C();
     let o = C();
-    const a = C(e.customClass), l = B(() => e.enableAccordion), b = C(e.expandStatus), x = B(() => e.buttonPosition), T = C(!1), v = uo(e, t, b, n, o, T), g = Ye(e, t), r = B(() => {
-      const c = {
+    const a = C(e.customClass), l = B(() => e.enableAccordion), m = C(e.expandStatus), x = B(() => e.buttonPosition), T = C(!1), v = uo(e, t, m, n, o, T), g = Ye(e, t), r = B(() => {
+      const f = {
         "f-section": !0,
         "f-section-accordion": l.value === "default",
-        "f-state-collapse": (l.value === "default" || l.value === "custom") && !b.value,
+        "f-state-collapse": (l.value === "default" || l.value === "custom") && !m.value,
         "f-section-custom-accordion": l.value === "custom",
         "f-section-fill": e.fill,
         "f-section-maximize": T.value
       };
-      return a.value && a.value.split(" ").reduce((f, j) => (f[j] = !0, f), c), c;
-    }), i = B(() => {
-      const c = e.contentClass.split(" "), f = {
+      return a.value && a.value.split(" ").reduce((p, S) => (p[S] = !0, p), f), f;
+    }), c = B(() => {
+      const f = e.contentClass.split(" "), p = {
         "f-section-content": !0
       };
-      return c.reduce((j, M) => (j[M] = !0, j), f), f;
+      return f.reduce((S, D) => (S[D] = !0, S), p), p;
     }), h = B(() => {
-      const c = e.extendClass.split(" "), f = {
+      const f = e.extendClass.split(" "), p = {
         "f-section-extend": !0
       };
-      return c.reduce((j, M) => (j[M] = !0, j), f), f;
+      return f.reduce((S, D) => (S[D] = !0, S), p), p;
     });
-    function m() {
+    function b() {
       return t.slots.extend && s("div", {
         class: h.value
       }, [t.slots.extend()]);
     }
-    function p() {
+    function d() {
       return s("div", {
-        class: i.value
+        class: c.value
       }, [x.value === "inContent" && g(), t.slots.default && t.slots.default()]);
     }
     return K(() => {
@@ -2408,7 +2408,7 @@ const Ke = /* @__PURE__ */ te({
     }), () => s("div", {
       class: r.value,
       ref: n
-    }, [v(), m(), p()]);
+    }, [v(), b(), d()]);
   }
 });
 function po(e) {
@@ -2424,14 +2424,14 @@ const ye = /* @__PURE__ */ te({
       props: e
     }, l = C((n == null ? void 0 : n.tabType.value) || "default");
     K(() => {
-      const h = n == null ? void 0 : n.tabPages.value.findIndex((m) => m.props.id === e.id);
+      const h = n == null ? void 0 : n.tabPages.value.findIndex((b) => b.props.id === e.id);
       !h || h === -1 ? n == null || n.addTab(a) : h > -1 && (o.value = !1, console.warn(`已经存在id为${e.id}的页签啦`));
     }), ue(() => {
     });
-    const b = B(() => (e == null ? void 0 : e.id) === (n == null ? void 0 : n.activeId.value)), x = B(() => ({
-      display: b.value ? "" : "none"
+    const m = B(() => (e == null ? void 0 : e.id) === (n == null ? void 0 : n.activeId.value)), x = B(() => ({
+      display: m.value ? "" : "none"
     }));
-    ne(() => e, (h) => {
+    se(() => e, (h) => {
       n == null || n.updateTab({
         props: h,
         slots: t.slots
@@ -2441,8 +2441,8 @@ const ye = /* @__PURE__ */ te({
       deep: !0
     });
     function T() {
-      var m, p;
-      const h = (p = (m = t.slots).default) == null ? void 0 : p.call(m);
+      var b, d;
+      const h = (d = (b = t.slots).default) == null ? void 0 : d.call(b);
       return s(Ke, {
         "main-title": e.title,
         class: "farris-tab-page"
@@ -2451,22 +2451,22 @@ const ye = /* @__PURE__ */ te({
       });
     }
     const v = B(() => {
-      var m;
+      var b;
       return {
         "farris-tab-page": !0,
-        "f-utils-fill-flex-column": b.value && n && ((m = n.shouldFillParentContaner) == null ? void 0 : m.value)
+        "f-utils-fill-flex-column": m.value && n && ((b = n.shouldFillParentContaner) == null ? void 0 : b.value)
       };
     });
     function g() {
-      var m, p;
-      const h = (p = (m = t.slots).default) == null ? void 0 : p.call(m);
+      var b, d;
+      const h = (d = (b = t.slots).default) == null ? void 0 : d.call(b);
       return s("div", {
         class: v.value,
         style: x.value
       }, [h]);
     }
-    const i = (/* @__PURE__ */ new Map([["default", g], ["one-page", T]])).get(l.value) || g;
-    return () => o.value ? i() : null;
+    const c = (/* @__PURE__ */ new Map([["default", g], ["one-page", T]])).get(l.value) || g;
+    return () => o.value ? c() : null;
   }
 }), fo = {
   type: { Type: String, default: "info" },
@@ -2516,14 +2516,14 @@ function vo() {
   return { onCopy: e };
 }
 function yo(e, t, n, o) {
-  const a = C(14), l = C(140), b = C(""), x = C(o.value.length), T = B(() => o.value), v = B(() => ({
+  const a = C(14), l = C(140), m = C(""), x = C(o.value.length), T = B(() => o.value), v = B(() => ({
     "font-size": `${a.value}px`,
     height: "100%"
   }));
   function g(r) {
     if (r.currentTarget) {
-      const i = r.currentTarget.value || "";
-      x.value = i.length;
+      const c = r.currentTarget.value || "";
+      x.value = c.length;
     }
   }
   return () => s(we, null, [s("textarea", {
@@ -2536,16 +2536,16 @@ function yo(e, t, n, o) {
     onInput: (r) => g(r)
   }, [T.value]), s("span", {
     class: "textarea-wordcount",
-    title: b.value,
+    title: m.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
   }, [x.value + " / " + l.value])]);
 }
 function go(e, t, n, o) {
   const a = yo(e, t, n, o), l = /* @__PURE__ */ new Map([["text-area", a]]);
-  function b(x) {
+  function m(x) {
     return l.get(x) || null;
   }
-  return { getEditorRender: b };
+  return { getEditorRender: m };
 }
 function Co() {
   const e = C(!1), t = C("复制成功");
@@ -2578,30 +2578,30 @@ function wo(e, t) {
   return () => n && n();
 }
 function To(e) {
-  const t = C(3), n = C(480), o = B(() => !!e.value && !!e.value.date), a = B(() => `发生时间 : ${e.value && e.value.date || ""}`), l = B(() => !!e.value && !!e.value.detail), b = B(() => {
-    const c = `${n.value}px`;
+  const t = C(3), n = C(480), o = B(() => !!e.value && !!e.value.date), a = B(() => `发生时间 : ${e.value && e.value.date || ""}`), l = B(() => !!e.value && !!e.value.detail), m = B(() => {
+    const f = `${n.value}px`;
     return {
       overflow: "hidden",
       "text-overflow": "ellipsis",
       display: "-webkit-box",
       "-webkit-box-orient": "vertical",
       "-webkit-line-clamp": t.value,
-      "max-height": c
+      "max-height": f
     };
-  }), x = B(() => e.value && e.value.detail || ""), T = B(() => !0), v = C(!1), g = C("展开"), r = C("收起"), i = B(() => {
-    const c = {
+  }), x = B(() => e.value && e.value.detail || ""), T = B(() => !0), v = C(!1), g = C("展开"), r = C("收起"), c = B(() => {
+    const f = {
       display: "block",
       color: "#2A87FF"
     };
-    return c["text-align"] = v.value ? "" : "right", c;
+    return f["text-align"] = v.value ? "" : "right", f;
   });
-  function h(c, f) {
+  function h(f, p) {
     v.value = !v.value, t.value = v.value ? 20 : 3;
   }
-  function m(c) {
+  function b(f) {
     return h();
   }
-  function p(c) {
+  function d(f) {
     return h();
   }
   return () => s("div", {
@@ -2609,16 +2609,16 @@ function To(e) {
   }, [o.value && s("div", null, [a.value]), l.value && s("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
-    style: b.value
+    style: m.value
   }, [ie("详细信息 : "), s("span", {
     innerHTML: x.value
   }, null)]), T.value && s("span", {
-    style: i.value
+    style: c.value
   }, [v.value && s("span", {
-    onClick: m,
+    onClick: b,
     style: "cursor: pointer;"
   }, [r.value]), !v.value && s("span", {
-    onClick: p,
+    onClick: d,
     style: "cursor: pointer;"
   }, [g.value])])]);
 }
@@ -2630,11 +2630,11 @@ function xo(e) {
 }
 function So(e, t, n, o) {
   const a = C(e.exceptionInfo), l = B(() => {
-    const i = {
+    const c = {
       "f-icon": !0
     }, h = `f-icon-${t.value}`;
-    return i[h] = !0, i;
-  }), b = B(() => n.value || a.value && a.value.message), x = B(() => o.value), T = B(() => !!o.value), v = B(() => !!a.value);
+    return c[h] = !0, c;
+  }), m = B(() => n.value || a.value && a.value.message), x = B(() => o.value), T = B(() => !!o.value), v = B(() => !!a.value);
   function g() {
     return v.value ? To(a) : T.value ? xo(x) : () => null;
   }
@@ -2647,7 +2647,7 @@ function So(e, t, n, o) {
     class: "modal-tips-content"
   }, [s("p", {
     class: "toast-msg-title",
-    innerHTML: b.value
+    innerHTML: m.value
   }, null), r()])]);
 }
 function jo(e, t, n) {
@@ -2655,7 +2655,7 @@ function jo(e, t, n) {
     onCopy: o
   } = t, {
     toShowFeedback: a
-  } = n, l = C("复制成功"), b = C("复制详细信息"), x = C(e.exceptionInfo || {
+  } = n, l = C("复制成功"), m = C("复制详细信息"), x = C(e.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
@@ -2674,33 +2674,33 @@ function jo(e, t, n) {
   }, [s("span", {
     onClick: v,
     style: "cursor: pointer;"
-  }, [b.value])]);
+  }, [m.value])]);
 }
 function Bo(e, t, n, o) {
-  const a = C(e.type), l = C([]), b = C(e.exceptionInfo), x = C(e.okButtonText), T = C(e.cancelButtonText), v = C(!0), g = C(!0), r = B(() => !!(l.value && l.value.length)), i = B(() => b.value && b.value.date && b.value.message && b.value.detail), h = B(() => !(l.value && l.value.length) && (x.value || T.value)), m = B(() => g.value && x.value), p = B(() => v.value && T.value), c = jo(e, n, o);
-  function f(M) {
+  const a = C(e.type), l = C([]), m = C(e.exceptionInfo), x = C(e.okButtonText), T = C(e.cancelButtonText), v = C(!0), g = C(!0), r = B(() => !!(l.value && l.value.length)), c = B(() => m.value && m.value.date && m.value.message && m.value.detail), h = B(() => !(l.value && l.value.length) && (x.value || T.value)), b = B(() => g.value && x.value), d = B(() => v.value && T.value), f = jo(e, n, o);
+  function p(D) {
     a.value === "question" && t.emit("reject"), t.emit("close");
   }
-  function j(M) {
+  function S(D) {
     a.value === "question" && t.emit("accept"), t.emit("close");
   }
   return () => s("div", {
     class: "modal-footer"
-  }, [i.value && c(), h.value && p.value && s("button", {
+  }, [c.value && f(), h.value && d.value && s("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
-    onClick: f
-  }, [T.value]), h.value && m.value && s("button", {
+    onClick: p
+  }, [T.value]), h.value && b.value && s("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
-    onClick: j
-  }, [x.value]), r.value && l.value.length && l.value.map((M) => s("button", {
+    onClick: S
+  }, [x.value]), r.value && l.value.length && l.value.map((D) => s("button", {
     type: "button",
-    onClick: M.handle,
-    class: M.class
-  }, [M.iconClass && s("span", {
-    class: M.iconClass
-  }, null), M.text]))]);
+    onClick: D.handle,
+    class: D.class
+  }, [D.iconClass && s("span", {
+    class: D.iconClass
+  }, null), D.text]))]);
 }
 const ko = /* @__PURE__ */ te({
   name: "FMessageBox",
@@ -2708,20 +2708,20 @@ const ko = /* @__PURE__ */ te({
   emits: ["accept", "reject", "close"],
   setup(e, t) {
     const n = C(e.type), o = C(e.title), a = C(e.detail), l = B(() => {
-      const c = {
+      const f = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
-      }, f = `messager-type-${n.value}`;
-      return c[f] = !0, c;
-    }), b = B(() => {
-      const c = {};
-      return n.value === "prompt" ? c.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (c.padding = "0.5rem 1.5rem 1rem 1.5rem"), c;
+      }, p = `messager-type-${n.value}`;
+      return f[p] = !0, f;
+    }), m = B(() => {
+      const f = {};
+      return n.value === "prompt" ? f.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (f.padding = "0.5rem 1.5rem 1rem 1.5rem"), f;
     }), x = vo(), T = go(e, n, o, a), v = Co(), {
       feedbackStyle: g,
       feedbackMessage: r
     } = v;
-    function i() {
+    function c() {
       return s("div", {
         style: g.value
       }, [r.value]);
@@ -2734,13 +2734,13 @@ const ko = /* @__PURE__ */ te({
           return So(e, n, o, a);
       }
     }
-    const m = h(), p = Bo(e, t, x, v);
+    const b = h(), d = Bo(e, t, x, v);
     return () => s("div", {
       class: "farris-messager"
     }, [s("section", {
       class: l.value,
-      style: b.value
-    }, [m()]), p(), i()]);
+      style: m.value
+    }, [b()]), d(), c()]);
   }
 }), Do = {
   class: { type: String, default: "" },
@@ -2761,26 +2761,26 @@ const ko = /* @__PURE__ */ te({
   props: Do,
   emits: ["update:modelValue", "accept", "cancel", "closed"],
   setup(e, t) {
-    const n = C(e.width), o = C(e.height), a = C(e.modelValue), l = C(""), b = C(e.class), x = C(e.fitContent), T = C(e.showHeader), v = C(""), g = C(!0), r = C(!1), i = C(!1), h = C(""), m = C(""), p = C(""), c = C(e.showButtons), f = C(e.title);
-    function j(_, O) {
+    const n = C(e.width), o = C(e.height), a = C(e.modelValue), l = C(""), m = C(e.class), x = C(e.fitContent), T = C(e.showHeader), v = C(""), g = C(!0), r = C(!1), c = C(!1), h = C(""), b = C(""), d = C(""), f = C(e.showButtons), p = C(e.title);
+    function S(_, O) {
       a.value = !1, t.emit("update:modelValue", !1), O != null && t.emit(O ? "accept" : "cancel"), t.emit("closed", _);
     }
-    const M = [{
+    const D = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-light",
       handle: (_) => {
-        j(_, !1);
+        S(_, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
       handle: (_) => {
-        j(_, !0);
+        S(_, !0);
       }
-    }], R = C(e.buttons && e.buttons.length ? e.buttons : M), P = B(() => !!v.value), E = B(() => !!c.value && !!R.value);
-    C(), C(), ne(() => e.modelValue, () => {
+    }], R = C(e.buttons && e.buttons.length ? e.buttons : D), P = B(() => !!v.value), E = B(() => !!f.value && !!R.value);
+    C(), C(), se(() => e.modelValue, () => {
       a.value = e.modelValue;
     });
     const w = C(!1), k = B(() => a.value), F = B(() => {
@@ -2790,13 +2790,13 @@ const ko = /* @__PURE__ */ te({
         "fe-cmp-page-modal": e.showFloatingClose
       };
       return _["f-modal-fitContent"] = x.value, _;
-    }), D = B(() => ({
+    }), M = B(() => ({
       display: k.value ? "block" : "none !important"
-    })), u = B(() => {
+    })), i = B(() => {
       const _ = {
         "modal-dialog": !0
       };
-      return b.value.split(" ").reduce((I, N) => (I[N] = !0, I), _), _;
+      return m.value.split(" ").reduce((I, N) => (I[N] = !0, I), _), _;
     }), y = B(() => ({
       position: "absolute",
       top: "50%",
@@ -2805,10 +2805,10 @@ const ko = /* @__PURE__ */ te({
       height: x.value ? "auto" : `${o.value}px`,
       "margin-left": `${0 - n.value / 2}px`,
       "margin-top": x.value ? "auto" : `${0 - o.value / 2}px`
-    })), d = B(() => ({
+    })), u = B(() => ({
       "modal-content": !0,
       "modal-content-has-header": T.value
-    })), S = B(() => ({
+    })), j = B(() => ({
       display: T.value ? "" : "none"
     })), $ = B(() => ({
       "f-icon": !0,
@@ -2827,7 +2827,7 @@ const ko = /* @__PURE__ */ te({
     }
     const X = B(() => {
       const _ = {
-        textAlgin: p.value
+        textAlgin: d.value
       }, O = q();
       return Object.assign(_, O);
     });
@@ -2836,13 +2836,13 @@ const ko = /* @__PURE__ */ te({
     async function Z(_, O) {
       if (_.handle) {
         const I = await _.handle(O, _);
-        I && j(O, I);
+        I && S(O, I);
       }
     }
-    function oe() {
+    function ne() {
       return s("div", {
         class: "action-wrapper",
-        onClick: (_) => j(_, !1)
+        onClick: (_) => S(_, !1)
       }, [s("span", {
         class: "close-icon"
       }, [s("i", {
@@ -2856,17 +2856,17 @@ const ko = /* @__PURE__ */ te({
         var _, O;
         return [s("div", {
           class: F.value,
-          style: D.value
+          style: M.value
         }, [s("div", {
           id: l.value,
-          class: u.value,
+          class: i.value,
           style: y.value
-        }, [e.showFloatingClose && oe(), s("div", {
-          class: d.value
+        }, [e.showFloatingClose && ne(), s("div", {
+          class: u.value
         }, [s("div", {
           ref: "modalHeaderRef",
           class: "modal-header",
-          style: S.value
+          style: j.value
         }, [s("div", {
           class: "modal-title"
         }, [P.value && s("span", {
@@ -2874,9 +2874,9 @@ const ko = /* @__PURE__ */ te({
           style: "margin-right: 8px"
         }, null), s("span", {
           class: "modal-title-label"
-        }, [f.value])]), s("div", {
+        }, [p.value])]), s("div", {
           class: "actions"
-        }, [s("ul", null, [i.value && s("li", {
+        }, [s("ul", null, [c.value && s("li", {
           class: "f-btn-icon f-bare"
         }, [s("span", {
           class: "f-icon modal_minimize"
@@ -2887,7 +2887,7 @@ const ko = /* @__PURE__ */ te({
           class: $.value
         }, null)]), g.value && s("li", {
           class: "f-btn-icon f-bare",
-          onClick: (I) => j(I, !1)
+          onClick: (I) => S(I, !1)
         }, [s("span", {
           class: "f-icon modal_close"
         }, null)])])])]), s("div", {
@@ -2901,7 +2901,7 @@ const ko = /* @__PURE__ */ te({
           class: "f-utils-fill",
           width: "100%",
           frameborder: "0",
-          src: m.value
+          src: b.value
         }, null)]), E.value && s("div", {
           class: "modal-footer",
           style: X.value
@@ -2936,29 +2936,29 @@ function Mo(e) {
       ue(() => {
         document.body.removeChild(t);
       });
-      const o = C(), a = C(e.class || ""), l = C(!!e.showButtons), b = C(!!e.showHeader), x = C(!!e.showFloatingClose), T = C(!0), v = C(e.title || ""), g = e.acceptCallback || (() => {
+      const o = C(), a = C(e.class || ""), l = C(!!e.showButtons), m = C(!!e.showHeader), x = C(!!e.showFloatingClose), T = C(!0), v = C(e.title || ""), g = e.acceptCallback || (() => {
       }), r = e.rejectCallback || (() => {
-      }), i = e.closedCallback || ((p) => {
-      }), h = tt(e), m = (p) => {
-        T.value = !1, n.unmount(), i(p);
+      }), c = e.closedCallback || ((d) => {
+      }), h = tt(e), b = (d) => {
+        T.value = !1, n.unmount(), c(d);
       };
       return K(() => {
       }), () => s(et, {
         ref: o,
         class: a.value,
         modelValue: T.value,
-        "onUpdate:modelValue": (p) => T.value = p,
+        "onUpdate:modelValue": (d) => T.value = d,
         title: v.value,
         width: e.width,
         height: e.height,
         buttons: e.buttons,
-        "show-header": b.value,
+        "show-header": m.value,
         "show-buttons": l.value,
         showFloatingClose: x.value,
         onAccept: g,
         onCancel: r,
         fitContent: e.fitContent,
-        onClosed: m
+        onClosed: b
       }, {
         default: () => [h && h(n)]
       });
@@ -2991,25 +2991,25 @@ class Oo {
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t), a = C(o.class || ""), l = C(!!o.showButtons), b = C(!!o.showHeader), x = C(!!o.showFloatingClose), T = C(!0), v = C(o.title || ""), g = o.acceptCallback || (() => {
+    }, t), a = C(o.class || ""), l = C(!!o.showButtons), m = C(!!o.showHeader), x = C(!!o.showFloatingClose), T = C(!0), v = C(o.title || ""), g = o.acceptCallback || (() => {
     }), r = o.rejectCallback || (() => {
-    }), i = o.closedCallback || ((c) => {
+    }), c = o.closedCallback || ((f) => {
     });
     tt(o);
-    const h = (c) => {
-      T.value = !1, i(c);
+    const h = (f) => {
+      T.value = !1, c(f);
     };
-    function m(c) {
-      T.value = c;
+    function b(f) {
+      T.value = f;
     }
-    const p = {
+    const d = {
       class: a.value,
       modelValue: T.value,
       title: v.value,
       width: o.width,
       height: o.height,
       buttons: o.buttons,
-      showHeader: b.value,
+      showHeader: m.value,
       showButtons: l.value,
       showFloatingClose: x.value,
       onAccept: g,
@@ -3018,8 +3018,8 @@ class Oo {
       onClosed: h
     };
     this.renderModal(n, {
-      ...p,
-      "onUpdate:modelValue": m
+      ...d,
+      "onUpdate:modelValue": b
     });
   }
 }
@@ -3027,7 +3027,7 @@ class Eo {
   static show(t) {
     const n = le({
       ...t
-    }), o = !1, a = n.type === "error" || n.type === "prompt", l = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", b = n.acceptCallback || (() => {
+    }), o = !1, a = n.type === "error" || n.type === "prompt", l = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", m = n.acceptCallback || (() => {
     }), x = n.rejectCallback || (() => {
     });
     let T;
@@ -3040,7 +3040,7 @@ class Eo {
       showButtons: o,
       showHeader: a,
       render: () => s(ko, it(n, {
-        onAccept: b,
+        onAccept: m,
         onReject: x,
         onClose: v
       }), null)
@@ -3115,7 +3115,7 @@ class Eo {
 function $o(e, t, n, o, a) {
   const {
     activeId: l,
-    removeTab: b,
+    removeTab: m,
     selectTab: x,
     removeDesignTab: T,
     selectDesignTab: v
@@ -3131,7 +3131,7 @@ function $o(e, t, n, o, a) {
       "f-state-disable": t.disabled
     };
     return k[`${t.id}-design-item`] = !0, k;
-  }), i = B(() => ({
+  }), c = B(() => ({
     width: `${t.tabWidth}px`
   })), h = B(() => ({
     "nav-link": !0,
@@ -3139,25 +3139,25 @@ function $o(e, t, n, o, a) {
     active: t.id === l.value,
     disabled: t.disabled
   }));
-  function m(k) {
+  function b(k) {
     return s("span", {
       class: g.value,
       title: k.title
     }, [k.title]);
   }
-  function p(k) {
-    return k.slots.title ? k.slots.title : m;
+  function d(k) {
+    return k.slots.title ? k.slots.title : b;
   }
-  const c = p(n), f = C(t.removeable);
-  function j() {
+  const f = d(n), p = C(t.removeable);
+  function S() {
     return s("span", {
       class: "st-drop-close",
-      onClick: (k) => b(k, t.id)
+      onClick: (k) => m(k, t.id)
     }, [s("i", {
       class: "f-icon f-icon-close"
     }, null)]);
   }
-  function M(k) {
+  function D(k) {
     x(t.id), e.tabType === "one-page" && o.scrollToByPaggId(t.id);
   }
   function R(k) {
@@ -3187,14 +3187,14 @@ function $o(e, t, n, o, a) {
   return s("li", {
     onClick: (k) => R(k),
     class: r.value,
-    style: i.value,
+    style: c.value,
     id: `${t.id}-design-item`
   }, [w(), s("a", {
     class: h.value,
-    onClick: M
-  }, [c(t), f.value && j()])]);
+    onClick: D
+  }, [f(t), p.value && S()])]);
 }
-function Ao(e, t, n, o, a, l, b) {
+function Ao(e, t, n, o, a, l, m) {
   const {
     shouldShowNavigationButtons: x
   } = n, {
@@ -3214,45 +3214,45 @@ function Ao(e, t, n, o, a, l, b) {
     "nav-pills": e.tabType === "pills",
     "flex-row": e.position === "top" || e.position === "bottom",
     "flex-column": e.position === "left" || e.position === "right"
-  })), i = B(() => ({
+  })), c = B(() => ({
     overflow: "auto"
   }));
-  function h(p) {
+  function h(d) {
     const {
-      componentType: c
-    } = p;
-    let f = ae(c, p);
-    b && b.onResolveNewComponentSchema && (f = b.onResolveNewComponentSchema(p, f));
-    const j = c.toLowerCase().replace("-", "_");
-    return f && !f.id && f.type === c && (f.id = `${j}_${Math.random().toString().slice(2, 6)}`), f;
-  }
-  const m = function(p) {
-    var M;
-    const c = {
+      componentType: f
+    } = d;
+    let p = ae(f, d);
+    m && m.onResolveNewComponentSchema && (p = m.onResolveNewComponentSchema(d, p));
+    const S = f.toLowerCase().replace("-", "_");
+    return p && !p.id && p.type === f && (p.id = `${S}_${Math.random().toString().slice(2, 6)}`), p;
+  }
+  const b = function(d) {
+    var D;
+    const f = {
       componentType: "tab-page",
       label: "Tab1",
       parentComponentInstance: l.value,
       targetPosition: -1
-    }, f = h(c);
-    (M = l.value.schema.contents) == null || M.push(f);
+    }, p = h(f);
+    (D = l.value.schema.contents) == null || D.push(p);
     const {
-      selectTabByTabId: j
+      selectTabByTabId: S
     } = a;
-    j(f.id);
+    S(p.id);
   };
   return () => s("div", {
     class: v.value,
     style: g.value
   }, [s("ul", {
     class: r.value,
-    style: i.value,
+    style: c.value,
     ref: t
-  }, [T.value.map((p) => $o(e, p.props, p, o, a)), s("li", {
+  }, [T.value.map((d) => $o(e, d.props, d, o, a)), s("li", {
     class: "nav-item"
   }, [s("a", {
     class: "nav-link tabs-text-truncate",
     title: "添加页签",
-    onClick: (p) => m()
+    onClick: (d) => b()
   }, [s("i", {
     class: "f-icon f-icon-plus",
     style: "font-size: 20px;margin: 0 auto;line-height: 24px;"
@@ -3264,7 +3264,7 @@ function Me(e, t, n) {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
   o();
-  const a = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", b = C();
+  const a = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", m = C();
   function x() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
@@ -3285,42 +3285,42 @@ function Me(e, t, n) {
     const w = C(E == null ? void 0 : E.value.parent), k = r(w);
     return k || null;
   }
-  function i(E = t) {
+  function c(E = t) {
     const { componentInstance: w, designerItemElementRef: k } = E;
-    return !w || !w.value ? null : w.value.canMove ? k : i(E.parent);
+    return !w || !w.value ? null : w.value.canMove ? k : c(E.parent);
   }
   function h(E) {
     return !!n && n.canAccepts(E);
   }
-  function m() {
+  function b() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function p() {
+  function d() {
   }
-  function c(E, w) {
+  function f(E, w) {
     w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
   }
-  function f(E) {
+  function p(E) {
     const { componentType: w } = E;
     let k = ae(w, E);
     n && n.onResolveNewComponentSchema && (k = n.onResolveNewComponentSchema(E, k));
     const F = w.toLowerCase().replace("-", "_");
     return k && !k.id && k.type === w && (k.id = `${F}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function j(E, w) {
-    const k = String(E.getAttribute("data-controltype")), F = E.getAttribute("data-feature"), D = F ? JSON.parse(F) : {};
-    D.parentComponentInstance = b.value;
-    let u = ae(k, D);
-    n && n.onAcceptNewChildElement && (u = n.onAcceptNewChildElement(E, w, u));
+  function S(E, w) {
+    const k = String(E.getAttribute("data-controltype")), F = E.getAttribute("data-feature"), M = F ? JSON.parse(F) : {};
+    M.parentComponentInstance = m.value;
+    let i = ae(k, M);
+    n && n.onAcceptNewChildElement && (i = n.onAcceptNewChildElement(E, w, i));
     const y = k.toLowerCase().replace("-", "_");
-    return u && !u.id && u.type === k && (u.id = `${y}_${Math.random().toString().slice(2, 6)}`), u;
+    return i && !i.id && i.type === k && (i.id = `${y}_${Math.random().toString().slice(2, 6)}`), i;
   }
-  function M(E) {
+  function D(E) {
   }
   function R() {
     return n && n.getPropsConfig ? n.getPropsConfig() : [];
   }
-  return b.value = {
+  return m.value = {
     canMove: x(),
     canSelectParent: T(),
     canDelete: v(),
@@ -3333,18 +3333,18 @@ function Me(e, t, n) {
     designerClass: l,
     canAccepts: h,
     getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: i,
-    getDraggingDisplayText: m,
+    getDraggableDesignItemElement: c,
+    getDraggingDisplayText: b,
     getPropConfig: R,
-    getDragScopeElement: p,
-    onAcceptMovedChildElement: c,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: f,
+    getDragScopeElement: d,
+    onAcceptMovedChildElement: f,
+    onAcceptNewChildElement: S,
+    onChildElementMovedOut: D,
+    addNewChildComponentSchema: p,
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || C(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || C(!1)
-  }, b;
+  }, m;
 }
 const Io = "https://json-schema.org/draft/2020-12/schema", Po = "https://farris-design.gitee.io/dragging-rules.schema.json", Ro = "Dragging Rules", Fo = "The rules of designer canvas", No = "object", Ho = {
   "f-page": {
@@ -3920,29 +3920,29 @@ const Io = "https://json-schema.org/draft/2020-12/schema", Po = "https://farris-
   required: Lo
 }, Ce = /* @__PURE__ */ new Map();
 function Vo() {
-  function e(m, p, c, f) {
-    var j;
-    if (typeof c == "number")
-      return ((j = f[m]) == null ? void 0 : j.length) === c;
-    if (typeof c == "object") {
-      const M = Object.keys(c)[0], R = c[M];
-      if (M === "not")
-        return Number(f[m].length) !== Number(R);
-      if (M === "moreThan")
-        return Number(f[m].length) >= Number(R);
-      if (M === "lessThan")
-        return Number(f[m].length) <= Number(R);
+  function e(b, d, f, p) {
+    var S;
+    if (typeof f == "number")
+      return ((S = p[b]) == null ? void 0 : S.length) === f;
+    if (typeof f == "object") {
+      const D = Object.keys(f)[0], R = f[D];
+      if (D === "not")
+        return Number(p[b].length) !== Number(R);
+      if (D === "moreThan")
+        return Number(p[b].length) >= Number(R);
+      if (D === "lessThan")
+        return Number(p[b].length) <= Number(R);
     }
     return !1;
   }
-  function t(m, p, c, f) {
-    return typeof c == "boolean" ? f.childrenClassList.includes(p) === !!c : !1;
+  function t(b, d, f, p) {
+    return typeof f == "boolean" ? p.childrenClassList.includes(d) === !!f : !1;
   }
-  function n(m, p, c, f) {
-    return typeof c == "boolean" ? f.parentClassList.includes(p) === !!c : !1;
+  function n(b, d, f, p) {
+    return typeof f == "boolean" ? p.parentClassList.includes(d) === !!f : !1;
   }
-  function o(m, p, c, f) {
-    return typeof c == "boolean" ? f.parentClassList.includes(p) === !!c : !1;
+  function o(b, d, f, p) {
+    return typeof f == "boolean" ? p.parentClassList.includes(d) === !!f : !1;
   }
   const a = /* @__PURE__ */ new Map([
     ["length", e],
@@ -3950,69 +3950,69 @@ function Vo() {
     ["hasSibling", o],
     ["hasParent", n]
   ]);
-  function l(m, p) {
-    const c = m;
-    return typeof p == "number" ? [{ target: c, operator: "length", param: null, value: Number(p) }] : typeof p == "object" ? Object.keys(p).map((f) => {
-      if (f === "length")
-        return { target: c, operator: "length", param: null, value: p[f] };
-      const j = f, M = p[f];
-      return { target: c, operator: m === "children" ? "hasChildren" : m === "parent" ? "hasParent" : "hasSibling", param: j, value: M };
+  function l(b, d) {
+    const f = b;
+    return typeof d == "number" ? [{ target: f, operator: "length", param: null, value: Number(d) }] : typeof d == "object" ? Object.keys(d).map((p) => {
+      if (p === "length")
+        return { target: f, operator: "length", param: null, value: d[p] };
+      const S = p, D = d[p];
+      return { target: f, operator: b === "children" ? "hasChildren" : b === "parent" ? "hasParent" : "hasSibling", param: S, value: D };
     }) : [];
   }
-  function b(m, p) {
-    if (a.has(m.operator)) {
-      const c = a.get(m.operator);
-      return c && c(m.target, m.param, m.value, p) || !1;
+  function m(b, d) {
+    if (a.has(b.operator)) {
+      const f = a.get(b.operator);
+      return f && f(b.target, b.param, b.value, d) || !1;
     }
     return !1;
   }
-  function x(m, p) {
-    return Object.keys(m).reduce((M, R) => {
-      const P = l(R, m[R]);
-      return M.push(...P), M;
-    }, []).reduce((M, R) => M && b(R, p), !0);
-  }
-  function T(m, p) {
-    const c = Object.keys(m), f = c.includes("allOf"), j = c.includes("anyOf"), M = f || j, E = (M ? m[M ? f ? "allOf" : "anyOf" : "allOf"] : [m]).map((k) => x(k, p));
-    return f ? !E.includes(!1) : E.includes(!0);
-  }
-  function v(m, p) {
-    const c = m.const;
-    return c ? typeof c == "boolean" ? c : typeof c == "object" ? T(c, p) : !1 : !1;
-  }
-  function g(m) {
-    return (p) => {
-      const c = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return m && m.properties && Object.keys(m.properties).reduce((f, j) => {
-        const M = m.properties[j];
-        return f[j] = v(M, p), f;
-      }, c), c;
+  function x(b, d) {
+    return Object.keys(b).reduce((D, R) => {
+      const P = l(R, b[R]);
+      return D.push(...P), D;
+    }, []).reduce((D, R) => D && m(R, d), !0);
+  }
+  function T(b, d) {
+    const f = Object.keys(b), p = f.includes("allOf"), S = f.includes("anyOf"), D = p || S, E = (D ? b[D ? p ? "allOf" : "anyOf" : "allOf"] : [b]).map((k) => x(k, d));
+    return p ? !E.includes(!1) : E.includes(!0);
+  }
+  function v(b, d) {
+    const f = b.const;
+    return f ? typeof f == "boolean" ? f : typeof f == "object" ? T(f, d) : !1 : !1;
+  }
+  function g(b) {
+    return (d) => {
+      const f = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return b && b.properties && Object.keys(b.properties).reduce((p, S) => {
+        const D = b.properties[S];
+        return p[S] = v(D, d), p;
+      }, f), f;
     };
   }
-  function r(m, p, c) {
-    if (p.type === "object" && p.properties) {
-      const { rules: f, contents: j } = p.properties;
-      c.set(m, g(f)), j && Object.keys(j.properties).forEach(
-        (M) => r(M, j.properties[M], c)
+  function r(b, d, f) {
+    if (d.type === "object" && d.properties) {
+      const { rules: p, contents: S } = d.properties;
+      f.set(b, g(p)), S && Object.keys(S.properties).forEach(
+        (D) => r(D, S.properties[D], f)
       );
     }
   }
-  function i() {
-    const { properties: m } = _o;
-    Object.keys(m).forEach((p) => {
-      r(p, m[p], Ce);
+  function c() {
+    const { properties: b } = _o;
+    Object.keys(b).forEach((d) => {
+      r(d, b[d], Ce);
     });
   }
-  function h(m, p) {
-    const c = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return Ce.has(m) ? Ce.get(m)(p) : c;
+  function h(b, d) {
+    const f = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return Ce.has(b) ? Ce.get(b)(d) : f;
   }
-  return i(), { getRuleValue: h };
+  return c(), { getRuleValue: h };
 }
 function Wo(e, t) {
   const n = Vo();
   let o = !1, a, l = !1;
-  function b(r) {
+  function m(r) {
     return !1;
   }
   function x() {
@@ -4025,28 +4025,28 @@ function Wo(e, t) {
     return o;
   }
   function g() {
-    const r = e, i = r.appearance && r.appearance.class || "", h = i ? i.split(" ") : [], m = t == null ? void 0 : t.schema, p = m && m.appearance && m.appearance.class || "", c = p ? p.split(" ") : [], f = r.contents || [], j = f.length ? f[0] : null, M = j && j.appearance && j.appearance.class || "", R = M ? M.split(" ") : [], P = f.length ? f.reduce((u, y) => {
-      const d = y && y.appearance ? y.appearance.class : "", S = d ? d.split(" ") : [];
-      return u.push(...S), u;
+    const r = e, c = r.appearance && r.appearance.class || "", h = c ? c.split(" ") : [], b = t == null ? void 0 : t.schema, d = b && b.appearance && b.appearance.class || "", f = d ? d.split(" ") : [], p = r.contents || [], S = p.length ? p[0] : null, D = S && S.appearance && S.appearance.class || "", R = D ? D.split(" ") : [], P = p.length ? p.reduce((i, y) => {
+      const u = y && y.appearance ? y.appearance.class : "", j = u ? u.split(" ") : [];
+      return i.push(...j), i;
     }, []) : [], E = (t == null ? void 0 : t.parent) && t.parent.schema, w = E && E.appearance && E.appearance.class || "";
     w && w.split(" "), a = {
-      componentClass: i,
+      componentClass: c,
       componentClassList: h,
-      childContents: f,
-      firstChildContent: j,
-      firstChildClass: M,
+      childContents: p,
+      firstChildContent: S,
+      firstChildClass: D,
       firstChildClassList: R,
       parent,
-      parentClass: p,
-      parentClassList: c,
-      children: f,
+      parentClass: d,
+      parentClassList: f,
+      children: p,
       childrenClassList: P
     };
-    const { canAccept: k, fixed: F, hidePadding: D } = n.getRuleValue(h[0], a);
-    return o = D, l = F, !0;
+    const { canAccept: k, fixed: F, hidePadding: M } = n.getRuleValue(h[0], a);
+    return o = M, l = F, !0;
   }
   return {
-    canAccepts: b,
+    canAccepts: m,
     checkCanDeleteComponent: x,
     checkCanMoveComponent: T,
     hideNestedPaddingInDesginerView: v,
@@ -4054,111 +4054,111 @@ function Wo(e, t) {
   };
 }
 function zo(e, t, n, o) {
-  const a = C([]), l = C(e.activeId || ""), b = C(!0), x = C(), T = C([]);
-  function v(d) {
-    const S = d.value.findIndex(($) => $.props.show !== !1 && !l.value && !$.props.disabled);
-    !l.value && S !== -1 && (l.value = d.value[S].props.id);
+  const a = C([]), l = C(e.activeId || ""), m = C(!0), x = C(), T = C([]);
+  function v(u) {
+    const j = u.value.findIndex(($) => $.props.show !== !1 && !l.value && !$.props.disabled);
+    !l.value && j !== -1 && (l.value = u.value[j].props.id);
   }
-  function g(d, S) {
-    d.classList.contains(S) || d.classList.add(S);
+  function g(u, j) {
+    u.classList.contains(j) || u.classList.add(j);
   }
-  function r(d, S) {
-    d.classList.remove(S);
+  function r(u, j) {
+    u.classList.remove(j);
   }
-  function i(d) {
-    const { parentElement: S } = d;
-    S && (d.scrollWidth > S.offsetWidth ? g(d, "farris-title-text-custom") : r(d, "farris-title-text-custom"));
+  function c(u) {
+    const { parentElement: j } = u;
+    j && (u.scrollWidth > j.offsetWidth ? g(u, "farris-title-text-custom") : r(u, "farris-title-text-custom"));
   }
-  function h(d) {
+  function h(u) {
     var $;
     if (e.autoTitleWidth)
       return;
-    const S = ($ = d.value) == null ? void 0 : $.querySelectorAll(".st-tab-text");
-    S && S.forEach((A) => i(A));
+    const j = ($ = u.value) == null ? void 0 : $.querySelectorAll(".st-tab-text");
+    j && j.forEach((A) => c(A));
   }
-  const m = (d) => {
-    d.preventDefault(), d.stopPropagation();
+  const b = (u) => {
+    u.preventDefault(), u.stopPropagation();
   };
-  function p(d) {
-    a.value = a.value.filter((S) => S.props.id !== d), l.value === d && (l.value = "", v(a));
+  function d(u) {
+    a.value = a.value.filter((j) => j.props.id !== u), l.value === u && (l.value = "", v(a));
   }
-  function c(d, S, $ = !1) {
-    const A = a.value.findIndex((L) => L.props.id === S);
-    p(S), m(d), se(() => {
-      h(n), $ && (b.value = !0), t.emit("tabRemove", {
+  function f(u, j, $ = !1) {
+    const A = a.value.findIndex((L) => L.props.id === j);
+    d(j), b(u), oe(() => {
+      h(n), $ && (m.value = !0), t.emit("tabRemove", {
         removeIndex: A,
-        removeId: S,
+        removeId: j,
         activeId: l.value
       });
     });
   }
-  function f() {
-    const d = a.value.find((A) => A.props.id === l.value);
-    T.value = [], d && d.props.toolbar && d.props.toolbar.buttons && d.props.toolbar.buttons.length && (T.value = [...d.props.toolbar.buttons]);
-    const S = o.schema.contents, $ = S == null ? void 0 : S.find((A) => A.id === l.value);
+  function p() {
+    const u = a.value.find((A) => A.props.id === l.value);
+    T.value = [], u && u.props.toolbar && u.props.toolbar.buttons && u.props.toolbar.buttons.length && (T.value = [...u.props.toolbar.buttons]);
+    const j = o.schema.contents, $ = j == null ? void 0 : j.find((A) => A.id === l.value);
     x.value = $ == null ? void 0 : $.toolbar;
   }
-  function j(d) {
-    const S = l.value;
-    l.value = d, f(), t.emit("tabChange", {
-      prevId: S,
+  function S(u) {
+    const j = l.value;
+    l.value = u, p(), t.emit("tabChange", {
+      prevId: j,
       nextId: l.value
     });
   }
-  function M(d) {
-    j(d);
+  function D(u) {
+    S(u);
   }
-  function R(d) {
-    a.value.findIndex(($) => $.props.id === d.props.id) === -1 && a.value.push(d);
+  function R(u) {
+    a.value.findIndex(($) => $.props.id === u.props.id) === -1 && a.value.push(u);
   }
-  function P(d) {
-    a.value.findIndex(($) => $.props.id === d.props.id) !== -1 && (a.value.forEach(($) => {
-      $.props.id === d.props.id && ($ = d);
-    }), se(() => {
+  function P(u) {
+    a.value.findIndex(($) => $.props.id === u.props.id) !== -1 && (a.value.forEach(($) => {
+      $.props.id === u.props.id && ($ = u);
+    }), oe(() => {
       h(n);
     }));
   }
-  function E(d) {
-    d && (d.stopPropagation(), d.preventDefault());
+  function E(u) {
+    u && (u.stopPropagation(), u.preventDefault());
   }
-  function w(d, S) {
-    E(d);
-    const $ = o.schema.contents, A = $ == null ? void 0 : $.findIndex((L) => L.id === S);
-    A === -1 || A === void 0 || ($ == null || $.splice(A, 1), p(S));
+  function w(u, j) {
+    E(u);
+    const $ = o.schema.contents, A = $ == null ? void 0 : $.findIndex((L) => L.id === j);
+    A === -1 || A === void 0 || ($ == null || $.splice(A, 1), d(j));
   }
   function k() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (S) => S.classList.remove("dgComponentFocused")
+      (j) => j.classList.remove("dgComponentFocused")
     );
-    const d = document.getElementsByClassName("dgComponentSelected");
-    Array.from(d).forEach((S) => S.classList.remove("dgComponentSelected"));
+    const u = document.getElementsByClassName("dgComponentSelected");
+    Array.from(u).forEach((j) => j.classList.remove("dgComponentSelected"));
   }
-  function F(d) {
-    d.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function F(u) {
+    u.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function D(d) {
+  function M(u) {
     var L;
-    const { contents: S = [] } = o.schema, $ = S == null ? void 0 : S.findIndex((q) => q.id === d), A = S[$];
+    const { contents: j = [] } = o.schema, $ = j == null ? void 0 : j.findIndex((q) => q.id === u), A = j[$];
     (L = o == null ? void 0 : o.setupContext) == null || L.emit("selectionChange", A.type, A);
   }
-  function u(d, S) {
-    k(), E(d), F(d), D(S);
+  function i(u, j) {
+    k(), E(u), F(u), M(j);
   }
-  function y(d, S) {
-    k(), E(d), F(d);
+  function y(u, j) {
+    k(), E(u), F(u);
   }
   return {
     activeId: l,
     addTab: R,
     changeTitleStyle: h,
-    removeTab: c,
-    selectTab: M,
-    selectTabByTabId: j,
+    removeTab: f,
+    selectTab: D,
+    selectTabByTabId: S,
     tabPages: a,
     updateTab: P,
     toolbarItems: T,
     removeDesignTab: w,
-    selectDesignTab: u,
+    selectDesignTab: i,
     selectDesignTabToolbar: y,
     toolbarSchema: x
   };
@@ -4169,156 +4169,156 @@ function qo(e, t) {
   function a() {
     o && o();
   }
-  function l(u) {
+  function l(i) {
     const y = {
       "dropdown-menu": !0
     };
-    if (u.class) {
-      const d = u.menuClass.split(" ");
-      d && d.length && d.reduce((S, $) => (S[$] = !0, S), y);
+    if (i.class) {
+      const u = i.menuClass.split(" ");
+      u && u.length && u.reduce((j, $) => (j[$] = !0, j), y);
     }
     return y;
   }
-  function b(u) {
+  function m(i) {
     const y = {
-      disabled: !u.enable,
+      disabled: !i.enable,
       "dropdown-submenu": !0,
       "f-rt-dropdown": !0
-    }, d = u.dropdownClass.split(" ");
-    return d && d.length && d.reduce((S, $) => (S[$] = !0, S), y), y;
+    }, u = i.dropdownClass.split(" ");
+    return u && u.length && u.reduce((j, $) => (j[$] = !0, j), y), y;
   }
-  function x(u) {
+  function x(i) {
     const y = {
-      disabled: !u.enable,
+      disabled: !i.enable,
       "dropdown-item": !0,
       "f-rt-btn": !0,
       "position-relative": !0,
       "farris-component": !0
-    }, d = u.class.split(" ");
-    return d && d.length && d.reduce((S, $) => (S[$] = !0, S), y), y;
+    }, u = i.class.split(" ");
+    return u && u.length && u.reduce((j, $) => (j[$] = !0, j), y), y;
   }
   let T;
   const v = /* @__PURE__ */ new Map();
-  function g(u, y, d) {
+  function g(i, y, u) {
     var $;
-    (($ = u.target) == null ? void 0 : $.id) === y.id && u.stopPropagation();
-    const S = d ? d.id : "__top_item__";
-    if (y.children && y.children.length && (y.expanded = !y.expanded, y.expanded ? v.set(S, y) : v.delete(S)), v.has(S) && v.get(S) !== y) {
-      const A = v.get(S);
+    (($ = i.target) == null ? void 0 : $.id) === y.id && i.stopPropagation();
+    const j = u ? u.id : "__top_item__";
+    if (y.children && y.children.length && (y.expanded = !y.expanded, y.expanded ? v.set(j, y) : v.delete(j)), v.has(j) && v.get(j) !== y) {
+      const A = v.get(j);
       A && (A.expanded = !1);
     }
   }
-  function r(u) {
-    u && (u.stopPropagation(), u.preventDefault());
+  function r(i) {
+    i && (i.stopPropagation(), i.preventDefault());
   }
-  function i() {
+  function c() {
     Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((y) => y.classList.remove("dgComponentFocused"));
-    const u = document.getElementsByClassName("dgComponentSelected");
-    Array.from(u).forEach((y) => y.classList.remove("dgComponentSelected"));
+    const i = document.getElementsByClassName("dgComponentSelected");
+    Array.from(i).forEach((y) => y.classList.remove("dgComponentSelected"));
   }
-  function h(u) {
-    u.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function h(i) {
+    i.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function m(u) {
+  function b(i) {
     const {
       buttons: y = []
     } = n.schema;
-    let d = [];
+    let u = [];
     y.forEach((A) => {
-      d = d.concat(A.children || []);
+      u = u.concat(A.children || []);
     });
-    const S = d.findIndex((A) => A.id === u), $ = S === -1 ? null : d[S];
+    const j = u.findIndex((A) => A.id === i), $ = j === -1 ? null : u[j];
     return {
-      index: S,
+      index: j,
       item: $
     };
   }
-  function p(u) {
+  function d(i) {
     const {
       buttons: y = []
-    } = n.schema, d = y.findIndex(($) => $.id === u), S = d === -1 ? null : y[d];
+    } = n.schema, u = y.findIndex(($) => $.id === i), j = u === -1 ? null : y[u];
     return {
-      index: d,
-      item: S
+      index: u,
+      item: j
     };
   }
-  function c(u) {
-    var S;
+  function f(i) {
+    var j;
     n.schema;
     const {
       index: y,
-      item: d
-    } = m(u);
-    (S = n == null ? void 0 : n.setupContext) == null || S.emit("selectionChange", d == null ? void 0 : d.type, d);
+      item: u
+    } = b(i);
+    (j = n == null ? void 0 : n.setupContext) == null || j.emit("selectionChange", u == null ? void 0 : u.type, u);
   }
-  const f = function(u) {
+  const p = function(i) {
     const {
       componentType: y
-    } = u, d = ae(y, u), S = y.toLowerCase().replace("-", "_");
-    return d && !d.id && d.type === y && (d.id = `${S}_${Math.random().toString().slice(2, 6)}`), d;
-  }, j = function() {
-    const u = {
+    } = i, u = ae(y, i), j = y.toLowerCase().replace("-", "_");
+    return u && !u.id && u.type === y && (u.id = `${j}_${Math.random().toString().slice(2, 6)}`), u;
+  }, S = function() {
+    const i = {
       componentType: "response-toolbar-item",
       parentComponentInstance: t.value,
       targetPosition: -1
     };
-    return f(u);
+    return p(i);
   };
-  function M(u, y) {
-    r(u), i(), h(u), c(y.id);
+  function D(i, y) {
+    r(i), c(), h(i), f(y.id);
   }
-  function R(u, y, d) {
-    r(u);
-    const S = y.id, $ = d && d.id, {
+  function R(i, y, u) {
+    r(i);
+    const j = y.id, $ = u && u.id, {
       buttons: A = []
     } = n.schema;
     if (!$)
       return;
     const {
       index: L
-    } = p($);
+    } = d($);
     if (L === -1)
       return;
     const {
       index: q
-    } = m(S);
+    } = b(j);
     q !== -1 && (A[L].children.splice(q, 1), a());
   }
-  function P(u, y, d) {
-    r(u);
-    const S = d && d.id, {
+  function P(i, y, u) {
+    r(i);
+    const j = u && u.id, {
       buttons: $ = []
     } = n.schema;
-    if (!S)
+    if (!j)
       return;
     const {
       index: A
-    } = p(S);
+    } = d(j);
     if (A === -1)
       return;
-    const L = j(), q = Object.assign({}, L, {
+    const L = S(), q = Object.assign({}, L, {
       text: y.text
     });
     $[A].children.push(q), a();
   }
-  function E(u, y, d) {
-    r(u);
-    const S = d && d.id, {
+  function E(i, y, u) {
+    r(i);
+    const j = u && u.id, {
       buttons: $ = []
     } = n.schema;
-    if (!S)
+    if (!j)
       return;
     const {
       index: A
-    } = p(S);
+    } = d(j);
     if (A === -1)
       return;
-    const L = j(), q = Object.assign({}, L, {
+    const L = S(), q = Object.assign({}, L, {
       text: "按钮"
     });
     $[A].children.push(q), a();
   }
-  function w(u, y) {
+  function w(i, y) {
     return s("div", {
       class: "component-btn-group"
     }, [s("div", null, [s("div", {
@@ -4327,7 +4327,7 @@ function qo(e, t) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (d) => R(d, u, y)
+      onClick: (u) => R(u, i, y)
     }, [s("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), s("div", {
@@ -4336,7 +4336,7 @@ function qo(e, t) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (d) => P(d, u, y)
+      onClick: (u) => P(u, i, y)
     }, [s("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), s("div", {
@@ -4345,36 +4345,36 @@ function qo(e, t) {
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (d) => E(d, u, y)
+      onClick: (u) => E(u, i, y)
     }, [s("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), s("span", {
       style: "font-size:13px;margin:auto"
     }, [ie("新增同级")])])])]);
   }
-  function k(u) {
-    return u.children.map((y) => y.children && y.children.length ? s("li", {
-      class: b(y),
+  function k(i) {
+    return i.children.map((y) => y.children && y.children.length ? s("li", {
+      class: m(y),
       id: y.id,
-      onClick: (d) => y.enable && g(d, y, u)
+      onClick: (u) => y.enable && g(u, y, i)
     }, [s("span", {
       id: y.id,
       class: x(y),
-      onMouseover: (d) => y.enable && g(d, y, u)
+      onMouseover: (u) => y.enable && g(u, y, i)
     }, [y.text, s("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
     }, null)]), T(y, y)]) : s("li", {
       class: x(y),
       id: y.id,
-      onClick: (d) => M(d, y)
-    }, [w(y, u), e.shouldShowIcon(y) && s("i", {
+      onClick: (u) => D(u, y)
+    }, [w(y, i), e.shouldShowIcon(y) && s("i", {
       class: e.iconClass(y)
     }, null), y.text]));
   }
-  function F(u, y, d) {
-    const S = {
-      display: u.expanded ? "block" : "none",
+  function F(i, y, u) {
+    const j = {
+      display: i.expanded ? "block" : "none",
       position: "fixed",
       maxWidth: "300px",
       width: "auto",
@@ -4386,133 +4386,133 @@ function qo(e, t) {
         width: X,
         left: J,
         right: Z,
-        height: oe
-      } = L[0], _ = Math.ceil(oe + q);
-      S.top = `${_}px`, S.left = `${J}px`;
-      const O = u.id + "_menu", I = y ? y.querySelector("#" + O) : null;
+        height: ne
+      } = L[0], _ = Math.ceil(ne + q);
+      j.top = `${_}px`, j.left = `${J}px`;
+      const O = i.id + "_menu", I = y ? y.querySelector("#" + O) : null;
       if (I) {
-        S.display === "block" && (I.style.display = "block");
+        j.display === "block" && (I.style.display = "block");
         const N = I.getBoundingClientRect();
-        if (d) {
-          S.top = `${q - 6}px`;
+        if (u) {
+          j.top = `${q - 6}px`;
           const H = Math.ceil(X + J);
-          S.left = `${H}px`;
+          j.left = `${H}px`;
         }
-        $ - J - X < N.width && (S.left = `${(d ? J : Z) - N.width}px`);
+        $ - J - X < N.width && (j.left = `${(u ? J : Z) - N.width}px`);
       }
     }
-    return S;
+    return j;
   }
-  T = function(u, y) {
+  T = function(i, y) {
     var A, L;
-    const d = Ne(), S = y ? y.id : u.id, $ = (L = (A = d == null ? void 0 : d.exposed) == null ? void 0 : A.elementRef.value) == null ? void 0 : L.querySelector("#" + S);
+    const u = Ne(), j = y ? y.id : i.id, $ = (L = (A = u == null ? void 0 : u.exposed) == null ? void 0 : A.elementRef.value) == null ? void 0 : L.querySelector("#" + j);
     return s("ul", {
-      class: l(u),
-      style: F(u, $, y),
-      id: u.id + "_menu"
-    }, [k(u)]);
+      class: l(i),
+      style: F(i, $, y),
+      id: i.id + "_menu"
+    }, [k(i)]);
   };
-  function D() {
-    v.forEach((u) => {
-      u.expanded = !1;
+  function M() {
+    v.forEach((i) => {
+      i.expanded = !1;
     }), v.clear();
   }
   return {
     renderDropdownMenu: T,
-    clearAllDropDownMenu: D
+    clearAllDropDownMenu: M
   };
 }
 function Uo(e, t, n) {
   const o = C(e.alignment), {
     renderDropdownMenu: a,
     clearAllDropDownMenu: l
-  } = qo(t, n), b = ee("design-item-context"), x = ee("toolbar-item-handler", () => {
+  } = qo(t, n), m = ee("design-item-context"), x = ee("toolbar-item-handler", () => {
   });
   function T() {
     x && x();
   }
-  function v(D) {
-    const u = {
+  function v(M) {
+    const i = {
       "btn-group": !0,
       "f-rt-dropdown": !0,
       "f-btn-ml": o.value === "right",
       "f-btn-mr": o.value === "left"
-    }, y = D.dropdownClass.split(" ");
-    return y && y.length && y.reduce((d, S) => (d[S] = !0, d), u), u;
+    }, y = M.dropdownClass.split(" ");
+    return y && y.length && y.reduce((u, j) => (u[j] = !0, u), i), i;
   }
-  function g(D) {
-    const u = {
+  function g(M) {
+    const i = {
       btn: !0,
-      disabled: !D.enable,
+      disabled: !M.enable,
       "position-relative": !0,
       "farris-component": !0,
       "f-rt-btn": !0,
-      "btn-icontext": !!(D.icon && D.icon.trim())
+      "btn-icontext": !!(M.icon && M.icon.trim())
     };
-    if (D.class) {
-      const y = D.class.split(" ");
-      y && y.length && y.reduce((d, S) => (d[S] = !0, d), u);
+    if (M.class) {
+      const y = M.class.split(" ");
+      y && y.length && y.reduce((u, j) => (u[j] = !0, u), i);
     }
-    return u;
+    return i;
   }
-  function r(D) {
-    D && (D.stopPropagation(), D.preventDefault());
+  function r(M) {
+    M && (M.stopPropagation(), M.preventDefault());
   }
-  function i(D, u) {
-    r(D);
-    const y = u.expanded;
-    document.body.click(), u.expanded = !y;
+  function c(M, i) {
+    r(M);
+    const y = i.expanded;
+    document.body.click(), i.expanded = !y;
   }
-  const h = function(D) {
+  const h = function(M) {
     const {
-      componentType: u
-    } = D, y = ae(u, D), d = u.toLowerCase().replace("-", "_");
-    return y && !y.id && y.type === u && (y.id = `${d}_${Math.random().toString().slice(2, 6)}`), y;
-  }, m = function() {
-    const D = {
+      componentType: i
+    } = M, y = ae(i, M), u = i.toLowerCase().replace("-", "_");
+    return y && !y.id && y.type === i && (y.id = `${u}_${Math.random().toString().slice(2, 6)}`), y;
+  }, b = function() {
+    const M = {
       componentType: "response-toolbar-item",
       parentComponentInstance: n.value,
       targetPosition: -1
     };
-    return h(D);
+    return h(M);
   };
-  function p(D) {
-    const u = b.schema.buttons || b.schema.contents, y = u == null ? void 0 : u.findIndex((S) => S.id === D), d = y === -1 ? null : u[y];
+  function d(M) {
+    const i = m.schema.buttons || m.schema.contents, y = i == null ? void 0 : i.findIndex((j) => j.id === M), u = y === -1 ? null : i[y];
     return {
       index: y,
-      toolbarItem: d
+      toolbarItem: u
     };
   }
-  function c(D, u) {
+  function f(M, i) {
     var L;
     const {
       index: y,
-      toolbarItem: d
-    } = p(u);
+      toolbarItem: u
+    } = d(i);
     if (y === -1)
       return;
-    const S = d.text || "按钮", $ = m(), A = Object.assign({}, $, {
-      text: S
+    const j = u.text || "按钮", $ = b(), A = Object.assign({}, $, {
+      text: j
     });
-    (L = b.schema.buttons) == null || L.push(A), T();
+    (L = m.schema.buttons) == null || L.push(A), T();
   }
-  function f(D, u) {
+  function p(M, i) {
     const {
       index: y,
-      toolbarItem: d
-    } = p(u);
+      toolbarItem: u
+    } = d(i);
     if (y === -1)
       return;
-    const S = d.text || "按钮", $ = m(), A = Object.assign({}, $, {
-      text: S
-    }), L = b.schema.buttons[y].children || [];
-    L.push(A), b.schema.buttons[y].children = L, T();
+    const j = u.text || "按钮", $ = b(), A = Object.assign({}, $, {
+      text: j
+    }), L = m.schema.buttons[y].children || [];
+    L.push(A), m.schema.buttons[y].children = L, T();
   }
-  function j(D, u) {
-    const y = b.schema.buttons || b.schema.contents, d = y == null ? void 0 : y.findIndex((S) => S.id === u);
-    d !== -1 && (y.splice(d, 1), T());
+  function S(M, i) {
+    const y = m.schema.buttons || m.schema.contents, u = y == null ? void 0 : y.findIndex((j) => j.id === i);
+    u !== -1 && (y.splice(u, 1), T());
   }
-  function M(D) {
+  function D(M) {
     return s("div", {
       class: "component-btn-group"
     }, [s("div", null, [s("div", {
@@ -4521,7 +4521,7 @@ function Uo(e, t, n) {
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
-      onClick: (u) => j(u, D)
+      onClick: (i) => S(i, M)
     }, [s("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]), s("div", {
@@ -4530,7 +4530,7 @@ function Uo(e, t, n) {
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
-      onClick: (u) => c(u, D)
+      onClick: (i) => f(i, M)
     }, [s("i", {
       class: "f-icon f-icon-yxs_copy"
     }, null)]), s("div", {
@@ -4539,7 +4539,7 @@ function Uo(e, t, n) {
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
-      onClick: (u) => f(u, D)
+      onClick: (i) => p(i, M)
     }, [s("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
     }, null), s("span", {
@@ -4547,38 +4547,38 @@ function Uo(e, t, n) {
     }, [ie("新增子级")])])])]);
   }
   function R() {
-    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((u) => u.classList.remove("dgComponentFocused"));
-    const D = document.getElementsByClassName("dgComponentSelected");
-    Array.from(D).forEach((u) => u.classList.remove("dgComponentSelected"));
+    Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((i) => i.classList.remove("dgComponentFocused"));
+    const M = document.getElementsByClassName("dgComponentSelected");
+    Array.from(M).forEach((i) => i.classList.remove("dgComponentSelected"));
   }
-  function P(D) {
-    D.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
+  function P(M) {
+    M.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
   }
-  function E(D) {
-    var S;
-    const u = b.schema.buttons || b.schema.contents, y = u == null ? void 0 : u.findIndex(($) => $.id === D);
+  function E(M) {
+    var j;
+    const i = m.schema.buttons || m.schema.contents, y = i == null ? void 0 : i.findIndex(($) => $.id === M);
     if (y === -1)
       return;
-    const d = u[y];
-    (S = b == null ? void 0 : b.setupContext) == null || S.emit("selectionChange", "response-toolbar-item", d);
+    const u = i[y];
+    (j = m == null ? void 0 : m.setupContext) == null || j.emit("selectionChange", "response-toolbar-item", u);
   }
-  function w(D, u) {
-    r(D), R(), P(D), r(D), i(D, u), E(u.id);
+  function w(M, i) {
+    r(M), R(), P(M), r(M), c(M, i), E(i.id);
   }
-  function k(D) {
+  function k(M) {
     return s("div", {
-      id: D.id,
-      class: v(D)
+      id: M.id,
+      class: v(M)
     }, [s("div", {
-      class: g(D),
+      class: g(M),
       style: "display: flex;padding-right: 0.1rem;",
-      onClick: (u) => D.enable && w(u, D)
-    }, [M(D.id), t.shouldShowIcon(D) && s("i", {
-      class: t.iconClass(D)
-    }, null), s("span", null, [D.text]), s("i", {
+      onClick: (i) => M.enable && w(i, M)
+    }, [D(M.id), t.shouldShowIcon(M) && s("i", {
+      class: t.iconClass(M)
+    }, null), s("span", null, [M.text]), s("i", {
       class: "f-icon f-icon-arrow-chevron-down",
       style: "display: inline-block;float: right;line-height: 1.25rem;margin-left: .25rem;margin-right: .25rem;"
-    }, null)]), a(D)]);
+    }, null)]), a(M)]);
   }
   function F() {
     l();
@@ -4595,34 +4595,34 @@ const {
   props: je,
   emits: ["Click"],
   setup(e, t) {
-    const n = C(Re(e.items)), o = C(), a = C(), l = C(e.alignment), b = {
+    const n = C(Re(e.items)), o = C(), a = C(), l = C(e.alignment), m = {
       id: "__more_buttons__",
       text: "More"
-    }, x = C(new ce(b)), T = Ze(), v = B(() => x.value.children.length > 0), g = C(), r = ee("design-item-context"), i = Me(g, r), h = ee("toolbar-item-handler", () => {
+    }, x = C(new ce(m)), T = Ze(), v = B(() => x.value.children.length > 0), g = C(), r = ee("design-item-context"), c = Me(g, r), h = ee("toolbar-item-handler", () => {
     });
     K(() => {
-      g.value.componentInstance = i;
-    }), t.expose(i.value);
-    function m() {
+      g.value.componentInstance = c;
+    }), t.expose(c.value);
+    function b() {
       h && h();
     }
-    const p = B(() => ({
+    const d = B(() => ({
       "f-toolbar": !0,
       "f-response-toolbar": !0,
       "position-relative": !0
-    })), c = B(() => ({
+    })), f = B(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
       "justify-content-end": l.value === "right",
       "justify-content-start": l.value === "left"
     })), {
-      renderToolbarDropdown: f,
-      clearAllDropDown: j
-    } = Uo(e, T, i);
-    function M() {
+      renderToolbarDropdown: p,
+      clearAllDropDown: S
+    } = Uo(e, T, c);
+    function D() {
       n.value.filter((O) => O.children && O.children.length > 0).forEach((O) => {
         O.expanded = !1;
-      }), x.value.expanded = !1, j();
+      }), x.value.expanded = !1, S();
     }
     function R(O) {
       const I = {
@@ -4662,7 +4662,7 @@ const {
     function F(O) {
       O.currentTarget.classList.add("dgComponentFocused", "dgComponentSelected");
     }
-    function D(O) {
+    function M(O) {
       var V;
       const I = r.schema.buttons || r.schema.contents, N = I == null ? void 0 : I.findIndex((W) => W.id === O);
       if (N === -1)
@@ -4670,7 +4670,7 @@ const {
       const H = I[N];
       (V = r == null ? void 0 : r.setupContext) == null || V.emit("selectionChange", "response-toolbar-item", H);
     }
-    const u = function(O) {
+    const i = function(O) {
       const {
         componentType: I
       } = O, N = ae(I, O), H = I.toLowerCase().replace("-", "_");
@@ -4678,17 +4678,17 @@ const {
     }, y = function() {
       const O = {
         componentType: "response-toolbar-item",
-        parentComponentInstance: i.value,
+        parentComponentInstance: c.value,
         targetPosition: -1
       };
-      return u(O);
+      return i(O);
     };
-    function d(O, I) {
-      k(), F(O), w(O), D(I);
+    function u(O, I) {
+      k(), F(O), w(O), M(I);
     }
-    function S(O, I) {
+    function j(O, I) {
       const N = r.schema.buttons || r.schema.contents, H = N == null ? void 0 : N.findIndex((V) => V.id === I);
-      H !== -1 && (N.splice(H, 1), m());
+      H !== -1 && (N.splice(H, 1), b());
     }
     function $(O) {
       const I = r.schema.buttons || r.schema.contents, N = I == null ? void 0 : I.findIndex((V) => V.id === O), H = N === -1 ? null : I[N];
@@ -4708,7 +4708,7 @@ const {
       const V = H.text || "按钮", W = y(), z = Object.assign({}, W, {
         text: V
       });
-      (Q = r.schema.buttons) == null || Q.push(z), m();
+      (Q = r.schema.buttons) == null || Q.push(z), b();
     }
     function L(O, I) {
       const {
@@ -4720,7 +4720,7 @@ const {
       const V = H.text || "按钮", W = y(), z = Object.assign({}, W, {
         text: V
       }), Q = r.schema.buttons[N].items || [];
-      Q.push(z), r.schema.buttons[N].children = Q, m();
+      Q.push(z), r.schema.buttons[N].children = Q, b();
     }
     function q(O) {
       return s("div", {
@@ -4731,7 +4731,7 @@ const {
         title: "删除",
         ref: "removeButton",
         style: "position:static;",
-        onClick: (I) => S(I, O)
+        onClick: (I) => j(I, O)
       }, [s("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]), s("div", {
@@ -4760,7 +4760,7 @@ const {
       return s("div", {
         class: "farris-component position-relative",
         style: "display:inline-block!important;",
-        onClick: (I) => d(I, O.id)
+        onClick: (I) => u(I, O.id)
       }, [q(O.id), s("button", {
         type: "button",
         class: E(O),
@@ -4771,7 +4771,7 @@ const {
       }, null), O.text])]);
     }
     const J = /* @__PURE__ */ new Map(), Z = [];
-    function oe(O) {
+    function ne(O) {
       const I = a.value;
       let N = O;
       const H = Array.from(I.children), V = H[H.length - 1].id === "__more_buttons__" ? H[H.length - 1] : null;
@@ -4803,27 +4803,27 @@ const {
     const _ = new ResizeObserver((O) => {
       if (O.length) {
         const N = O[0].contentRect.width, V = a.value.getBoundingClientRect().width;
-        (N < V || Z.length) && oe(N);
+        (N < V || Z.length) && ne(N);
       }
     });
     return K(() => {
       const O = o.value;
-      _.observe(O), document.body.addEventListener("click", M);
+      _.observe(O), document.body.addEventListener("click", D);
     }), ue(() => {
-      _.disconnect(), document.body.removeEventListener("click", M);
-    }), ne(() => e.items, () => {
+      _.disconnect(), document.body.removeEventListener("click", D);
+    }), se(() => e.items, () => {
       n.value = Re(e.items);
     }), () => s("div", {
       ref: g,
-      class: p.value
+      class: d.value
     }, [s("div", {
       ref: o,
-      class: c.value
+      class: f.value
     }, [s("div", {
       ref: a,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.filter((O) => O.visible).map((O) => O.children && O.children.length > 0 ? f(O) : X(O)), v.value && f(x.value)])])]);
+    }, [n.value.filter((O) => O.visible).map((O) => O.children && O.children.length > 0 ? p(O) : X(O)), v.value && p(x.value)])])]);
   }
 }), Jo = {
   id: { type: String, default: "" },
@@ -4858,10 +4858,10 @@ function Qo(e) {
       return;
     }
     o.style.display = "";
-    const l = o.getBoundingClientRect(), b = o.querySelector("div");
-    if (b) {
-      const x = b.getBoundingClientRect();
-      b.style.top = l.top + "px", b.style.left = l.left - x.width + "px";
+    const l = o.getBoundingClientRect(), m = o.querySelector("div");
+    if (m) {
+      const x = m.getBoundingClientRect();
+      m.style.top = l.top + "px", m.style.left = l.left - x.width + "px";
     }
   }
 }
@@ -4870,7 +4870,7 @@ function Xo(e, t, n) {
   function o() {
   }
   const a = "", l = C();
-  function b() {
+  function m() {
     return !0;
   }
   function x() {
@@ -4892,36 +4892,36 @@ function Xo(e, t, n) {
     const { componentInstance: E, designerItemElementRef: w } = P;
     return !E || !E.value ? null : E.value.canMove ? w : r(P.parent);
   }
-  function i(P) {
+  function c(P) {
     return !!n;
   }
   function h() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function m() {
+  function b() {
   }
-  function p(P, E) {
+  function d(P, E) {
   }
-  function c(P) {
+  function f(P) {
     const { componentType: E } = P;
     let w = ae(E, P);
     const k = E.toLowerCase().replace("-", "_");
     return w && !w.id && w.type === E && (w.id = `${k}_${Math.random().toString().slice(2, 6)}`), w;
   }
-  function f(P, E) {
+  function p(P, E) {
     const w = String(P.getAttribute("data-controltype")), k = P.getAttribute("data-feature"), F = k ? JSON.parse(k) : {};
     F.parentComponentInstance = l.value;
-    let D = ae(w, F);
-    const u = w.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === w && (D.id = `${u}_${Math.random().toString().slice(2, 6)}`), D;
+    let M = ae(w, F);
+    const i = w.toLowerCase().replace("-", "_");
+    return M && !M.id && M.type === w && (M.id = `${i}_${Math.random().toString().slice(2, 6)}`), M;
   }
-  function j(P) {
+  function S(P) {
   }
-  function M() {
+  function D() {
     return [];
   }
   return l.value = {
-    canMove: b(),
+    canMove: m(),
     canSelectParent: x(),
     canDelete: T(),
     canNested: !v(),
@@ -4930,16 +4930,16 @@ function Xo(e, t, n) {
     parent: (R = t.parent) == null ? void 0 : R.componentInstance,
     schema: t.schema,
     styles: a,
-    canAccepts: i,
+    canAccepts: c,
     getBelongedComponentInstance: g,
     getDraggableDesignItemElement: r,
     getDraggingDisplayText: h,
-    getPropConfig: M,
-    getDragScopeElement: m,
-    onAcceptMovedChildElement: p,
-    onAcceptNewChildElement: f,
-    onChildElementMovedOut: j,
-    addNewChildComponentSchema: c,
+    getPropConfig: D,
+    getDragScopeElement: b,
+    onAcceptMovedChildElement: d,
+    onAcceptNewChildElement: p,
+    onChildElementMovedOut: S,
+    addNewChildComponentSchema: f,
     updateDragAndDropRules: o,
     triggerBelongedComponentToMoveWhenMoved: C(!1),
     triggerBelongedComponentToDeleteWhenDeleted: C(!1)
@@ -4950,42 +4950,42 @@ const Yo = /* @__PURE__ */ te({
   props: Jo,
   emits: ["selectionChange", "addComponent"],
   setup(e, t) {
-    const n = C(e.canMove), o = C(e.canAdd), a = C(e.canDelete), l = C(!1), b = C(e.contentKey), x = C(e.childType), T = C(e.childLabel), v = C(e.modelValue), g = C(""), r = C(), i = ee("canvas-dragula"), h = C(), m = ee("design-item-context"), p = {
+    const n = C(e.canMove), o = C(e.canAdd), a = C(e.canDelete), l = C(!1), m = C(e.contentKey), x = C(e.childType), T = C(e.childLabel), v = C(e.modelValue), g = C(""), r = C(), c = ee("canvas-dragula"), h = C(), b = ee("design-item-context"), d = {
       designerItemElementRef: r,
       componentInstance: h,
       schema: v.value,
-      parent: m,
+      parent: b,
       setupContext: t
     };
-    be("design-item-context", p);
-    const c = B(() => ({
+    be("design-item-context", d);
+    const f = B(() => ({
       "farris-component": !0,
       "position-relative": n.value && a.value,
       "farris-nested": l.value,
       "can-move": n.value,
       "d-none": r.value && r.value.classList.contains("d-none")
-    })), f = B(() => {
-      const u = {};
-      return g.value && g.value.split(";").reduce((y, d) => {
-        const [S, $] = d.split(":");
-        return S && (y[S] = $), y;
-      }, u), u;
+    })), p = B(() => {
+      const i = {};
+      return g.value && g.value.split(";").reduce((y, u) => {
+        const [j, $] = u.split(":");
+        return j && (y[j] = $), y;
+      }, i), i;
     });
-    function j(u, y) {
-      if (m && m.schema[b.value]) {
-        const d = m.schema[b.value].findIndex((S) => S.id === y.id);
-        m.schema[b.value].splice(d, 1), m.componentInstance.value.updateDragAndDropRules();
+    function S(i, y) {
+      if (b && b.schema[m.value]) {
+        const u = b.schema[m.value].findIndex((j) => j.id === y.id);
+        b.schema[m.value].splice(u, 1), b.componentInstance.value.updateDragAndDropRules();
       }
     }
-    function M(u) {
+    function D(i) {
       if (h.value.addNewChildComponentSchema) {
         const y = {
           componentType: x.value,
           label: T.value,
           parentComponentInstance: h.value,
           targetPosition: -1
-        }, d = h.value.addNewChildComponentSchema(y);
-        v.value[b.value].push(d), t.emit("addComponent");
+        }, u = h.value.addNewChildComponentSchema(y);
+        v.value[m.value].push(u), t.emit("addComponent");
       }
     }
     function R() {
@@ -4994,64 +4994,64 @@ const Yo = /* @__PURE__ */ te({
         class: "btn component-settings-button",
         title: "新增",
         ref: "removeComponent",
-        onClick: (u) => {
-          M();
+        onClick: (i) => {
+          D();
         }
       }, [s("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
-    function P(u) {
+    function P(i) {
       return a.value && s("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
         onClick: (y) => {
-          j(y, u);
+          S(y, i);
         }
       }, [s("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function E(u) {
+    function E(i) {
       return s("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [s("div", null, [R(), P(u)])]);
+      }, [s("div", null, [R(), P(i)])]);
     }
-    ne(() => e.modelValue, (u) => {
-      v.value = u, p.schema = u;
+    se(() => e.modelValue, (i) => {
+      v.value = i, d.schema = i;
     });
-    function w(u) {
-      const y = u.target;
+    function w(i) {
+      const y = i.target;
       Qo(y);
     }
     function k() {
-      var u, y;
-      (y = (u = v.value) == null ? void 0 : u.contents) != null && y.length && r.value && r.value.addEventListener("scroll", w);
+      var i, y;
+      (y = (i = v.value) == null ? void 0 : i.contents) != null && y.length && r.value && r.value.addEventListener("scroll", w);
     }
     function F() {
-      const u = r.value, y = C(u.children[1]);
-      return Xo(y, p).value;
+      const i = r.value, y = C(i.children[1]);
+      return Xo(y, d).value;
     }
     K(() => {
       if (r.value) {
-        const u = r.value.querySelector(`[data-dragref='${v.value.id}-container']`);
-        h.value = u && u.componentInstance ? u.componentInstance.value : F(), i && u && i.attachComponents(u, v.value), l.value = h.value.canNested !== void 0 ? h.value.canNested : l.value, n.value = h.value.canMove !== void 0 ? h.value.canMove : n.value, g.value = h.value.styles || "", r.value && (r.value.componentInstance = h, r.value.designItemContext = p);
+        const i = r.value.querySelector(`[data-dragref='${v.value.id}-container']`);
+        h.value = i && i.componentInstance ? i.componentInstance.value : F(), c && i && c.attachComponents(i, v.value), l.value = h.value.canNested !== void 0 ? h.value.canNested : l.value, n.value = h.value.canMove !== void 0 ? h.value.canMove : n.value, g.value = h.value.styles || "", r.value && (r.value.componentInstance = h, r.value.designItemContext = d);
       }
       k(), Fe.value++;
     }), ut(() => {
       r.value && r.value.removeEventListener("scroll", w);
     });
-    function D(u) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((d) => d.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
+    function M(i) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((u) => u.classList.remove("dgComponentFocused")), i && (i.preventDefault(), i.stopPropagation());
       const y = r.value;
       if (y) {
-        const d = document.getElementsByClassName("dgComponentSelected");
-        if (!(d && d.length === 1 && d[0] === r.value)) {
-          Array.from(d).forEach((A) => A.classList.remove("dgComponentSelected")), y.classList.add("dgComponentFocused"), t.emit("selectionChange", v.value.type, v.value);
-          const $ = h.value.getDraggableDesignItemElement(p);
+        const u = document.getElementsByClassName("dgComponentSelected");
+        if (!(u && u.length === 1 && u[0] === r.value)) {
+          Array.from(u).forEach((A) => A.classList.remove("dgComponentSelected")), y.classList.add("dgComponentFocused"), t.emit("selectionChange", v.value.type, v.value);
+          const $ = h.value.getDraggableDesignItemElement(d);
           $ && $.value && $.value.classList.add("dgComponentSelected");
         }
       }
@@ -5060,9 +5060,9 @@ const Yo = /* @__PURE__ */ te({
     return () => s("div", {
       id: `${e.id}-design-item`,
       ref: r,
-      class: c.value,
-      style: f.value,
-      onClick: D
+      class: f.value,
+      style: p.value,
+      onClick: M
     }, [E(v.value), t.slots.default && t.slots.default()]);
   }
 });
@@ -5070,7 +5070,7 @@ function Ko(e, t, n, o) {
   const {
     toolbarItems: a,
     toolbarSchema: l
-  } = e, b = (T) => {
+  } = e, m = (T) => {
   };
   function x(T, v) {
     var g;
@@ -5091,7 +5091,7 @@ function Ko(e, t, n, o) {
   }, {
     default: () => [s(Go, {
       items: a.value,
-      onClick: b
+      onClick: m
     }, null)]
   })])]);
 }
@@ -5100,37 +5100,37 @@ const es = /* @__PURE__ */ te({
   props: Se,
   emits: ["tabChange", "tabRemove"],
   setup(e, t) {
-    const n = C(), o = ee("design-item-context"), a = Wo(o.schema, o.parent), l = Me(n, o, a), b = C(e.tabType), x = re(), T = re(), v = zo(e, t, x, o), {
+    const n = C(), o = ee("design-item-context"), a = Wo(o.schema, o.parent), l = Me(n, o, a), m = C(e.tabType), x = re(), T = re(), v = zo(e, t, x, o), {
       activeId: g,
       changeTitleStyle: r,
-      tabPages: i,
+      tabPages: c,
       addTab: h,
-      updateTab: m,
-      selectTabByTabId: p,
-      toolbarItems: c
-    } = v, f = Ge(e, T, v), j = qe(e, x, f, v), {
-      previousButtonClass: M,
+      updateTab: b,
+      selectTabByTabId: d,
+      toolbarItems: f
+    } = v, p = Ge(e, T, v), S = qe(e, x, p, v), {
+      previousButtonClass: D,
       nextButtonClass: R,
       nextButtonGroupClass: P,
       scrollTab: E,
       updateNavigationLayout: w
-    } = j, k = Ue(e, v), {
+    } = S, k = Ue(e, v), {
       hideDropDown: F
-    } = k, D = Ao(e, x, j, f, v, l, a), u = D, y = We(e, x, j, f, v), d = /* @__PURE__ */ new Map([["default", D], ["one-page", u], ["pills", y]]);
+    } = k, M = Ao(e, x, S, p, v, l, a), i = M, y = We(e, x, S, p, v), u = /* @__PURE__ */ new Map([["default", M], ["one-page", i], ["pills", y]]);
     B(() => {
-      const W = i.value.find((z) => z.props.id === g.value);
+      const W = c.value.find((z) => z.props.id === g.value);
       return W == null ? void 0 : W.slots;
     });
-    const S = B(() => {
-      const W = i.value.find((Q) => Q.props.id === g.value);
+    const j = B(() => {
+      const W = c.value.find((Q) => Q.props.id === g.value);
       return (W == null ? void 0 : W.props.toolbarPosition) === "inHead";
     });
     be("tabs", {
       activeId: g,
       addTab: h,
-      updateTab: m,
-      tabPages: i,
-      tabType: b
+      updateTab: b,
+      tabPages: c,
+      tabType: m
     });
     function $() {
       const W = l.value.schema.contents || [];
@@ -5139,17 +5139,17 @@ const es = /* @__PURE__ */ te({
     function A() {
       var z;
       const W = $();
-      c.value = [...(z = W == null ? void 0 : W.toolbar) == null ? void 0 : z.buttons];
+      f.value = [...(z = W == null ? void 0 : W.toolbar) == null ? void 0 : z.buttons];
     }
     be("toolbar-item-handler", A);
     const L = B(() => e.fill || e.tabType === "fill"), q = B(() => e.tabType === "pills"), X = B(() => ({
       "farris-tabs-header": !0,
-      "farris-tabs-inHead": S.value,
-      "farris-tabs-inContent": !S.value,
+      "farris-tabs-inHead": j.value,
+      "farris-tabs-inContent": !j.value,
       "farris-tabs-nav-fill": L.value,
       "farris-tabs-nav-pills": q.value
     })), J = B(() => ({
-      width: S.value && e.titleWidth ? `${e.titleWidth}%` : ""
+      width: j.value && e.titleWidth ? `${e.titleWidth}%` : ""
     })), Z = B(() => ({
       "farris-tabs": !0,
       "flex-column": e.position === "top",
@@ -5159,7 +5159,7 @@ const es = /* @__PURE__ */ te({
       "one-page": e.tabType === "one-page"
     }));
     K(() => {
-      i.value.length && (g.value = e.activeId || i.value[0].props.id, p(g.value)), se(() => {
+      c.value.length && (g.value = e.activeId || c.value[0].props.id, d(g.value)), oe(() => {
         w();
       }), r(x), window.addEventListener("click", (W) => {
         var z;
@@ -5168,11 +5168,11 @@ const es = /* @__PURE__ */ te({
         w();
       }), n.value.componentInstance = l;
     });
-    function oe() {
+    function ne() {
       return s("button", {
         title: "left-arrow-button",
         type: "button",
-        class: M.value,
+        class: D.value,
         onClick: () => {
           E(0, -1);
         }
@@ -5190,11 +5190,11 @@ const es = /* @__PURE__ */ te({
     }
     const {
       renderMorePagesButtton: O
-    } = ze(e, k, j, v);
+    } = ze(e, k, S, v);
     function I() {
-      return !!c.value.length && Ko(v, l, a, o);
+      return !!f.value.length && Ko(v, l, a, o);
     }
-    const N = d.get(e.tabType) || d.get("default");
+    const N = u.get(e.tabType) || u.get("default");
     function H() {
       var W, z, Q, pe;
       return s("div", {
@@ -5204,7 +5204,7 @@ const es = /* @__PURE__ */ te({
       }, [(z = (W = t.slots).headerPrefix) == null ? void 0 : z.call(W)]), s("div", {
         class: "farris-tabs-title scroll-tabs",
         style: J.value
-      }, [oe(), N && N(), s("div", {
+      }, [ne(), N && N(), s("div", {
         class: P.value
       }, [_(), O()])]), I(), s("div", {
         class: "farris-tabs-header-post"
@@ -5233,7 +5233,7 @@ function ts() {
       return !1;
     const o = (l = n.schema.appearance) == null ? void 0 : l.class;
     if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const b = n.schema.type, x = (b === "response-form" || b === "content-container") && o && o.includes("farris-form");
+      const m = n.schema.type, x = (m === "response-form" || m === "content-container") && o && o.includes("farris-form");
       if (n.schema.type !== "response-layout-item" && !x)
         return !1;
     }
@@ -5261,53 +5261,54 @@ const ss = /* @__PURE__ */ te({
   setup(e, t) {
     const n = C(), o = ee("design-item-context"), a = ns(o.schema, o.parent), l = Me(n, o, a);
     l.value.canNested = !1, l.value.canDelete = !1, l.value.canMove = !1, t.expose(l.value);
-    const b = ee("tabs"), x = C(!0), T = {
+    const m = ee("tabs"), x = C(!0), T = {
       slots: t.slots,
       props: e
-    }, v = C((b == null ? void 0 : b.tabType.value) || "default");
-    function g() {
-      e.id === b.activeId.value ? o.designerItemElementRef.value.classList.remove("d-none") : o.designerItemElementRef.value.classList.add("d-none");
-    }
+    }, v = C((m == null ? void 0 : m.tabType.value) || "default");
     K(() => {
       n.value.componentInstance = l;
-      const c = b.tabPages.value.findIndex((f) => f.props.id === e.id);
-      !c || c === -1 ? b == null || b.addTab(T) : c > -1 && (x.value = !1, console.warn(`已经存在id为${e.id}的页签啦`)), g();
+      const p = m.tabPages.value.findIndex((S) => S.props.id === e.id);
+      !p || p === -1 ? m == null || m.addTab(T) : p > -1 && (x.value = !1, console.warn(`已经存在id为${e.id}的页签啦`));
     }), ue(() => {
     });
-    const r = B(() => ({
-      display: (e == null ? void 0 : e.id) === (b == null ? void 0 : b.activeId.value) ? "" : "none"
+    const g = B(() => (e == null ? void 0 : e.id) === (m == null ? void 0 : m.activeId.value)), r = B(() => ({
+      display: g.value ? "" : "none"
     }));
-    ne(() => e, (c) => {
-      b == null || b.updateTab({
-        props: c,
+    se(() => e, (p) => {
+      m == null || m.updateTab({
+        props: p,
         slots: t.slots
       });
     }, {
       immediate: !0,
       deep: !0
-    }), ne(b.activeId, g);
-    function i() {
-      var f, j;
-      const c = (j = (f = t.slots).default) == null ? void 0 : j.call(f);
+    });
+    function c() {
+      var S, D;
+      const p = (D = (S = t.slots).default) == null ? void 0 : D.call(S);
       return s(Ke, {
         "main-title": e.title,
         class: "farris-tab-page"
-      }, os(c) ? c : {
-        default: () => [c]
+      }, os(p) ? p : {
+        default: () => [p]
       });
     }
-    function h() {
-      var f, j;
-      const c = (j = (f = t.slots).default) == null ? void 0 : j.call(f);
+    const h = B(() => ({
+      "farris-tab-page": !0,
+      "drag-container": !0
+    }));
+    function b() {
+      var S, D;
+      const p = (D = (S = t.slots).default) == null ? void 0 : D.call(S);
       return s("div", {
         ref: n,
-        class: "farris-tab-page drag-container",
+        class: h.value,
         "data-dragref": `${o.schema.id}-container`,
         style: r.value
-      }, [c]);
+      }, [p]);
     }
-    const p = (/* @__PURE__ */ new Map([["default", h], ["one-page", i]])).get(v.value) || h;
-    return () => x.value ? p() : null;
+    const f = (/* @__PURE__ */ new Map([["default", b], ["one-page", c]])).get(v.value) || b;
+    return () => x.value ? f() : null;
   }
 }), cs = {
   install(e) {