@farris/ui-vue 1.3.3 → 1.3.4

package/components/tabs/index.esm.js

@@ -1,7 +1,7 @@
 var yt = Object.defineProperty;
 var Ct = (t, e, n) => e in t ? yt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var N = (t, e, n) => Ct(t, typeof e != "symbol" ? e + "" : e, n);
-import { ref as p, watch as Z, nextTick as ae, computed as B, createVNode as c, onMounted as te, withDirectives as wt, vModelText as Tt, createTextVNode as Be, Fragment as Me, defineComponent as se, shallowRef as ve, provide as xe, inject as J, onUnmounted as be, isVNode as ze, Teleport as xt, Transition as St, createApp as Bt, render as Ie, h as Mt, cloneVNode as kt, mergeProps as Ne, reactive as ue, getCurrentInstance as Pt, onBeforeUnmount as It, withModifiers as Et } from "vue";
+import { ref as p, watch as Z, nextTick as ae, computed as B, createVNode as u, onMounted as te, withDirectives as wt, vModelText as Tt, createTextVNode as Be, Fragment as Me, defineComponent as se, shallowRef as ve, provide as xe, inject as J, onUnmounted as be, isVNode as ze, Teleport as xt, Transition as St, createApp as Bt, render as Ie, h as Mt, cloneVNode as kt, mergeProps as Ne, reactive as ue, getCurrentInstance as Pt, onBeforeUnmount as It, withModifiers as Et } from "vue";
 import { cloneDeep as Ve, isPlainObject as He } from "lodash-es";
 import Dt from "../capsule/index.esm.js";
 import We from "../response-toolbar/index.esm.js";
@@ -12,19 +12,19 @@ import { getCustomClass as De } from "../common/index.esm.js";
 import "bignumber.js";
 const _e = {}, Ue = {};
 function Oe(t) {
-  const { properties: e, title: n, ignore: o } = t, a = o && Array.isArray(o), l = Object.keys(e).reduce((s, r) => ((!a || !o.find((u) => u === r)) && (s[r] = e[r].type === "object" && e[r].properties ? Oe(e[r]) : Ve(e[r].default)), s), {});
-  if (n && (!a || !o.find((s) => s === "id"))) {
-    const s = n.toLowerCase().replace(/-/g, "_");
-    l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: e, title: n, ignore: o } = t, a = o && Array.isArray(o), s = Object.keys(e).reduce((l, r) => ((!a || !o.find((c) => c === r)) && (l[r] = e[r].type === "object" && e[r].properties ? Oe(e[r]) : Ve(e[r].default)), l), {});
+  if (n && (!a || !o.find((l) => l === "id"))) {
+    const l = n.toLowerCase().replace(/-/g, "_");
+    s.id = `${l}_${Math.random().toString().slice(2, 6)}`;
   }
-  return l;
+  return s;
 }
 function pe(t, e = {}, n) {
   const o = _e[t];
   if (o) {
     let a = Oe(o);
-    const l = Ue[t];
-    return a = l ? l({ getSchemaByType: pe }, a, e, n) : a, a;
+    const s = Ue[t];
+    return a = s ? s({ getSchemaByType: pe }, a, e, n) : a, a;
   }
   return null;
 }
@@ -35,12 +35,12 @@ function Ot(t, e) {
 function At(t, e) {
   return Object.keys(t).filter((o) => t[o] != null).reduce((o, a) => {
     if (e.has(a)) {
-      const l = e.get(a);
-      if (typeof l == "string")
-        o[l] = t[a];
+      const s = e.get(a);
+      if (typeof s == "string")
+        o[s] = t[a];
       else {
-        const s = l(a, t[a], t);
-        Object.assign(o, s);
+        const l = s(a, t[a], t);
+        Object.assign(o, l);
       }
     } else
       o[a] = t[a];
@@ -83,13 +83,13 @@ function Lt(t = {}) {
       return { target: m, operator: "getProperty", param: C, value: x };
     }) : [];
   }
-  function l(d) {
+  function s(d) {
     return Object.keys(d).reduce((m, w) => {
       const C = a(w, d[w]);
       return m.push(...C), m;
     }, []);
   }
-  function s(d, f) {
+  function l(d, f) {
     if (o.has(d.operator)) {
       const m = o.get(d.operator);
       return m && m(d.target, d.param, d.value, f) || !1;
@@ -97,13 +97,13 @@ function Lt(t = {}) {
     return !1;
   }
   function r(d, f) {
-    return l(d).reduce((C, x) => C && s(x, f), !0);
+    return s(d).reduce((C, x) => C && l(x, f), !0);
   }
-  function u(d, f) {
+  function c(d, f) {
     const m = Object.keys(d), w = m.includes("allOf"), C = m.includes("anyOf"), x = w || C, b = (x ? d[x ? w ? "allOf" : "anyOf" : "allOf"] : [d]).map((O) => r(O, f));
     return w ? !b.includes(!1) : b.includes(!0);
   }
-  return { parseValueSchema: u };
+  return { parseValueSchema: c };
 }
 const ee = {
   button: { type: "button", name: "按钮", icon: "Button" },
@@ -147,10 +147,10 @@ const ee = {
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 }, Ft = {}, Ht = {};
 Lt();
-function he(t, e, n = /* @__PURE__ */ new Map(), o = (s, r, u, d) => r, a = {}, l = (s) => s) {
-  return _e[e.title] = e, Ue[e.title] = o, Ft[e.title] = a, Ht[e.title] = l, (s = {}) => {
-    const r = $t(s, e, n), u = Object.keys(t).reduce((d, f) => (d[f] = t[f].default, d), {});
-    return Object.assign(u, r);
+function he(t, e, n = /* @__PURE__ */ new Map(), o = (l, r, c, d) => r, a = {}, s = (l) => l) {
+  return _e[e.title] = e, Ue[e.title] = o, Ft[e.title] = a, Ht[e.title] = s, (l = {}) => {
+    const r = $t(l, e, n), c = Object.keys(t).reduce((d, f) => (d[f] = t[f].default, d), {});
+    return Object.assign(c, r);
   };
 }
 function ke(t, e) {
@@ -161,13 +161,13 @@ function zt() {
     const o = e.contents;
     if (!o || o.length < 1)
       return null;
-    const a = o.reduce((u, d) => {
+    const a = o.reduce((c, d) => {
       const f = d.toolbar && d.toolbar.buttons || [];
-      return u.push(...f), u;
+      return c.push(...f), c;
     }, []);
     if (!a || a.length < 1)
       return;
-    const [l, s] = n.payloads, r = a.find((u) => u.id === s);
+    const [s, l] = n.payloads, r = a.find((c) => c.id === l);
     return r ? r.onClick || r.click : null;
   }
   return {
@@ -180,8 +180,8 @@ const Ae = /* @__PURE__ */ new Map([
 function Nt(t, e) {
   const n = Math.random().toString().slice(2, 6), o = e.parentComponentInstance, a = t.getSchemaByType("tab-page");
   a.id = `tab-page-${n}`;
-  const l = t.getSchemaByType("tabs");
-  Object.assign(l, {
+  const s = t.getSchemaByType("tabs");
+  Object.assign(s, {
     id: `tabs-${n}`,
     appearance: {
       class: "f-component-tabs f-tabs-has-grid"
@@ -189,15 +189,15 @@ function Nt(t, e) {
     contents: [a],
     activeId: a.id
   });
-  const s = t.getSchemaByType("section");
-  Object.assign(s, {
+  const l = t.getSchemaByType("section");
+  Object.assign(l, {
     id: `section-${n}`,
     appearance: {
       class: "f-section-tabs f-section-in-mainsubcard"
     },
     fill: !1,
     showHeader: !1,
-    contents: [l]
+    contents: [s]
   });
   const r = t.getSchemaByType("content-container");
   Object.assign(r, {
@@ -205,16 +205,17 @@ function Nt(t, e) {
     appearance: {
       class: "f-struct-wrapper"
     },
-    contents: [s]
+    contents: [l]
   });
-  const u = o.schema;
-  switch (u && u.type) {
+  const c = o.schema;
+  switch (c && c.type) {
     case ee["splitter-pane"].type: {
-      s.appearance.class = "f-section-tabs f-section-in-main", l.appearance.class = "f-component-tabs";
+      l.appearance.class = "f-section-tabs f-section-in-main", s.appearance.class = "f-component-tabs";
       break;
     }
   }
-  return r;
+  const d = o.elementRef, f = window.getComputedStyle(d);
+  return f && f.display === "flex" && (r.appearance.class += " d-block"), r;
 }
 function Ge(t, e, n) {
   if (n.parentComponentInstance)
@@ -309,7 +310,7 @@ const Wt = "https://json-schema.org/draft/2020-12/schema", qt = "https://farris-
   componentId: { type: String, default: "" }
 }), Qt = he(Ye, Xe, Ae, Ge), Zt = zt();
 function Kt(t, e, n) {
-  const o = p([]), a = p(t.activeId || ""), l = p(!0), s = p([]);
+  const o = p([]), a = p(t.activeId || ""), s = p(!0), l = p([]);
   Z(() => t.activeId, (h, S) => {
     h !== S && (a.value = h);
   });
@@ -317,7 +318,7 @@ function Kt(t, e, n) {
     const S = h.value.findIndex((b) => b.props.show !== !1 && !a.value && !b.props.disabled);
     !a.value && S !== -1 && (a.value = h.value[S].props.id);
   }
-  function u(h) {
+  function c(h) {
     var b;
     if (t.autoTitleWidth)
       return;
@@ -334,7 +335,7 @@ function Kt(t, e, n) {
   function f(h, S, b = !1) {
     const T = o.value.findIndex((O) => O.props.id === S);
     o.value = o.value.filter((O) => O.props.id !== S), a.value === S && (a.value = "", r(o)), d(h), ae(() => {
-      u(n), b && (l.value = !0), e.emit("tabRemove", {
+      c(n), b && (s.value = !0), e.emit("tabRemove", {
         removeIndex: T,
         removeId: S,
         activeId: a.value
@@ -345,7 +346,7 @@ function Kt(t, e, n) {
     const S = a.value;
     a.value = h;
     const b = o.value.find((T) => T.props.id === h);
-    s.value = [], b && b.props.toolbar && b.props.toolbar.buttons && b.props.toolbar.buttons.length && (s.value = [...b.props.toolbar.buttons]), e.emit("update:activeId", h), e.emit("tabChange", {
+    l.value = [], b && b.props.toolbar && b.props.toolbar.buttons && b.props.toolbar.buttons.length && (l.value = [...b.props.toolbar.buttons]), e.emit("update:activeId", h), e.emit("tabChange", {
       prevId: S,
       nextId: a.value
     });
@@ -360,46 +361,46 @@ function Kt(t, e, n) {
     o.value.findIndex((b) => b.props.id === h.props.id) !== -1 && (o.value.forEach((b) => {
       b.props.id === h.props.id && (b = h);
     }), ae(() => {
-      u(n);
+      c(n);
     }));
   }
   return {
     activeId: a,
     addTab: C,
-    changeTitleStyle: u,
+    changeTitleStyle: c,
     removeTab: f,
     selectTab: w,
     selectTabByTabId: m,
     tabPages: o,
     updateTab: x,
-    toolbarItems: s
+    toolbarItems: l
   };
 }
 function en(t, e, n, o, a) {
   const {
-    activeId: l,
-    removeTab: s,
+    activeId: s,
+    removeTab: l,
     selectTab: r
-  } = a, u = B(() => ({
+  } = a, c = B(() => ({
     "st-tab-text": !0,
     "text-truncate": !0,
     "farris-title-auto": t.autoTitleWidth
   })), d = B(() => ({
     "nav-item": !0,
     "d-none": e.show !== void 0 ? !e.show : !1,
-    "f-state-active": e.id === l.value,
+    "f-state-active": e.id === s.value,
     "f-state-disable": e.disabled
   })), f = B(() => ({
     width: `${e.tabWidth}px`
   })), m = B(() => ({
     "nav-link": !0,
     "tabs-text-truncate": !0,
-    active: e.id === l.value,
+    active: e.id === s.value,
     disabled: e.disabled
   }));
   function w(T) {
-    return c("span", {
-      class: u.value,
+    return u("span", {
+      class: c.value,
       title: T.title
     }, [T.title]);
   }
@@ -408,37 +409,37 @@ function en(t, e, n, o, a) {
   }
   const x = C(n), h = p(e.removeable);
   function S() {
-    return c("span", {
+    return u("span", {
       class: "st-drop-close",
-      onClick: (T) => s(T, e.id),
+      onClick: (T) => l(T, e.id),
       style: {
         opacity: 0.6
       }
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-close"
     }, null)]);
   }
   function b(T) {
     r(e.id), t.tabType === "one-page" && o.scrollToByPaggId(e.id);
   }
-  return c("li", {
+  return u("li", {
     class: d.value,
     style: f.value
-  }, [c("a", {
+  }, [u("a", {
     class: m.value,
     onClick: b
   }, [x(e), h.value && S()])]);
 }
 function tn(t, e, n, o, a) {
   const {
-    shouldShowNavigationButtons: l
+    shouldShowNavigationButtons: s
   } = n, {
-    tabPages: s
+    tabPages: l
   } = a, r = B(() => ({
     spacer: !0,
     "f-utils-fill": !0,
-    "spacer-sides-dropdown": l.value
-  })), u = B(() => ({
+    "spacer-sides-dropdown": s.value
+  })), c = B(() => ({
     width: "100%",
     "justify-content": t.justifyContent
   })), d = B(() => ({
@@ -450,22 +451,22 @@ function tn(t, e, n, o, a) {
     "flex-row": t.position === "top" || t.position === "bottom",
     "flex-column": t.position === "left" || t.position === "right"
   }));
-  return () => c("div", {
+  return () => u("div", {
     class: r.value,
-    style: u.value
-  }, [c("ul", {
+    style: c.value
+  }, [u("ul", {
     class: d.value,
     ref: e
-  }, [s.value.map((f) => en(t, f.props, f, o, a))])]);
+  }, [l.value.map((f) => en(t, f.props, f, o, a))])]);
 }
 function Je(t, e, n, o, a) {
-  const l = p(), {
-    shouldShowNavigationButtons: s
+  const s = p(), {
+    shouldShowNavigationButtons: l
   } = n, {
     activeId: r,
-    tabPages: u,
+    tabPages: c,
     selectTab: d
-  } = a, f = p(r.value), m = B(() => u.value.map((h) => ({
+  } = a, f = p(r.value), m = B(() => c.value.map((h) => ({
     name: h.props.title,
     value: h.props.id,
     show: h.props.show,
@@ -473,14 +474,14 @@ function Je(t, e, n, o, a) {
   }))), w = B(() => ({
     spacer: !0,
     "f-utils-fill": !0,
-    "spacer-sides-dropdown": s.value
+    "spacer-sides-dropdown": l.value
   })), C = B(() => ({
     width: "100%",
     display: "flex",
     "justify-content": t.justifyContent
   }));
   te(() => {
-    l.value && (e.value = l.value.$el);
+    s.value && (e.value = s.value.$el);
   });
   function x(h) {
     d(h);
@@ -489,35 +490,35 @@ function Je(t, e, n, o, a) {
     h !== f.value && (f.value = h);
   }, {
     immediate: !0
-  }), () => c("div", {
+  }), () => u("div", {
     class: w.value,
     style: C.value
-  }, [c(Dt, {
+  }, [u(Dt, {
     items: m.value,
     modelValue: f.value,
     "onUpdate:modelValue": (h) => f.value = h,
     onChange: x,
-    ref: l
+    ref: s
   }, null)]);
 }
 function nn(t, e, n, o) {
   const {
     activeId: a,
-    removeTab: l,
-    tabPages: s
+    removeTab: s,
+    tabPages: l
   } = o, {
     selectAndScrollToTab: r
   } = n, {
-    hideDropDown: u,
+    hideDropDown: c,
     searchTabText: d
   } = e, f = p("auto"), m = B(() => {
     var T, O;
     let b = [];
-    return t.searchBoxVisible ? b = (T = s.value) == null ? void 0 : T.filter((z) => z.props.title.includes(d.value)) : b = (O = s.value) == null ? void 0 : O.slice(), b;
+    return t.searchBoxVisible ? b = (T = l.value) == null ? void 0 : T.filter((z) => z.props.title.includes(d.value)) : b = (O = l.value) == null ? void 0 : O.slice(), b;
   }), w = B(() => ({
     "dropdown-menu": !0,
     "tabs-pt28": t.searchBoxVisible,
-    show: !u.value
+    show: !c.value
   }));
   function C(b) {
     return {
@@ -536,33 +537,33 @@ function nn(t, e, n, o) {
     width: f.value
   });
   function S() {
-    return c("div", {
+    return u("div", {
       class: w.value
-    }, [t.searchBoxVisible && c("div", {
+    }, [t.searchBoxVisible && u("div", {
       onClick: (b) => x(b),
       class: "pb-1 tabs-li-absolute"
-    }, [wt(c("input", {
+    }, [wt(u("input", {
       title: "search-box",
       type: "text",
       class: "form-control k-textbox",
       "onUpdate:modelValue": (b) => d.value = b
-    }, null), [[Tt, d.value]]), c("span", {
+    }, null), [[Tt, d.value]]), u("span", {
       class: "f-icon f-icon-page-title-query tabs-icon-search"
-    }, null)]), m.value.length ? c("ul", {
+    }, null)]), m.value.length ? u("ul", {
       class: "tab-dropdown-menu--items",
       style: h()
-    }, [m.value.map((b) => c("li", {
+    }, [m.value.map((b) => u("li", {
       class: C(b),
       onClick: (T) => r(T, b.props)
-    }, [b.props.removeable && c("span", {
+    }, [b.props.removeable && u("span", {
       class: "float-right st-drop-close",
-      onClick: (T) => l(T, b.props.id, !0)
-    }, [c("i", {
+      onClick: (T) => s(T, b.props.id, !0)
+    }, [u("i", {
       class: "f-icon f-icon-close"
-    }, null)]), c("a", {
+    }, null)]), u("a", {
       class: "dropdown-title",
       title: b.props.title
-    }, [b.props.title])]))]) : c("div", {
+    }, [b.props.title])]))]) : u("div", {
       class: "dropdown-no-data"
     }, [Be("没有相关数据")])]);
   }
@@ -574,24 +575,24 @@ function Qe(t, e, n, o) {
   const {
     hideDropDown: a
   } = e, {
-    renderDropdownMenu: l
-  } = nn(t, e, n, o), s = p(t.showDropdown);
+    renderDropdownMenu: s
+  } = nn(t, e, n, o), l = p(t.showDropdown);
   function r() {
-    return s.value && c(Me, null, [c("button", {
+    return l.value && u(Me, null, [u("button", {
       title: "toggle-button",
       class: "btn dropdown-toggle-split dropdown-toggle",
       onClick: () => {
         a.value = !1;
       }
-    }, null), l()]);
+    }, null), s()]);
   }
   return {
     renderMorePagesButtton: r
   };
 }
 function Ze(t, e, n, o) {
-  const a = p(!1), { selectTabByTabId: l, tabPages: s } = o, r = 4;
-  function u() {
+  const a = p(!1), { selectTabByTabId: s, tabPages: l } = o, r = 4;
+  function c() {
     var b;
     const h = e.value, S = (b = e.value) == null ? void 0 : b.parentElement;
     a.value = S && h && S.offsetWidth < h.scrollWidth - r;
@@ -638,8 +639,8 @@ function Ze(t, e, n, o) {
   function x(h, S) {
     if (S.disabled)
       return;
-    l(S.id);
-    const b = s.value.findIndex((T) => T.props.id === S.id);
+    s(S.id);
+    const b = l.value.findIndex((T) => T.props.id === S.id);
     ae(() => {
       C(b);
     });
@@ -651,50 +652,50 @@ function Ze(t, e, n, o) {
     scrollTab: w,
     selectAndScrollToTab: x,
     shouldShowNavigationButtons: a,
-    updateNavigationLayout: u
+    updateNavigationLayout: c
   };
 }
 function Ke(t, e) {
-  const { tabPages: n } = e, o = p(""), a = p(!0), l = B(() => t.searchBoxVisible), s = B(() => l.value ? n.value.filter((u) => u.props.title.includes(o.value)) : n.value.slice());
+  const { tabPages: n } = e, o = p(""), a = p(!0), s = B(() => t.searchBoxVisible), l = B(() => s.value ? n.value.filter((c) => c.props.title.includes(o.value)) : n.value.slice());
   return {
     searchTabText: o,
     hideDropDown: a,
-    shouldShowSearchBox: l,
-    tabsInDropdownMenu: s
+    shouldShowSearchBox: s,
+    tabsInDropdownMenu: l
   };
 }
 function et(t, e, n) {
   const o = ".farris-tab-page", { tabPages: a } = n;
-  function l(r) {
-    const u = e.value;
-    if (u) {
+  function s(r) {
+    const c = e.value;
+    if (c) {
       const d = e.value.querySelectorAll(o);
       if (d.length > 0) {
         const f = d[r], { offsetTop: m } = f, w = m - 32 > 0 ? m - 32 : 0;
-        u.scrollTop = w;
+        c.scrollTop = w;
       }
     }
   }
-  function s(r) {
-    const u = a.value.findIndex((d) => d.props.id === r);
-    u > -1 && l(u);
+  function l(r) {
+    const c = a.value.findIndex((d) => d.props.id === r);
+    c > -1 && s(c);
   }
-  return { scrollTo: l, scrollToByPaggId: s };
+  return { scrollTo: s, scrollToByPaggId: l };
 }
 const me = /* @__PURE__ */ se({
   name: "FTabs",
   props: $e,
   emits: ["tabChange", "tabRemove", "update:activeId", "Click"],
   setup(t, e) {
-    const n = p(t.tabType), o = ve(), a = p(t.customClass), l = ve(), s = ve(), r = Kt(t, e, l), {
-      activeId: u,
+    const n = p(t.tabType), o = ve(), a = p(t.customClass), s = ve(), l = ve(), r = Kt(t, e, s), {
+      activeId: c,
       changeTitleStyle: d,
       tabPages: f,
       addTab: m,
       updateTab: w,
       selectTabByTabId: C,
       toolbarItems: x
-    } = r, h = et(t, s, r), S = Ze(t, l, h, r), {
+    } = r, h = et(t, l, r), S = Ze(t, s, h, r), {
       previousButtonClass: b,
       nextButtonClass: T,
       nextButtonGroupClass: O,
@@ -702,17 +703,17 @@ const me = /* @__PURE__ */ se({
       updateNavigationLayout: j
     } = S, $ = Ke(t, r), {
       hideDropDown: k
-    } = $, L = tn(t, l, S, h, r), W = L, D = Je(t, l, S, h, r), g = /* @__PURE__ */ new Map([["default", L], ["one-page", W], ["pills", D]]);
+    } = $, L = tn(t, s, S, h, r), W = L, D = Je(t, s, S, h, r), g = /* @__PURE__ */ new Map([["default", L], ["one-page", W], ["pills", D]]);
     B(() => {
-      const q = f.value.find((X) => X.props.id === u.value);
+      const q = f.value.find((X) => X.props.id === c.value);
       return q == null ? void 0 : q.slots;
     });
     const i = B(() => {
-      const q = f.value.find((ne) => ne.props.id === u.value);
+      const q = f.value.find((ne) => ne.props.id === c.value);
       return (q == null ? void 0 : q.props.toolbarPosition) === "inHead";
     }), y = B(() => t.fill || t.tabType === "fill");
     xe("tabs", {
-      activeId: u,
+      activeId: c,
       addTab: m,
       updateTab: w,
       tabPages: f,
@@ -740,9 +741,9 @@ const me = /* @__PURE__ */ se({
       return a.value && a.value.split(" ").reduce((X, ne) => (X[ne] = !0, X), q), q;
     });
     te(() => {
-      f.value.length && (u.value = t.activeId || f.value[0].props.id, C(u.value)), ae(() => {
+      f.value.length && (c.value = t.activeId || f.value[0].props.id, C(c.value)), ae(() => {
         j();
-      }), d(l), window.addEventListener("click", (q) => {
+      }), d(s), window.addEventListener("click", (q) => {
         var X;
         k.value || (X = o.value) != null && X.contains(q.target) || (k.value = !0);
       }), window.addEventListener("resize", () => {
@@ -750,7 +751,7 @@ const me = /* @__PURE__ */ se({
       });
     });
     function v() {
-      return c("button", {
+      return u("button", {
         title: "left-arrow-button",
         type: "button",
         class: b.value,
@@ -760,7 +761,7 @@ const me = /* @__PURE__ */ se({
       }, null);
     }
     function M() {
-      return c("button", {
+      return u("button", {
         title: "right-arrow-button",
         type: "button",
         class: T.value,
@@ -772,10 +773,10 @@ const me = /* @__PURE__ */ se({
     const {
       renderMorePagesButtton: I
     } = Qe(t, $, S, r), R = (q, X) => {
-      e.emit("Click", q, X, u.value);
+      e.emit("Click", q, X, c.value);
     };
     function V() {
-      return x.value.length ? c(We, {
+      return x.value.length ? u(We, {
         class: "f-utils-fill",
         items: x.value,
         onClick: R
@@ -784,16 +785,16 @@ const me = /* @__PURE__ */ se({
     const G = g.get(t.tabType) || g.get("default");
     function K() {
       var q, X, ne, ce;
-      return c("div", {
+      return u("div", {
         class: F.value
-      }, [c("div", {
+      }, [u("div", {
         class: "farris-tabs-header-pre"
-      }, [(X = (q = e.slots).headerPrefix) == null ? void 0 : X.call(q)]), c("div", {
+      }, [(X = (q = e.slots).headerPrefix) == null ? void 0 : X.call(q)]), u("div", {
         class: "farris-tabs-title scroll-tabs",
         style: H.value
-      }, [v(), G && G(), c("div", {
+      }, [v(), G && G(), u("div", {
         class: O.value
-      }, [M(), I()])]), V(), c("div", {
+      }, [M(), I()])]), V(), u("div", {
         class: "farris-tabs-header-post"
       }, [(ce = (ne = e.slots).headerSuffix) == null ? void 0 : ce.call(ne)])]);
     }
@@ -803,12 +804,12 @@ const me = /* @__PURE__ */ se({
     }));
     function re() {
       var q, X;
-      return c("div", {
+      return u("div", {
         class: le.value,
-        ref: s
+        ref: l
       }, [(X = (q = e.slots).default) == null ? void 0 : X.call(q)]);
     }
-    return () => c("div", {
+    return () => u("div", {
       class: E.value,
       ref: o
     }, [K(), re()]);
@@ -897,14 +898,14 @@ const Re = /* @__PURE__ */ se({
     const n = J("tabs"), o = p(t.show), a = {
       slots: e.slots,
       props: t
-    }, l = p((n == null ? void 0 : n.tabType.value) || "default");
+    }, s = p((n == null ? void 0 : n.tabType.value) || "default");
     te(() => {
       const C = n == null ? void 0 : n.tabPages.value.findIndex((x) => x.props.id === t.id);
       !C || C === -1 ? n == null || n.addTab(a) : C > -1 && (o.value = !1, console.warn(`已经存在id为${t.id}的页签啦`));
     }), be(() => {
     });
-    const s = B(() => (t == null ? void 0 : t.id) === (n == null ? void 0 : n.activeId.value)), r = B(() => ({
-      display: s.value ? "" : "none"
+    const l = B(() => (t == null ? void 0 : t.id) === (n == null ? void 0 : n.activeId.value)), r = B(() => ({
+      display: l.value ? "" : "none"
     }));
     Z(() => t, (C) => {
       n == null || n.updateTab({
@@ -915,10 +916,10 @@ const Re = /* @__PURE__ */ se({
       immediate: !0,
       deep: !0
     });
-    function u() {
+    function c() {
       var x, h;
       const C = (h = (x = e.slots).default) == null ? void 0 : h.call(x);
-      return c(jt, {
+      return u(jt, {
         "main-title": t.title,
         class: "farris-tab-page"
       }, vn(C) ? C : {
@@ -929,18 +930,18 @@ const Re = /* @__PURE__ */ se({
       var x;
       return {
         "farris-tab-page": !0,
-        "f-utils-fill-flex-column": s.value && n && ((x = n.shouldFillParentContaner) == null ? void 0 : x.value)
+        "f-utils-fill-flex-column": l.value && n && ((x = n.shouldFillParentContaner) == null ? void 0 : x.value)
       };
     });
     function f() {
       var x, h;
       const C = (h = (x = e.slots).default) == null ? void 0 : h.call(x);
-      return c("div", {
+      return u("div", {
         class: d.value,
         style: r.value
       }, [C]);
     }
-    const w = (/* @__PURE__ */ new Map([["default", f], ["one-page", u]])).get(l.value) || f;
+    const w = (/* @__PURE__ */ new Map([["default", f], ["one-page", c]])).get(s.value) || f;
     return () => o.value ? w() : null;
   }
 }), mn = {
@@ -993,7 +994,7 @@ function yn() {
   return { onCopy: t };
 }
 function Cn(t, e, n, o) {
-  const a = p(14), l = p(140), s = p(""), r = p(o.value.length), u = B(() => o.value), d = B(() => ({
+  const a = p(14), s = p(140), l = p(""), r = p(o.value.length), c = B(() => o.value), d = B(() => ({
     "font-size": `${a.value}px`,
     height: "100%"
   }));
@@ -1003,26 +1004,26 @@ function Cn(t, e, n, o) {
       r.value = w.length;
     }
   }
-  return () => c(Me, null, [c("textarea", {
+  return () => u(Me, null, [u("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
     style: d.value,
     rows: "4",
-    maxlength: l.value,
+    maxlength: s.value,
     onInput: (m) => f(m)
-  }, [u.value]), c("span", {
+  }, [c.value]), u("span", {
     class: "textarea-wordcount",
-    title: s.value,
+    title: l.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
-  }, [r.value + " / " + l.value])]);
+  }, [r.value + " / " + s.value])]);
 }
 function wn(t, e, n, o) {
-  const a = Cn(t, e, n, o), l = /* @__PURE__ */ new Map([["text-area", a]]);
-  function s(r) {
-    return l.get(r) || null;
+  const a = Cn(t, e, n, o), s = /* @__PURE__ */ new Map([["text-area", a]]);
+  function l(r) {
+    return s.get(r) || null;
   }
-  return { getEditorRender: s };
+  return { getEditorRender: l };
 }
 function Tn() {
   const t = p(!1), e = p("复制成功");
@@ -1055,7 +1056,7 @@ function xn(t, e) {
   return () => n && n();
 }
 function Sn(t) {
-  const e = p(3), n = p(480), o = B(() => !!t.value && !!t.value.date), a = B(() => `发生时间 : ${t.value && t.value.date || ""}`), l = B(() => !!t.value && !!t.value.detail), s = B(() => {
+  const e = p(3), n = p(480), o = B(() => !!t.value && !!t.value.date), a = B(() => `发生时间 : ${t.value && t.value.date || ""}`), s = B(() => !!t.value && !!t.value.detail), l = B(() => {
     const S = `${n.value}px`;
     return {
       overflow: "hidden",
@@ -1065,7 +1066,7 @@ function Sn(t) {
       "-webkit-line-clamp": e.value,
       "max-height": S
     };
-  }), r = B(() => t.value && t.value.detail || ""), u = B(() => !0), d = p(!1), f = p("展开"), m = p("收起"), w = B(() => {
+  }), r = B(() => t.value && t.value.detail || ""), c = B(() => !0), d = p(!1), f = p("展开"), m = p("收起"), w = B(() => {
     const S = {
       display: "block",
       color: "#2A87FF"
@@ -1081,50 +1082,50 @@ function Sn(t) {
   function h(S) {
     return C();
   }
-  return () => c("div", {
+  return () => u("div", {
     class: "toast-msg-detail"
-  }, [o.value && c("div", null, [a.value]), l.value && c("div", {
+  }, [o.value && u("div", null, [a.value]), s.value && u("div", {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
-    style: s.value
-  }, [Be("详细信息 : "), c("span", {
+    style: l.value
+  }, [Be("详细信息 : "), u("span", {
     innerHTML: r.value
-  }, null)]), u.value && c("span", {
+  }, null)]), c.value && u("span", {
     style: w.value
-  }, [d.value && c("span", {
+  }, [d.value && u("span", {
     onClick: x,
     style: "cursor: pointer;"
-  }, [m.value]), !d.value && c("span", {
+  }, [m.value]), !d.value && u("span", {
     onClick: h,
     style: "cursor: pointer;"
   }, [f.value])])]);
 }
 function Bn(t) {
-  return () => c("p", {
+  return () => u("p", {
     class: "toast-msg-detail",
     innerHTML: t.value
   }, null);
 }
 function Mn(t, e, n, o) {
-  const a = p(t.exceptionInfo), l = B(() => {
+  const a = p(t.exceptionInfo), s = B(() => {
     const w = {
       "f-icon": !0
     }, C = `f-icon-${e.value}`;
     return w[C] = !0, w;
-  }), s = B(() => n.value || a.value && a.value.message), r = B(() => o.value), u = B(() => !!o.value), d = B(() => !!a.value);
+  }), l = B(() => n.value || a.value && a.value.message), r = B(() => o.value), c = B(() => !!o.value), d = B(() => !!a.value);
   function f() {
-    return d.value ? Sn(a) : u.value ? Bn(r) : () => null;
+    return d.value ? Sn(a) : c.value ? Bn(r) : () => null;
   }
   const m = f();
-  return () => c(Me, null, [c("div", {
+  return () => u(Me, null, [u("div", {
     class: "float-left modal-tips-iconwrap"
-  }, [c("span", {
-    class: l.value
-  }, null)]), c("div", {
+  }, [u("span", {
+    class: s.value
+  }, null)]), u("div", {
     class: "modal-tips-content"
-  }, [c("p", {
+  }, [u("p", {
     class: "toast-msg-title",
-    innerHTML: s.value
+    innerHTML: l.value
   }, null), m()])]);
 }
 function kn(t, e, n) {
@@ -1132,50 +1133,50 @@ function kn(t, e, n) {
     onCopy: o
   } = e, {
     toShowFeedback: a
-  } = n, l = p("复制成功"), s = p("复制详细信息"), r = p(t.exceptionInfo || {
+  } = n, s = p("复制成功"), l = p("复制详细信息"), r = p(t.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
-  }), u = B(() => r.value && r.value.detail || "");
+  }), c = B(() => r.value && r.value.detail || "");
   function d(f) {
-    o(u.value).catch((m) => {
-      l.value = "复制失败";
+    o(c.value).catch((m) => {
+      s.value = "复制失败";
     }).finally(() => {
       a.value = !0, setTimeout(() => {
         a.value = !1;
       }, 700);
     });
   }
-  return () => c("span", {
+  return () => u("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
-  }, [c("span", {
+  }, [u("span", {
     onClick: d,
     style: "cursor: pointer;"
-  }, [s.value])]);
+  }, [l.value])]);
 }
 function Pn(t, e, n, o) {
-  const a = p(t.type), l = p([]), s = p(t.exceptionInfo), r = p(t.okButtonText), u = p(t.cancelButtonText), d = p(!0), f = p(!0), m = B(() => !!(l.value && l.value.length)), w = B(() => s.value && s.value.date && s.value.message && s.value.detail), C = B(() => !(l.value && l.value.length) && (r.value || u.value)), x = B(() => f.value && r.value), h = B(() => d.value && u.value), S = kn(t, n, o);
+  const a = p(t.type), s = p([]), l = p(t.exceptionInfo), r = p(t.okButtonText), c = p(t.cancelButtonText), d = p(!0), f = p(!0), m = B(() => !!(s.value && s.value.length)), w = B(() => l.value && l.value.date && l.value.message && l.value.detail), C = B(() => !(s.value && s.value.length) && (r.value || c.value)), x = B(() => f.value && r.value), h = B(() => d.value && c.value), S = kn(t, n, o);
   function b(O) {
     a.value === "question" && e.emit("reject"), e.emit("close");
   }
   function T(O) {
     a.value === "question" && e.emit("accept"), e.emit("close");
   }
-  return () => c("div", {
+  return () => u("div", {
     class: "modal-footer"
-  }, [w.value && S(), C.value && h.value && c("button", {
+  }, [w.value && S(), C.value && h.value && u("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: b
-  }, [u.value]), C.value && x.value && c("button", {
+  }, [c.value]), C.value && x.value && u("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
     onClick: T
-  }, [r.value]), m.value && l.value.length && l.value.map((O) => c("button", {
+  }, [r.value]), m.value && s.value.length && s.value.map((O) => u("button", {
     type: "button",
     onClick: O.handle,
     class: O.class
-  }, [O.iconClass && c("span", {
+  }, [O.iconClass && u("span", {
     class: O.iconClass
   }, null), O.text]))]);
 }
@@ -1184,39 +1185,39 @@ const Te = /* @__PURE__ */ se({
   props: mn,
   emits: ["accept", "reject", "close"],
   setup(t, e) {
-    const n = p(t.type), o = p(t.title), a = p(t.detail), l = B(() => {
+    const n = p(t.type), o = p(t.title), a = p(t.detail), s = B(() => {
       const S = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
       }, b = `messager-type-${n.value}`;
       return S[b] = !0, S;
-    }), s = B(() => {
+    }), l = B(() => {
       const S = {};
       return n.value === "prompt" ? S.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (S.padding = "0.5rem 1.5rem 1rem 1.5rem"), S;
-    }), r = yn(), u = wn(t, n, o, a), d = Tn(), {
+    }), r = yn(), c = wn(t, n, o, a), d = Tn(), {
       feedbackStyle: f,
       feedbackMessage: m
     } = d;
     function w() {
-      return c("div", {
+      return u("div", {
         style: f.value
       }, [m.value]);
     }
     function C() {
       switch (n.value) {
         case "prompt":
-          return xn(t, u);
+          return xn(t, c);
         default:
           return Mn(t, n, o, a);
       }
     }
     const x = C(), h = Pn(t, e, r, d);
-    return () => c("div", {
+    return () => u("div", {
       class: "farris-messager"
-    }, [c("section", {
-      class: l.value,
-      style: s.value
+    }, [u("section", {
+      class: s.value,
+      style: l.value
     }, [x()]), h(), w()]);
   }
 }), In = {
@@ -1287,8 +1288,8 @@ class Y {
   static getTransformInfo(e) {
     const o = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (o.length >= 6) {
-      const a = parseInt(o[4], 10), l = parseInt(o[5], 10);
-      return { x: a, y: l };
+      const a = parseInt(o[4], 10), s = parseInt(o[5], 10);
+      return { x: a, y: s };
     }
     return { x: 0, y: 0 };
   }
@@ -1312,8 +1313,8 @@ class Y {
     if (window) {
       const o = window.getComputedStyle(e);
       if (o) {
-        const a = parseInt(o.getPropertyValue("left"), 10), l = parseInt(o.getPropertyValue("top"), 10);
-        n.x = isNaN(a) ? 0 : a, n.y = isNaN(l) ? 0 : l;
+        const a = parseInt(o.getPropertyValue("left"), 10), s = parseInt(o.getPropertyValue("top"), 10);
+        n.x = isNaN(a) ? 0 : a, n.y = isNaN(s) ? 0 : s;
       }
       return n;
     }
@@ -1364,19 +1365,19 @@ class de {
   }
 }
 function En(t, e) {
-  const n = p(), o = p(), a = p(), l = p(), s = p(), r = p(), u = p(), d = p(), f = p(), m = p(), w = p(), C = p(), x = p(t.draggable), h = p(!1);
+  const n = p(), o = p(), a = p(), s = p(), l = p(), r = p(), c = p(), d = p(), f = p(), m = p(), w = p(), C = p(), x = p(t.draggable), h = p(!1);
   function S() {
     const E = o.value || document.body, v = window.getComputedStyle(E);
     if (!v || !n.value)
       return;
     const M = Y.getTransformInfo(n.value), I = {};
-    u.value && (I.deltaL = n.value.offsetLeft - u.value.x, I.deltaT = n.value.offsetTop - u.value.y);
+    c.value && (I.deltaL = n.value.offsetLeft - c.value.x, I.deltaT = n.value.offsetTop - c.value.y);
     const R = v.getPropertyValue("position");
     I.width = E.clientWidth, I.height = E.clientHeight, I.pr = parseInt(v.getPropertyValue("padding-right"), 10), I.pb = parseInt(v.getPropertyValue("padding-bottom"), 10), I.position = v.getPropertyValue("position"), R === "static" && (E.style.position = "relative"), I.translateX = M.x, I.translateY = M.y, m.value = I;
   }
   function b(E) {
     if (n.value) {
-      l.value = de.getCurrent(n.value), s.value = Y.getCurrent(n.value), r.value = l.value ? de.copy(l.value) : null, u.value = s.value ? Y.copy(s.value) : null, S();
+      s.value = de.getCurrent(n.value), l.value = Y.getCurrent(n.value), r.value = s.value ? de.copy(s.value) : null, c.value = l.value ? Y.copy(l.value) : null, S();
       const v = E.target.getAttribute("type") || "";
       d.value = {
         n: !!v.match(/n/),
@@ -1390,28 +1391,28 @@ function En(t, e) {
     var E, v, M, I;
     if (n.value) {
       const R = n.value;
-      d.value && ((d.value.n || d.value.s) && ((E = r.value) != null && E.height) && (R.style.height = r.value.height + "px"), (d.value.w || d.value.e) && ((v = r.value) != null && v.width) && (R.style.width = r.value.width + "px"), u.value && ((M = u.value) != null && M.x && (R.style.left = u.value.x + "px"), (I = u.value) != null && I.y && (R.style.top = u.value.y + "px")));
+      d.value && ((d.value.n || d.value.s) && ((E = r.value) != null && E.height) && (R.style.height = r.value.height + "px"), (d.value.w || d.value.e) && ((v = r.value) != null && v.width) && (R.style.width = r.value.width + "px"), c.value && ((M = c.value) != null && M.x && (R.style.left = c.value.x + "px"), (I = c.value) != null && I.y && (R.style.top = c.value.y + "px")));
     }
   }
   function O() {
     const E = t.minHeight ? t.minHeight : 1, v = t.minWidth ? t.minWidth : 1;
-    r.value && u.value && d.value && l.value && (r.value.height < E && (r.value.height = E, d.value.n && s.value && (u.value.y = s.value.y + (l.value.height - E))), r.value.width < v && (r.value.width = v, d.value.w && s.value && (u.value.x = s.value.x + (l.value.width - v))), t.maxHeight && r.value.height > t.maxHeight && (r.value.height = t.maxHeight, s.value && d.value.n && (u.value.y = s.value.y + (l.value.height - t.maxHeight))), t.maxWidth && r.value.width > t.maxWidth && (r.value.width = t.maxWidth, d.value.w && s.value && (u.value.x = s.value.x + (l.value.width - t.maxWidth))));
+    r.value && c.value && d.value && s.value && (r.value.height < E && (r.value.height = E, d.value.n && l.value && (c.value.y = l.value.y + (s.value.height - E))), r.value.width < v && (r.value.width = v, d.value.w && l.value && (c.value.x = l.value.x + (s.value.width - v))), t.maxHeight && r.value.height > t.maxHeight && (r.value.height = t.maxHeight, l.value && d.value.n && (c.value.y = l.value.y + (s.value.height - t.maxHeight))), t.maxWidth && r.value.width > t.maxWidth && (r.value.width = t.maxWidth, d.value.w && l.value && (c.value.x = l.value.x + (s.value.width - t.maxWidth))));
   }
   function z() {
     if (o.value) {
       const E = m.value;
-      if (u.value && r.value && d.value && l.value) {
-        const v = E.width - E.pr - E.deltaL - E.translateX - u.value.x, M = E.height - E.pb - E.deltaT - E.translateY - u.value.y;
-        d.value.n && u.value.y + E.translateY < 0 && s.value && (u.value.y = -E.translateY, r.value.height = l.value.height + s.value.y + E.translateY), d.value.w && u.value.x + E.translateX < 0 && s.value && (u.value.x = -E.translateX, r.value.width = l.value.width + s.value.x + E.translateX), r.value.width > v && (r.value.width = v), r.value.height > M && (r.value.height = M);
+      if (c.value && r.value && d.value && s.value) {
+        const v = E.width - E.pr - E.deltaL - E.translateX - c.value.x, M = E.height - E.pb - E.deltaT - E.translateY - c.value.y;
+        d.value.n && c.value.y + E.translateY < 0 && l.value && (c.value.y = -E.translateY, r.value.height = s.value.height + l.value.y + E.translateY), d.value.w && c.value.x + E.translateX < 0 && l.value && (c.value.x = -E.translateX, r.value.width = s.value.width + l.value.x + E.translateX), r.value.width > v && (r.value.width = v), r.value.height > M && (r.value.height = M);
       }
     }
   }
   function j(E) {
-    if (!a.value || !l.value || !s.value || !d.value)
+    if (!a.value || !s.value || !l.value || !d.value)
       return;
     E.subtract(a.value);
     const v = E.x, M = E.y;
-    d.value.n ? (u.value.y = s.value.y + M, r.value.height = l.value.height - M) : d.value.s && (r.value.height = l.value.height + M), d.value.e ? r.value.width = l.value.width + v : d.value.w && (r.value.width = l.value.width - v, u.value.x = s.value.x + v), z(), O(), T();
+    d.value.n ? (c.value.y = l.value.y + M, r.value.height = s.value.height - M) : d.value.s && (r.value.height = s.value.height + M), d.value.e ? r.value.width = s.value.width + v : d.value.w && (r.value.width = s.value.width - v, c.value.x = l.value.x + v), z(), O(), T();
   }
   function $(E) {
     if (!f.value)
@@ -1445,7 +1446,7 @@ function En(t, e) {
       const v = k();
       w.value = v;
     }
-    a.value = void 0, l.value = null, s.value = null, r.value = null, u.value = null, d.value = null, f.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", L);
+    a.value = void 0, s.value = null, l.value = null, r.value = null, c.value = null, d.value = null, f.value = null, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", L);
   }
   function W() {
     document.addEventListener("mousemove", $), document.addEventListener("mouseup", L);
@@ -1454,35 +1455,35 @@ function En(t, e) {
     E instanceof MouseEvent && E.button === 2 || x.value && (E.stopPropagation(), E.preventDefault(), a.value = Y.fromEvent(E), f.value = E.target, b(E), W());
   }
   function g(E) {
-    return n.value = E, c(Me, null, [c("div", {
+    return n.value = E, u(Me, null, [u("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
       onMousedown: (v) => D(v)
-    }, null), c("div", {
+    }, null), u("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
       onMousedown: (v) => D(v)
@@ -1508,7 +1509,7 @@ function En(t, e) {
         x: (window.innerWidth - M.width) / 2,
         y: (window.innerHeight - M.height) / 2
       };
-      (E = r.value) == null || E.set(M), (v = u.value) == null || v.set(I);
+      (E = r.value) == null || E.set(M), (v = c.value) == null || v.set(I);
       const R = n.value;
       R.style.height = M.height + "px", R.style.width = M.width + "px", R.style.left = `${I.x}px`, R.style.top = `${I.y}px`, R.style.transform = "", w.value = {
         size: M,
@@ -1549,9 +1550,9 @@ function En(t, e) {
   };
 }
 function Dn(t, e, n) {
-  const o = p(), a = p(t.draggable), l = p(t.lockAxis), s = p(), r = p(), u = p(!1), d = p(new Y(0, 0)), f = p(new Y(0, 0)), m = p(new Y(0, 0)), w = p(new Y(0, 0));
+  const o = p(), a = p(t.draggable), s = p(t.lockAxis), l = p(), r = p(), c = p(!1), d = p(new Y(0, 0)), f = p(new Y(0, 0)), m = p(new Y(0, 0)), w = p(new Y(0, 0));
   Z(() => n.value, (k) => {
-    s.value.style.cursor = k ? "move" : "default";
+    l.value.style.cursor = k ? "move" : "default";
   });
   function C(k, L) {
     if (L.tagName === "BUTTON")
@@ -1566,7 +1567,7 @@ function Dn(t, e, n) {
   function x() {
     var D, g;
     let k = m.value.x + f.value.x, L = m.value.y + f.value.y;
-    l.value === "x" ? (k = ((D = d.value) == null ? void 0 : D.x) || 0, m.value.x = 0) : l.value === "y" && (L = ((g = d.value) == null ? void 0 : g.y) || 0, m.value.y = 0);
+    s.value === "x" ? (k = ((D = d.value) == null ? void 0 : D.x) || 0, m.value.x = 0) : s.value === "y" && (L = ((g = d.value) == null ? void 0 : g.y) || 0, m.value.y = 0);
     const W = `translate3d(${Math.round(k)}px, ${Math.round(L)}px, 0px)`;
     o.value && (o.value.style.transform = W), w.value.x = k, w.value.y = L;
   }
@@ -1585,14 +1586,14 @@ function Dn(t, e, n) {
     k && (d.value && k.subtract(d.value), m.value.set(k), x(), h());
   }
   function b(k) {
-    u.value && a.value && (k.stopPropagation(), k.preventDefault(), S(Y.fromEvent(k, s.value)));
+    c.value && a.value && (k.stopPropagation(), k.preventDefault(), S(Y.fromEvent(k, l.value)));
   }
   function T() {
     var k;
-    u.value && (u.value = !1, f.value.add(m.value), m.value.reset(), (k = o.value) == null || k.classList.remove("ng-dragging"), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", T));
+    c.value && (c.value = !1, f.value.add(m.value), m.value.reset(), (k = o.value) == null || k.classList.remove("ng-dragging"), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", T));
   }
   function O() {
-    !u.value && s.value && (u.value = !0, s.value.classList.add("ng-dragging"), document.addEventListener("mousemove", b), document.addEventListener("mouseup", T));
+    !c.value && l.value && (c.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", b), document.addEventListener("mouseup", T));
   }
   function z() {
     if (o.value) {
@@ -1606,21 +1607,21 @@ function Dn(t, e, n) {
     if (!n.value || k instanceof MouseEvent && k.button === 2)
       return;
     const L = k.target || k.srcElement;
-    s.value !== void 0 && L && !C(L, s.value) || a.value !== !1 && (document.body.click(), k.stopPropagation(), k.preventDefault(), d.value = Y.fromEvent(k, o.value), z(), O());
+    l.value !== void 0 && L && !C(L, l.value) || a.value !== !1 && (document.body.click(), k.stopPropagation(), k.preventDefault(), d.value = Y.fromEvent(k, o.value), z(), O());
   }
   function $(k, L, W) {
     if (a.value && L) {
       if (k)
-        s.value = k;
+        l.value = k;
       else if (t.dragHandle) {
         if (t.dragHandle instanceof HTMLElement)
-          s.value = t.dragHandle;
+          l.value = t.dragHandle;
         else if (typeof t.dragHandle == "string") {
           const D = L.querySelector(t.dragHandle);
-          D && (s.value = D);
+          D && (l.value = D);
         }
       }
-      o.value = L, r.value = W, s.value.classList.add("ng-draggable"), s.value.addEventListener("mousedown", j);
+      o.value = L, r.value = W, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", j);
     }
   }
   return {
@@ -1661,7 +1662,7 @@ const ot = /* @__PURE__ */ se({
   props: In,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(t, e) {
-    const n = p(t.width || 300), o = p(t.height || 200), a = p(t.modelValue), l = p(""), s = p(t.class), r = p(t.fitContent), u = p(t.showHeader), d = p(""), f = p(t.showCloseButton), m = p(t.showMaxButton), w = p(!1), C = p(""), x = p(""), h = p(""), S = p(t.showButtons), b = p(t.title), T = p(t.reiszeable), O = p(t.containment || null), z = p();
+    const n = p(t.width || 300), o = p(t.height || 200), a = p(t.modelValue), s = p(""), l = p(t.class), r = p(t.fitContent), c = p(t.showHeader), d = p(""), f = p(t.showCloseButton), m = p(t.showMaxButton), w = p(!1), C = p(""), x = p(""), h = p(""), S = p(t.showButtons), b = p(t.title), T = p(t.reiszeable), O = p(t.containment || null), z = p();
     function j(A, U) {
       a.value = !1, e.emit("update:modelValue", !1), U != null && e.emit(U ? "accept" : "cancel"), e.emit("closed", A);
     }
@@ -1695,7 +1696,7 @@ const ot = /* @__PURE__ */ se({
     }), Z(() => t.modelValue, (A, U) => {
       A !== U && (a.value = A);
     }), Z(() => t.showHeader, (A, U) => {
-      A !== U && (u.value = A);
+      A !== U && (c.value = A);
     }), Z(() => t.showButtons, (A, U) => {
       A !== U && (S.value = A);
     }), Z(() => E.value, (A, U) => {
@@ -1720,7 +1721,7 @@ const ot = /* @__PURE__ */ se({
       var ge;
       const A = {
         "modal-dialog": !0
-      }, U = (ge = s.value) == null ? void 0 : ge.split(" ");
+      }, U = (ge = l.value) == null ? void 0 : ge.split(" ");
       return U == null || U.reduce((we, bt) => (we[bt] = !0, we), A), A;
     }), le = B(() => ({
       position: "absolute",
@@ -1730,10 +1731,10 @@ const ot = /* @__PURE__ */ se({
       height: r.value ? "auto" : `${o.value}px`
     })), re = B(() => ({
       "modal-content": !0,
-      "modal-content-has-header": u.value
+      "modal-content-has-header": c.value
     })), q = B(() => {
       const A = {
-        display: u.value ? "" : "none"
+        display: c.value ? "" : "none"
       };
       return A["pointer-events"] = v.value ? "auto" : "none", A;
     }), X = B(() => ({
@@ -1778,83 +1779,83 @@ const ot = /* @__PURE__ */ se({
       maxDialog: Ce
     });
     function vt() {
-      return c("ul", null, [w.value && c("li", {
+      return u("ul", null, [w.value && u("li", {
         class: "f-btn-icon f-bare"
-      }, [c("span", {
+      }, [u("span", {
         class: "f-icon modal_minimize"
-      }, null)]), m.value && c("li", {
+      }, null)]), m.value && u("li", {
         onClick: Ce,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
-      }, [c("span", {
+      }, [u("span", {
         class: X.value
-      }, null)]), f.value && c("li", {
+      }, null)]), f.value && u("li", {
         class: "f-btn-icon f-bare",
         onClick: (A) => j(A, !1),
         style: "pointer-events: auto;"
-      }, [c("span", {
+      }, [u("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
     function mt() {
-      return c("div", {
+      return u("div", {
         class: "modal-footer",
         style: Pe.value
-      }, [k.value && k.value.map((A) => c("button", {
+      }, [k.value && k.value.map((A) => u("button", {
         name: A.name,
         type: "button",
         class: A.class + (A.iconClass ? " btn-icontext" : ""),
         onClick: (U) => {
           _(A, U);
         }
-      }, [!!A.iconClass && c("i", {
+      }, [!!A.iconClass && u("i", {
         class: A.iconClass
       }, null), A.text]))]);
     }
     function ht() {
-      return c("div", {
+      return u("div", {
         ref: D,
         class: "modal-header",
         style: q.value
-      }, [c("div", {
+      }, [u("div", {
         class: "modal-title"
-      }, [L.value && c("span", {
+      }, [L.value && u("span", {
         class: d.value,
         style: "margin-right: 8px"
-      }, null), c("span", {
+      }, null), u("span", {
         class: "modal-title-label"
-      }, [b.value])]), c("div", {
+      }, [b.value])]), u("div", {
         class: "actions"
       }, [vt()])]);
     }
     function gt(A) {
       A.stopPropagation();
     }
-    return () => c(xt, {
+    return () => u(xt, {
       to: "body"
     }, {
-      default: () => [V.value && c(St, {
+      default: () => [V.value && u(St, {
         name: "fade",
         appear: !0
       }, {
         default: () => {
           var A, U;
-          return [c("div", {
+          return [u("div", {
             class: G.value,
             style: "display: block",
             ref: z,
             onClick: gt
-          }, [c("div", {
-            id: l.value,
+          }, [u("div", {
+            id: s.value,
             class: K.value,
             style: le.value,
             ref: g
-          }, [c("div", {
+          }, [u("div", {
             class: re.value
-          }, [u.value && ht(), c("div", {
+          }, [c.value && ht(), u("div", {
             class: ne.value
-          }, [(U = (A = e.slots).default) == null ? void 0 : U.call(A), C.value === "iframe" && c("iframe", {
-            title: l.value,
+          }, [(U = (A = e.slots).default) == null ? void 0 : U.call(A), C.value === "iframe" && u("iframe", {
+            title: s.value,
             class: "f-utils-fill",
             width: "100%",
             frameborder: "0",
@@ -1879,7 +1880,7 @@ function On(t) {
       be(() => {
         document.body.removeChild(e);
       });
-      const l = p(), s = p(t.class || ""), r = p(!!t.showButtons), u = p(!!t.showHeader), d = p(t.showCloseButton == null ? !0 : t.showCloseButton), f = p(!0), m = p(t.title || ""), w = t.acceptCallback || (() => {
+      const s = p(), l = p(t.class || ""), r = p(!!t.showButtons), c = p(!!t.showHeader), d = p(t.showCloseButton == null ? !0 : t.showCloseButton), f = p(!0), m = p(t.title || ""), w = t.acceptCallback || (() => {
       }), C = t.rejectCallback || (() => {
       }), x = t.closedCallback || ((T) => {
       }), h = t.resizeHandle || ((T) => {
@@ -1888,17 +1889,17 @@ function On(t) {
       };
       return te(() => {
       }), a.expose({
-        modalRef: l
-      }), () => c(ot, {
-        ref: l,
-        class: s.value,
+        modalRef: s
+      }), () => u(ot, {
+        ref: s,
+        class: l.value,
         modelValue: f.value,
         "onUpdate:modelValue": (T) => f.value = T,
         title: m.value,
         width: t.width,
         height: t.height,
         buttons: t.buttons,
-        "show-header": u.value,
+        "show-header": c.value,
         "show-buttons": r.value,
         "show-close-button": d.value,
         "show-max-button": !1,
@@ -1942,10 +1943,10 @@ class An {
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, e)), a = p(!0), l = o.value.acceptCallback || (() => {
-    }), s = o.value.rejectCallback || (() => {
+    }, e)), a = p(!0), s = o.value.acceptCallback || (() => {
+    }), l = o.value.rejectCallback || (() => {
     }), r = o.value.closedCallback || ((b, T) => {
-    }), u = o.value.resizeHandle || ((b) => {
+    }), c = o.value.resizeHandle || ((b) => {
     });
     let d;
     const f = at(o.value), m = (b) => {
@@ -1964,15 +1965,15 @@ class An {
     }, C = (b) => {
       var T;
       this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((T = this.activeModalInstance.value) == null || T.close(b == null ? void 0 : b.event));
-    }, x = () => c(ot, Ne({
+    }, x = () => u(ot, Ne({
       ref: this.modalRef,
       modelValue: a.value,
       "onUpdate:modelValue": (b) => a.value = b
     }, o.value, {
-      onAccept: l,
-      onCancel: s,
+      onAccept: s,
+      onCancel: l,
       onClosed: w,
-      onResize: u,
+      onResize: c,
       onEsc: C
     }), {
       default: () => [f && f(this.app)]
@@ -2001,23 +2002,23 @@ class ie {
   static show(e) {
     const n = ue({
       ...e
-    }), o = !1, a = n.type === "error" || n.type === "prompt", l = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", s = n.acceptCallback || (() => {
+    }), o = !1, a = n.type === "error" || n.type === "prompt", s = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", l = n.acceptCallback || (() => {
     }), r = n.rejectCallback || (() => {
     });
-    let u = null, d = new An(u);
+    let c = null, d = new An(c);
     const f = () => {
-      u && (u == null || u.destroy(), d = null);
+      c && (c == null || c.destroy(), d = null);
     };
-    u = d == null ? void 0 : d.open({
+    c = d == null ? void 0 : d.open({
       class: "modal-message modal-message-type-info",
-      title: l,
+      title: s,
       showButtons: o,
       showHeader: a,
       width: n.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => c(Te, Ne(n, {
-        onAccept: s,
+      render: () => u(Te, Ne(n, {
+        onAccept: l,
         onReject: r,
         onClose: f
       }), null)
@@ -2078,7 +2079,7 @@ class ie {
     ie.show(o);
   }
   static question(e, n, o, a) {
-    const l = ue({
+    const s = ue({
       type: "question",
       title: e,
       detail: n,
@@ -2087,17 +2088,17 @@ class ie {
       acceptCallback: o,
       rejectCallback: a
     });
-    ie.show(l);
+    ie.show(s);
   }
 }
 Te.install = (t) => {
   t.component(Te.name, Te), t.provide("FMessageBoxService", ie);
 };
-function $n(t, e, n, o, a, l) {
+function $n(t, e, n, o, a, s) {
   const {
-    activeId: s,
+    activeId: l,
     removeTab: r,
-    selectTab: u,
+    selectTab: c,
     removeDesignTab: d,
     selectDesignTab: f,
     addTabPageToolbar: m
@@ -2109,7 +2110,7 @@ function $n(t, e, n, o, a, l) {
       "farris-component": !0,
       "nav-item": !0,
       "d-none": e.show !== void 0 ? !e.show : !1,
-      "f-state-active": e.id === s.value,
+      "f-state-active": e.id === l.value,
       "f-state-disable": e.disabled
     };
     return i[`${e.id}-design-item`] = !0, i;
@@ -2118,11 +2119,11 @@ function $n(t, e, n, o, a, l) {
   })), h = B(() => ({
     "nav-link": !0,
     "tabs-text-truncate": !0,
-    active: e.id === s.value,
+    active: e.id === l.value,
     disabled: e.disabled
   }));
   function S(i) {
-    return c("span", {
+    return u("span", {
       class: w.value,
       title: i.title
     }, [i.title]);
@@ -2132,18 +2133,18 @@ function $n(t, e, n, o, a, l) {
   }
   const T = b(n), O = p(e.removeable);
   function z() {
-    return c("span", {
+    return u("span", {
       class: "st-drop-close",
       onClick: (i) => r(i, e.id)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-close"
     }, null)]);
   }
   function j(i) {
-    u(e.id), t.tabType === "one-page" && o.scrollToByPaggId(e.id);
+    c(e.id), t.tabType === "one-page" && o.scrollToByPaggId(e.id);
   }
   function $(i) {
-    f(i, e.id, l.value);
+    f(i, e.id, s.value);
   }
   function k(i) {
     ie.question(`确定删除标签页【${n.props.title}】?`, "", () => d(i, e.id), () => {
@@ -2153,48 +2154,48 @@ function $n(t, e, n, o, a, l) {
     m(i, e.id);
   }
   function W() {
-    return c("div", {
+    return u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeComponent",
       onClick: (i) => k(i)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-yxs_delete"
     }, null)]);
   }
   function D() {
-    return c("div", {
+    return u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增按钮",
       ref: "addComponent",
       onClick: (i) => L(i)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-plus-circle"
     }, null)]);
   }
   function g() {
-    return c("div", {
+    return u("div", {
       class: "component-btn-group",
       "data-noattach": "true"
-    }, [c("div", null, [W(), !e.toolbar || !e.toolbar.buttons || !e.toolbar.buttons.length ? D() : ""])]);
+    }, [u("div", null, [W(), !e.toolbar || !e.toolbar.buttons || !e.toolbar.buttons.length ? D() : ""])]);
   }
-  return c("li", {
+  return u("li", {
     onClick: (i) => $(i),
     class: C.value,
     style: x.value,
     id: `${e.id}-design-item`
-  }, [g(), c("a", {
+  }, [g(), u("a", {
     class: h.value,
     onClick: j
   }, [T(e), O.value && z()])]);
 }
-function Ln(t, e, n, o, a, l, s) {
+function Ln(t, e, n, o, a, s, l) {
   const {
     shouldShowNavigationButtons: r
   } = n, {
-    tabPages: u
+    tabPages: c
   } = a, d = B(() => ({
     spacer: !0,
     "f-utils-fill": !0,
@@ -2215,40 +2216,40 @@ function Ln(t, e, n, o, a, l, s) {
   })), C = function(x) {
     var b;
     const h = pe("tab-page");
-    h.id = `tab_page_${Math.random().toString().slice(2, 6)}`, (b = l.value.schema.contents) == null || b.push(h);
+    h.id = `tab_page_${Math.random().toString().slice(2, 6)}`, (b = s.value.schema.contents) == null || b.push(h);
     const {
       selectTabByTabId: S
     } = a;
     S(h.id);
   };
-  return () => c("div", {
+  return () => u("div", {
     class: d.value,
     style: f.value
-  }, [c("ul", {
+  }, [u("ul", {
     class: m.value,
     style: w.value,
     ref: e
-  }, [u.value.map((x) => $n(t, x.props, x, o, a, l)), c("li", {
+  }, [c.value.map((x) => $n(t, x.props, x, o, a, s)), u("li", {
     class: "nav-item"
-  }, [c("a", {
+  }, [u("a", {
     class: "nav-link tabs-text-truncate",
     title: "添加页签",
     onClick: (x) => C()
-  }, [c("i", {
+  }, [u("i", {
     class: "f-icon f-icon-plus",
     style: "font-size: 20px;margin: 0 auto;line-height: 24px;"
   }, null)])])])]);
 }
 function st(t, e, n) {
   var z;
-  const o = n && n.getStyles && n.getStyles() || "", a = n && n.getDesignerClass && n.getDesignerClass() || "", l = p();
-  function s() {
+  const o = n && n.getStyles && n.getStyles() || "", a = n && n.getDesignerClass && n.getDesignerClass() || "", s = p();
+  function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
   function r() {
     return !1;
   }
-  function u() {
+  function c() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
   function d() {
@@ -2299,10 +2300,10 @@ function st(t, e, n) {
       (L = k == null ? void 0 : k.componentInstance) != null && L.value.onRemoveComponent && k.componentInstance.value.onRemoveComponent();
     });
   }
-  return l.value = {
-    canMove: s(),
+  return s.value = {
+    canMove: l(),
     canSelectParent: r(),
-    canDelete: u(),
+    canDelete: c(),
     canNested: !d(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
@@ -2322,20 +2323,20 @@ function st(t, e, n) {
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || p(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || p(!1),
     onRemoveComponent: O
-  }, l;
+  }, s;
 }
 class lt {
   getTemplateRule(e, n) {
-    const o = n == null ? void 0 : n.formSchemaUtils, a = o == null ? void 0 : o.getFormTemplateRule(), l = { canAccept: !0, canDelete: !0, canMove: !0 };
+    const o = n == null ? void 0 : n.formSchemaUtils, a = o == null ? void 0 : o.getFormTemplateRule(), s = { canAccept: !0, canDelete: !0, canMove: !0 };
     if (!a)
-      return l;
-    const s = this.getComponentContext(e), { componentClassList: r } = s;
-    return r.forEach((u) => {
-      if (!u || !a[u])
+      return s;
+    const l = this.getComponentContext(e), { componentClassList: r } = l;
+    return r.forEach((c) => {
+      if (!c || !a[c])
         return;
-      const { canMove: d, canDelete: f, canAccept: m } = a[u];
-      l.canMove = l.canMove && this.resolveRuleValue(d, s), l.canDelete = l.canDelete && this.resolveRuleValue(f, s), l.canAccept = l.canAccept && this.resolveRuleValue(m, s);
-    }), l;
+      const { canMove: d, canDelete: f, canAccept: m } = a[c];
+      s.canMove = s.canMove && this.resolveRuleValue(d, l), s.canDelete = s.canDelete && this.resolveRuleValue(f, l), s.canAccept = s.canAccept && this.resolveRuleValue(m, l);
+    }), s;
   }
   resolveRuleValue(e, n) {
     return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, n);
@@ -2343,50 +2344,50 @@ class lt {
   parseRuleValueSchema(e, n) {
     const o = e.invalidContext || [];
     let a = !0;
-    for (const l of o) {
-      if (l.firstLevelChild) {
-        if (l.firstLevelChild.class) {
-          const { firstLevelChildClassList: s } = n;
-          if (s && !s.includes(l.firstLevelChild.class)) {
+    for (const s of o) {
+      if (s.firstLevelChild) {
+        if (s.firstLevelChild.class) {
+          const { firstLevelChildClassList: l } = n;
+          if (l && !l.includes(s.firstLevelChild.class)) {
             a = !1;
             continue;
           }
         }
-        if (l.firstLevelChild.type) {
-          const { firstLevelChildSchema: s } = n;
-          if (!s || s.type !== l.firstLevelChild.type) {
+        if (s.firstLevelChild.type) {
+          const { firstLevelChildSchema: l } = n;
+          if (!l || l.type !== s.firstLevelChild.type) {
             a = !1;
             continue;
           }
         }
       }
-      if (l.secondLevelChild) {
-        if (l.secondLevelChild.class) {
-          const { secondLevelChildClassList: s } = n;
-          if (s && !s.includes(l.secondLevelChild.class)) {
+      if (s.secondLevelChild) {
+        if (s.secondLevelChild.class) {
+          const { secondLevelChildClassList: l } = n;
+          if (l && !l.includes(s.secondLevelChild.class)) {
             a = !1;
             continue;
           }
         }
-        if (l.secondLevelChild.type) {
-          const { secondLevelChildSchema: s } = n;
-          if (!s || s.type !== l.secondLevelChild.type) {
+        if (s.secondLevelChild.type) {
+          const { secondLevelChildSchema: l } = n;
+          if (!l || l.type !== s.secondLevelChild.type) {
             a = !1;
             continue;
           }
         }
       }
-      if (l.parent) {
-        if (l.parent.class) {
-          const { parentClassList: s } = n;
-          if (s && !s.includes(l.parent.class)) {
+      if (s.parent) {
+        if (s.parent.class) {
+          const { parentClassList: l } = n;
+          if (l && !l.includes(s.parent.class)) {
             a = !1;
             continue;
           }
         }
-        if (l.parent.type) {
-          const { parentSchema: s } = n;
-          if (s && s.type !== l.parent.type) {
+        if (s.parent.type) {
+          const { parentSchema: l } = n;
+          if (l && l.type !== s.parent.type) {
             a = !1;
             continue;
           }
@@ -2399,14 +2400,14 @@ class lt {
   }
   getComponentContext(e) {
     var h, S, b, T;
-    const n = e.schema, o = n.appearance && n.appearance.class || "", a = o.split(" ") || [], l = n.contents || [], s = l.length ? l[0] : null, r = s && s.appearance ? s.appearance.class : "", u = r ? r.split(" ") : [], d = (h = s == null ? void 0 : s.contents) != null && h.length ? s == null ? void 0 : s.contents[0] : null, f = d && d.appearance ? d.appearance.class : "", m = f ? f.split(" ") : [], w = n.type === "component" ? (b = (S = e.parent) == null ? void 0 : S.parent) == null ? void 0 : b.schema : (T = e.parent) == null ? void 0 : T.schema, C = w && w.appearance && w.appearance.class || "", x = C ? C.split(" ") : [];
+    const n = e.schema, o = n.appearance && n.appearance.class || "", a = o.split(" ") || [], s = n.contents || [], l = s.length ? s[0] : null, r = l && l.appearance ? l.appearance.class : "", c = r ? r.split(" ") : [], d = (h = l == null ? void 0 : l.contents) != null && h.length ? l == null ? void 0 : l.contents[0] : null, f = d && d.appearance ? d.appearance.class : "", m = f ? f.split(" ") : [], w = n.type === "component" ? (b = (S = e.parent) == null ? void 0 : S.parent) == null ? void 0 : b.schema : (T = e.parent) == null ? void 0 : T.schema, C = w && w.appearance && w.appearance.class || "", x = C ? C.split(" ") : [];
     return {
       componentClass: o,
       componentClassList: a,
-      childContents: l,
-      firstLevelChildSchema: s,
+      childContents: s,
+      firstLevelChildSchema: l,
       firstLevelChildClass: r,
-      firstLevelChildClassList: u,
+      firstLevelChildClassList: c,
       secondLevelChildSchema: d,
       secondLevelChildClass: f,
       secondLevelChildClassList: m,
@@ -2446,7 +2447,7 @@ class ye {
     if (n) {
       if (!this.designViewModelField) {
         const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = a.fields.find((l) => l.id === n);
+        this.designViewModelField = a.fields.find((s) => s.id === n);
       }
       e.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
     }
@@ -2508,8 +2509,8 @@ class ye {
     const o = n && n.parent && n.parent.schema;
     if (!o)
       return;
-    const a = o.contents.findIndex((s) => s.id === e), l = Ve(o.contents[a]);
-    o.contents.splice(a, 1), o.contents.splice(a, 0, l);
+    const a = o.contents.findIndex((l) => l.id === e), s = Ve(o.contents[a]);
+    o.contents.splice(a, 1), o.contents.splice(a, 0, s);
   }
 }
 class Fn extends ye {
@@ -2612,18 +2613,18 @@ class Hn extends ye {
   }
 }
 function zn(t, e) {
-  const n = t.schema, o = new lt(), { canMove: a, canAccept: l, canDelete: s } = o.getTemplateRule(t, e);
+  const n = t.schema, o = new lt(), { canMove: a, canAccept: s, canDelete: l } = o.getTemplateRule(t, e);
   function r(w) {
-    return l;
-  }
-  function u() {
     return s;
   }
+  function c() {
+    return l;
+  }
   function d() {
     return a;
   }
   function f() {
-    return !a && !s;
+    return !a && !l;
   }
   function m(w) {
     var h;
@@ -2631,7 +2632,7 @@ function zn(t, e) {
   }
   return {
     canAccepts: r,
-    checkCanDeleteComponent: u,
+    checkCanDeleteComponent: c,
     checkCanMoveComponent: d,
     getPropsConfig: m,
     hideNestedPaddingInDesginerView: f
@@ -2639,8 +2640,8 @@ function zn(t, e) {
 }
 const je = p(0);
 function Nn(t, e) {
-  const n = e.getBoundingClientRect(), o = t.getBoundingClientRect(), a = o.top >= n.top, l = o.top <= n.bottom;
-  return a && l;
+  const n = e.getBoundingClientRect(), o = t.getBoundingClientRect(), a = o.top >= n.top, s = o.top <= n.bottom;
+  return a && s;
 }
 function Vn(t) {
   if (!t)
@@ -2658,18 +2659,18 @@ function Vn(t) {
       return;
     }
     o.style.display = "";
-    const l = o.getBoundingClientRect(), s = o.querySelector("div");
-    if (s) {
-      const r = s.getBoundingClientRect();
-      s.style.top = l.top + "px", s.style.left = l.left - r.width + "px";
+    const s = o.getBoundingClientRect(), l = o.querySelector("div");
+    if (l) {
+      const r = l.getBoundingClientRect();
+      l.style.top = s.top + "px", l.style.left = s.left - r.width + "px";
     }
   }
 }
 function Wn(t, e, n, o) {
-  const a = p([]), l = p(t.activeId || ""), s = p(!0), r = p(), u = p([]);
+  const a = p([]), s = p(t.activeId || ""), l = p(!0), r = p(), c = p([]);
   function d(v) {
-    const M = v.value.findIndex((I) => I.props.show !== !1 && !l.value && !I.props.disabled);
-    !l.value && M !== -1 && (l.value = v.value[M].props.id);
+    const M = v.value.findIndex((I) => I.props.show !== !1 && !s.value && !I.props.disabled);
+    !s.value && M !== -1 && (s.value = v.value[M].props.id);
   }
   function f(v, M) {
     v.classList.contains(M) || v.classList.add(M);
@@ -2692,32 +2693,32 @@ function Wn(t, e, n, o) {
     v.preventDefault(), v.stopPropagation();
   };
   function h(v) {
-    a.value = a.value.filter((M) => M.props.id !== v), l.value === v && (l.value = "", d(a));
+    a.value = a.value.filter((M) => M.props.id !== v), s.value === v && (s.value = "", d(a));
   }
   function S(v, M, I = !1) {
     const R = a.value.findIndex((V) => V.props.id === M);
     h(M), x(v), ae(() => {
-      C(n), I && (s.value = !0), e.emit("tabRemove", {
+      C(n), I && (l.value = !0), e.emit("tabRemove", {
         removeIndex: R,
         removeId: M,
-        activeId: l.value
+        activeId: s.value
       });
     });
   }
   function b() {
-    const v = a.value.find((R) => R.props.id === l.value);
-    if (u.value = [], v && v.props.toolbar) {
+    const v = a.value.find((R) => R.props.id === s.value);
+    if (c.value = [], v && v.props.toolbar) {
       const R = Object.prototype.hasOwnProperty.call(v.props.toolbar, "contents") ? "contents" : "buttons";
-      v.props.toolbar[R] && v.props.toolbar[R].length && (u.value = [...v.props.toolbar[R]]);
+      v.props.toolbar[R] && v.props.toolbar[R].length && (c.value = [...v.props.toolbar[R]]);
     }
-    const M = o.schema.contents, I = M == null ? void 0 : M.find((R) => R.id === l.value);
+    const M = o.schema.contents, I = M == null ? void 0 : M.find((R) => R.id === s.value);
     r.value = I == null ? void 0 : I.toolbar;
   }
   function T(v) {
-    const M = l.value;
-    l.value = v, b(), e.emit("tabChange", {
+    const M = s.value;
+    s.value = v, b(), e.emit("tabChange", {
       prevId: M,
-      nextId: l.value
+      nextId: s.value
     });
   }
   function O(v) {
@@ -2804,12 +2805,12 @@ function Wn(t, e, n, o) {
       return;
     (!R.toolbar || !R.toolbar.buttons) && (R.toolbar = { buttons: [] });
     const V = pe("tab-toolbar-item");
-    V.id = `tab_toolbar_item_${Math.random().toString().slice(2, 6)}`, V.appearance = { class: "btn btn-secondary f-btn-ml" }, R.toolbar.buttons.push(V), u.value = [...R.toolbar.buttons], r.value = R.toolbar, ae(() => {
+    V.id = `tab_toolbar_item_${Math.random().toString().slice(2, 6)}`, V.appearance = { class: "btn btn-secondary f-btn-ml" }, R.toolbar.buttons.push(V), c.value = [...R.toolbar.buttons], r.value = R.toolbar, ae(() => {
       H();
     });
   }
   return {
-    activeId: l,
+    activeId: s,
     addTab: z,
     changeTitleStyle: C,
     removeTab: S,
@@ -2817,7 +2818,7 @@ function Wn(t, e, n, o) {
     selectTabByTabId: T,
     tabPages: a,
     updateTab: j,
-    toolbarItems: u,
+    toolbarItems: c,
     removeDesignTab: L,
     selectDesignTab: F,
     toolbarSchema: r,
@@ -3073,7 +3074,7 @@ function vo() {
     };
     if (n.icon) {
       const a = n.icon.trim().split(" ");
-      a && a.length && a.reduce((l, s) => (l[s] = !0, l), o);
+      a && a.length && a.reduce((s, l) => (s[l] = !0, s), o);
     }
     return o;
   }
@@ -3088,7 +3089,7 @@ function mo(t, e) {
   function a() {
     o && o();
   }
-  function l(g) {
+  function s(g) {
     const i = {
       "dropdown-menu": !0
     };
@@ -3098,7 +3099,7 @@ function mo(t, e) {
     }
     return i;
   }
-  function s(g) {
+  function l(g) {
     const i = {
       disabled: !g.enable,
       "dropdown-submenu": !0,
@@ -3116,7 +3117,7 @@ function mo(t, e) {
     }, y = g.class.split(" ");
     return y && y.length && y.reduce((P, F) => (P[F] = !0, P), i), i;
   }
-  let u;
+  let c;
   const d = /* @__PURE__ */ new Map();
   function f(g, i, y) {
     var F;
@@ -3238,56 +3239,56 @@ function mo(t, e) {
     F[H].children.push(v), a();
   }
   function k(g, i) {
-    return c("div", {
+    return u("div", {
       class: "component-btn-group"
-    }, [c("div", null, [c("div", {
+    }, [u("div", null, [u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
       onClick: (y) => z(y, g, i)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), c("div", {
+    }, null)]), u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
       onClick: (y) => j(y, g, i)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), c("div", {
+    }, null)]), u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增同级",
       ref: "appendSame",
       style: "width:85px!important;padding:0 5px;position:static;",
       onClick: (y) => $(y, g, i)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), c("span", {
+    }, null), u("span", {
       style: "font-size:13px;margin:auto"
     }, [Be("新增同级")])])])]);
   }
   function L(g) {
-    return g.children.map((i) => i.children && i.children.length ? c("li", {
-      class: s(i),
+    return g.children.map((i) => i.children && i.children.length ? u("li", {
+      class: l(i),
       id: i.id,
       onClick: (y) => i.enable && f(y, i, g)
-    }, [c("span", {
+    }, [u("span", {
       id: i.id,
       class: r(i),
       onMouseover: (y) => i.enable && f(y, i, g)
-    }, [i.text, c("i", {
+    }, [i.text, u("i", {
       class: "f-icon f-icon-arrow-chevron-right",
       style: "display: inline-block;float: right;line-height: 1.25rem;"
-    }, null)]), u(i, i)]) : c("li", {
+    }, null)]), c(i, i)]) : u("li", {
       class: r(i),
       id: i.id,
       onClick: (y) => O(y, i)
-    }, [k(i, g), t.shouldShowIcon(i) && c("i", {
+    }, [k(i, g), t.shouldShowIcon(i) && u("i", {
       class: t.iconClass(i)
     }, null), i.text]));
   }
@@ -3322,11 +3323,11 @@ function mo(t, e) {
     }
     return P;
   }
-  u = function(g, i) {
+  c = function(g, i) {
     var H, E;
     const y = Pt(), P = i ? i.id : g.id, F = (E = (H = y == null ? void 0 : y.exposed) == null ? void 0 : H.elementRef.value) == null ? void 0 : E.querySelector("#" + P);
-    return c("ul", {
-      class: l(g),
+    return u("ul", {
+      class: s(g),
       style: W(g, F, i),
       id: g.id + "_menu"
     }, [L(g)]);
@@ -3337,17 +3338,17 @@ function mo(t, e) {
     }), d.clear();
   }
   return {
-    renderDropdownMenu: u,
+    renderDropdownMenu: c,
     clearAllDropDownMenu: D
   };
 }
 function ho(t, e, n) {
   const o = p(t.alignment), {
     renderDropdownMenu: a,
-    clearAllDropDownMenu: l
-  } = mo(e, n), s = J("design-item-context"), r = J("toolbar-item-handler", () => {
+    clearAllDropDownMenu: s
+  } = mo(e, n), l = J("design-item-context"), r = J("toolbar-item-handler", () => {
   });
-  function u() {
+  function c() {
     r && r();
   }
   function d(D) {
@@ -3396,7 +3397,7 @@ function ho(t, e, n) {
     return C(D);
   };
   function h(D) {
-    const g = s.schema.buttons || s.schema.contents, i = g == null ? void 0 : g.findIndex((P) => P.id === D), y = i === -1 ? null : g[i];
+    const g = l.schema.buttons || l.schema.contents, i = g == null ? void 0 : g.findIndex((P) => P.id === D), y = i === -1 ? null : g[i];
     return {
       index: i,
       toolbarItem: y
@@ -3413,7 +3414,7 @@ function ho(t, e, n) {
     const P = y.text || "按钮", F = x(), H = Object.assign({}, F, {
       text: P
     });
-    (E = s.schema.buttons) == null || E.push(H), u();
+    (E = l.schema.buttons) == null || E.push(H), c();
   }
   function b(D, g) {
     const {
@@ -3424,44 +3425,44 @@ function ho(t, e, n) {
       return;
     const P = y.text || "按钮", F = x(), H = Object.assign({}, F, {
       text: P
-    }), E = s.schema.buttons[i].children || [];
-    E.push(H), s.schema.buttons[i].children = E, u();
+    }), E = l.schema.buttons[i].children || [];
+    E.push(H), l.schema.buttons[i].children = E, c();
   }
   function T(D, g) {
-    const i = s.schema.buttons || s.schema.contents, y = i == null ? void 0 : i.findIndex((P) => P.id === g);
-    y !== -1 && (i.splice(y, 1), u());
+    const i = l.schema.buttons || l.schema.contents, y = i == null ? void 0 : i.findIndex((P) => P.id === g);
+    y !== -1 && (i.splice(y, 1), c());
   }
   function O(D) {
-    return c("div", {
+    return u("div", {
       class: "component-btn-group"
-    }, [c("div", null, [c("div", {
+    }, [u("div", null, [u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "删除",
       ref: "removeButton",
       style: "position:static;",
       onClick: (g) => T(g, D)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-yxs_delete"
-    }, null)]), c("div", {
+    }, null)]), u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "复制",
       ref: "copyButton",
       style: "position:static;",
       onClick: (g) => S(g, D)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-yxs_copy"
-    }, null)]), c("div", {
+    }, null)]), u("div", {
       role: "button",
       class: "btn component-settings-button",
       title: "新增子级",
       ref: "appendChildButton",
       style: "width:85px!important;padding:0 5px;position:static;",
       onClick: (g) => b(g, D)
-    }, [c("i", {
+    }, [u("i", {
       class: "f-icon f-icon-plus-circle text-white mr-1"
-    }, null), c("span", {
+    }, null), u("span", {
       style: "font-size:13px;margin:auto"
     }, [Be("新增子级")])])])]);
   }
@@ -3475,32 +3476,32 @@ function ho(t, e, n) {
   }
   function $(D) {
     var P;
-    const g = s.schema.buttons || s.schema.contents, i = g == null ? void 0 : g.findIndex((F) => F.id === D);
+    const g = l.schema.buttons || l.schema.contents, i = g == null ? void 0 : g.findIndex((F) => F.id === D);
     if (i === -1)
       return;
     const y = g[i];
-    (P = s == null ? void 0 : s.setupContext) == null || P.emit("selectionChange", "response-toolbar-item", y);
+    (P = l == null ? void 0 : l.setupContext) == null || P.emit("selectionChange", "response-toolbar-item", y);
   }
   function k(D, g) {
     m(D), z(), j(D), m(D), w(D, g), $(g.id);
   }
   function L(D) {
-    return c("div", {
+    return u("div", {
       id: D.id,
       class: d(D)
-    }, [c("div", {
+    }, [u("div", {
       class: f(D),
       style: "display: flex;padding-right: 0.1rem;",
       onClick: (g) => D.enable && k(g, D)
-    }, [O(D.id), e.shouldShowIcon(D) && c("i", {
+    }, [O(D.id), e.shouldShowIcon(D) && u("i", {
       class: e.iconClass(D)
-    }, null), c("span", null, [D.text]), c("i", {
+    }, null), u("span", null, [D.text]), u("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)]);
   }
   function W() {
-    l();
+    s();
   }
   return {
     renderToolbarDropdown: L,
@@ -3598,16 +3599,16 @@ function bo(t, e) {
   function a(f, m) {
     return m.text = f.label, m;
   }
-  function l() {
+  function s() {
     return !1;
   }
-  function s() {
+  function l() {
     return !1;
   }
   function r() {
     return !0;
   }
-  function u() {
+  function c() {
     return !0;
   }
   function d(f) {
@@ -3616,9 +3617,9 @@ function bo(t, e) {
   return {
     canAccepts: o,
     checkCanAddComponent: r,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: u,
+    checkCanDeleteComponent: l,
+    checkCanMoveComponent: s,
+    hideNestedPaddingInDesginerView: c,
     onResolveNewComponentSchema: a,
     getPropsConfig: d
   };
@@ -3640,16 +3641,16 @@ const yo = {
 function Co(t, e, n) {
   var z;
   const o = "", a = p();
-  function l() {
+  function s() {
     return !0;
   }
-  function s() {
+  function l() {
     return !1;
   }
   function r() {
     return !0;
   }
-  function u() {
+  function c() {
     return !0;
   }
   function d() {
@@ -3689,9 +3690,9 @@ function Co(t, e, n) {
   function O() {
   }
   return a.value = {
-    canMove: l(),
-    canSelectParent: s(),
-    canAdd: u(),
+    canMove: s(),
+    canSelectParent: l(),
+    canAdd: c(),
     canDelete: r(),
     canNested: !d(),
     contents: [],
@@ -3718,7 +3719,7 @@ const dt = /* @__PURE__ */ se({
   props: yo,
   emits: ["selectionChange", "addComponent", "removeComponent"],
   setup(t, e) {
-    const n = p(t.canMove), o = p(t.canAdd), a = p(t.canDelete), l = p(!1), s = p(t.contentKey), r = p(t.childType), u = p(t.childLabel), d = p(t.modelValue), f = p(""), m = p(), w = J("canvas-dragula"), C = p(), x = J("design-item-context"), h = {
+    const n = p(t.canMove), o = p(t.canAdd), a = p(t.canDelete), s = p(!1), l = p(t.contentKey), r = p(t.childType), c = p(t.childLabel), d = p(t.modelValue), f = p(""), m = p(), w = J("canvas-dragula"), C = p(), x = J("design-item-context"), h = {
       designerItemElementRef: m,
       componentInstance: C,
       schema: d.value,
@@ -3731,7 +3732,7 @@ const dt = /* @__PURE__ */ se({
       // 受position-relative影响，整个容器的高度不能被撑起
       "flex-fill": t.id === "root-component",
       "position-relative": n.value || a.value,
-      "farris-nested": l.value,
+      "farris-nested": s.value,
       "can-move": n.value,
       "d-none": m.value && m.value.classList.contains("d-none")
     })), b = B(() => {
@@ -3742,11 +3743,11 @@ const dt = /* @__PURE__ */ se({
       }, i), i;
     });
     function T(i, y) {
-      if (x && x.schema[s.value]) {
-        const P = x.schema[s.value].findIndex((F) => F.id === y.id);
+      if (x && x.schema[l.value]) {
+        const P = x.schema[l.value].findIndex((F) => F.id === y.id);
         if (P > -1) {
-          const F = x.schema[s.value].length, H = x.schema[s.value][P % F];
-          x.designerItemElementRef.value.querySelector(`#${H.id}-design-item`), x.schema[s.value].splice(P, 1), je.value++, e.emit("removeComponent");
+          const F = x.schema[l.value].length, H = x.schema[l.value][P % F];
+          x.designerItemElementRef.value.querySelector(`#${H.id}-design-item`), x.schema[l.value].splice(P, 1), je.value++, e.emit("removeComponent");
         }
       }
     }
@@ -3754,15 +3755,15 @@ const dt = /* @__PURE__ */ se({
       if (C.value.addNewChildComponentSchema) {
         const y = {
           componentType: r.value,
-          label: u.value,
+          label: c.value,
           parentComponentInstance: C.value,
           targetPosition: -1
         }, P = C.value.addNewChildComponentSchema(y);
-        d.value[s.value].push(P), e.emit("addComponent");
+        d.value[l.value].push(P), e.emit("addComponent");
       }
     }
     function z() {
-      return o.value && c("div", {
+      return o.value && u("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "新增",
@@ -3770,37 +3771,37 @@ const dt = /* @__PURE__ */ se({
         onClick: (i) => {
           O();
         }
-      }, [c("i", {
+      }, [u("i", {
         class: "f-icon f-icon-plus-circle"
       }, null)]);
     }
     function j(i) {
-      return a.value && c("div", {
+      return a.value && u("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
         onClick: Et((y) => T(y, i), ["stop"])
-      }, [c("i", {
+      }, [u("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
     function $() {
-      return n.value && c("div", {
+      return n.value && u("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
         ref: "moveComponent"
-      }, [c("i", {
+      }, [u("i", {
         "data-dragging-icon": "true",
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
     function k(i) {
-      return c("div", {
+      return u("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [c("div", null, [z(), $(), j(i)])]);
+      }, [u("div", null, [z(), $(), j(i)])]);
     }
     Z(() => t.modelValue, (i) => {
       d.value = i, h.schema = i;
@@ -3820,7 +3821,7 @@ const dt = /* @__PURE__ */ se({
     te(() => {
       if (m.value) {
         const i = m.value.querySelector(`[data-dragref='${d.value.id}-container']`);
-        C.value = i && i.componentInstance ? i.componentInstance.value : D(), w && i && w.attachComponents(i, d.value), l.value = C.value.canNested !== void 0 ? C.value.canNested : l.value, o.value = C.value.canAdd !== void 0 ? C.value.canAdd : o.value, a.value = C.value.canDelete !== void 0 ? C.value.canDelete : a.value, n.value = C.value.canMove !== void 0 ? C.value.canMove : n.value, f.value = C.value.styles || "", m.value && (m.value.componentInstance = C, m.value.designItemContext = h);
+        C.value = i && i.componentInstance ? i.componentInstance.value : D(), w && i && w.attachComponents(i, d.value), s.value = C.value.canNested !== void 0 ? C.value.canNested : s.value, o.value = C.value.canAdd !== void 0 ? C.value.canAdd : o.value, a.value = C.value.canDelete !== void 0 ? C.value.canDelete : a.value, n.value = C.value.canMove !== void 0 ? C.value.canMove : n.value, f.value = C.value.styles || "", m.value && (m.value.componentInstance = C, m.value.designItemContext = h);
       }
       W(), je.value++;
     }), It(() => {
@@ -3838,7 +3839,7 @@ const dt = /* @__PURE__ */ se({
         target: y == null ? void 0 : y.value
       });
     }
-    return () => c("div", {
+    return () => u("div", {
       id: `${t.id}-design-item`,
       ref: m,
       class: S.value,
@@ -3908,8 +3909,8 @@ class wo extends ye {
         label: "onClick",
         name: "点击事件"
       }
-    ], o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, n), l = {};
-    l[o.viewModelId] = {
+    ], o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, n), s = {};
+    s[o.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: a
@@ -3917,14 +3918,14 @@ class wo extends ye {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: l,
+      properties: s,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(s, r) {
-        const u = s.propertyValue;
-        delete e[o.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, u.events, u));
+      setPropertyRelates(l, r) {
+        const c = l.propertyValue;
+        delete e[o.viewModelId], c && (c.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, c.events, c));
       }
     };
   }
@@ -4006,8 +4007,8 @@ class To extends ye {
         label: "onClick",
         name: "点击事件"
       }
-    ], o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, n), l = {};
-    l[o.viewModelId] = {
+    ], o = this, a = o.eventsEditorUtils.formProperties(e, o.viewModelId, n), s = {};
+    s[o.viewModelId] = {
       type: "events-editor",
       editor: {
         initialData: a
@@ -4015,14 +4016,14 @@ class To extends ye {
     }, this.propertyConfig.categories.eventsEditor = {
       title: "事件",
       hideTitle: !0,
-      properties: l,
+      properties: s,
       // 这个属性，标记当属性变更得时候触发重新更新属性
       refreshPanelAfterChanged: !0,
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(s, r) {
-        const u = s.propertyValue;
-        delete e[o.viewModelId], u && (u.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, u.events, u));
+      setPropertyRelates(l, r) {
+        const c = l.propertyValue;
+        delete e[o.viewModelId], c && (c.setPropertyRelates = this.setPropertyRelates, o.eventsEditorUtils.saveRelatedParameters(e, o.viewModelId, c.events, c));
       }
     };
   }
@@ -4037,26 +4038,26 @@ function xo(t, e) {
   function a() {
     return !0;
   }
-  function l() {
+  function s() {
     return !1;
   }
-  function s(r) {
-    let u;
+  function l(r) {
+    let c;
     switch (t.schema.type) {
       case "tab-toolbar-item":
-        u = new wo(r, e);
+        c = new wo(r, e);
         break;
       default:
-        u = new To(r, e);
+        c = new To(r, e);
     }
-    return u.getPropertyConfig(t.schema);
+    return c.getPropertyConfig(t.schema);
   }
   return {
     canAccepts: n,
     checkCanMoveComponent: o,
     checkCanDeleteComponent: a,
-    checkCanAddComponent: l,
-    getPropsConfig: s
+    checkCanAddComponent: s,
+    getPropsConfig: l
   };
 }
 const So = /* @__PURE__ */ se({
@@ -4070,10 +4071,10 @@ const So = /* @__PURE__ */ se({
       text: "More"
     }, a = p(new Se(o));
     B(() => a.value.children.length > 0);
-    const l = p(), s = J("designer-host-service"), r = J("design-item-context"), u = xo(r, s), d = qe(l, r, u);
+    const s = p(), l = J("designer-host-service"), r = J("design-item-context"), c = xo(r, l), d = qe(s, r, c);
     J("toolbar-item-handler", () => {
     }), te(() => {
-      l.value.componentInstance = d;
+      s.value.componentInstance = d;
     }), e.expose(d.value);
     function f() {
       const C = {
@@ -4095,16 +4096,16 @@ const So = /* @__PURE__ */ se({
       };
       return De(C, t.class);
     }
-    return () => c("div", {
-      ref: l,
+    return () => u("div", {
+      ref: s,
       "data-dragref": `${r.schema.id}-container`,
       class: "farris-component position-relative",
       style: "display:inline-block!important;"
-    }, [c("button", {
+    }, [u("button", {
       type: "button",
       class: w(),
       id: t.id
-    }, [m() && c("i", {
+    }, [m() && u("i", {
       class: f()
     }, null), t.text])]);
   }
@@ -4115,11 +4116,11 @@ const So = /* @__PURE__ */ se({
   setup(t, e) {
     const n = p(t.items);
     let o = new Array(n.value.length).fill(p());
-    const a = p(), l = p(), s = p(t.alignment), r = {
+    const a = p(), s = p(), l = p(t.alignment), r = {
       id: "__more_buttons__",
       text: "More"
-    }, u = p(new Se(r)), d = vo();
-    B(() => u.value.children.length > 0);
+    }, c = p(new Se(r)), d = vo();
+    B(() => c.value.children.length > 0);
     const f = p(), m = J("designer-host-service"), w = J("design-item-context"), C = bo(w, m), x = qe(f, w, C), h = J("toolbar-item-handler", () => {
     });
     te(() => {
@@ -4135,8 +4136,8 @@ const So = /* @__PURE__ */ se({
     }, t.customClass)), T = B(() => ({
       "d-flex": !0,
       "flex-nowrap": !0,
-      "justify-content-end": s.value === "right",
-      "justify-content-start": s.value === "left"
+      "justify-content-end": l.value === "right",
+      "justify-content-start": l.value === "left"
     })), {
       renderToolbarDropdown: O,
       clearAllDropDown: z
@@ -4144,11 +4145,11 @@ const So = /* @__PURE__ */ se({
     function j() {
       n.value.filter((i) => i.children && i.children.length > 0).forEach((i) => {
         i.expanded = !1;
-      }), u.value.expanded = !1, z();
+      }), c.value.expanded = !1, z();
     }
     const $ = /* @__PURE__ */ new Map(), k = [];
     function L(i) {
-      const y = l.value;
+      const y = s.value;
       let P = i;
       const F = Array.from(y.children), H = F[F.length - 1].id === "__more_buttons__" ? F[F.length - 1] : null;
       if (H) {
@@ -4171,14 +4172,14 @@ const So = /* @__PURE__ */ se({
           else
             break;
         }
-      const v = Object.assign({}, u.value);
+      const v = Object.assign({}, c.value);
       v.children = [];
       const M = new Se(v), I = n.value.reduce((R, V) => ($.has(V.id) && M.children.push(V), V.visible = !$.has(V.id), R.push(V), R), []);
-      u.value = M, n.value = I;
+      c.value = M, n.value = I;
     }
     const W = new ResizeObserver((i) => {
       if (i.length) {
-        const P = i[0].contentRect.width, H = l.value.getBoundingClientRect().width;
+        const P = i[0].contentRect.width, H = s.value.getBoundingClientRect().width;
         (P < H || k.length) && L(P);
       }
     });
@@ -4198,21 +4199,21 @@ const So = /* @__PURE__ */ se({
       w && w.setupContext && w.setupContext.emit("selectionChange", i, y, P, F);
     }
     function g() {
-      const i = l.value.querySelector(".dgComponentFocused.dgComponentSelected");
+      const i = s.value.querySelector(".dgComponentFocused.dgComponentSelected");
       i == null || i.classList.remove("dgComponentSelected"), i == null || i.classList.remove("dgComponentFocused"), S();
     }
-    return () => c("div", {
+    return () => u("div", {
       ref: f,
       "data-dragref": `${w.schema.id}-container`,
       class: b.value
-    }, [c("div", {
+    }, [u("div", {
       ref: a,
       class: T.value
-    }, [c("div", {
-      ref: l,
+    }, [u("div", {
+      ref: s,
       class: "d-inline-block f-response-content",
       style: "white-space: nowrap;"
-    }, [n.value.map((i, y) => c(dt, {
+    }, [n.value.map((i, y) => u(dt, {
       ref: o[y],
       class: "p-0 display-inline-block",
       modelValue: i,
@@ -4229,7 +4230,7 @@ const So = /* @__PURE__ */ se({
     }, {
       default: () => {
         var P;
-        return [c(So, {
+        return [u(So, {
           id: i.id,
           disabled: i.disabled,
           text: i.text,
@@ -4244,37 +4245,37 @@ const So = /* @__PURE__ */ se({
 });
 function Mo(t, e, n, o, a) {
   const {
-    toolbarItems: l,
-    toolbarSchema: s,
+    toolbarItems: s,
+    toolbarSchema: l,
     changeToolbarItems: r
   } = t;
-  function u(f, m, w, C) {
+  function c(f, m, w, C) {
     var x;
     (x = o.setupContext) == null || x.emit("selectionChange", f, m, w, C);
   }
   function d() {
     r();
   }
-  return c("div", {
+  return u("div", {
     class: "farris-tabs-toolbar"
-  }, [c("div", {
+  }, [u("div", {
     class: "farris-tabs-inline-flex w-100",
     style: "flex:1"
-  }, [c(dt, {
-    modelValue: s.value,
-    "onUpdate:modelValue": (f) => s.value = f,
+  }, [u(dt, {
+    modelValue: l.value,
+    "onUpdate:modelValue": (f) => l.value = f,
     class: "w-100 position-relative",
     canAdd: !0,
     childType: "tab-toolbar-item",
     childLabel: "按钮",
     contentKey: "buttons",
-    id: s.value.id,
-    onSelectionChange: u,
+    id: l.value.id,
+    onSelectionChange: c,
     componentId: a,
     onAddComponent: d
   }, {
-    default: () => [c(Bo, {
-      items: l.value,
+    default: () => [u(Bo, {
+      items: s.value,
       componentId: a
     }, null)]
   })])]);
@@ -4284,7 +4285,7 @@ const ko = /* @__PURE__ */ se({
   props: Ye,
   emits: ["tabChange", "tabRemove"],
   setup(t, e) {
-    const n = p(), o = J("designer-host-service"), a = J("design-item-context"), l = zn(a, o), s = st(n, a, l), r = p(t.tabType), u = ve(), d = ve(), f = Wn(t, e, u, a), {
+    const n = p(), o = J("designer-host-service"), a = J("design-item-context"), s = zn(a, o), l = st(n, a, s), r = p(t.tabType), c = ve(), d = ve(), f = Wn(t, e, c, a), {
       activeId: m,
       changeTitleStyle: w,
       tabPages: C,
@@ -4295,7 +4296,7 @@ const ko = /* @__PURE__ */ se({
       listenTabNavElementScroll: T,
       toolbarSchema: O,
       setHorizontalScrollbarPosition: z
-    } = f, j = et(t, d, f), $ = Ze(t, u, j, f), {
+    } = f, j = et(t, d, f), $ = Ze(t, c, j, f), {
       previousButtonClass: k,
       nextButtonClass: L,
       nextButtonGroupClass: W,
@@ -4303,7 +4304,7 @@ const ko = /* @__PURE__ */ se({
       updateNavigationLayout: g
     } = $, i = Ke(t, f), {
       hideDropDown: y
-    } = i, P = Ln(t, u, $, j, f, s), F = P, H = Je(t, u, $, j, f), E = /* @__PURE__ */ new Map([["default", P], ["one-page", F], ["pills", H]]);
+    } = i, P = Ln(t, c, $, j, f, l), F = P, H = Je(t, c, $, j, f), E = /* @__PURE__ */ new Map([["default", P], ["one-page", F], ["pills", H]]);
     B(() => {
       const _ = C.value.find((Q) => Q.props.id === m.value);
       return _ == null ? void 0 : _.slots;
@@ -4320,7 +4321,7 @@ const ko = /* @__PURE__ */ se({
       tabType: r
     });
     function M() {
-      const _ = s.value.schema.contents || [];
+      const _ = l.value.schema.contents || [];
       return _.length < 1 ? null : _.find((oe) => oe.id === m.value);
     }
     function I() {
@@ -4350,15 +4351,15 @@ const ko = /* @__PURE__ */ se({
     te(() => {
       C.value.length && (m.value = t.activeId || C.value[0].props.id, S(m.value)), ae(() => {
         g();
-      }), w(u), window.addEventListener("click", (_) => {
+      }), w(c), window.addEventListener("click", (_) => {
         var Q;
         y.value || (Q = n.value) != null && Q.contains(_.target) || (y.value = !0);
       }), window.addEventListener("resize", () => {
         g();
-      }), T(), n.value.componentInstance = s;
+      }), T(), n.value.componentInstance = l;
     });
     function re() {
-      return c("button", {
+      return u("button", {
         title: "left-arrow-button",
         type: "button",
         class: k.value,
@@ -4368,7 +4369,7 @@ const ko = /* @__PURE__ */ se({
       }, null);
     }
     function q() {
-      return c("button", {
+      return u("button", {
         title: "right-arrow-button",
         type: "button",
         class: L.value,
@@ -4381,32 +4382,32 @@ const ko = /* @__PURE__ */ se({
       renderMorePagesButtton: X
     } = Qe(t, i, $, f);
     function ne() {
-      return !!b.value.length && Mo(f, s, l, a, t.componentId);
+      return !!b.value.length && Mo(f, l, s, a, t.componentId);
     }
     const ce = E.get(t.tabType) || E.get("default");
     function Pe() {
       var _, Q, oe, fe;
-      return c("div", {
+      return u("div", {
         class: G.value
-      }, [c("div", {
+      }, [u("div", {
         class: "farris-tabs-header-pre"
-      }, [(Q = (_ = e.slots).headerPrefix) == null ? void 0 : Q.call(_)]), c("div", {
+      }, [(Q = (_ = e.slots).headerPrefix) == null ? void 0 : Q.call(_)]), u("div", {
         class: "farris-tabs-title scroll-tabs",
         style: K.value
-      }, [re(), ce && ce(), c("div", {
+      }, [re(), ce && ce(), u("div", {
         class: W.value
-      }, [q(), X()])]), ne(), c("div", {
+      }, [q(), X()])]), ne(), u("div", {
         class: "farris-tabs-header-post"
       }, [(fe = (oe = e.slots).headerSuffix) == null ? void 0 : fe.call(oe)])]);
     }
     function Ce() {
       var _, Q;
-      return c("div", {
+      return u("div", {
         class: "farris-tabs-content",
         ref: d
       }, [(Q = (_ = e.slots).default) == null ? void 0 : Q.call(_)]);
     }
-    return e.expose(s.value), s.value.updateToolbarItems = I, () => c("div", {
+    return e.expose(l.value), l.value.updateToolbarItems = I, () => u("div", {
       class: le.value,
       ref: n
     }, [Pe(), Ce()]);
@@ -4437,22 +4438,23 @@ function Do(t, e, n) {
     enableAccordion: !1,
     mainTitle: n.mainTitle || e.mainTitle || "标题"
   });
-  const l = t.getSchemaByType("content-container");
-  Object.assign(l, {
+  const s = t.getSchemaByType("content-container");
+  Object.assign(s, {
     id: `container-${o}`,
     appearance: {
       class: "f-struct-wrapper"
     },
     contents: [e]
   });
-  const s = a.schema;
-  switch (s && s.type) {
+  const l = a.schema;
+  switch (l && l.type) {
     case ee["splitter-pane"].type: {
       e.appearance.class = "f-section-in-main";
       break;
     }
   }
-  return l;
+  const r = a.elementRef, c = window.getComputedStyle(r);
+  return c && c.display === "flex" && (s.appearance.class += " d-block"), s;
 }
 function Ro(t, e, n) {
   return n.parentComponentInstance ? Do(t, e, n) : e;
@@ -4569,7 +4571,7 @@ const jo = "https://json-schema.org/draft/2020-12/schema", Oo = "https://farris-
     properties: {
       type: {
         type: "string",
-        default: "SectionToolbar"
+        default: "section-toolbar"
       },
       position: {
         type: "string",
@@ -4643,7 +4645,7 @@ const jo = "https://json-schema.org/draft/2020-12/schema", Oo = "https://farris-
 he(pt, zo, Eo, Ro);
 function No(t, e, n) {
   let o;
-  function a(u = 1) {
+  function a(c = 1) {
     const d = [
       "body>.f-datagrid-settings-simple-host",
       "body>div",
@@ -4659,41 +4661,41 @@ function No(t, e, n) {
       return C === "none" ? 0 : parseInt(x, 10);
     }).filter((w) => w);
     let m = Math.max(...f);
-    return m < 1040 && (m = 1040), m + u;
+    return m < 1040 && (m = 1040), m + c;
   }
-  function l() {
+  function s() {
     o = t.value.nextElementSibling;
-    const u = document && document.querySelector("body");
-    u && (u.appendChild(t.value), t.value.style.zIndex = a());
+    const c = document && document.querySelector("body");
+    c && (c.appendChild(t.value), t.value.style.zIndex = a());
   }
-  function s() {
+  function l() {
     o ? e.value.insertBefore(
       t.value,
       o
     ) : e.value.appendChild(t.value), t.value.style.zIndex = null;
   }
   function r() {
-    !t || !e.value || (n.value = !n.value, n.value ? l() : s());
+    !t || !e.value || (n.value = !n.value, n.value ? s() : l());
   }
   return { onClickMaxMinIcon: r };
 }
 function ft(t, e) {
-  const n = p(t.buttons), o = B(() => t.buttonPosition === "inHead" ? "right" : "left"), a = B(() => "f-section-toolbar" + (t.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), l = B(() => t.buttons && t.buttons.length > 0 && t.buttonPosition === "inHead");
-  function s(r) {
+  const n = p(t.buttons), o = B(() => t.buttonPosition === "inHead" ? "right" : "left"), a = B(() => "f-section-toolbar" + (t.buttonPosition === "inHead" ? " f-section-header--toolbar" : " f-section-content--toolbar")), s = B(() => t.buttons && t.buttons.length > 0 && t.buttonPosition === "inHead");
+  function l(r) {
     e.emit("Click", r);
   }
-  return () => l.value && c(We, {
+  return () => s.value && u(We, {
     customClass: a.value,
     items: n.value,
-    onClick: s,
+    onClick: l,
     alignment: o.value
   }, null);
 }
-function Vo(t, e, n, o, a, l) {
+function Vo(t, e, n, o, a, s) {
   p(t.subTitle);
-  const s = B(() => t.buttonPosition), r = ft(t, e), {
-    onClickMaxMinIcon: u
-  } = No(o, a, l), d = B(() => !!t.subTitle), f = B(() => t.enableMaximize), m = B(() => t.enableAccordion !== ""), w = B(() => {
+  const l = B(() => t.buttonPosition), r = ft(t, e), {
+    onClickMaxMinIcon: c
+  } = No(o, a, s), d = B(() => !!t.subTitle), f = B(() => t.enableMaximize), m = B(() => t.enableAccordion !== ""), w = B(() => {
     const O = {
       "f-section-header": !0
     };
@@ -4710,31 +4712,31 @@ function Vo(t, e, n, o, a, l) {
       "f-state-expand": n.value
     })), z = B(() => ({
       "f-icon": !0,
-      "f-icon-maximize": !l.value,
-      "f-icon-minimize": l.value
+      "f-icon-maximize": !s.value,
+      "f-icon-minimize": s.value
     }));
-    return c("div", {
+    return u("div", {
       class: "f-max-accordion"
-    }, [f.value ? c("span", {
+    }, [f.value ? u("span", {
       class: z.value,
-      onClick: u
-    }, null) : "", m.value ? c("button", {
+      onClick: c
+    }, null) : "", m.value ? u("button", {
       class: O.value,
       onClick: C
-    }, [c("span", null, [n.value ? t.collapseLabel : t.expandLabel])]) : ""]);
+    }, [u("span", null, [n.value ? t.collapseLabel : t.expandLabel])]) : ""]);
   }
   function h() {
-    return e.slots.header ? c("div", {
+    return e.slots.header ? u("div", {
       class: w.value
     }, [e.slots.header()]) : "";
   }
   function S() {
-    return c("div", {
+    return u("div", {
       class: "f-title",
       onClick: C
-    }, [c("h4", {
+    }, [u("h4", {
       class: "f-title-text"
-    }, [t.mainTitle]), d.value && c("span", null, [t.subTitle])]);
+    }, [t.mainTitle]), d.value && u("span", null, [t.subTitle])]);
   }
   function b() {
     const O = B(() => {
@@ -4743,14 +4745,14 @@ function Vo(t, e, n, o, a, l) {
       };
       return t.headerContentClass && t.headerContentClass.split(" ").reduce(($, k) => ($[k] = !0, $), z), z;
     });
-    return e.slots.headerContent ? c("div", {
+    return e.slots.headerContent ? u("div", {
       class: O.value
     }, [e.slots.headerContent()]) : "";
   }
   function T() {
-    return c("div", {
+    return u("div", {
       class: w.value
-    }, [e.slots.headerTitle ? e.slots.headerTitle() : S(), b(), s.value === "inHead" && r(), (f.value || m.value) && x()]);
+    }, [e.slots.headerTitle ? e.slots.headerTitle() : S(), b(), l.value === "inHead" && r(), (f.value || m.value) && x()]);
   }
   return () => t.showHeader && (e.slots.header ? h() : T());
 }
@@ -4781,14 +4783,14 @@ const Uo = /* @__PURE__ */ se({
   props: pt,
   emits: [],
   setup(t, e) {
-    const n = p(), o = p(), a = p(t.customClass), l = B(() => t.enableAccordion), s = p(t.expandStatus), r = B(() => t.buttonPosition), u = p(!1), d = Vo(t, e, s, n, o, u), f = ft(t, e), m = B(() => {
+    const n = p(), o = p(), a = p(t.customClass), s = B(() => t.enableAccordion), l = p(t.expandStatus), r = B(() => t.buttonPosition), c = p(!1), d = Vo(t, e, l, n, o, c), f = ft(t, e), m = B(() => {
       const S = {
         "f-section": !0,
-        "f-section-accordion": l.value === "default",
-        "f-state-collapse": (l.value === "default" || l.value === "custom") && !s.value,
-        "f-section-custom-accordion": l.value === "custom",
+        "f-section-accordion": s.value === "default",
+        "f-state-collapse": (s.value === "default" || s.value === "custom") && !l.value,
+        "f-section-custom-accordion": s.value === "custom",
         "f-section-fill": t.fill,
-        "f-section-maximize": u.value
+        "f-section-maximize": c.value
       };
       return Ee(S, a.value);
     }), w = B(() => Ee({
@@ -4797,20 +4799,20 @@ const Uo = /* @__PURE__ */ se({
       "f-section-extend": !0
     }, C.value));
     function x() {
-      return e.slots.extend && c("div", {
+      return e.slots.extend && u("div", {
         class: C.value
       }, [e.slots.extend()]);
     }
     function h() {
-      return c("div", {
+      return u("div", {
         class: w.value
       }, [r.value === "inContent" && f(), e.slots.default && e.slots.default()]);
     }
     return Z(() => t.expandStatus, (S, b) => {
-      S !== b && (s.value = S);
+      S !== b && (l.value = S);
     }), te(() => {
       n.value && n.value && (o.value = n.value.parentElement);
-    }), () => c("div", {
+    }), () => u("div", {
       class: m.value,
       ref: n,
       style: t.customStyle
@@ -4819,14 +4821,14 @@ const Uo = /* @__PURE__ */ se({
 });
 function Go() {
   function t(e, n) {
-    var s;
+    var l;
     if (!e)
       return !1;
-    const o = ((s = e.targetContainer) == null ? void 0 : s.componentInstance) && e.targetContainer.componentInstance.value;
+    const o = ((l = e.targetContainer) == null ? void 0 : l.componentInstance) && e.targetContainer.componentInstance.value;
     if (!o)
       return !1;
-    const a = o.schema.type, l = n == null ? void 0 : n.formSchemaUtils.getComponentById(o.belongedComponentId);
-    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![ee["response-layout-item"].type, ee["response-form"].type].includes(a) || (e.componentType === ee.tabs.type || e.componentType === ee.section.type) && ((l == null ? void 0 : l.componentType) !== "frame" || ![ee["content-container"].type, ee["splitter-pane"].type, ee["response-layout-item"].type].includes(a)));
+    const a = o.schema.type, s = n == null ? void 0 : n.formSchemaUtils.getComponentById(o.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![ee["response-layout-item"].type, ee["response-form"].type].includes(a) || (e.componentType === ee.tabs.type || e.componentType === ee.section.type) && ((s == null ? void 0 : s.componentType) !== "frame" || ![ee["content-container"].type, ee["splitter-pane"].type, ee["response-layout-item"].type].includes(a)));
   }
   return {
     basalDragulaRuleForContainer: t
@@ -4834,8 +4836,8 @@ function Go() {
 }
 function Xo(t, e) {
   const n = new lt(), { canAccept: o } = n.getTemplateRule(t, e);
-  function a(l) {
-    if (!Go().basalDragulaRuleForContainer(l, e))
+  function a(s) {
+    if (!Go().basalDragulaRuleForContainer(s, e))
       return !1;
     const { schema: r } = t;
     return r.contents && r.contents.length > 0 ? !1 : o;
@@ -4850,16 +4852,16 @@ const Jo = /* @__PURE__ */ se({
   props: Le,
   emits: [],
   setup(t, e) {
-    const n = p(), o = J("design-item-context"), a = J("designer-host-service"), l = Xo(o, a), s = st(n, o, l);
-    s.value.canNested = !1, s.value.canDelete = !1, s.value.canMove = !1, e.expose(s.value);
-    const r = J("tabs"), u = p(!0), d = {
+    const n = p(), o = J("design-item-context"), a = J("designer-host-service"), s = Xo(o, a), l = st(n, o, s);
+    l.value.canNested = !1, l.value.canDelete = !1, l.value.canMove = !1, e.expose(l.value);
+    const r = J("tabs"), c = p(!0), d = {
       slots: e.slots,
       props: t
     }, f = p((r == null ? void 0 : r.tabType.value) || "default");
     te(() => {
-      n.value.componentInstance = s;
+      n.value.componentInstance = l;
       const T = r.tabPages.value.findIndex((O) => O.props.id === t.id);
-      !T || T === -1 ? r == null || r.addTab(d) : T > -1 && (u.value = !1, console.warn(`已经存在id为${t.id}的页签啦`));
+      !T || T === -1 ? r == null || r.addTab(d) : T > -1 && (c.value = !1, console.warn(`已经存在id为${t.id}的页签啦`));
     }), be(() => {
     });
     const m = B(() => (t == null ? void 0 : t.id) === (r == null ? void 0 : r.activeId.value)), w = B(() => ({
@@ -4877,7 +4879,7 @@ const Jo = /* @__PURE__ */ se({
     function C() {
       var O, z;
       const T = (z = (O = e.slots).default) == null ? void 0 : z.call(O);
-      return c(Uo, {
+      return u(Uo, {
         "main-title": t.title,
         class: "farris-tab-page"
       }, Yo(T) ? T : {
@@ -4891,7 +4893,7 @@ const Jo = /* @__PURE__ */ se({
     function h() {
       var O, z;
       const T = (z = (O = e.slots).default) == null ? void 0 : z.call(O);
-      return c("div", {
+      return u("div", {
         ref: n,
         class: x.value,
         "data-dragref": `${o.schema.id}-container`,
@@ -4899,7 +4901,7 @@ const Jo = /* @__PURE__ */ se({
       }, [T]);
     }
     const b = (/* @__PURE__ */ new Map([["default", h], ["one-page", C]])).get(f.value) || h;
-    return () => u.value ? b() : null;
+    return () => c.value ? b() : null;
   }
 }), Qo = "https://json-schema.org/draft/2020-12/schema", Zo = "https://farris-design.gitee.io/tab-toolbar-item.schema.json", Ko = "tab-toolbar-item", ea = "A Farris Toolbar Item Component", ta = "object", na = {
   id: {