@farris/ui-vue 1.8.5-beta.3 → 1.8.5-beta.4

package/components/schema-selector/index.esm.js

@@ -1,31 +1,31 @@
-var Yt = Object.defineProperty;
-var Xt = (e, t, a) => t in e ? Yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
-var ie = (e, t, a) => Xt(e, typeof t != "symbol" ? t + "" : t, a);
-import { ref as c, computed as B, watch as A, nextTick as te, reactive as dt, createVNode as n, withDirectives as Ne, resolveDirective as Kt, onMounted as ne, vModelText as ft, Fragment as Q, defineComponent as Y, shallowRef as Re, provide as Ue, inject as ae, onUnmounted as xe, isVNode as vt, resolveComponent as Jt, withModifiers as Zt, createTextVNode as K, watchEffect as mt, createApp as Ae, Transition as pt, mergeProps as we, Teleport as gt, onBeforeMount as Qt, render as _e, h as en, cloneVNode as tn, vShow as nn, onUpdated as an, onBeforeUnmount as ln } from "vue";
-import { FNotifyService as on } from "../notify/index.esm.js";
-import { getCustomClass as De, isMobilePhone as Ce, getCustomStyle as lt, withInstall as sn, getMaxZIndex as ot, useGuid as un } from "../common/index.esm.js";
-import cn from "../capsule/index.esm.js";
+var Kt = Object.defineProperty;
+var Jt = (e, t, a) => t in e ? Kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
+var ue = (e, t, a) => Jt(e, typeof t != "symbol" ? t + "" : t, a);
+import { ref as c, computed as B, watch as A, nextTick as te, reactive as ft, createVNode as n, mergeProps as ae, withDirectives as Ne, resolveDirective as Zt, onMounted as ne, vModelText as vt, Fragment as Q, defineComponent as Y, shallowRef as Re, provide as Ue, inject as le, onUnmounted as xe, isVNode as mt, resolveComponent as Qt, withModifiers as en, createTextVNode as K, watchEffect as pt, createApp as Ae, Transition as gt, Teleport as ht, onBeforeMount as tn, render as _e, h as nn, cloneVNode as an, vShow as ln, onUpdated as on, onBeforeUnmount as sn } from "vue";
+import { FNotifyService as un } from "../notify/index.esm.js";
+import { getCustomClass as Ee, extractDataAttrs as yt, isMobilePhone as Ce, getCustomStyle as lt, withInstall as cn, getMaxZIndex as ot, useGuid as rn } from "../common/index.esm.js";
+import dn from "../capsule/index.esm.js";
 import { LocaleService as Z } from "../locale/index.esm.js";
-import rn from "../response-toolbar/index.esm.js";
+import fn from "../response-toolbar/index.esm.js";
 import "bignumber.js";
-import { cloneDeep as dn, debounce as ht } from "lodash-es";
+import { cloneDeep as vn, debounce as bt } from "lodash-es";
 import st from "../section/index.esm.js";
 import "../property-panel/index.esm.js";
-import fn from "../button-edit/index.esm.js";
-import { resolveAppearance as yt, createPropsResolver as Xe } from "../dynamic-resolver/index.esm.js";
-import vn from "../list-view/index.esm.js";
-import mn from "../loading/index.esm.js";
-import { useDesignerComponent as bt } from "../designer-canvas/index.esm.js";
-import { useFilter as pn, useIdentify as gn, useHierarchy as hn, useGroupData as yn, useDataView as bn, useSelection as wn, usePagination as Cn, useRow as Sn, useEdit as xn, useVisualDataBound as In, useVisualDataCell as Tn, useVisualDataRow as Bn, useVisualGroupRow as kn, useVisualSummaryRow as Fn, useVisualData as Mn, useSidebar as On, useColumn as Pn, useVirtualScroll as Vn, useScreen as Rn } from "../data-view/index.esm.js";
-import wt, { FCheckbox as Ke } from "../checkbox/index.esm.js";
-import Ct from "../popover/index.esm.js";
+import mn from "../button-edit/index.esm.js";
+import { resolveAppearance as wt, createPropsResolver as Xe } from "../dynamic-resolver/index.esm.js";
+import pn from "../list-view/index.esm.js";
+import gn from "../loading/index.esm.js";
+import { useDesignerComponent as Ct } from "../designer-canvas/index.esm.js";
+import { useFilter as hn, useIdentify as yn, useHierarchy as bn, useGroupData as wn, useDataView as Cn, useSelection as Sn, usePagination as xn, useRow as In, useEdit as Tn, useVisualDataBound as Bn, useVisualDataCell as kn, useVisualDataRow as Fn, useVisualGroupRow as Mn, useVisualSummaryRow as On, useVisualData as Pn, useSidebar as Vn, useColumn as Rn, useVirtualScroll as Ln, useScreen as Hn } from "../data-view/index.esm.js";
+import St, { FCheckbox as Ke } from "../checkbox/index.esm.js";
+import xt from "../popover/index.esm.js";
 import Je from "../drawer/index.esm.js";
 import "../button/index.esm.js";
 import "../field-selector/index.esm.js";
 import "../collection-property-editor/index.esm.js/src/use-button-items.designer";
-import Ln from "../tags/index.esm.js";
-import { useInputExpand as Hn } from "../common/index.esm.js/text-box/use-input-expand";
-const En = {
+import Dn from "../tags/index.esm.js";
+import { useInputExpand as En } from "../common/index.esm.js/text-box/use-input-expand";
+const jn = {
   injectSymbolToken: { type: Symbol },
   /** 待选数据视图集合 */
   viewOptions: { type: Array, default: [] },
@@ -34,7 +34,7 @@ const En = {
   editorParams: { type: Object, default: null },
   showFooter: { type: Boolean, default: !1 },
   validateFunction: { type: Function, default: null }
-}, Dn = {
+}, Nn = {
   /**
    * 标签页显示样式
    * @default 'default'
@@ -112,151 +112,151 @@ const En = {
    */
   beforeTabSelect: { type: Function, default: null }
 };
-function jn(e, t, a) {
-  const u = new on(), l = c([]), o = c(e.activeId || "");
+function An(e, t, a) {
+  const u = new un(), l = c([]), o = c(e.activeId || "");
   let i = "";
   const s = c(!0), f = c([]), d = c(!0), r = c(0), m = B(() => {
-    const y = l.value.find((E) => E.props.id === o.value);
-    return (y == null ? void 0 : y.props.toolbarPosition) === "inHead";
+    const h = l.value.find((D) => D.props.id === o.value);
+    return (h == null ? void 0 : h.props.toolbarPosition) === "inHead";
   });
   let x;
-  function I(y) {
-    x = y;
+  function I(h) {
+    x = h;
   }
-  function w(y, b = !0) {
-    const E = y.findIndex((j) => j.props.show !== !1 && !j.props.disabled);
-    if (E !== -1) {
-      if (o.value = y[E].props.id, !b)
+  function w(h, b = !0) {
+    const D = h.findIndex((j) => j.props.show !== !1 && !j.props.disabled);
+    if (D !== -1) {
+      if (o.value = h[D].props.id, !b)
         return;
       f.value = [];
-      const j = y[E];
+      const j = h[D];
       j && j.props.toolbar && j.props.toolbar.buttons && j.props.toolbar.buttons.length && (f.value = [...j.props.toolbar.buttons], d.value = j.props.toolbarVisible);
     }
   }
-  function v(y) {
-    o.value = y;
-    const b = l.value.find((E) => E.props.id === y);
-    f.value = [], b && b.props.toolbar && b.props.toolbar.buttons && b.props.toolbar.buttons.length && (f.value = [...b.props.toolbar.buttons], d.value = b.props.toolbarVisible), t.emit("update:activeId", y), t.emit("tabChange", {
+  function v(h) {
+    o.value = h;
+    const b = l.value.find((D) => D.props.id === h);
+    f.value = [], b && b.props.toolbar && b.props.toolbar.buttons && b.props.toolbar.buttons.length && (f.value = [...b.props.toolbar.buttons], d.value = b.props.toolbarVisible), t.emit("update:activeId", h), t.emit("tabChange", {
       prevId: i,
       nextId: o.value
     });
   }
-  async function C(y, b, E, j) {
-    var R;
-    const $ = await ((R = e.beforeTabSelect) == null ? void 0 : R.call(e, {
-      prevId: y,
+  async function C(h, b, D, j) {
+    var L;
+    const $ = await ((L = e.beforeTabSelect) == null ? void 0 : L.call(e, {
+      prevId: h,
       nextId: b
     }));
-    (typeof $ == "boolean" ? $ : ($ == null ? void 0 : $.canSelect) ?? !0) ? E && E() : (j && j(), typeof $ != "boolean" && $.message && (u == null || u.warning({ message: $.message, position: "top-center" })));
+    (typeof $ == "boolean" ? $ : ($ == null ? void 0 : $.canSelect) ?? !0) ? D && D() : (j && j(), typeof $ != "boolean" && $.message && (u == null || u.warning({ message: $.message, position: "top-center" })));
   }
-  function S(y) {
+  function S(h) {
     let b = -1;
     if (!o.value) {
-      if (b = y.findIndex((E) => o.value === E.props.id && E.props.show !== !1 && !E.props.disabled), b > -1)
+      if (b = h.findIndex((D) => o.value === D.props.id && D.props.show !== !1 && !D.props.disabled), b > -1)
         return;
       i = o.value;
     }
-    w(y, !1), C(i, o.value, () => {
+    w(h, !1), C(i, o.value, () => {
       v(o.value), x && x();
     }, () => {
       o.value = i;
     });
   }
-  function h(y) {
+  function y(h) {
     let b = !1;
-    if (y) {
-      const E = l.value.find((j) => j.props.id === y);
-      b = !E || E.props.show === !1 || E.props.disabled === !0;
+    if (h) {
+      const D = l.value.find((j) => j.props.id === h);
+      b = !D || D.props.show === !1 || D.props.disabled === !0;
     }
     if (b)
       S(l.value);
-    else if (o.value !== y) {
-      const E = o.value;
-      C(E, y, () => {
-        i = E, o.value = y, v(o.value), x && x();
+    else if (o.value !== h) {
+      const D = o.value;
+      C(D, h, () => {
+        i = D, o.value = h, v(o.value), x && x();
       }, () => {
-        o.value = E, t.emit("update:activeId", E);
+        o.value = D, t.emit("update:activeId", D);
       });
     } else
       v(o.value);
   }
-  A(() => e.activeId, (y, b) => {
-    y !== b && e.activeId !== o.value && h(y);
+  A(() => e.activeId, (h, b) => {
+    h !== b && e.activeId !== o.value && y(h);
   });
-  function L(y) {
-    var E;
+  function P(h) {
+    var D;
     if (e.autoTitleWidth)
       return;
-    const b = (E = y.value) == null ? void 0 : E.querySelectorAll(".st-tab-text");
+    const b = (D = h.value) == null ? void 0 : D.querySelectorAll(".st-tab-text");
     if (!(!b || e.tabType === "pill"))
       for (let j = 0; j < b.length; j++) {
         const $ = b[j].parentNode;
         b[j].scrollWidth > $.offsetWidth ? b[j].classList.contains("farris-title-text-custom") || b[j].classList.add("farris-title-text-custom") : b[j].classList.remove("farris-title-text-custom");
       }
   }
-  const k = (y) => {
-    y.preventDefault(), y.stopPropagation();
+  const k = (h) => {
+    h.preventDefault(), h.stopPropagation();
   };
-  function P(y, b, E = !1) {
+  function V(h, b, D = !1) {
     const j = l.value.findIndex(($) => $.props.id === b);
-    l.value = l.value.filter(($) => $.props.id !== b), o.value === b && (i = b, o.value = "", w(l.value)), k(y), te(() => {
-      r.value++, L(a), E && (s.value = !0), t.emit("tabRemove", {
+    l.value = l.value.filter(($) => $.props.id !== b), o.value === b && (i = b, o.value = "", w(l.value)), k(h), te(() => {
+      r.value++, P(a), D && (s.value = !0), t.emit("tabRemove", {
         removeIndex: j,
         removeId: b,
         activeId: o.value
       });
     });
   }
-  function V(y, b = !0) {
-    const E = l.value.find((j) => j.props.id === y);
-    E && (E.props.show === !1 && o.value === y ? (o.value = "", i = y, h("")) : E.props.show === !0 && !o.value && S(l.value), te(() => {
+  function R(h, b = !0) {
+    const D = l.value.find((j) => j.props.id === h);
+    D && (D.props.show === !1 && o.value === h ? (o.value = "", i = h, y("")) : D.props.show === !0 && !o.value && S(l.value), te(() => {
       r.value++, b && (s.value = !0);
     }));
   }
-  function F(y) {
-    o.value !== y && C(i, y, () => {
-      i = o.value, v(y), x && x();
+  function F(h) {
+    o.value !== h && C(i, h, () => {
+      i = o.value, v(h), x && x();
     }, null);
   }
-  function g(y) {
-    l.value.findIndex((E) => E.props.id === y.props.id) === -1 && l.value.push(y), r.value++;
+  function g(h) {
+    l.value.findIndex((D) => D.props.id === h.props.id) === -1 && l.value.push(h), r.value++;
   }
-  function T(y) {
-    l.value.findIndex((E) => E.props.id === y.props.id) !== -1 && (l.value.forEach((E) => {
-      E.props.id === y.props.id && (E = y);
-    }), y.props.id === o.value && m.value, te(() => {
-      r.value++, L(a);
+  function T(h) {
+    l.value.findIndex((D) => D.props.id === h.props.id) !== -1 && (l.value.forEach((D) => {
+      D.props.id === h.props.id && (D = h);
+    }), h.props.id === o.value && m.value, te(() => {
+      r.value++, P(a);
     }));
   }
   return {
     activeId: o,
     addTab: g,
-    changeTitleStyle: L,
-    removeTab: P,
+    changeTitleStyle: P,
+    removeTab: V,
     selectTab: F,
     tabPages: l,
     updateTab: T,
     toolbarItems: f,
     needUpdateNavigationLayout: r,
-    checkActiveIdAndSelect: h,
-    toggleShowTab: V,
+    checkActiveIdAndSelect: y,
+    toggleShowTab: R,
     hasInHeadClass: m,
     setScrollToSelectedTabFunction: I,
     toolbarVisible: d
   };
 }
-function Nn(e, t, a, u, l) {
+function zn(e, t, a, u, l) {
   const {
     activeId: o,
     removeTab: i,
     selectTab: s
   } = l, f = B(() => {
-    const h = {
+    const P = {
       "st-tab-text": !0,
       "text-truncate": e.tabType === "pill" && !e.autoTitleWidth,
       "farris-title-auto": e.autoTitleWidth
     };
-    return De(h, t.customTitleClass);
+    return Ee(P, t.customTitleClass);
   }), d = B(() => ({
     "nav-item": !0,
     "d-none": t.show !== void 0 ? !t.show : !1,
@@ -269,7 +269,7 @@ function Nn(e, t, a, u, l) {
     "tabs-text-truncate": !0,
     active: t.id === o.value,
     disabled: t.disabled
-  })), x = dt({
+  })), x = ft({
     content: t.title,
     overflowShown: !0
   });
@@ -277,7 +277,7 @@ function Nn(e, t, a, u, l) {
     return e.tabType !== "pill" && !e.autoTitleWidth ? Ne(n("span", {
       class: f.value,
       "data-tabid": t.id
-    }, [t.title]), [[Kt("tooltip"), x]]) : n("span", {
+    }, [t.title]), [[Zt("tooltip"), x]]) : n("span", {
       class: f.value,
       "data-tabid": t.id,
       title: t.title
@@ -287,35 +287,36 @@ function Nn(e, t, a, u, l) {
   function v() {
     return w.value ? n("span", {
       class: "st-drop-close",
-      onClick: (h) => i(h, t.id)
+      onClick: (P) => i(P, t.id)
     }, [n("i", {
       class: "f-icon f-icon-close"
     }, null)]) : "";
   }
-  function C(h) {
+  function C(P) {
     s(t.id), e.tabType === "one-page" && u.scrollToByPaggId(t.id);
   }
-  function S() {
-    return a.slots.title ? n("a", {
+  const S = yt(a.attrs);
+  function y() {
+    return a.slots.title ? n("a", ae(S, {
       class: m.value,
       onClick: C,
       id: `${t.id}-tab-title`
-    }, [a.slots.title(a), v()]) : t.titleRenderFunction ? n("a", {
+    }), [a.slots.title(a), v()]) : t.titleRenderFunction ? n("a", ae(S, {
       class: m.value,
       onClick: C,
       id: `${t.id}-tab-title`
-    }, [t.titleRenderFunction(), v()]) : n("a", {
+    }), [t.titleRenderFunction(), v()]) : n("a", ae(S, {
       class: m.value,
       onClick: C,
       id: `${t.id}-tab-title`
-    }, [I(), v()]);
+    }), [I(), v()]);
   }
   return n("li", {
     class: d.value,
     style: r.value
-  }, [S()]);
+  }, [y()]);
 }
-function An(e, t, a, u, l) {
+function $n(e, t, a, u, l) {
   const {
     shouldShowNavigationButtons: o
   } = a, {
@@ -342,9 +343,9 @@ function An(e, t, a, u, l) {
   }, [n("ul", {
     class: d.value,
     ref: t
-  }, [i.value.map((r) => Nn(e, r.props, r, u, l))])]);
+  }, [i.value.map((r) => zn(e, r.props, r, u, l))])]);
 }
-function zn(e, t, a, u, l) {
+function Wn(e, t, a, u, l) {
   const o = c(), {
     shouldShowNavigationButtons: i
   } = a, {
@@ -378,7 +379,7 @@ function zn(e, t, a, u, l) {
   }), () => n("div", {
     class: x.value,
     style: I.value
-  }, [n(cn, {
+  }, [n(dn, {
     items: m.value,
     modelValue: r.value,
     "onUpdate:modelValue": (v) => r.value = v,
@@ -386,7 +387,7 @@ function zn(e, t, a, u, l) {
     ref: o
   }, null)]);
 }
-function $n(e, t, a, u) {
+function _n(e, t, a, u) {
   const l = c(), {
     activeId: o,
     removeTab: i,
@@ -398,9 +399,9 @@ function $n(e, t, a, u) {
   } = t, m = 600;
   let x = null;
   const I = B(() => {
-    var y, b;
+    var h, b;
     let T = [];
-    return e.searchBoxVisible ? T = (y = s.value) == null ? void 0 : y.filter((E) => E.props.title.includes(r.value)) : T = (b = s.value) == null ? void 0 : b.slice(), T;
+    return e.searchBoxVisible ? T = (h = s.value) == null ? void 0 : h.filter((D) => D.props.title.includes(r.value)) : T = (b = s.value) == null ? void 0 : b.slice(), T;
   }), w = B(() => ({
     "dropdown-menu": !0,
     "tabs-pt28": e.searchBoxVisible,
@@ -417,7 +418,7 @@ function $n(e, t, a, u) {
       if (T)
         l.value.style.width = null;
       else {
-        const y = v.value.querySelector(".farris-tabs-header"), b = v.value.clientHeight - y.clientHeight - 20, j = y.querySelector(".farris-tabs-title").clientWidth - 20;
+        const h = v.value.querySelector(".farris-tabs-header"), b = v.value.clientHeight - h.clientHeight - 20, j = h.querySelector(".farris-tabs-title").clientWidth - 20;
         l.value.style.maxWidth = j + "px", l.value.style.maxHeight = b + "px", te(() => {
           const {
             width: $
@@ -436,10 +437,10 @@ function $n(e, t, a, u) {
       "d-none": T.props.show !== !0
     };
   }
-  function h(T) {
+  function y(T) {
     T.preventDefault(), T.stopPropagation();
   }
-  function L() {
+  function P() {
     x && clearTimeout(x);
   }
   function k() {
@@ -447,11 +448,11 @@ function $n(e, t, a, u) {
       d.value = !0;
     }, m));
   }
-  function P(T, y) {
-    T.stopPropagation(), y.disabled || f(y.id), d.value = !0;
+  function V(T, h) {
+    T.stopPropagation(), h.disabled || f(h.id), d.value = !0;
   }
-  function V(T, y) {
-    T.stopPropagation(), i(T, y, !0);
+  function R(T, h) {
+    T.stopPropagation(), i(T, h, !0);
   }
   function F(T) {
     return T.slots.title ? n("a", {
@@ -469,25 +470,25 @@ function $n(e, t, a, u) {
     return n("div", {
       ref: l,
       class: w.value,
-      onMouseenter: () => L(),
+      onMouseenter: () => P(),
       onMouseleave: () => k()
     }, [e.searchBoxVisible && n("div", {
-      onClick: (T) => h(T),
+      onClick: (T) => y(T),
       class: "pb-1 tabs-li-absolute"
     }, [Ne(n("input", {
       type: "text",
       class: "form-control",
       "onUpdate:modelValue": (T) => r.value = T
-    }, null), [[ft, r.value]]), n("span", {
+    }, null), [[vt, r.value]]), n("span", {
       class: "f-icon f-icon-page-title-query tabs-icon-search"
     }, null)]), I.value.length ? n("ul", {
       class: "tab-dropdown-menu--items flex-fill"
     }, [I.value.map((T) => n("li", {
       class: S(T),
-      onClick: (y) => P(y, T.props)
+      onClick: (h) => V(h, T.props)
     }, [T.props.removeable && T.props.disabled !== !0 && n("span", {
       class: "float-right st-drop-close",
-      onClick: (y) => V(y, T.props.id)
+      onClick: (h) => R(h, T.props.id)
     }, [n("i", {
       class: "f-icon f-icon-close"
     }, null)]), F(T)]))]) : n("div", {
@@ -499,13 +500,13 @@ function $n(e, t, a, u) {
     setTabsRef: C
   };
 }
-function Wn(e, t, a, u) {
+function Gn(e, t, a, u) {
   const {
     hideDropDown: l
   } = t, {
     renderDropdownMenu: o,
     setTabsRef: i
-  } = $n(e, t, a, u), s = c(e.showDropdown);
+  } = _n(e, t, a, u), s = c(e.showDropdown);
   function f() {
     return s.value && n(Q, null, [n("button", {
       class: "btn dropdown-toggle-split dropdown-toggle",
@@ -519,7 +520,7 @@ function Wn(e, t, a, u) {
     setTabsRef: i
   };
 }
-function _n(e, t, a, u) {
+function Un(e, t, a, u) {
   const l = c(!1), { selectTab: o, tabPages: i, needUpdateNavigationLayout: s, activeId: f } = u, d = 4, r = B(() => ({
     btn: !0,
     "sc-nav-btn": !0,
@@ -536,41 +537,41 @@ function _n(e, t, a, u) {
     "sc-nav-rg": !0,
     "d-none": !l.value
   }));
-  function I(h, L) {
+  function I(y, P) {
     if (!t.value)
       return;
-    const k = t.value.scrollLeft, P = t.value.scrollWidth - t.value.offsetWidth;
-    if (L > 0) {
-      if (t.value.scrollLeft >= P)
+    const k = t.value.scrollLeft, V = t.value.scrollWidth - t.value.offsetWidth;
+    if (P > 0) {
+      if (t.value.scrollLeft >= V)
         return;
-      t.value.scrollLeft = k + e.scrollStep + h;
-    } else if (L < 0) {
+      t.value.scrollLeft = k + e.scrollStep + y;
+    } else if (P < 0) {
       if (t.value.scrollLeft <= 0)
         return;
-      t.value.scrollLeft = k - e.scrollStep - h;
+      t.value.scrollLeft = k - e.scrollStep - y;
     }
   }
-  function w(h = -1) {
+  function w(y = -1) {
     if (!l.value || !t.value)
       return;
-    h < 0 && (h = i.value.findIndex((F) => F.props.id === f.value));
-    const L = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", k = t.value.querySelectorAll(L), { parentElement: P } = t.value, V = k[h];
-    if (V && P) {
-      const F = P.getBoundingClientRect().left, g = P.getBoundingClientRect().right, T = V.getBoundingClientRect().left, y = V.getBoundingClientRect().right;
-      T < F ? I(F - T, -1) : g < y && I(y - g, 1), e.tabType === "one-page" && a.scrollTo(h);
+    y < 0 && (y = i.value.findIndex((F) => F.props.id === f.value));
+    const P = e.tabType === "pills" ? ".f-capsule-item" : ".nav-item", k = t.value.querySelectorAll(P), { parentElement: V } = t.value, R = k[y];
+    if (R && V) {
+      const F = V.getBoundingClientRect().left, g = V.getBoundingClientRect().right, T = R.getBoundingClientRect().left, h = R.getBoundingClientRect().right;
+      T < F ? I(F - T, -1) : g < h && I(h - g, 1), e.tabType === "one-page" && a.scrollTo(y);
     }
   }
   function v() {
     var k;
     if (!t.value)
       return;
-    const h = t.value, L = (k = t.value) == null ? void 0 : k.parentElement;
-    l.value = L && h && L.offsetWidth < h.scrollWidth - d, l.value && te(() => {
+    const y = t.value, P = (k = t.value) == null ? void 0 : k.parentElement;
+    l.value = P && y && P.offsetWidth < y.scrollWidth - d, l.value && te(() => {
       w();
     });
   }
-  function C(h) {
-    h.disabled || o(h.id);
+  function C(y) {
+    y.disabled || o(y.id);
   }
   function S() {
     ["default", "one-page"].indexOf(e.tabType) > -1 && te(() => {
@@ -590,7 +591,7 @@ function _n(e, t, a, u) {
     scrollToSelectedTab: S
   };
 }
-function Gn(e, t) {
+function qn(e, t) {
   const { tabPages: a } = t, u = c(""), l = c(!0), o = B(() => e.searchBoxVisible), i = B(() => o.value ? a.value.filter((f) => f.props.title.includes(u.value)) : a.value.slice());
   return A(l, (s) => {
     s || (u.value = "");
@@ -601,7 +602,7 @@ function Gn(e, t) {
     tabsInDropdownMenu: i
   };
 }
-function Un(e, t, a) {
+function Yn(e, t, a) {
   const u = ".farris-tab-page", { tabPages: l } = a;
   let o = -1;
   function i() {
@@ -627,8 +628,8 @@ function Un(e, t, a) {
   }
   return { scrollTo: s, scrollToByPaggId: f };
 }
-const qn = ["moz", "ms", "webkit"];
-function Yn() {
+const Xn = ["moz", "ms", "webkit"];
+function Kn() {
   let e = 0;
   return (t) => {
     const a = (/* @__PURE__ */ new Date()).getTime(), u = Math.max(0, 16 - (a - e)), l = setTimeout(() => {
@@ -637,15 +638,15 @@ function Yn() {
     return e = a + u, l;
   };
 }
-function Xn() {
+function Jn() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = qn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Yn();
+  const e = Xn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Kn();
 }
-Xn();
+Jn();
 c("");
 function Ze() {
   if (typeof window > "u" || typeof navigator > "u")
@@ -680,19 +681,22 @@ function Ze() {
   const u = "ontouchstart" in window || navigator.maxTouchPoints > 0, l = screen.width, o = screen.height, i = Math.min(l, o);
   return !!(u && i <= 768);
 }
-function Kn() {
+function Zn() {
   const e = Ze();
   return e && document.body.classList.add("f-mobile"), e;
 }
-typeof document < "u" && Kn();
+typeof document < "u" && Zn();
+function it(e) {
+  return e ? Object.keys(e).reduce((t, a) => (a.startsWith("data-") && (t[a] = e[a]), t), {}) : {};
+}
 const Le = /* @__PURE__ */ Y({
   name: "FTabs",
-  props: Dn,
+  props: Nn,
   emits: ["tabChange", "tabRemove", "update:activeId", "Click"],
   setup(e, t) {
     const a = c(e.tabType), u = Re(), l = Ze(), o = c(e.customClass), i = Re();
     Re();
-    const s = c(), f = jn(e, t, i), {
+    const s = c(), f = An(e, t, i), {
       activeId: d,
       changeTitleStyle: r,
       tabPages: m,
@@ -702,22 +706,22 @@ const Le = /* @__PURE__ */ Y({
       checkActiveIdAndSelect: v,
       toggleShowTab: C,
       hasInHeadClass: S,
-      toolbarVisible: h
-    } = f, L = Un(e, u, f), k = _n(e, i, L, f), {
-      previousButtonClass: P,
-      nextButtonClass: V,
+      toolbarVisible: y
+    } = f, P = Yn(e, u, f), k = Un(e, i, P, f), {
+      previousButtonClass: V,
+      nextButtonClass: R,
       nextButtonGroupClass: F,
       scrollTab: g,
       updateNavigationLayout: T,
-      scrollToSelectedTab: y
+      scrollToSelectedTab: h
     } = k;
-    f.setScrollToSelectedTabFunction(y);
-    const b = Gn(e, f), E = An(e, i, k, L, f), j = E, $ = zn(e, i, k, L, f), H = /* @__PURE__ */ new Map([["default", E], ["one-page", j], ["pills", $]]);
+    f.setScrollToSelectedTabFunction(h);
+    const b = qn(e, f), D = $n(e, i, k, P, f), j = D, $ = Wn(e, i, k, P, f), H = /* @__PURE__ */ new Map([["default", D], ["one-page", j], ["pills", $]]);
     B(() => {
       const G = m.value.find((ee) => ee.props.id === d.value);
       return G == null ? void 0 : G.slots;
     });
-    const R = B(() => e.fill), N = (G, ee) => {
+    const L = B(() => e.fill), N = (G, ee) => {
       t.emit("Click", G, ee, d.value);
     };
     Ue("tabs", {
@@ -726,9 +730,9 @@ const Le = /* @__PURE__ */ Y({
       updateTab: I,
       tabPages: m,
       tabType: a,
-      shouldFillParentContaner: R,
+      shouldFillParentContaner: L,
       toggleShowTab: C,
-      toolbarVisible: h,
+      toolbarVisible: y,
       clickToolbarItemHandler: N
     });
     let p = !1;
@@ -739,7 +743,7 @@ const Le = /* @__PURE__ */ Y({
       "farris-tabs-nav-fill": e.tabType === "fill",
       "farris-tabs-nav-pills": e.tabType === "pills",
       "d-none": e.showHeader === !1
-    })), D = B(() => {
+    })), E = B(() => {
       const G = {
         width: S.value && e.titleWidth ? `${e.titleWidth}%` : ""
       };
@@ -747,23 +751,23 @@ const Le = /* @__PURE__ */ Y({
     }), W = B(() => {
       const G = {
         "farris-tabs": !0,
-        "f-tabs-content-fill": R.value,
+        "f-tabs-content-fill": L.value,
         "flex-column": e.position === "top",
         "flex-column-reverse": e.position === "bottom",
         "flex-row": e.position === "left",
         "flex-row-reverse": e.position === "right",
         "one-page": e.tabType === "one-page"
       };
-      return o.value && o.value.split(" ").reduce((ee, se) => (ee[se] = !0, ee), G), G;
+      return o.value && o.value.split(" ").reduce((ee, ie) => (ee[ie] = !0, ee), G), G;
     }), U = new ResizeObserver((G) => {
       G.length && T();
     });
-    function re() {
+    function de() {
       s.value && !p && (U.observe(s.value), p = !0);
     }
     A(() => e.visible, (G) => {
       te(() => {
-        m.value.length && v(e.activeId || m.value[0].props.id), T(), r(i), re();
+        m.value.length && v(e.activeId || m.value[0].props.id), T(), r(i), de();
       });
     }), A(() => e.autoTitleWidth, (G) => {
       te(() => {
@@ -772,13 +776,13 @@ const Le = /* @__PURE__ */ Y({
     }), ne(() => {
       e.visible && (m.value.length && v(e.activeId || m.value[0].props.id), te(() => {
         T(), r(i);
-      }), re());
+      }), de());
     });
-    function oe() {
+    function se() {
       return n("button", {
         title: Z.getLocaleValue("tabs.leftButton"),
         type: "button",
-        class: P.value,
+        class: V.value,
         onClick: () => {
           g(0, -1);
         }
@@ -788,52 +792,52 @@ const Le = /* @__PURE__ */ Y({
       return n("button", {
         title: Z.getLocaleValue("tabs.rightButton"),
         type: "button",
-        class: V.value,
+        class: R.value,
         onClick: () => {
           g(0, 1);
         }
       }, null);
     }
     const {
-      renderMorePagesButtton: he,
+      renderMorePagesButtton: ye,
       setTabsRef: Te
-    } = Wn(e, b, k, f);
+    } = Gn(e, b, k, f);
     Te(u);
     function Be() {
       return w.value.length ? n("div", {
         class: {
           "farris-tabs-toolbar": !0,
-          "d-none": !h.value
+          "d-none": !y.value
         }
-      }, [n(rn, {
+      }, [n(fn, ae(it(t.attrs), {
         class: "f-utils-fill",
         alignment: S.value ? "right" : "left",
         items: w.value,
-        visible: h.value,
+        visible: y.value,
         onClick: N
-      }, null)]) : null;
+      }), null)]) : null;
     }
-    const de = H.get(e.tabType) || H.get("default");
+    const fe = H.get(e.tabType) || H.get("default");
     function ke() {
-      var G, ee, se, Me;
+      var G, ee, ie, Me;
       return n("div", {
         class: O.value
       }, [n("div", {
         class: "farris-tabs-header-pre"
       }, [(ee = (G = t.slots).headerPrefix) == null ? void 0 : ee.call(G)]), n("div", {
         class: "farris-tabs-title scroll-tabs",
-        style: D.value,
+        style: E.value,
         ref: s
-      }, [!l && oe(), de && de(), n("div", {
+      }, [!l && se(), fe && fe(), n("div", {
         hidden: l,
         class: F.value
-      }, [Ie(), he()])]), Be(), n("div", {
+      }, [Ie(), ye()])]), Be(), n("div", {
         class: "farris-tabs-header-post"
-      }, [(Me = (se = t.slots).headerSuffix) == null ? void 0 : Me.call(se)])]);
+      }, [(Me = (ie = t.slots).headerSuffix) == null ? void 0 : Me.call(ie)])]);
     }
     B(() => ({
       "farris-tabs-content": !0,
-      "f-utils-fill-flex-column": R.value
+      "f-utils-fill-flex-column": L.value
     }));
     function Fe() {
       var G, ee;
@@ -842,12 +846,12 @@ const Le = /* @__PURE__ */ Y({
         (ee = (G = t.slots).default) == null ? void 0 : ee.call(G)
       );
     }
-    return () => e.visible ? n("div", {
+    return () => e.visible ? n("div", ae(it(t.attrs), {
       class: W.value,
       ref: u
-    }, [ke(), Fe()]) : null;
+    }), [ke(), Fe()]) : null;
   }
-}), Jn = {
+}), Qn = {
   tabWidth: { type: Number },
   id: { type: String, default: "" },
   customTitleClass: { type: String, default: "" },
@@ -870,19 +874,20 @@ const Le = /* @__PURE__ */ Y({
   /** 标题 */
   titleRenderFunction: { type: Function }
 };
-function it(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !vt(e);
+function ut(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !mt(e);
 }
 const qe = /* @__PURE__ */ Y({
   name: "FTabPage",
-  props: Jn,
+  props: Qn,
   emits: [],
   setup(e, t) {
-    const a = ae("tabs");
+    const a = le("tabs");
     Ce();
     const u = c(e.show), l = {
       slots: t.slots,
-      props: e
+      props: e,
+      attrs: t.attrs
     }, o = c((a == null ? void 0 : a.tabType.value) || "default");
     ne(() => {
       const v = a == null ? void 0 : a.tabPages.value.findIndex((C) => C.props.id === e.id);
@@ -895,7 +900,8 @@ const qe = /* @__PURE__ */ Y({
     A(() => e, (v) => {
       a == null || a.updateTab({
         props: v,
-        slots: t.slots
+        slots: t.slots,
+        attrs: t.attrs
       });
     }, {
       immediate: !0,
@@ -911,7 +917,7 @@ const qe = /* @__PURE__ */ Y({
       return n(st, {
         "main-title": e.title,
         class: ["farris-tab-page", u.value ? "" : "f-tab-d-none"]
-      }, it(v) ? v : {
+      }, ut(v) ? v : {
         default: () => [v]
       });
     }
@@ -929,7 +935,7 @@ const qe = /* @__PURE__ */ Y({
         buttons: e.toolbar.buttons,
         "button-position": e.toolbar.position || e.toolbarPosition,
         "buttons-visible": e.toolbarVisible
-      }, it(v) ? v : {
+      }, ut(v) ? v : {
         default: () => [v]
       });
     }
@@ -956,9 +962,9 @@ const qe = /* @__PURE__ */ Y({
 Le.install = (e) => {
   e.component(Le.name, Le), e.component(qe.name, qe);
 };
-const Zn = /* @__PURE__ */ new Map([
-  ["appearance", yt]
-]), Qn = "https://json-schema.org/draft/2020-12/schema", ea = "https://farris-design.gitee.io/search-box.schema.json", ta = "search-box", na = "A Farris Component", aa = "object", la = {
+const ea = /* @__PURE__ */ new Map([
+  ["appearance", wt]
+]), ta = "https://json-schema.org/draft/2020-12/schema", na = "https://farris-design.gitee.io/search-box.schema.json", aa = "search-box", la = "A Farris Component", oa = "object", sa = {
   id: {
     description: "The unique identifier for a search-box",
     type: "string"
@@ -1020,22 +1026,22 @@ const Zn = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, oa = [
+}, ia = [
   "id",
   "type"
-], sa = {
-  $schema: Qn,
-  $id: ea,
-  title: ta,
-  description: na,
-  type: aa,
-  properties: la,
-  required: oa
+], ua = {
+  $schema: ta,
+  $id: na,
+  title: aa,
+  description: la,
+  type: oa,
+  properties: sa,
+  required: ia
 };
-function ia(e, t, a) {
+function ca(e, t, a) {
   return t;
 }
-const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
+const ra = "search-box", da = "A Farris Component", fa = "object", va = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -1057,11 +1063,11 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       }
     }
   }
-}, fa = {
-  title: ua,
-  description: ca,
-  type: ra,
-  categories: da
+}, ma = {
+  title: ra,
+  description: da,
+  type: fa,
+  categories: va
 }, Qe = {
   /**
    * 自定义图标
@@ -1129,7 +1135,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
    * 值变化事件触发时机
    */
   updateOn: { default: "change", type: String }
-}, St = Xe(Qe, sa, Zn, ia, fa), va = {
+}, It = Xe(Qe, ua, ea, ca, ma), pa = {
   data: { type: Array, default: [] },
   /** 确认结果事件 */
   onConfirmResult: { type: Function, default: () => {
@@ -1153,9 +1159,9 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
   */
   maxHeight: { default: 350, type: Number },
   loading: { default: !1, type: Boolean }
-}, xt = /* @__PURE__ */ Y({
+}, Tt = /* @__PURE__ */ Y({
   name: "FSearchBoxContainer",
-  props: va,
+  props: pa,
   emits: ["confirmResult", "searchedValue"],
   setup(e, t) {
     const a = c(e.data), u = c(), {
@@ -1191,10 +1197,10 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       return n("div", {
         class: o.value,
         style: d.value
-      }, [n(mn, {
+      }, [n(gn, {
         ref: "loadingInstance",
         isActive: e.loading
-      }, null), n(vn, {
+      }, null), n(pn, {
         ref: u,
         itemClass: "dropdown-item",
         data: a.value,
@@ -1207,7 +1213,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       }, r)]);
     };
   }
-}), ue = /* @__PURE__ */ Y({
+}), ce = /* @__PURE__ */ Y({
   name: "FSearchBox",
   props: Qe,
   emits: ["update:modelValue", "change", "selectedValue", "clickButton"],
@@ -1258,7 +1264,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       const v = {
         default: t.slots.default
       };
-      return n(fn, {
+      return n(mn, {
         ref: a,
         "button-content": i.value,
         "custom-class": e.customClass,
@@ -1279,7 +1285,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
         limitContentBySpace: !0,
         placement: "auto"
       }, {
-        default: () => [e.showDropdown && n(xt, {
+        default: () => [e.showDropdown && n(Tt, {
           ref: u,
           data: e.data,
           idField: e.idField,
@@ -1293,12 +1299,12 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       });
     };
   }
-}), ma = /* @__PURE__ */ Y({
+}), ga = /* @__PURE__ */ Y({
   name: "FSearchBoxDesign",
   props: Qe,
   emits: ["update:modelValue", "change"],
   setup(e, t) {
-    const a = c(e.data), u = c(), l = c(), o = c("请输入关键词"), i = c('<i class="f-icon f-icon-search"></i>'), s = c(e.modelValue), f = c(), d = ae("design-item-context"), r = bt(f, d);
+    const a = c(e.data), u = c(), l = c(), o = c("请输入关键词"), i = c('<i class="f-icon f-icon-search"></i>'), s = c(e.modelValue), f = c(), d = le("design-item-context"), r = Ct(f, d);
     ne(() => {
       f.value.componentInstance = r;
     }), t.expose(r.value), A(s, (I) => {
@@ -1315,7 +1321,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
     }
     return () => n("div", {
       ref: f
-    }, [n(Jt("f-button-edit"), {
+    }, [n(Qt("f-button-edit"), {
       ref: u,
       "button-content": i.value,
       placeholder: o.value,
@@ -1330,7 +1336,7 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
       "popup-on-input": !0,
       "popup-on-focus": !0
     }, {
-      default: () => [n(xt, {
+      default: () => [n(Tt, {
         ref: l,
         data: a.value,
         onConfirmResult: m
@@ -1338,16 +1344,16 @@ const ua = "search-box", ca = "A Farris Component", ra = "object", da = {
     })]);
   }
 });
-ue.install = (e) => {
-  e.component(ue.name, ue);
+ce.install = (e) => {
+  e.component(ce.name, ce);
 };
-ue.register = (e, t, a, u) => {
-  e["search-box"] = ue, t["search-box"] = St;
+ce.register = (e, t, a, u) => {
+  e["search-box"] = ce, t["search-box"] = It;
 };
-ue.registerDesigner = (e, t, a) => {
-  e["search-box"] = ma, t["search-box"] = St;
+ce.registerDesigner = (e, t, a) => {
+  e["search-box"] = ga, t["search-box"] = It;
 };
-const It = {
+const Bt = {
   /**
    * 列集合
    */
@@ -1506,7 +1512,7 @@ const It = {
    */
   allowDelete: { type: Boolean, default: !0 }
 };
-function pa(e, t) {
+function ha(e, t) {
   function a(o) {
     const i = [];
     let s = o.nextNode();
@@ -1539,22 +1545,22 @@ function pa(e, t) {
   }
   return { search: l };
 }
-function ut(e, t, a, u, l, o, i, s, f, d) {
+function ct(e, t, a, u, l, o, i, s, f, d) {
   const r = c(e.size), m = c(e.textField), x = c(e.titleField), I = c(e.disableField), w = B(() => {
-    var y, b;
-    return ((y = e.selection) == null ? void 0 : y.multiSelect) && ((b = e.selection) == null ? void 0 : b.showCheckbox);
+    var h, b;
+    return ((h = e.selection) == null ? void 0 : h.multiSelect) && ((b = e.selection) == null ? void 0 : b.showCheckbox);
   }), {
     onMouseenterItem: v,
     onMouseoverItem: C,
     onMouseleaveItem: S
   } = o, {
-    getKey: h,
-    listViewItemClass: L,
+    getKey: y,
+    listViewItemClass: P,
     listViewItemStyle: k,
-    onCheckItem: P,
-    onClickItem: V
+    onCheckItem: V,
+    onClickItem: R
   } = i, F = B(() => {
-    const y = {
+    const h = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap",
@@ -1562,38 +1568,38 @@ function ut(e, t, a, u, l, o, i, s, f, d) {
       "min-height": r.value === "small" ? "1.25rem" : "1.375rem",
       "line-height": r.value === "small" ? "1.25rem" : "1.375rem"
     };
-    return e.itemClass ? y : {
+    return e.itemClass ? h : {
       margin: r.value === "small" ? "0.25rem 0" : "8px 0",
-      ...y
+      ...h
     };
   });
-  function g(y) {
-    const b = y.raw[m.value];
+  function g(h) {
+    const b = h.raw[m.value];
     return b == null || b === "" ? " " : b;
   }
-  function T(y, b, E) {
-    y.checked = s.findIndexInSelectedItems(y) > -1;
-    const j = g(y), $ = y.raw[x.value] || y.raw[m.value];
+  function T(h, b, D) {
+    h.checked = s.findIndexInSelectedItems(h) > -1;
+    const j = g(h), $ = h.raw[x.value] || h.raw[m.value];
     return n("li", {
-      class: L(y, b),
-      id: h(y, b),
-      key: h(y, b),
-      style: k(y, b),
-      onClick: (H) => V(y, b, H),
-      onMouseenter: (H) => v(H, y, b),
-      onMouseover: (H) => C(H, y, b),
-      onMouseleave: (H) => S(H, y, b)
+      class: P(h, b),
+      id: y(h, b),
+      key: y(h, b),
+      style: k(h, b),
+      onClick: (H) => R(h, b, H),
+      onMouseenter: (H) => v(H, h, b),
+      onMouseover: (H) => C(H, h, b),
+      onMouseleave: (H) => S(H, h, b)
     }, [w.value && n("div", {
       class: "f-list-select",
       onClick: (H) => H.stopPropagation()
     }, [n(Ke, {
-      id: "list-" + h(y, b),
+      id: "list-" + y(h, b),
       customClass: "listview-checkbox float-left",
-      disabled: y[I.value],
-      checked: y.checked,
-      "onUpdate:checked": (H) => y.checked = H,
+      disabled: h[I.value],
+      checked: h.checked,
+      "onUpdate:checked": (H) => h.checked = H,
       onChange: (H) => {
-        P(y, b, !H.checked);
+        V(h, b, !H.checked);
       }
     }, null)]), n("div", {
       class: "f-list-content"
@@ -1607,7 +1613,7 @@ function ut(e, t, a, u, l, o, i, s, f, d) {
     renderItem: T
   };
 }
-function ga(e, t, a, u, l, o, i, s, f, d) {
+function ya(e, t, a, u, l, o, i, s, f, d) {
   const r = c(e.multiSelect), m = c(e.disableField), x = c(e.textField), {
     onMouseenterItem: I,
     onMouseoverItem: w,
@@ -1615,30 +1621,30 @@ function ga(e, t, a, u, l, o, i, s, f, d) {
   } = o, {
     getKey: C,
     listViewItemClass: S,
-    listViewItemStyle: h,
-    onCheckItem: L,
+    listViewItemStyle: y,
+    onCheckItem: P,
     onClickItem: k,
-    updateSelectedItems: P
+    updateSelectedItems: V
   } = i;
-  function V(g, T, y) {
+  function R(g, T, h) {
     return e.contentTemplate ? n(Q, null, [e.contentTemplate({
       item: g.raw,
       index: T,
-      selectedItem: y
+      selectedItem: h
     })]) : t.slots.content ? n(Q, null, [t.slots.content && t.slots.content({
       item: g.raw,
       index: T,
-      selectedItem: y
+      selectedItem: h
     })]) : n("div", {
       style: "margin: 10px 0;"
     }, [g.raw[x.value || "name"]]);
   }
-  function F(g, T, y) {
+  function F(g, T, h) {
     return n("li", {
       class: S(g, T),
       id: C(g, T),
       key: C(g, T),
-      style: h(g, T),
+      style: y(g, T),
       onClick: (b) => k(g, T, b),
       onMouseenter: (b) => I(b, g, T),
       onMouseover: (b) => w(b, g, T),
@@ -1653,17 +1659,17 @@ function ga(e, t, a, u, l, o, i, s, f, d) {
       checked: g.checked,
       "onUpdate:checked": (b) => g.checked = b,
       onChange: (b) => {
-        L(g, T, !b.checked), P();
+        P(g, T, !b.checked), V();
       }
     }, null)]), n("div", {
       class: "f-list-content"
-    }, [V(g, T, y)])]);
+    }, [R(g, T, h)])]);
   }
   return {
     renderItem: F
   };
 }
-function ha(e, t, a, u, l, o, i, s, f, d) {
+function ba(e, t, a, u, l, o, i, s, f, d) {
   const r = c(e.multiSelect), m = c(e.disableField), x = c(e.textField), {
     onMouseenterItem: I,
     onMouseoverItem: w,
@@ -1671,62 +1677,62 @@ function ha(e, t, a, u, l, o, i, s, f, d) {
   } = o, {
     getKey: C,
     listViewItemClass: S,
-    onCheckItem: h,
-    onClickItem: L
+    onCheckItem: y,
+    onClickItem: P
   } = i, {
     dragstart: k,
-    dragenter: P,
-    dragover: V,
+    dragenter: V,
+    dragover: R,
     dragend: F
   } = u, {
     removeItem: g
   } = f, T = B(() => ({
     margin: r.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function y(H, R = "") {
+  function h(H, L = "") {
     const N = H.target;
-    N.title = N.scrollWidth > N.clientWidth ? R : "";
+    N.title = N.scrollWidth > N.clientWidth ? L : "";
   }
   function b(H) {
     return n("div", {
       style: T.value,
-      onMouseenter: (R) => y(R, H.raw[x.value || "name"])
+      onMouseenter: (L) => h(L, H.raw[x.value || "name"])
     }, [H.raw[x.value || "name"]]);
   }
-  function E() {
+  function D() {
     return t.slots.itemContent ? t.slots.itemContent : b;
   }
-  const j = E();
-  function $(H, R, N) {
+  const j = D();
+  function $(H, L, N) {
     return n("li", {
-      class: S(H, R),
-      id: C(H, R),
-      key: C(H, R),
-      onClick: (p) => L(H, R, p),
-      onMouseenter: (p) => I(p, H, R),
-      onMouseover: (p) => w(p, H, R),
-      onMouseout: (p) => v(p, H, R),
+      class: S(H, L),
+      id: C(H, L),
+      key: C(H, L),
+      onClick: (p) => P(H, L, p),
+      onMouseenter: (p) => I(p, H, L),
+      onMouseover: (p) => w(p, H, L),
+      onMouseout: (p) => v(p, H, L),
       draggable: "true",
-      onDragstart: (p) => k(p, H, R),
-      onDragenter: (p) => P(p, R),
+      onDragstart: (p) => k(p, H, L),
+      onDragenter: (p) => V(p, L),
       onDragend: (p) => F(p, H),
-      onDragover: (p) => V(p)
+      onDragover: (p) => R(p)
     }, [r.value && n("div", {
       class: "f-list-select",
       onClick: (p) => p.stopPropagation()
     }, [n(Ke, {
-      id: "list-" + C(H, R),
+      id: "list-" + C(H, L),
       customClass: "listview-checkbox",
       disabled: H[m.value],
       checked: H.checked,
       "onUpdate:checked": (p) => H.checked = p,
-      onChange: (p) => h(H, R, !p.checked)
+      onChange: (p) => y(H, L, !p.checked)
     }, null)]), n("div", {
       class: "f-list-content"
     }, [j(H)]), e.allowDelete && n("div", {
       class: "f-list-remove",
       onClick: (p) => {
-        p.stopPropagation(), g(R);
+        p.stopPropagation(), g(L);
       }
     }, [n("div", {
       class: "f-list-remove-icon"
@@ -1742,21 +1748,21 @@ function ha(e, t, a, u, l, o, i, s, f, d) {
     renderItem: $
   };
 }
-function ya(e, t, a, u, l, o, i, s, f, d) {
+function wa(e, t, a, u, l, o, i, s, f, d) {
   var C;
   const r = c(((C = e.group) == null ? void 0 : C.groupFields) || []), {
     collpaseGroupIconClass: m
   } = l, {
     toggleGroupRow: x
   } = d;
-  function I(S, h) {
-    S.stopPropagation(), h.collapse = !h.collapse, a.value = x(h.collapse ? "collapse" : "expand", h, a.value);
+  function I(S, y) {
+    S.stopPropagation(), y.collapse = !y.collapse, a.value = x(y.collapse ? "collapse" : "expand", y, a.value);
   }
-  function w(S, h, L) {
+  function w(S, y, P) {
     return t.slots.group ? n(Q, null, [t.slots.content && t.slots.group({
       item: S.raw,
-      index: h,
-      selectedItem: L
+      index: y,
+      selectedItem: P
     })]) : n("div", {
       class: "f-navlookup-recentHeader",
       onClick: (k) => I(k, S)
@@ -1768,14 +1774,14 @@ function ya(e, t, a, u, l, o, i, s, f, d) {
       class: "f-navlookup-recommandLabel"
     }, [S.raw[r.value[S.layer]]])]);
   }
-  function v(S, h, L) {
-    return S.layer > -1 && w(S, h, L);
+  function v(S, y, P) {
+    return S.layer > -1 && w(S, y, P);
   }
   return {
     renderItem: v
   };
 }
-function ba(e, t, a, u) {
+function Ca(e, t, a, u) {
   const { dataView: l } = a, { updateSelectedItems: o } = u;
   function i(s) {
     if (s > -1 && s < l.value.length) {
@@ -1787,8 +1793,8 @@ function ba(e, t, a, u) {
   }
   return { removeItem: i };
 }
-function wa(e, t, a, u, l, o, i, s, f, d) {
-  const r = c(e.view), m = c(e.view === "CardView"), x = c({}), I = ba(e, t, u, f), w = B(() => ({
+function Sa(e, t, a, u, l, o, i, s, f, d) {
+  const r = c(e.view), m = c(e.view === "CardView"), x = c({}), I = Ca(e, t, u, f), w = B(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
     "d-flex": m.value,
@@ -1796,15 +1802,15 @@ function wa(e, t, a, u, l, o, i, s, f, d) {
   })), v = B(() => !!a.value && a.value.length > 0), C = B(() => a.value.length === 0);
   B(() => C.value && !t.slots.empty);
   function S() {
-    return r.value === "SingleView" ? ut : r.value === "DraggableView" ? ha : (r.value === "ContentView" || r.value === "CardView") && (e.contentTemplate || t.slots.content) ? ga : ut;
+    return r.value === "SingleView" ? ct : r.value === "DraggableView" ? ba : (r.value === "ContentView" || r.value === "CardView") && (e.contentTemplate || t.slots.content) ? ya : ct;
   }
-  const h = S(), {
-    renderItem: L
-  } = h(e, t, a, d, l, o, f, i, I, s), {
+  const y = S(), {
+    renderItem: P
+  } = y(e, t, a, d, l, o, f, i, I, s), {
     renderItem: k
-  } = ya(e, t, a, d, l, o, f, i, I, s), P = [L, k];
-  function V() {
-    return a.value.filter((T) => T.visible !== !1).map((T, y) => P[T.type](T, y, x));
+  } = wa(e, t, a, d, l, o, f, i, I, s), V = [P, k];
+  function R() {
+    return a.value.filter((T) => T.visible !== !1).map((T, h) => V[T.type](T, h, x));
   }
   function F() {
     return n("div", {
@@ -1818,13 +1824,13 @@ function wa(e, t, a, u, l, o, i, s, f, d) {
     return n("ul", {
       class: w.value,
       style: "list-style: none;"
-    }, [v.value && V(), C.value && F()]);
+    }, [v.value && R(), C.value && F()]);
   }
   return {
     renderListArea: g
   };
 }
-function Ca(e, t, a, u, l) {
+function xa(e, t, a, u, l) {
   const {
     showSelectAll: o,
     selectAll: i,
@@ -1846,7 +1852,7 @@ function Ca(e, t, a, u, l) {
       class: m.value
     }, [n("div", {
       class: "f-list-select"
-    }, [n(wt, {
+    }, [n(St, {
       customClass: "listview-checkbox float-left",
       modelValue: f.value,
       indeterminate: d.value,
@@ -1857,7 +1863,7 @@ function Ca(e, t, a, u, l) {
     renderHeader: x
   };
 }
-function ct(e, t, a, u, l) {
+function rt(e, t, a, u, l) {
   const o = c(e.headerClass), i = c(e.placeholder), s = c(""), f = B(() => !s.value), d = B(() => !!s.value), {
     showSelectAll: r,
     selectAll: m,
@@ -1865,28 +1871,28 @@ function ct(e, t, a, u, l) {
     selectAllStatus: I,
     indeterminateStatus: w
   } = u, v = B(() => "f-list-view-group-item f-combo-list-item f-un-select");
-  function C(P) {
+  function C(V) {
     s.value = "";
   }
-  function S(P) {
-    P ? m() : x();
+  function S(V) {
+    V ? m() : x();
   }
-  A(s, (P) => {
-    e.enableHighlightSearch && a.search(P), t.emit("afterSearch", P);
+  A(s, (V) => {
+    e.enableHighlightSearch && a.search(V), t.emit("afterSearch", V);
   });
-  const h = B(() => {
-    const P = {
+  const y = B(() => {
+    const V = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return o.value && o.value.split(" ").reduce((F, g) => (F[g] = !0, F), P), P;
+    return o.value && o.value.split(" ").reduce((F, g) => (F[g] = !0, F), V), V;
   });
-  function L(P) {
+  function P(V) {
   }
   function k() {
     return n("div", {
       class: "f-list-view-header",
-      onClick: Zt(() => L, ["prevent", "stop"])
+      onClick: en(() => P, ["prevent", "stop"])
     }, [r.value && l.dataView.value.length > 0 && n("ul", {
       class: "f-list-view-group f-list-view-group-multiselect",
       style: "list-style: none;"
@@ -1894,13 +1900,13 @@ function ct(e, t, a, u, l) {
       class: v.value
     }, [n("div", {
       class: "f-list-select"
-    }, [n(wt, {
+    }, [n(St, {
       customClass: "listview-checkbox float-left",
       modelValue: I.value,
       indeterminate: w.value,
-      "onUpdate:modelValue": (P) => S(P)
+      "onUpdate:modelValue": (V) => S(V)
     }, null)])])]), n("div", {
-      class: h.value
+      class: y.value
     }, [n("div", {
       class: "farris-input-wrap"
     }, [n("div", {
@@ -1909,16 +1915,16 @@ function ct(e, t, a, u, l) {
       class: "input-group f-state-editable"
     }, [Ne(n("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (P) => s.value = P,
+      "onUpdate:modelValue": (V) => s.value = V,
       name: "input-group-value",
       type: "text",
       placeholder: i.value,
       autocomplete: "off"
-    }, null), [[ft, s.value]]), n("div", {
+    }, null), [[vt, s.value]]), n("div", {
       class: "input-group-append"
     }, [d.value && n("span", {
       class: "input-group-text input-group-clear",
-      onClick: (P) => C()
+      onClick: (V) => C()
     }, [n("i", {
       class: "f-icon f-icon-close-circle"
     }, null)]), f.value && n("span", {
@@ -1931,7 +1937,7 @@ function ct(e, t, a, u, l) {
     renderHeader: k
   };
 }
-function Sa() {
+function Ia() {
   const e = c(""), t = c(-1), a = c(""), u = c(-1), l = c(!1);
   function o(m, x, I) {
     u.value = I;
@@ -1963,42 +1969,42 @@ function Sa() {
     suspendHover: f
   };
 }
-function xa(e, t, a, u, l) {
+function Ta(e, t, a, u, l) {
   const o = c(e.idField), { dataView: i } = a, s = c(-1), f = c(!1), { activeIndex: d, focusedItemId: r, hoverIndex: m, resumeHover: x, suspendHover: I } = u;
-  let w, v = 0, C = 0, S = null, h = null;
-  const L = 10, k = 50;
-  function P(H) {
+  let w, v = 0, C = 0, S = null, y = null;
+  const P = 10, k = 50;
+  function V(H) {
     if (!H)
       return null;
-    const { overflowY: R } = getComputedStyle(H);
-    return R === "auto" || R === "scroll" ? H : P(H.parentElement);
+    const { overflowY: L } = getComputedStyle(H);
+    return L === "auto" || L === "scroll" ? H : V(H.parentElement);
   }
-  function V(H, R) {
-    h && clearInterval(h), h = window.setInterval(() => {
-      R === "up" ? H.scrollTop -= L : H.scrollTop += L;
+  function R(H, L) {
+    y && clearInterval(y), y = window.setInterval(() => {
+      L === "up" ? H.scrollTop -= P : H.scrollTop += P;
     }, 16);
   }
   function F() {
-    h && (clearInterval(h), h = null);
+    y && (clearInterval(y), y = null);
   }
   function g(H) {
-    const R = H.target;
-    if (S || (S = P(R)), !S) {
+    const L = H.target;
+    if (S || (S = V(L)), !S) {
       F();
       return;
     }
-    const N = S.getBoundingClientRect(), p = H.clientY, O = p - N.top, D = N.bottom - p;
-    O < k && S.scrollTop > 0 ? V(S, "up") : D < k && S.scrollTop < S.scrollHeight - S.clientHeight ? V(S, "down") : F();
+    const N = S.getBoundingClientRect(), p = H.clientY, O = p - N.top, E = N.bottom - p;
+    O < k && S.scrollTop > 0 ? R(S, "up") : E < k && S.scrollTop < S.scrollHeight - S.clientHeight ? R(S, "down") : F();
   }
-  function T(H, R) {
-    const N = H - v, p = R - C;
-    w.style.left = parseInt(w.style.left) + N + "px", w.style.top = parseInt(w.style.top) + p + "px", v = H, C = R;
+  function T(H, L) {
+    const N = H - v, p = L - C;
+    w.style.left = parseInt(w.style.left) + N + "px", w.style.top = parseInt(w.style.top) + p + "px", v = H, C = L;
   }
-  function y(H) {
-    const { left: R, top: N } = H.getBoundingClientRect(), p = H.cloneNode(!0);
+  function h(H) {
+    const { left: L, top: N } = H.getBoundingClientRect(), p = H.cloneNode(!0);
     return p.className = p.className + " f-listview-drag-moving", p.style.cssText = `
         position:absolute;
-        left:${R}px;
+        left:${L}px;
         top:${document.documentElement.scrollTop ? N + document.documentElement.scrollTop : N}px;
         z-index: 999999;
         pointer-events: none;
@@ -2015,204 +2021,204 @@ function xa(e, t, a, u, l) {
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, p.children[1].style.cssText = "flex:1 1 auto; width:100%", p.children[2].style.cssText = "padding: 0 14px 0 0", p.children[2].children[0].style.cssText = "display: initial", document.body.appendChild(p), p;
   }
-  function b(H, R, N) {
-    if (H.stopPropagation(), I(), R) {
-      if (w = y(H.target), H.dataTransfer) {
+  function b(H, L, N) {
+    if (H.stopPropagation(), I(), L) {
+      if (w = h(H.target), H.dataTransfer) {
         const p = new Image();
         p.src = "", H.dataTransfer.setDragImage(p, 0, 0);
       }
       v = H.pageX, C = H.pageY, setTimeout(() => {
-        s.value = N, f.value = !0, R.moving = !0;
+        s.value = N, f.value = !0, L.moving = !0;
       });
     }
   }
-  function E(H, R) {
-    if (H.preventDefault(), s.value !== R && s.value !== -1) {
+  function D(H, L) {
+    if (H.preventDefault(), s.value !== L && s.value !== -1) {
       const N = i.value[s.value], p = l.value[s.value];
-      N && p && (i.value.splice(s.value, 1), i.value.splice(R, 0, N), l.value.splice(s.value, 1), l.value.splice(R, 0, p), l.value.forEach((O, D) => {
-        O.index = D, O.raw.__fv_index__ = D;
-      }), s.value = R, T(H.pageX, H.pageY));
+      N && p && (i.value.splice(s.value, 1), i.value.splice(L, 0, N), l.value.splice(s.value, 1), l.value.splice(L, 0, p), l.value.forEach((O, E) => {
+        O.index = E, O.raw.__fv_index__ = E;
+      }), s.value = L, T(H.pageX, H.pageY));
     }
   }
   function j(H) {
     H.preventDefault(), H.dataTransfer && (H.dataTransfer.dropEffect = "move"), T(H.pageX, H.pageY), g(H);
   }
-  function $(H, R) {
+  function $(H, L) {
     var p, O;
-    F(), S = null, R && (R.moving = !1, w && (document.body.removeChild(w), w = null)), i.value.forEach((D, W) => {
-      D.__fv_index__ = W;
-    }), l.value.forEach((D, W) => {
-      D.index = W, D.raw && (D.raw.__fv_index__ = W);
+    F(), S = null, L && (L.moving = !1, w && (document.body.removeChild(w), w = null)), i.value.forEach((E, W) => {
+      E.__fv_index__ = W;
+    }), l.value.forEach((E, W) => {
+      E.index = W, E.raw && (E.raw.__fv_index__ = W);
     }), f.value = !1, x();
-    const N = ((p = R.raw) == null ? void 0 : p.__fv_index__) ?? 0;
-    m.value = N, d.value = N, r.value = (O = R.raw) == null ? void 0 : O[o.value], t.emit("change", i.value), t.emit("activeChange", [R.raw]);
+    const N = ((p = L.raw) == null ? void 0 : p.__fv_index__) ?? 0;
+    m.value = N, d.value = N, r.value = (O = L.raw) == null ? void 0 : O[o.value], t.emit("change", i.value), t.emit("activeChange", [L.raw]);
   }
   return {
     dragstart: b,
-    dragenter: E,
+    dragenter: D,
     dragover: j,
     dragend: $,
     isDragging: f
   };
 }
-function Ia(e, t, a, u, l, o) {
+function Ba(e, t, a, u, l, o) {
   var $, H;
   const i = c(e.idField), s = c(e.disableField), f = c(e.draggable);
   c(e.itemClass);
-  const d = c((($ = e.selection) == null ? void 0 : $.multiSelect) ?? !1), r = c(((H = e.selection) == null ? void 0 : H.multiSelectMode) || "DependOnCheck"), { isDragging: m } = u, { activeIndex: x, focusedItemId: I, hoverIndex: w } = l, { clearSelection: v, getSelectedItems: C, toggleSelectItem: S, currentSelectedDataId: h, multiSelectOnlyOnCheck: L } = o, k = c(C()), P = (R) => k.value.length === 0 ? !1 : k.value.some((N) => {
+  const d = c((($ = e.selection) == null ? void 0 : $.multiSelect) ?? !1), r = c(((H = e.selection) == null ? void 0 : H.multiSelectMode) || "DependOnCheck"), { isDragging: m } = u, { activeIndex: x, focusedItemId: I, hoverIndex: w } = l, { clearSelection: v, getSelectedItems: C, toggleSelectItem: S, currentSelectedDataId: y, multiSelectOnlyOnCheck: P } = o, k = c(C()), V = (L) => k.value.length === 0 ? !1 : k.value.some((N) => {
     let p = "";
-    return N.data ? p = N.data[i.value] : p = N[i.value], p === R;
+    return N.data ? p = N.data[i.value] : p = N[i.value], p === L;
   });
-  function V() {
+  function R() {
     k.value = C();
   }
-  function F(R, N) {
-    return R.raw[i.value] != null ? R.raw[i.value] + "_" + N : "";
+  function F(L, N) {
+    return L.raw[i.value] != null ? L.raw[i.value] + "_" + N : "";
   }
-  function g(R, N) {
+  function g(L, N) {
     const p = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": f.value,
-      "f-un-click": !R.checked,
-      "f-un-select": !!R.raw[s.value],
+      "f-un-click": !L.checked,
+      "f-un-select": !!L.raw[s.value],
       "f-listview-active": (
         // 多选
-        d.value && P(F(R, N)) && e.showActiveWhenMultiSelect || // 单选
-        !d.value && R.raw[i.value] === h.value || d.value && !e.showActiveWhenMultiSelect && R.raw[i.value] === h.value
+        d.value && V(F(L, N)) && e.showActiveWhenMultiSelect || // 单选
+        !d.value && L.raw[i.value] === y.value || d.value && !e.showActiveWhenMultiSelect && L.raw[i.value] === y.value
       ),
       "f-listview-hover": !m.value && N === w.value,
-      moving: !!R.moving
+      moving: !!L.moving
     };
     if (typeof e.itemClass == "string")
-      return De(p, e.itemClass);
+      return Ee(p, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const O = e.itemClass(R);
-      return De(p, O);
+      const O = e.itemClass(L);
+      return Ee(p, O);
     }
     return p;
   }
-  function T(R, N) {
+  function T(L, N) {
     const p = {};
     if (typeof e.itemStyle == "string")
       return lt(p, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const O = e.itemStyle(R);
+      const O = e.itemStyle(L);
       return lt(p, O);
     }
     return p;
   }
-  const y = B(() => !d.value);
-  function b(R, N, p) {
-    R.checked = p, !R.raw[s.value] && (y.value && (I.value = R.raw[i.value]), S(R));
+  const h = B(() => !d.value);
+  function b(L, N, p) {
+    L.checked = p, !L.raw[s.value] && (h.value && (I.value = L.raw[i.value]), S(L));
   }
-  const E = B(() => !d.value || d.value && r.value === "OnCheckAndClick");
-  function j(R, N, p) {
-    if (R.raw[s.value]) {
+  const D = B(() => !d.value || d.value && r.value === "OnCheckAndClick");
+  function j(L, N, p) {
+    if (L.raw[s.value]) {
       p == null || p.preventDefault(), p == null || p.stopPropagation();
       return;
     }
-    h.value = R.raw[i.value], I.value = R.raw[i.value], x.value = N, E.value && (S(R), V()), t.emit("clickItem", { data: k.value, index: N, dataItem: R.raw }), t.emit("activeChange", k.value);
+    y.value = L.raw[i.value], I.value = L.raw[i.value], x.value = N, D.value && (S(L), R()), t.emit("clickItem", { data: k.value, index: N, dataItem: L.raw }), t.emit("activeChange", k.value);
   }
   return {
     getKey: F,
     selectedItems: k,
     listViewItemClass: g,
     listViewItemStyle: T,
-    updateSelectedItems: V,
+    updateSelectedItems: R,
     onCheckItem: b,
     onClickItem: j
   };
 }
-const ce = /* @__PURE__ */ Y({
+const re = /* @__PURE__ */ Y({
   name: "FListView",
-  props: It,
+  props: Bt,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    var ye;
-    const a = c(!1), u = c(), l = c(!0), o = c(((ye = e.rowOption) == null ? void 0 : ye.rowHeight) || 28), i = c(!1), s = c([]), f = 0, d = c(e.columns), r = pn(e, t), m = gn(e), x = hn(e), I = yn(e, m), w = bn(e, /* @__PURE__ */ new Map(), r, x, m), v = wn(e, w, m, s, t), C = pa(e, u), S = Cn(e, w), h = B(() => w.dataView.value.length), L = Sn(e, t, v, m), k = xn(e, t, m, L, s), P = In(e, w, o), V = Tn(e, k, P), F = Bn(e, w, k, x, m, P, V, o), g = kn(e, m, V, F), T = Fn(e, m, V, F), y = Mn(e, d, w, h, f, F, g, T), {
+    var be;
+    const a = c(!1), u = c(), l = c(!0), o = c(((be = e.rowOption) == null ? void 0 : be.rowHeight) || 28), i = c(!1), s = c([]), f = 0, d = c(e.columns), r = hn(e, t), m = yn(e), x = bn(e), I = wn(e, m), w = Cn(e, /* @__PURE__ */ new Map(), r, x, m), v = Sn(e, w, m, s, t), C = ha(e, u), S = xn(e, w), y = B(() => w.dataView.value.length), P = In(e, t, v, m), k = Tn(e, t, m, P, s), V = Bn(e, w, o), R = kn(e, k, V), F = Fn(e, w, k, x, m, V, R, o), g = Mn(e, m, R, F), T = On(e, m, R, F), h = Pn(e, d, w, y, f, F, g, T), {
       getVisualData: b
-    } = y;
-    s.value = b(0, h.value + f - 1);
-    const E = B(() => {
+    } = h;
+    s.value = b(0, y.value + f - 1);
+    const D = B(() => {
       const _ = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (_[`${e.size}-item`] = !0), De(_, e.customClass);
+      return e.size !== "default" && (_[`${e.size}-item`] = !0), Ee(_, e.customClass);
     }), j = B(() => !!t.slots.footer || l.value);
     function $() {
-      return e.header === "SearchBar" ? ct : e.header === "ContentHeader" ? Ca : ct;
+      return e.header === "SearchBar" ? rt : e.header === "ContentHeader" ? xa : rt;
     }
     const H = $(), {
-      renderHeader: R
-    } = H(e, t, C, v, w), N = Sa(), p = xa(e, t, w, N, s), O = Ia(e, t, s, p, N, v), {
-      renderListArea: D
-    } = wa(e, t, s, w, I, N, v, y, O, p);
+      renderHeader: L
+    } = H(e, t, C, v, w), N = Ia(), p = Ta(e, t, w, N, s), O = Ba(e, t, s, p, N, v), {
+      renderListArea: E
+    } = Sa(e, t, s, w, I, N, v, h, O, p);
     function W(_) {
       C.search(_);
     }
     function U(_) {
-      _ && (w.load(_), s.value = b(0, h.value + f - 1));
+      _ && (w.load(_), s.value = b(0, y.value + f - 1));
     }
-    function re() {
+    function de() {
       v.clearSelection(), N.clearActiveItem();
     }
-    function oe() {
+    function se() {
       return O.selectedItems.value;
     }
     function Ie() {
       return O.selectedItems.value.map((_) => _[m.idField.value]);
     }
-    function he(_) {
+    function ye(_) {
       v.selectedValues.value = _, O.updateSelectedItems();
     }
     function Te() {
       return v.currentSelectedDataId.value;
     }
     function Be(_) {
-      L.activeRowById(_);
+      P.activeRowById(_);
     }
-    function de(_) {
-      const le = m.idField.value, fe = s.value.find((Oe) => Oe.raw[le] === _), be = s.value.findIndex((Oe) => Oe.raw[le] === _);
-      fe && be > -1 && O.onClickItem(fe, be);
+    function fe(_) {
+      const oe = m.idField.value, ve = s.value.find((Oe) => Oe.raw[oe] === _), we = s.value.findIndex((Oe) => Oe.raw[oe] === _);
+      ve && we > -1 && O.onClickItem(ve, we);
     }
     function ke(_) {
-      const le = m.idField.value, fe = s.value.find((be) => be.raw[le] === _);
-      fe && L.changeRow(fe);
+      const oe = m.idField.value, ve = s.value.find((we) => we.raw[oe] === _);
+      ve && P.changeRow(ve);
     }
     function Fe(_) {
       S.updatePagination(_);
     }
     function G(_) {
-      return s.value.filter((le) => _.includes(le.raw[e.idField]));
+      return s.value.filter((oe) => _.includes(oe.raw[e.idField]));
     }
     t.expose({
       search: W,
       updateDataSource: U,
-      clearSelection: re,
-      getSelections: oe,
-      updateSelectionByIds: he,
+      clearSelection: de,
+      getSelections: se,
+      updateSelectionByIds: ye,
       getSelectionIds: Ie,
       activeRowById: Be,
       getCurrentRowId: Te,
-      clickRowItemById: de,
+      clickRowItemById: fe,
       updatePagination: Fe,
       getVisibleDataByIds: G,
       selectRowById: ke
-    }), A(() => e.selectionValues, (_, le) => {
-      _ !== le && he(_);
+    }), A(() => e.selectionValues, (_, oe) => {
+      _ !== oe && ye(_);
     });
-    const ee = On(e, v), {
-      sidebarWidth: se,
+    const ee = Vn(e, v), {
+      sidebarWidth: ie,
       showSidebarCheckBox: Me
-    } = ee, $e = Pn(e, t), {
+    } = ee, $e = Rn(e, t), {
       applyColumnSorter: Ve,
       columnContext: We,
       updateColumnRenderContext: tt
     } = $e;
-    return Vn(e, w, s, We, y, h, f, se, o, a, k), () => n("div", {
-      class: E.value
-    }, [R(), n("div", {
+    return Ln(e, w, s, We, h, y, f, ie, o, a, k), () => n("div", {
+      class: D.value
+    }, [L(), n("div", {
       ref: u,
       class: "f-list-view-content",
       onMouseover: () => {
@@ -2221,13 +2227,13 @@ const ce = /* @__PURE__ */ Y({
       onMouseleave: () => {
         i.value && (i.value = !1);
       }
-    }, [D()]), j.value && n("div", {
+    }, [E()]), j.value && n("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
   }
-}), rt = /* @__PURE__ */ Y({
+}), dt = /* @__PURE__ */ Y({
   name: "FListViewTable",
-  props: It,
+  props: Bt,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
   setup(e, t) {
     const a = [{
@@ -2300,12 +2306,12 @@ const ce = /* @__PURE__ */ Y({
     };
   }
 });
-ce.install = (e) => {
-  e.component(ce.name, ce), e.component(rt.name, rt);
+re.install = (e) => {
+  e.component(re.name, re), e.component(dt.name, dt);
 };
-const Ta = /* @__PURE__ */ new Map([
-  ["appearance", yt]
-]), Ba = "https://json-schema.org/draft/2020-12/schema", ka = "https://farris-design.gitee.io/pagination.schema.json", Fa = "pagination", Ma = "A Farris Component", Oa = "object", Pa = {
+const ka = /* @__PURE__ */ new Map([
+  ["appearance", wt]
+]), Fa = "https://json-schema.org/draft/2020-12/schema", Ma = "https://farris-design.gitee.io/pagination.schema.json", Oa = "pagination", Pa = "A Farris Component", Va = "object", Ra = {
   id: {
     description: "The unique identifier for a pagination",
     type: "string"
@@ -2397,18 +2403,18 @@ const Ta = /* @__PURE__ */ new Map([
     type: "string",
     default: ""
   }
-}, Va = [
+}, La = [
   "id",
   "type"
-], Ra = {
-  $schema: Ba,
-  $id: ka,
-  title: Fa,
-  description: Ma,
-  type: Oa,
-  properties: Pa,
-  required: Va
-}, La = "pagination", Ha = "A Farris Component", Ea = "object", Da = {
+], Ha = {
+  $schema: Fa,
+  $id: Ma,
+  title: Oa,
+  description: Pa,
+  type: Va,
+  properties: Ra,
+  required: La
+}, Da = "pagination", Ea = "A Farris Component", ja = "object", Na = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -2490,13 +2496,13 @@ const Ta = /* @__PURE__ */ new Map([
       }
     }
   }
-}, ja = {
-  title: La,
-  description: Ha,
-  type: Ea,
-  categories: Da
+}, Aa = {
+  title: Da,
+  description: Ea,
+  type: ja,
+  categories: Na
 };
-function Na(e, t, a) {
+function za(e, t, a) {
   return t;
 }
 const et = {
@@ -2548,8 +2554,8 @@ const et = {
    * 是否展示分页汇总信息
    */
   showPageInfo: { type: Boolean, default: !1 }
-}, Tt = Xe(et, Ra, Ta, Na, ja);
-function Bt(e, t, a, u) {
+}, kt = Xe(et, Ha, ka, za, Aa);
+function Ft(e, t, a, u) {
   B(() => Z.getLocaleValue("pagination.goto.prefix"));
   const l = c(""), o = c(e.value);
   A(e, (r) => {
@@ -2591,7 +2597,7 @@ function Bt(e, t, a, u) {
     renderGotoButton: d
   };
 }
-function kt(e, t, a, u, l) {
+function Mt(e, t, a, u, l) {
   const o = B(() => ({
     "page-item": !0,
     disabled: t.value
@@ -2649,7 +2655,7 @@ function kt(e, t, a, u, l) {
     renderNextPage: f
   };
 }
-function Ft(e, t) {
+function Ot(e, t) {
   const a = B(() => Z.getLocaleValue("pagination.totalInfo.firstText")), u = B(() => Z.getLocaleValue("pagination.totalInfo.lastText")), l = B(() => ({
     "pagination-message": !0,
     "text-truncate": !0,
@@ -2674,7 +2680,7 @@ function Ft(e, t) {
     renderPageInfo: o
   };
 }
-function Mt(e, t, a, u, l) {
+function Pt(e, t, a, u, l) {
   const o = c(!1), i = c(), s = c(), f = B(() => Z.getLocaleValue("pagination.show")), d = B(() => Z.getLocaleValue("pagination.totalInfo.lastText")), r = B(() => ({
     dropup: !0,
     "dropdown-right": !0,
@@ -2705,13 +2711,13 @@ function Mt(e, t, a, u, l) {
       o.value = !1, i.value && i.value.hide(), x = null;
     }, 200);
   }
-  function S(k, P, V) {
-    const g = k * P - P + 1;
-    return Math.ceil(g / V);
+  function S(k, V, R) {
+    const g = k * V - V + 1;
+    return Math.ceil(g / R);
   }
-  function h(k, P) {
-    const V = e.value;
-    e.value = S(e.value, t.value, P), V !== e.value && l.emit("update:currentPage", e.value), t.value = P, o.value = !1, i.value && i.value.hide(), l.emit("update:pageSize", t.value), l.emit("changed", {
+  function y(k, V) {
+    const R = e.value;
+    e.value = S(e.value, t.value, V), R !== e.value && l.emit("update:currentPage", e.value), t.value = V, o.value = !1, i.value && i.value.hide(), l.emit("update:pageSize", t.value), l.emit("changed", {
       pageIndex: e.value,
       pageSize: t.value
     }), l.emit("pageSizeChanged", {
@@ -2719,7 +2725,7 @@ function Mt(e, t, a, u, l) {
       pageSize: t.value
     });
   }
-  function L() {
+  function P() {
     return n("li", {
       class: "pagination-pagelist"
     }, [n("div", {
@@ -2737,7 +2743,7 @@ function Mt(e, t, a, u, l) {
       class: "pagelist-text"
     }, [d.value]), n("i", {
       class: "f-icon f-icon-dropdown"
-    }, null)]), n(Ct, {
+    }, null)]), n(xt, {
       ref: i,
       host: "body",
       placement: "top-left",
@@ -2752,15 +2758,15 @@ function Mt(e, t, a, u, l) {
         onMouseleave: () => C()
       }, [a.value.map((k) => n("li", {
         class: m(k),
-        onClick: (P) => h(P, k)
+        onClick: (V) => y(V, k)
       }, [n("span", null, [k])]))])]
     })])]);
   }
   return {
-    renderPageList: L
+    renderPageList: P
   };
 }
-function Ot(e, t, a, u, l) {
+function Vt(e, t, a, u, l) {
   const o = (d) => ({
     "page-item": !0,
     current: t.value === d.value,
@@ -2800,7 +2806,7 @@ function Ot(e, t, a, u, l) {
     renderPageNumbers: f
   };
 }
-function Pt(e, t, a, u, l) {
+function Rt(e, t, a, u, l) {
   const o = B(() => ({
     "page-item": !0,
     disabled: t.value
@@ -2858,7 +2864,7 @@ function Pt(e, t, a, u, l) {
     renderPreviousPage: d
   };
 }
-function Vt(e) {
+function Lt(e) {
   const t = c([]);
   function a(l, o, i, s) {
     const f = Math.ceil(i / 2);
@@ -2868,8 +2874,8 @@ function Vt(e) {
     const f = [], d = Math.ceil(i / o), r = Math.ceil(s / 2), m = l <= r, x = d - r < l, I = !m && !x, w = s < d;
     let v = 1;
     for (; v <= d && v <= s; ) {
-      const C = a(v, l, s, d), S = v === 2 && (I || x), h = v === s - 1 && (I || m), L = w && (S || h) ? "..." : "" + C;
-      f.push({ label: L, value: C }), v++;
+      const C = a(v, l, s, d), S = v === 2 && (I || x), y = v === s - 1 && (I || m), P = w && (S || y) ? "..." : "" + C;
+      f.push({ label: P, value: C }), v++;
     }
     t.value = f;
   }
@@ -2883,7 +2889,7 @@ const Se = /* @__PURE__ */ Y({
     const a = c(!1), u = c(""), l = c(!1), o = c(e.pageSize), i = c(e.currentPage), s = c(e.totalItems), {
       pages: f,
       updatePages: d
-    } = Vt(), r = {
+    } = Lt(), r = {
       position: "relative",
       overflowX: "auto"
     }, m = {
@@ -2893,34 +2899,34 @@ const Se = /* @__PURE__ */ Y({
       background: "rgba(250,250,252,.6)",
       width: "100%",
       height: "100%"
-    }, x = B(() => !s.value || i.value === 1), I = B(() => typeof e.pageList == "string" ? e.pageList.split(",") : e.pageList), w = B(() => Math.ceil(s.value / o.value)), v = B(() => !s.value || i.value === w.value), C = B(() => e.showGoButton), S = B(() => !!s.value && i.value > 1), h = B(() => !(l.value && f.value.length <= 1)), L = B(() => e.showPageInfo), k = B(() => e.showPageList), P = B(() => e.showPageNumbers), V = B(() => !0), {
+    }, x = B(() => !s.value || i.value === 1), I = B(() => typeof e.pageList == "string" ? e.pageList.split(",") : e.pageList), w = B(() => Math.ceil(s.value / o.value)), v = B(() => !s.value || i.value === w.value), C = B(() => e.showGoButton), S = B(() => !!s.value && i.value > 1), y = B(() => !(l.value && f.value.length <= 1)), P = B(() => e.showPageInfo), k = B(() => e.showPageList), V = B(() => e.showPageNumbers), R = B(() => !0), {
       renderFirstPage: F,
       renderPreviousPage: g
-    } = Pt(i, x, S, o, t), {
+    } = Rt(i, x, S, o, t), {
       renderLastPage: T,
-      renderNextPage: y
-    } = kt(i, v, w, o, t), {
+      renderNextPage: h
+    } = Mt(i, v, w, o, t), {
       renderPageInfo: b
-    } = Ft(u, s), {
-      renderPageList: E
-    } = Mt(i, o, I, s, t), {
+    } = Ot(u, s), {
+      renderPageList: D
+    } = Pt(i, o, I, s, t), {
       renderPageNumbers: j
-    } = Ot(e, i, f, o, t), {
+    } = Vt(e, i, f, o, t), {
       renderGotoButton: $
-    } = Bt(i, w, o, t);
+    } = Ft(i, w, o, t);
     d(i.value, o.value, s.value, 7), A(() => e.totalItems, (O) => {
       s.value = O, d(i.value, o.value, s.value, 7);
-    }), A(() => e.currentPage, (O, D) => {
-      O !== D && (i.value = O, d(i.value, o.value, s.value, 7));
-    }), A(() => e.pageSize, (O, D) => {
-      O !== D && (o.value = O, d(i.value, o.value, s.value, 7));
-    }), mt(() => {
+    }), A(() => e.currentPage, (O, E) => {
+      O !== E && (i.value = O, d(i.value, o.value, s.value, 7));
+    }), A(() => e.pageSize, (O, E) => {
+      O !== E && (o.value = O, d(i.value, o.value, s.value, 7));
+    }), pt(() => {
       if (!I.value || !I.value.length)
         return;
       const O = I.value.includes(o.value);
       o.value = O ? o.value : I.value[0], O || t.emit("update:pageSize", o.value);
     })();
-    const R = B(() => ({
+    const L = B(() => ({
       "ml-auto": u.value !== "center",
       "mx-auto": u.value === "center",
       "ngx-pagination": !0,
@@ -2931,12 +2937,12 @@ const Se = /* @__PURE__ */ Y({
       "position-relative": !0
     }));
     function N() {
-      return n(Q, null, [L.value && b(), k.value && E(), V.value && F(), V.value && g(), P.value && j(), V.value && y(), V.value && T(), C.value && $()]);
+      return n(Q, null, [P.value && b(), k.value && D(), R.value && F(), R.value && g(), V.value && j(), R.value && h(), R.value && T(), C.value && $()]);
     }
     function p() {
       return n(Q, null, [n("li", {
         class: "page-item d-flex flex-fill"
-      }, null), V.value && F(), V.value && g(), $(), n("li", {
+      }, null), R.value && F(), R.value && g(), $(), n("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
       }, [n("span", {
@@ -2946,45 +2952,45 @@ const Se = /* @__PURE__ */ Y({
         style: "margin-left: 5px"
       }, [n("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [K(" "), w.value])]), V.value && y(), V.value && T()]);
+      }, [K(" "), w.value])]), R.value && h(), R.value && T()]);
     }
     return () => n("div", {
       class: "pagination-container d-flex",
       style: r
     }, [e.disabled && n("div", {
       style: m
-    }, null), h.value && n("ul", {
+    }, null), y.value && n("ul", {
       role: "navigation",
-      class: R.value
+      class: L.value
     }, [e.mode === "default" ? N() : p()])]);
   }
-}), Aa = /* @__PURE__ */ Y({
+}), $a = /* @__PURE__ */ Y({
   name: "FPagination",
   props: et,
   emits: ["pageIndexChanged", "pageSizeChanged"],
   setup(e, t) {
-    const a = c(!1), u = c(e.mode), l = c(""), o = c(!1), i = c(e.pageSize), s = c(e.currentPage), f = c(e.totalItems), d = c(), r = ae("design-item-context"), m = bt(d, r);
+    const a = c(!1), u = c(e.mode), l = c(""), o = c(!1), i = c(e.pageSize), s = c(e.currentPage), f = c(e.totalItems), d = c(), r = le("design-item-context"), m = Ct(d, r);
     ne(() => {
       d.value.componentInstance = m;
     }), t.expose(m.value);
     const {
       pages: x,
       updatePages: I
-    } = Vt(), w = B(() => s.value === 1), v = B(() => [20, 50, 100]), C = B(() => Math.ceil(f.value / i.value)), S = B(() => s.value === C.value), h = B(() => !0), L = B(() => s.value > 1), k = B(() => !(o.value && x.value.length <= 1)), P = B(() => !0), V = B(() => !0), F = B(() => !0), g = B(() => !0), {
+    } = Lt(), w = B(() => s.value === 1), v = B(() => [20, 50, 100]), C = B(() => Math.ceil(f.value / i.value)), S = B(() => s.value === C.value), y = B(() => !0), P = B(() => s.value > 1), k = B(() => !(o.value && x.value.length <= 1)), V = B(() => !0), R = B(() => !0), F = B(() => !0), g = B(() => !0), {
       renderFirstPage: T,
-      renderPreviousPage: y
-    } = Pt(s, w, L, i, t), {
+      renderPreviousPage: h
+    } = Rt(s, w, P, i, t), {
       renderLastPage: b,
-      renderNextPage: E
-    } = kt(s, S, C, i, t), {
+      renderNextPage: D
+    } = Mt(s, S, C, i, t), {
       renderPageInfo: j
-    } = Ft(l, f), {
+    } = Ot(l, f), {
       renderPageList: $
-    } = Mt(s, i, v, f, t), {
+    } = Pt(s, i, v, f, t), {
       renderPageNumbers: H
-    } = Ot(e, s, x, i, t), {
-      renderGotoButton: R
-    } = Bt(s, C, i, t);
+    } = Vt(e, s, x, i, t), {
+      renderGotoButton: L
+    } = Ft(s, C, i, t);
     I(s.value, i.value, f.value, 7), A([s, i], () => {
       I(s.value, i.value, f.value, 7);
     }), A(s, () => {
@@ -3003,12 +3009,12 @@ const Se = /* @__PURE__ */ Y({
       "justify-content": l.value === "center" ? "center" : "start"
     }));
     function O() {
-      return n(Q, null, [P.value && j(), V.value && $(), g.value && T(), g.value && y(), F.value && H(), g.value && E(), g.value && b(), h.value && R()]);
+      return n(Q, null, [V.value && j(), R.value && $(), g.value && T(), g.value && h(), F.value && H(), g.value && D(), g.value && b(), y.value && L()]);
     }
-    function D() {
+    function E() {
       return n(Q, null, [n("li", {
         class: "page-item d-flex flex-fill"
-      }, null), g.value && T(), g.value && y(), R(), n("li", {
+      }, null), g.value && T(), g.value && h(), L(), n("li", {
         class: "page-item page-separator",
         style: "margin-left: 10px"
       }, [n("span", {
@@ -3018,7 +3024,7 @@ const Se = /* @__PURE__ */ Y({
         style: "margin-left: 5px"
       }, [n("span", {
         style: "font-size: 16px; font-weight: 600;"
-      }, [K(" "), C.value])]), g.value && E(), g.value && b()]);
+      }, [K(" "), C.value])]), g.value && D(), g.value && b()]);
     }
     return () => n("div", {
       ref: d,
@@ -3027,16 +3033,16 @@ const Se = /* @__PURE__ */ Y({
       role: "navigation",
       class: N.value,
       style: p.value
-    }, [u.value === "default" ? O() : D()])]);
+    }, [u.value === "default" ? O() : E()])]);
   }
 });
 Se.register = (e, t, a) => {
-  e.pagination = Se, t.pagination = Tt;
+  e.pagination = Se, t.pagination = kt;
 };
 Se.registerDesigner = (e, t, a) => {
-  e.pagination = Aa, t.pagination = Tt;
+  e.pagination = $a, t.pagination = kt;
 };
-sn(Se);
+cn(Se);
 const ze = {
   /** 启用分组 */
   enableGroup: { type: Boolean, default: !1 },
@@ -3055,7 +3061,7 @@ const ze = {
   },
   pagination: { type: Boolean, default: !1 },
   editorParams: { type: Object }
-}, za = /* @__PURE__ */ Y({
+}, Wa = /* @__PURE__ */ Y({
   name: "FSchemaSelectCardView",
   props: ze,
   emits: ["selectionChange"],
@@ -3063,18 +3069,18 @@ const ze = {
     const a = e.getData, u = {
       enable: e.enableGroup,
       groupFields: [e.groupField || "category"]
-    }, l = c([]), o = c(), i = c([]), s = ae("F_SCHEMA_SELECTOR_SEARCH_VALUE"), f = c(e.pagination), d = c(1), r = c(0), m = c(21), x = c([21]);
+    }, l = c([]), o = c(), i = c([]), s = le("F_SCHEMA_SELECTOR_SEARCH_VALUE"), f = c(e.pagination), d = c(1), r = c(0), m = c(21), x = c([21]);
     function I(k) {
       o.value.updateDataSource(k);
     }
-    A(() => s == null ? void 0 : s.value, (k, P) => {
-      let V = l.value;
-      k && k !== P && (V = l.value.filter((F) => `${F.name} ${F.code}`.toLowerCase().indexOf(k.toLowerCase()) > -1)), i.value = V, I(i.value), f.value = e.pagination && !k;
+    A(() => s == null ? void 0 : s.value, (k, V) => {
+      let R = l.value;
+      k && k !== V && (R = l.value.filter((F) => `${F.name} ${F.code}`.toLowerCase().indexOf(k.toLowerCase()) > -1)), i.value = R, I(i.value), f.value = e.pagination && !k;
     });
     function w({
       item: k,
-      index: P,
-      selectedItem: V
+      index: V,
+      selectedItem: R
     }) {
       return n("div", {
         class: "f-navForm-item"
@@ -3099,9 +3105,9 @@ const ze = {
       if (!f.value)
         return;
       const {
-        pageIndex: P
-      } = k, V = (P - 1) * m.value, F = V + m.value, g = l.value.slice(V, F);
-      I(g), d.value = P;
+        pageIndex: V
+      } = k, R = (V - 1) * m.value, F = R + m.value, g = l.value.slice(R, F);
+      I(g), d.value = V;
     }
     function C() {
       return f.value && n(Se, {
@@ -3119,25 +3125,25 @@ const ze = {
     function S(k) {
       t.emit("selectionChange", k);
     }
-    async function h() {
+    async function y() {
       var F;
-      const k = ae("FLoadingService", null), P = k == null ? void 0 : k.show(), V = await a("", {
+      const k = le("FLoadingService", null), V = k == null ? void 0 : k.show(), R = await a("", {
         pageIndex: 1,
         pageSize: 1
       }, e.editorParams);
-      l.value = V, i.value = V, I(i.value), r.value = V.length, v({
+      l.value = R, i.value = R, I(i.value), r.value = R.length, v({
         pageIndex: 1
-      }), (F = P.value) == null || F.close();
+      }), (F = V.value) == null || F.close();
     }
     ne(() => {
-      h();
+      y();
     });
-    function L() {
+    function P() {
       o.value.activeRowById("");
     }
     return t.expose({
-      clearSelection: L
-    }), () => n(ce, {
+      clearSelection: P
+    }), () => n(re, {
       ref: o,
       data: l.value,
       group: u,
@@ -3149,7 +3155,7 @@ const ze = {
       footer: C
     });
   }
-}), $a = /* @__PURE__ */ Y({
+}), _a = /* @__PURE__ */ Y({
   name: "FSchemaSelectIconView",
   props: ze,
   emits: ["selectionChange"],
@@ -3181,7 +3187,7 @@ const ze = {
     function i(s) {
       t.emit("selectionChange", s);
     }
-    return () => n(ce, {
+    return () => n(re, {
       data: l,
       group: u,
       view: "CardView",
@@ -3191,7 +3197,7 @@ const ze = {
       content: o
     });
   }
-}), Wa = {
+}), Ga = {
   showCloseButton: { type: Boolean, default: !0 },
   position: { type: String, default: "top-center" },
   timeout: { type: Number, default: 3e3 },
@@ -3204,52 +3210,52 @@ const ze = {
   animate: { type: String, default: "fadeIn" },
   options: { type: Object },
   safeHtml: { type: Boolean, default: !0 }
-}, _a = {
+}, Ua = {
   showCloseButton: { type: Boolean, default: !0 },
   animate: { type: String, default: "fadeIn" },
   options: { type: Object }
 }, Ye = /* @__PURE__ */ Y({
   name: "Toast",
-  props: _a,
+  props: Ua,
   emits: ["close", "click"],
   setup: (e, t) => {
     const a = c(e.animate), u = "fadeOut", l = B(() => e.options), o = c(!1), i = B(() => l.value.title && l.value.message), s = B(() => !l.value.title && l.value.message), f = B(() => {
-      const h = {
+      const y = {
         animated: o.value,
         toast: !0,
         "toast--only-content": !i.value
       };
-      return h[e.animate] = !1, h[u] = o.value, h["toasty-type-" + l.value.type] = !0, l.value.theme && (h[l.value.theme] = !0), h;
+      return y[e.animate] = !1, y[u] = o.value, y["toasty-type-" + l.value.type] = !0, l.value.theme && (y[l.value.theme] = !0), y;
     }), d = B(() => {
-      const k = `f-icon-${l.value && l.value.type ? l.value.type.replace("toasty-type-", "") : "default"}`, P = {
+      const k = `f-icon-${l.value && l.value.type ? l.value.type.replace("toasty-type-", "") : "default"}`, V = {
         "f-icon": !0
       };
-      return P[k] = !0, P;
+      return V[k] = !0, V;
     }), r = B(() => l.value.title || l.value.message), m = B(() => e.showCloseButton), x = B(() => !!l.value.buttons || !!t.slots.default), I = B(() => Z.getLocale() === "en" ? {
       wordBreak: "keep-all",
       overflowWrap: "break-word"
     } : {});
-    function w(h) {
-      h.stopPropagation(), h.preventDefault(), o.value = !1, setTimeout(() => {
+    function w(y) {
+      y.stopPropagation(), y.preventDefault(), o.value = !1, setTimeout(() => {
         t.emit("close", l.value);
       }, 200);
     }
-    function v(h, L) {
+    function v(y, P) {
     }
-    function C(h) {
-      return `f-preten-link ${h.customClass ? h.customClass : ""}`;
+    function C(y) {
+      return `f-preten-link ${y.customClass ? y.customClass : ""}`;
     }
     A(a, () => {
       a.value;
     });
     const S = () => {
-      var h;
+      var y;
       return n(Q, null, [n("div", {
         class: "after-toast-msg text-right"
-      }, [!t.slots.default && ((h = l.value.buttons) == null ? void 0 : h.map((L) => n("span", {
-        class: C(L),
+      }, [!t.slots.default && ((y = l.value.buttons) == null ? void 0 : y.map((P) => n("span", {
+        class: C(P),
         onClick: (k) => void 0
-      }, [L.text]))), t.slots.default && t.slots.default()])]);
+      }, [P.text]))), t.slots.default && t.slots.default()])]);
     };
     return () => n("div", {
       class: f.value,
@@ -3291,7 +3297,7 @@ const ze = {
   }
 }), He = /* @__PURE__ */ Y({
   name: "Notify",
-  props: Wa,
+  props: Ga,
   emits: ["close", "empty"],
   setup(e, t) {
     var v;
@@ -3304,14 +3310,14 @@ const ze = {
       top: 20,
       bottom: 12
     }, s = c(), f = c(e.options), d = c(e.showCloseButton), r = B(() => e.position || "bottom-right"), m = B(() => e.timeout != null ? e.timeout : 3e3), x = B(() => {
-      const C = e.bottom ? e.bottom : i.bottom, S = e.top ? e.top : i.top, h = {
+      const C = e.bottom ? e.bottom : i.bottom, S = e.top ? e.top : i.top, y = {
         transition: "all 0.2s ease",
         left: r.value.indexOf("left") > -1 ? `${e.left ? e.left : i.left}px` : "",
         right: r.value.indexOf("right") > -1 ? `${e.right ? e.right : i.right}px` : "",
         top: r.value.indexOf("top") > -1 ? `${S}px` : "",
         bottom: r.value.indexOf("bottom") > -1 ? `${C}px` : ""
       };
-      return r.value.indexOf("center") > -1 && (h.left = "50%", h.marginLeft = "calc(-24rem / 2)", r.value === "center-center" && (h.top = "50%", h.transform = "translate(-50%, -50%)")), h;
+      return r.value.indexOf("center") > -1 && (y.left = "50%", y.marginLeft = "calc(-24rem / 2)", r.value === "center-center" && (y.top = "50%", y.transform = "translate(-50%, -50%)")), y;
     });
     function I(C) {
       t.emit("close");
@@ -3344,10 +3350,10 @@ const ze = {
     };
   }
 });
-class Rt {
+class Ht {
   constructor() {
-    ie(this, "notifyRefs", []);
-    ie(this, "globalConfig", dt({}));
+    ue(this, "notifyRefs", []);
+    ue(this, "globalConfig", ft({}));
   }
   escapeAllHtml(t) {
     if (typeof t != "string" || !t)
@@ -3385,12 +3391,12 @@ class Rt {
           document.body.removeChild(o);
         }), ne(() => {
           a.updateNotifyPositionForCreate(l, s);
-        }), () => n(pt, {
+        }), () => n(gt, {
           mode: "out-in",
           name: "fade",
           appear: !0
         }, {
-          default: () => [n(He, we({
+          default: () => [n(He, ae({
             ref: s
           }, l, {
             onClose: f
@@ -3463,13 +3469,13 @@ class Rt {
     }), this.notifyRefs.length = 0;
   }
 }
-const Lt = Symbol("NOTIFY_SERVICE_TOKEN");
+const Dt = Symbol("NOTIFY_SERVICE_TOKEN");
 He.install = (e) => {
   e.component(He.name, He), e.component(Ye.name, Ye);
-  const t = new Rt();
-  e.provide(Lt, t), e.provide("FNotifyService", t);
+  const t = new Ht();
+  e.provide(Dt, t), e.provide("FNotifyService", t);
 };
-const Ga = /* @__PURE__ */ Y({
+const qa = /* @__PURE__ */ Y({
   name: "FSchemaNavListView",
   props: ze,
   emits: ["selectionChange"],
@@ -3509,35 +3515,35 @@ const Ga = /* @__PURE__ */ Y({
     }
     function S() {
       var T;
-      let g = dn(s.value);
-      if (i.value && (g = s.value.filter((y) => `${y.name} ${y.code}`.toLowerCase().indexOf(i.value.toLowerCase()) > -1)), (T = o.value) != null && T.id && o.value.id !== "all") {
-        const y = o.value.contains || [];
-        g = g.filter((b) => y.includes(b.code));
+      let g = vn(s.value);
+      if (i.value && (g = s.value.filter((h) => `${h.name} ${h.code}`.toLowerCase().indexOf(i.value.toLowerCase()) > -1)), (T = o.value) != null && T.id && o.value.id !== "all") {
+        const h = o.value.contains || [];
+        g = g.filter((b) => h.includes(b.code));
       }
       f.value = g, C(f.value);
     }
-    async function h() {
+    async function y() {
       var b;
-      const g = ae("FLoadingService", null), T = g == null ? void 0 : g.show(), y = await a("", {
+      const g = le("FLoadingService", null), T = g == null ? void 0 : g.show(), h = await a("", {
         pageIndex: 1,
         pageSize: 1
       }, e.editorParams);
-      s.value = y, S(), (b = T.value) == null || b.close();
+      s.value = h, S(), (b = T.value) == null || b.close();
     }
     ne(() => {
-      h(), l != null && l.length && m.value.activeRowById(l[0].code);
+      y(), l != null && l.length && m.value.activeRowById(l[0].code);
     });
-    function L(g) {
+    function P(g) {
       var T;
       ((T = o.value) == null ? void 0 : T.id) !== g[0].id && (o.value = g[0], S(), r.value = null);
     }
     function k(g) {
       i.value = g, S(), r.value = null;
     }
-    function P() {
+    function V() {
       i.value = "", S(), r.value = null;
     }
-    function V() {
+    function R() {
       return n("div", {
         class: "f-datagrid-norecords"
       }, [n("div", {
@@ -3546,7 +3552,7 @@ const Ga = /* @__PURE__ */ Y({
     }
     function F() {
       if (!(r != null && r.value)) {
-        const g = new Rt();
+        const g = new Ht();
         return g.globalConfig = {
           position: "top-center"
         }, g.warning("请选择控制器"), !1;
@@ -3560,10 +3566,10 @@ const Ga = /* @__PURE__ */ Y({
       class: "f-navSelector"
     }, [n("div", {
       class: "f-navSelector-left"
-    }, [n(ce, {
+    }, [n(re, {
       ref: m,
       data: l,
-      onSelectionUpdate: L,
+      onSelectionUpdate: P,
       selectionValues: x.value
     }, {
       content: w
@@ -3577,13 +3583,13 @@ const Ga = /* @__PURE__ */ Y({
       class: "f-navSelector-recommand-text"
     }, [K("控制器列表")])]), n("div", {
       class: "f-navSelector-remainder"
-    }, [n(ue, {
+    }, [n(ce, {
       showDropdown: !1,
       customClass: "f-schema-selector-search",
       updateOn: "change",
       placeholder: "请输入名称/编号搜索",
       onChange: k,
-      onClear: P
+      onClear: V
     }, null)])]), n("div", {
       class: "f-message-strip"
     }, [n("section", {
@@ -3603,7 +3609,7 @@ const Ga = /* @__PURE__ */ Y({
       style: "font-size: 13px;"
     }, [K("未能展示的自定义控制器，需要在设计器代码编辑器里打开控制器代码，重新保存后再发布。")])])])])]), n("div", {
       class: "f-navSelector-content"
-    }, [n(ce, {
+    }, [n(re, {
       ref: d,
       data: f.value,
       view: "ContentView",
@@ -3611,10 +3617,10 @@ const Ga = /* @__PURE__ */ Y({
       onSelectionUpdate: (g) => v(g)
     }, {
       content: I,
-      empty: V
+      empty: R
     })])])]);
   }
-}), Ua = /* @__PURE__ */ Y({
+}), Ya = /* @__PURE__ */ Y({
   name: "FSchemaSelectListView",
   props: ze,
   emits: ["selectionChange"],
@@ -3623,13 +3629,13 @@ const Ga = /* @__PURE__ */ Y({
       enable: e.enableGroup,
       groupFields: [e.groupField || "category"],
       formatter: e.groupFormatter
-    }, o = c([]), i = c([]), s = ae("F_SCHEMA_SELECTOR_SEARCH_VALUE"), f = ae("FLoadingService", null);
+    }, o = c([]), i = c([]), s = le("F_SCHEMA_SELECTOR_SEARCH_VALUE"), f = le("FLoadingService", null);
     function d(v) {
       a.value.updateDataSource(v);
     }
     A(() => s == null ? void 0 : s.value, (v, C) => {
       let S = i.value;
-      v && v !== C && (S = i.value.filter((h) => `${h.name} ${h.code}`.toLowerCase().indexOf(v.toLowerCase()) > -1)), o.value = S, d(o.value);
+      v && v !== C && (S = i.value.filter((y) => `${y.name} ${y.code}`.toLowerCase().indexOf(v.toLowerCase()) > -1)), o.value = S, d(o.value);
     });
     async function r() {
       var S;
@@ -3681,7 +3687,7 @@ const Ga = /* @__PURE__ */ Y({
     function w(v) {
       t.emit("selectionChange", v);
     }
-    return () => n(ce, {
+    return () => n(re, {
       data: o.value,
       group: l,
       view: "ContentView",
@@ -3694,7 +3700,7 @@ const Ga = /* @__PURE__ */ Y({
     });
   }
 });
-function qa() {
+function Xa() {
   function e(l, o) {
     return [];
   }
@@ -3709,7 +3715,7 @@ function qa() {
   }
   return { getNavigationData: e, getRecentlyData: t, getRecommandData: a, getSchemaData: u };
 }
-const Ya = {
+const Ka = {
   /**
    * 是否展示文案
    * @default true
@@ -3751,7 +3757,7 @@ const Ya = {
    * @default 300
    */
   delay: { type: Number, default: 300 }
-}, { isSmall: Xa } = Rn(), Ka = {
+}, { isSmall: Ja } = Hn(), Za = {
   /**
    * 是否展示文案
    */
@@ -3759,7 +3765,7 @@ const Ya = {
   /**
    * 展示信息
    */
-  message: Xa() ? "正在加载..." : "正在加载，请稍候...",
+  message: Ja() ? "正在加载..." : "正在加载，请稍候...",
   /**
    * 默认展示状态
    */
@@ -3780,7 +3786,7 @@ const Ya = {
    * 延迟 300 毫秒显示加载,避免异步加载出现一闪而逝的问题
    */
   delay: 300
-}, Ja = [
+}, Qa = [
   '<div class="f-loading-round"></div>',
   `<div class="f-loading-dot-wrapper">
       <div class="f-loading-dot">
@@ -3791,70 +3797,70 @@ const Ya = {
       </div>
   </div>`,
   '<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'
-], Ee = /* @__PURE__ */ Y({
+], De = /* @__PURE__ */ Y({
   name: "FLoading",
-  props: Ya,
+  props: Ka,
   emits: ["closed", "hidden"],
   setup(e, t) {
-    const a = Ja, u = c(e.showMessage), l = c(e.isActive), o = c(e.message), i = c(e.width), s = c(e.type), f = c(null), d = c(null), r = c(!1);
+    const a = Qa, u = c(e.showMessage), l = c(e.isActive), o = c(e.message), i = c(e.width), s = c(e.type), f = c(null), d = c(null), r = c(!1);
     let m = "", x;
     const I = B(() => s.value && s.value in [0, 1, 2] ? s.value : 0);
     ne(() => {
       v();
     });
     const w = B(() => {
-      const V = {
+      const R = {
         visibility: r.value ? "visible" : "hidden",
         transform: "translate(-50%,-50%)"
       };
-      return e.target === document.body && (V.position = "fixed"), V;
+      return e.target === document.body && (R.position = "fixed"), R;
     });
     function v() {
       l.value && !x && (x = setTimeout(() => {
-        x = null, L(), r.value = !0;
+        x = null, P(), r.value = !0;
       }, e.delay)), l.value || x && (clearTimeout(x), x = null);
     }
-    function C(V) {
-      m = V;
+    function C(R) {
+      m = R;
     }
     function S() {
       return m;
     }
-    function h(V = () => {
+    function y(R = () => {
     }) {
       l.value = !1, r.value = !1, t.emit("closed", {
         loadingId: m,
-        callback: V
+        callback: R
       });
     }
-    function L() {
-      const V = k();
-      f.value && f.value.style && (f.value.style.zIndex = (V + 1).toString()), d.value && d.value.style && (d.value.style.zIndex = (V + 1).toString());
+    function P() {
+      const R = k();
+      f.value && f.value.style && (f.value.style.zIndex = (R + 1).toString()), d.value && d.value.style && (d.value.style.zIndex = (R + 1).toString());
     }
-    function k(V = 1) {
-      const F = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], g = Array.from(document.body.querySelectorAll(F.join(","))).filter((y) => y).map((y) => {
+    function k(R = 1) {
+      const F = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], g = Array.from(document.body.querySelectorAll(F.join(","))).filter((h) => h).map((h) => {
         const {
           display: b,
-          zIndex: E
-        } = window.getComputedStyle(y);
-        return b === "none" ? 0 : parseInt(E, 10);
-      }).filter((y) => y);
+          zIndex: D
+        } = window.getComputedStyle(h);
+        return b === "none" ? 0 : parseInt(D, 10);
+      }).filter((h) => h);
       let T = Math.max(...g);
-      return T < 1040 && (T = 1040), T + V;
+      return T < 1040 && (T = 1040), T + R;
     }
     t.expose({
-      close: h,
+      close: y,
       setLoadingId: C,
       getLoadingId: S
-    }), A(() => e.isActive, (V) => {
-      l.value = V, v(), V || h();
+    }), A(() => e.isActive, (R) => {
+      l.value = R, v(), R || y();
     });
-    function P(V) {
-      V.stopPropagation();
+    function V(R) {
+      R.stopPropagation();
     }
     return () => n(Q, null, [l.value && n("div", {
       ref: f,
-      onClick: P,
+      onClick: V,
       class: "farris-loading-backdrop loading-wait"
     }, null), l.value && n("div", {
       ref: d,
@@ -3882,9 +3888,9 @@ const Ya = {
     }, null)])])])]);
   }
 });
-let Ht = -1;
-const ge = {};
-function Za(e) {
+let Et = -1;
+const he = {};
+function el(e) {
   const t = document.createElement("div"), a = e.target || document.body, u = !!e.targetPosition;
   let l = "unset";
   if (u) {
@@ -3893,8 +3899,8 @@ function Za(e) {
     } = window.getComputedStyle(a);
     l = s, a.style.position = e.targetPosition;
   }
-  const o = el();
-  Ht = o;
+  const o = nl();
+  Et = o;
   const i = Ae({
     setup() {
       const s = c(e.message);
@@ -3909,61 +3915,61 @@ function Za(e) {
         d.value && d.value.setLoadingId(o);
       });
       function r(m) {
-        i.unmount(), m.callback && m.callback(), delete ge[m.loadingId];
+        i.unmount(), m.callback && m.callback(), delete he[m.loadingId];
       }
-      return ge[o] = d, () => n(Ee, we({
+      return he[o] = d, () => n(De, ae({
         ref: d
       }, f, {
         onClosed: r
       }), null);
     }
   });
-  return a.style = a.style ? a.style : {}, a.appendChild(t), i.use(Z.i18n), i.mount(t), ge[o];
+  return a.style = a.style ? a.style : {}, a.appendChild(t), i.use(Z.i18n), i.mount(t), he[o];
 }
-function Qa() {
-  const e = Object.keys(ge).map((t) => parseInt(t, 10));
+function tl() {
+  const e = Object.keys(he).map((t) => parseInt(t, 10));
   return e.length ? Math.max(...e) : 0;
 }
-function el() {
-  return Qa() + 1;
+function nl() {
+  return tl() + 1;
 }
-class Et {
+class jt {
   static show(t) {
     const u = {
       ...{
-        ...Ka,
+        ...Za,
         isActive: !0,
         target: document.body,
         targetPosition: ""
       },
       ...t
     };
-    return Za(u);
+    return el(u);
   }
   static close(t, a = () => {
   }) {
-    const l = ge[t || Ht];
+    const l = he[t || Et];
     l && l.value.close(a);
   }
   static clearAll() {
-    const t = Object.keys(ge);
+    const t = Object.keys(he);
     t.length && t.forEach((a) => {
-      const u = ge[a];
+      const u = he[a];
       u && u.value.close();
     });
   }
 }
-Ee.install = (e) => {
-  e.component(Ee.name, Ee), e.provide("FLoadingService", Et);
+De.install = (e) => {
+  e.component(De.name, De), e.provide("FLoadingService", jt);
 };
 const je = /* @__PURE__ */ Y({
   name: "FSchemaSelector",
-  props: En,
+  props: jn,
   emits: ["selectionChange", "cancel", "submit"],
   setup(e, t) {
-    const a = c(e.viewType), u = c(e.viewOptions), l = /* @__PURE__ */ new Map([["Card", za], ["Icon", $a], ["List", Ua]]), o = e.injectSymbolToken, i = c("");
-    Ue("F_SCHEMA_SELECTOR_SEARCH_VALUE", i), Ue("FLoadingService", Et);
-    const s = ae(o, qa()), f = /* @__PURE__ */ new Map([["Recent", s.getRecentlyData], ["Recommand", s.getRecommandData], ["Total", s.getSchemaData]]), d = c(), r = c(!1), m = [];
+    const a = c(e.viewType), u = c(e.viewOptions), l = /* @__PURE__ */ new Map([["Card", Wa], ["Icon", _a], ["List", Ya]]), o = e.injectSymbolToken, i = c("");
+    Ue("F_SCHEMA_SELECTOR_SEARCH_VALUE", i), Ue("FLoadingService", jt);
+    const s = le(o, Xa()), f = /* @__PURE__ */ new Map([["Recent", s.getRecentlyData], ["Recommand", s.getRecommandData], ["Total", s.getSchemaData]]), d = c(), r = c(!1), m = [];
     function x(g) {
       t.emit("selectionChange", g);
     }
@@ -3975,7 +3981,7 @@ const je = /* @__PURE__ */ Y({
     function w() {
       return u.value.map((g, T) => {
         if (l.has(g.type)) {
-          const y = l.get(g.type), b = {
+          const h = l.get(g.type), b = {
             enableGroup: g.enableGroup || !1,
             groupField: g.groupField || "category",
             groupFormatter: g.groupFormatter || null,
@@ -3988,12 +3994,12 @@ const je = /* @__PURE__ */ Y({
             title: g.title,
             class: "container h-100"
           }, {
-            default: () => [n(y, we({
-              ref: (E) => {
-                E && (m[T] = E);
+            default: () => [n(h, ae({
+              ref: (D) => {
+                D && (m[T] = D);
               }
             }, b, {
-              onSelectionChange: (E) => x(E)
+              onSelectionChange: (D) => x(D)
             }), null)]
           });
         }
@@ -4006,7 +4012,7 @@ const je = /* @__PURE__ */ Y({
       i.value = "";
     }
     function S() {
-      return n(ue, {
+      return n(ce, {
         showDropdown: !1,
         updateOn: "change",
         customClass: "f-schema-selector-search",
@@ -4015,7 +4021,7 @@ const je = /* @__PURE__ */ Y({
         onClear: C
       }, null);
     }
-    function h() {
+    function y() {
       return n(Le, {
         fill: !0,
         onTabChange: I
@@ -4024,9 +4030,9 @@ const je = /* @__PURE__ */ Y({
         headerSuffix: S
       });
     }
-    function L() {
+    function P() {
       const g = s.getSchemaData, T = s.getNavigationData;
-      return n(Ga, {
+      return n(qa, {
         ref: d,
         getData: g,
         getCategory: T,
@@ -4036,7 +4042,7 @@ const je = /* @__PURE__ */ Y({
     function k() {
       t.emit("cancel");
     }
-    async function P() {
+    async function V() {
       var g, T;
       if (!r.value) {
         if (r.value = !0, a.value === "NavList") {
@@ -4050,7 +4056,7 @@ const je = /* @__PURE__ */ Y({
         t.emit("submit");
       }
     }
-    const F = (/* @__PURE__ */ new Map([["Tabs", h], ["NavList", L]])).get(a.value);
+    const F = (/* @__PURE__ */ new Map([["Tabs", y], ["NavList", P]])).get(a.value);
     return () => n("div", {
       class: "f-schema-selector h-100 d-flex flex-column"
     }, [F && F(), e.showFooter ? n("div", {
@@ -4062,10 +4068,10 @@ const je = /* @__PURE__ */ Y({
     }, [K("取消")]), n("button", {
       type: "button",
       class: "btn btn-primary",
-      onClick: P
+      onClick: V
     }, [K("确定")])]) : ""]);
   }
-}), tl = {
+}), al = {
   /**
    * 标记组件的唯一标识
    */
@@ -4236,23 +4242,23 @@ const je = /* @__PURE__ */ Y({
    * 扩展按钮是否禁用
    */
   expandDisabled: { type: Boolean, default: !1 }
-}, nl = {
+}, ll = {
   popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
   host: { type: Object },
   backgroundColor: { type: String, default: "" }
 };
-function al() {
+function ol() {
   const e = c(!1);
   return ne(() => {
     e.value = !0;
   }), e;
 }
-const ll = /* @__PURE__ */ Y({
+const sl = /* @__PURE__ */ Y({
   name: "FOverlay",
-  props: nl,
+  props: ll,
   emits: ["click"],
   setup(e, t) {
-    const a = c(e.popupContentPosition), u = c(e.host), l = al(), o = B(() => ({
+    const a = c(e.popupContentPosition), u = c(e.host), l = ol(), o = B(() => ({
       backgroundColor: e.backgroundColor || "",
       pointerEvents: "auto"
     }));
@@ -4279,7 +4285,7 @@ const ll = /* @__PURE__ */ Y({
       // left: `${position.value.left}px`,
       // top: `${position.value.top}px`
     }));
-    return () => l.value ? n(gt, {
+    return () => l.value ? n(ht, {
       to: "body"
     }, {
       default: () => {
@@ -4295,13 +4301,13 @@ const ll = /* @__PURE__ */ Y({
     }) : null;
   }
 });
-function ol(e) {
+function il(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function sl(e) {
+function ul(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   let a;
@@ -4314,8 +4320,8 @@ function sl(e) {
       xe(() => {
         document.body.removeChild(t);
       });
-      const o = ol(e);
-      return () => n(ll, {
+      const o = il(e);
+      return () => n(sl, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: l,
@@ -4326,12 +4332,12 @@ function sl(e) {
     }
   }), document.body.appendChild(t), a.mount(t), a;
 }
-class il {
+class cl {
   static show(t) {
-    return sl(t);
+    return ul(t);
   }
 }
-const ul = {
+const rl = {
   /**
    * 允许点击蒙层关闭对话框
    * @default false
@@ -4530,12 +4536,12 @@ class J {
     return this.x = t.x, this.y = t.y, this;
   }
 }
-class pe {
+class ge {
   constructor(t, a) {
     this.width = t, this.height = a;
   }
   static getCurrent(t) {
-    const a = new pe(0, 0);
+    const a = new ge(0, 0);
     if (window) {
       const u = window.getComputedStyle(t);
       return u && (a.width = parseInt(u.getPropertyValue("width"), 10), a.height = parseInt(u.getPropertyValue("height"), 10)), a;
@@ -4543,26 +4549,26 @@ class pe {
     return null;
   }
   static copy(t) {
-    return new pe(0, 0).set(t);
+    return new ge(0, 0).set(t);
   }
   set(t) {
     return this.width = t.width, this.height = t.height, this;
   }
 }
-function cl(e, t) {
+function dl(e, t) {
   const a = c(), u = c(), l = c(), o = c(), i = c(), s = c(), f = c(), d = c(), r = c(), m = c(), x = c(), I = c(e.resizeable), w = c(), v = c(e.draggable), C = c(!1);
   function S() {
     const p = u.value || document.body, O = window.getComputedStyle(p);
     if (!O || !a.value)
       return;
-    const D = J.getTransformInfo(a.value), W = {};
+    const E = J.getTransformInfo(a.value), W = {};
     f.value && (W.deltaL = a.value.offsetLeft - f.value.x, W.deltaT = a.value.offsetTop - f.value.y);
     const U = O.getPropertyValue("position");
-    W.width = p.clientWidth, W.height = p.clientHeight, W.pr = parseInt(O.getPropertyValue("padding-right"), 10), W.pb = parseInt(O.getPropertyValue("padding-bottom"), 10), W.position = O.getPropertyValue("position"), U === "static" && (p.style.position = "relative"), W.translateX = D.x, W.translateY = D.y, m.value = W;
+    W.width = p.clientWidth, W.height = p.clientHeight, W.pr = parseInt(O.getPropertyValue("padding-right"), 10), W.pb = parseInt(O.getPropertyValue("padding-bottom"), 10), W.position = O.getPropertyValue("position"), U === "static" && (p.style.position = "relative"), W.translateX = E.x, W.translateY = E.y, m.value = W;
   }
-  function h(p) {
+  function y(p) {
     if (a.value) {
-      o.value = pe.getCurrent(a.value), i.value = J.getCurrent(a.value), s.value = o.value ? pe.copy(o.value) : null, f.value = i.value ? J.copy(i.value) : null, S();
+      o.value = ge.getCurrent(a.value), i.value = J.getCurrent(a.value), s.value = o.value ? ge.copy(o.value) : null, f.value = i.value ? J.copy(i.value) : null, S();
       const O = p.target.getAttribute("type") || "";
       d.value = {
         n: !!O.match(/n/),
@@ -4572,45 +4578,45 @@ function cl(e, t) {
       };
     }
   }
-  function L() {
-    var p, O, D, W;
+  function P() {
+    var p, O, E, W;
     if (a.value) {
       const U = a.value;
-      d.value && ((d.value.n || d.value.s) && ((p = s.value) != null && p.height) && (U.style.height = s.value.height + "px"), (d.value.w || d.value.e) && ((O = s.value) != null && O.width) && (U.style.width = s.value.width + "px"), f.value && ((D = f.value) != null && D.x && (U.style.left = f.value.x + "px"), (W = f.value) != null && W.y && (U.style.top = f.value.y + "px")));
+      d.value && ((d.value.n || d.value.s) && ((p = s.value) != null && p.height) && (U.style.height = s.value.height + "px"), (d.value.w || d.value.e) && ((O = s.value) != null && O.width) && (U.style.width = s.value.width + "px"), f.value && ((E = f.value) != null && E.x && (U.style.left = f.value.x + "px"), (W = f.value) != null && W.y && (U.style.top = f.value.y + "px")));
     }
   }
   function k() {
     const p = e.minHeight ? e.minHeight : 1, O = e.minWidth ? e.minWidth : 1;
     s.value && f.value && d.value && o.value && (s.value.height < p && (s.value.height = p, d.value.n && i.value && (f.value.y = i.value.y + (o.value.height - p))), s.value.width < O && (s.value.width = O, d.value.w && i.value && (f.value.x = i.value.x + (o.value.width - O))), e.maxHeight && s.value.height > e.maxHeight && (s.value.height = e.maxHeight, i.value && d.value.n && (f.value.y = i.value.y + (o.value.height - e.maxHeight))), e.maxWidth && s.value.width > e.maxWidth && (s.value.width = e.maxWidth, d.value.w && i.value && (f.value.x = i.value.x + (o.value.width - e.maxWidth))));
   }
-  function P() {
+  function V() {
     if (u.value) {
       const p = m.value;
       if (f.value && s.value && d.value && o.value) {
-        const O = p.width - p.pr - p.deltaL - p.translateX - f.value.x, D = p.height - p.pb - p.deltaT - p.translateY - f.value.y;
-        d.value.n && f.value.y + p.translateY < 0 && i.value && (f.value.y = -p.translateY, s.value.height = o.value.height + i.value.y + p.translateY), d.value.w && f.value.x + p.translateX < 0 && i.value && (f.value.x = -p.translateX, s.value.width = o.value.width + i.value.x + p.translateX), s.value.width > O && (s.value.width = O), s.value.height > D && (s.value.height = D);
+        const O = p.width - p.pr - p.deltaL - p.translateX - f.value.x, E = p.height - p.pb - p.deltaT - p.translateY - f.value.y;
+        d.value.n && f.value.y + p.translateY < 0 && i.value && (f.value.y = -p.translateY, s.value.height = o.value.height + i.value.y + p.translateY), d.value.w && f.value.x + p.translateX < 0 && i.value && (f.value.x = -p.translateX, s.value.width = o.value.width + i.value.x + p.translateX), s.value.width > O && (s.value.width = O), s.value.height > E && (s.value.height = E);
       }
     }
   }
-  function V(p) {
+  function R(p) {
     if (!l.value || !o.value || !i.value || !d.value)
       return;
     p.subtract(l.value);
-    const O = p.x, D = p.y;
-    d.value.n ? (f.value.y = i.value.y + D, s.value.height = o.value.height - D) : d.value.s && (s.value.height = o.value.height + D), d.value.e ? s.value.width = o.value.width + O : d.value.w && (s.value.width = o.value.width - O, f.value.x = i.value.x + O), P(), k(), L();
+    const O = p.x, E = p.y;
+    d.value.n ? (f.value.y = i.value.y + E, s.value.height = o.value.height - E) : d.value.s && (s.value.height = o.value.height + E), d.value.e ? s.value.width = o.value.width + O : d.value.w && (s.value.width = o.value.width - O, f.value.x = i.value.x + O), V(), k(), P();
   }
   function F(p) {
     if (!r.value)
       return;
     const O = J.fromEvent(p);
-    O && V(O);
+    O && R(O);
   }
   function g() {
     if (a.value) {
       const {
         width: p,
         height: O,
-        x: D,
+        x: E,
         y: W
       } = a.value.getBoundingClientRect(), U = J.getTransformInfo(a.value);
       return {
@@ -4619,7 +4625,7 @@ function cl(e, t) {
           height: O
         },
         position: {
-          x: D - U.x,
+          x: E - U.x,
           y: W - U.y
         }
       };
@@ -4633,13 +4639,13 @@ function cl(e, t) {
     }
     l.value = void 0, o.value = null, i.value = null, s.value = null, f.value = null, d.value = null, r.value = null, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", T);
   }
-  function y() {
+  function h() {
     document.addEventListener("mousemove", F), document.addEventListener("mouseup", T);
   }
   function b(p) {
-    p instanceof MouseEvent && p.button === 2 || v.value && (document.body.click(), p.stopPropagation(), p.preventDefault(), l.value = J.fromEvent(p), r.value = p.target, h(p), y());
+    p instanceof MouseEvent && p.button === 2 || v.value && (document.body.click(), p.stopPropagation(), p.preventDefault(), l.value = J.fromEvent(p), r.value = p.target, y(p), h());
   }
-  function E(p) {
+  function D(p) {
     return a.value = p, I.value && n(Q, null, [n("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
@@ -4676,8 +4682,8 @@ function cl(e, t) {
   }
   function j(p = !0) {
     document.body.click();
-    const O = u.value || document.body, D = pe.getCurrent(O), W = a.value;
-    p && W && (w.value = g(), w.value.transform = W.style.transform), D && W && (s.value = D, s.value.height -= 14, s.value.width -= 14, W.style.height = s.value.height + "px", W.style.width = s.value.width + "px", W.style.left = "7px", W.style.top = "7px", W.style.transform = "", x.value = {
+    const O = u.value || document.body, E = ge.getCurrent(O), W = a.value;
+    p && W && (w.value = g(), w.value.transform = W.style.transform), E && W && (s.value = E, s.value.height -= 14, s.value.width -= 14, W.style.height = s.value.height + "px", W.style.width = s.value.width + "px", W.style.left = "7px", W.style.top = "7px", W.style.transform = "", x.value = {
       size: s.value,
       position: {
         x: 0,
@@ -4688,34 +4694,34 @@ function cl(e, t) {
   function $() {
     var p, O;
     if (document.body.click(), w.value) {
-      const D = {
+      const E = {
         width: w.value.size.width || 0,
         height: w.value.size.height || 0
       }, W = {
-        x: (window.innerWidth - D.width) / 2,
-        y: (window.innerHeight - D.height) / 2
+        x: (window.innerWidth - E.width) / 2,
+        y: (window.innerHeight - E.height) / 2
       };
-      (p = s.value) == null || p.set(D), (O = f.value) == null || O.set(W);
+      (p = s.value) == null || p.set(E), (O = f.value) == null || O.set(W);
       const U = a.value;
-      U.style.height = D.height + "px", U.style.width = D.width + "px", U.style.left = `${W.x}px`, U.style.top = `${W.y}px`, U.style.transform = "", x.value = {
-        size: D,
+      U.style.height = E.height + "px", U.style.width = E.width + "px", U.style.left = `${W.x}px`, U.style.top = `${W.y}px`, U.style.transform = "", x.value = {
+        size: E,
         position: W
       }, v.value = e.draggable, C.value = !1;
     }
   }
   function H() {
     if (a.value) {
-      const p = pe.getCurrent(a.value);
+      const p = ge.getCurrent(a.value);
       if (p) {
         const {
           width: O,
-          height: D
+          height: E
         } = p;
-        a.value.style.left = `${(window.innerWidth - O) / 2}px`, a.value.style.top = `${(window.innerHeight - D) / 2}px`, a.value.style.transform = "";
+        a.value.style.left = `${(window.innerWidth - O) / 2}px`, a.value.style.top = `${(window.innerHeight - E) / 2}px`, a.value.style.transform = "";
       }
     }
   }
-  function R() {
+  function L() {
     const p = () => {
       C.value ? j(!1) : H(), document.body.click();
     };
@@ -4723,9 +4729,9 @@ function cl(e, t) {
       window.removeEventListener("resize", p);
     };
   }
-  const N = R();
+  const N = L();
   return {
-    renderResizeBar: E,
+    renderResizeBar: D,
     boundingElement: u,
     resizedEventParam: x,
     maximize: j,
@@ -4736,7 +4742,7 @@ function cl(e, t) {
     moveToCenter: H
   };
 }
-function rl(e, t, a) {
+function fl(e, t, a) {
   const u = c(), l = c(e.draggable), o = c(e.lockAxis), i = c(), s = c(), f = c(!1), d = c(new J(0, 0)), r = c(new J(0, 0)), m = c(new J(0, 0)), x = c(new J(0, 0));
   A(() => a.value, (F) => {
     i.value.style.cursor = F ? "move" : "default";
@@ -4752,9 +4758,9 @@ function rl(e, t, a) {
     return !1;
   }
   function w() {
-    var y, b;
+    var h, b;
     let F = m.value.x + r.value.x, g = m.value.y + r.value.y;
-    o.value === "x" ? (F = ((y = d.value) == null ? void 0 : y.x) || 0, m.value.x = 0) : o.value === "y" && (g = ((b = d.value) == null ? void 0 : b.y) || 0, m.value.y = 0);
+    o.value === "x" ? (F = ((h = d.value) == null ? void 0 : h.x) || 0, m.value.x = 0) : o.value === "y" && (g = ((b = d.value) == null ? void 0 : b.y) || 0, m.value.y = 0);
     const T = `translate3d(${Math.round(F)}px, ${Math.round(g)}px, 0px)`;
     u.value && (u.value.style.transform = T), x.value.x = F, x.value.y = g;
   }
@@ -4775,18 +4781,18 @@ function rl(e, t, a) {
   function S(F) {
     f.value && l.value && (F.stopPropagation(), F.preventDefault(), C(J.fromEvent(F, i.value)));
   }
-  function h() {
+  function y() {
     var F;
     if (f.value) {
       if (f.value = !1, r.value.add(m.value), m.value.reset(), (F = u.value) == null || F.classList.remove("ng-dragging"), !e.useTransform && u.value) {
         const { left: g, top: T } = u.value.getBoundingClientRect();
         u.value.style.left = Math.ceil(g) + "px", u.value.style.top = Math.ceil(T) + "px", u.value.style.transform = "none";
       }
-      t.emit("stopMove"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", h);
+      t.emit("stopMove"), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y);
     }
   }
-  function L() {
-    !f.value && i.value && (f.value = !0, i.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", h));
+  function P() {
+    !f.value && i.value && (f.value = !0, i.value.classList.add("ng-dragging"), document.addEventListener("mousemove", S), document.addEventListener("mouseup", y));
   }
   function k() {
     if (u.value) {
@@ -4796,13 +4802,13 @@ function rl(e, t, a) {
     }
     r.value.reset();
   }
-  function P(F) {
+  function V(F) {
     if (!a.value || F instanceof MouseEvent && F.button === 2)
       return;
     const g = F.target || F.srcElement;
-    i.value !== void 0 && g && !I(g, i.value) || l.value !== !1 && (document.body.click(), F.stopPropagation(), F.preventDefault(), d.value = J.fromEvent(F, u.value), k(), L());
+    i.value !== void 0 && g && !I(g, i.value) || l.value !== !1 && (document.body.click(), F.stopPropagation(), F.preventDefault(), d.value = J.fromEvent(F, u.value), k(), P());
   }
-  function V(F, g, T) {
+  function R(F, g, T) {
     if (l.value && g) {
       if (F)
         i.value = F;
@@ -4810,19 +4816,19 @@ function rl(e, t, a) {
         if (e.dragHandle instanceof HTMLElement)
           i.value = e.dragHandle;
         else if (typeof e.dragHandle == "string") {
-          const y = g.querySelector(e.dragHandle);
-          y && (i.value = y);
+          const h = g.querySelector(e.dragHandle);
+          h && (i.value = h);
         }
       }
-      u.value = g, s.value = T, i.value ? (i.value.classList.add("ng-draggable"), i.value.addEventListener("mousedown", P)) : l.value = !1;
+      u.value = g, s.value = T, i.value ? (i.value.classList.add("ng-draggable"), i.value.addEventListener("mousedown", V)) : l.value = !1;
     }
   }
   return {
-    registerDraggle: V,
+    registerDraggle: R,
     resetTranslate: k
   };
 }
-function Dt(e, t) {
+function Nt(e, t) {
   if (e) {
     const a = (u) => {
       u.key.toLowerCase() === e.toLowerCase() && t({ event: u, key: e });
@@ -4832,19 +4838,19 @@ function Dt(e, t) {
     };
   }
 }
-function dl(e, t) {
+function vl(e, t) {
   const a = c(e.enableEsc);
   let u = null;
-  return a.value ? (u = Dt("Escape", (l) => {
+  return a.value ? (u = Nt("Escape", (l) => {
     t.emit("esc", { event: l.event, type: "esc" });
   }), {
     remove: u
   }) : null;
 }
-function fl(e, t) {
+function ml(e, t) {
   const a = c(e.enableEnter);
   let u = null;
-  return a.value ? (u = Dt("Enter", (l) => {
+  return a.value ? (u = Nt("Enter", (l) => {
     t.emit("enter", { event: l.event, type: "enter" });
   }), {
     remove: u
@@ -4852,17 +4858,17 @@ function fl(e, t) {
 }
 const Pe = /* @__PURE__ */ Y({
   name: "FModal",
-  props: ul,
+  props: rl,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
   setup(e, t) {
-    const a = c(e.width || 300), u = c(e.height || 200), l = c(e.modelValue), o = c(""), i = c(e.class), s = c(e.fitContent), f = c(e.showHeader), d = c(""), r = c(e.showCloseButton), m = c(e.showMaxButton), x = c(!1), I = c(e.dialogType), w = c(e.src), v = c(""), C = c(e.showButtons), S = c(e.title), h = c(e.containment || null), L = c();
+    const a = c(e.width || 300), u = c(e.height || 200), l = c(e.modelValue), o = c(""), i = c(e.class), s = c(e.fitContent), f = c(e.showHeader), d = c(""), r = c(e.showCloseButton), m = c(e.showMaxButton), x = c(!1), I = c(e.dialogType), w = c(e.src), v = c(""), C = c(e.showButtons), S = c(e.title), y = c(e.containment || null), P = c();
     S.value === "错误提示" && (S.value = Z.getLocaleValue("messageBox.errorTitle"));
     const k = c(!1);
-    function P() {
+    function V() {
       const M = document.querySelectorAll(".farris-modal").length;
-      (!M || M - 1 <= 0) && L.value === document.querySelectorAll(".farris-modal")[0] && document.body.classList.remove("modal-open"), L.value && L.value.classList.remove("show");
+      (!M || M - 1 <= 0) && P.value === document.querySelectorAll(".farris-modal")[0] && document.body.classList.remove("modal-open"), P.value && P.value.classList.remove("show");
     }
-    function V(M, z) {
+    function R(M, z) {
       const q = z ? "accept" : "cancel";
       Promise.resolve().then(() => {
         var X;
@@ -4870,7 +4876,7 @@ const Pe = /* @__PURE__ */ Y({
           closeType: q
         });
       }).then((X) => {
-        X && (l.value = !1, t.emit("update:modelValue", !1), z != null && t.emit(z ? "accept" : "cancel"), t.emit("closed", M), P());
+        X && (l.value = !1, t.emit("update:modelValue", !1), z != null && t.emit(z ? "accept" : "cancel"), t.emit("closed", M), V());
       });
     }
     const F = [{
@@ -4878,36 +4884,36 @@ const Pe = /* @__PURE__ */ Y({
       text: Z.getLocaleValue("messageBox.cancel") || "取消",
       class: "btn btn-secondary",
       handle: (M) => {
-        V(M, !1);
+        R(M, !1);
       }
     }, {
       name: "accept",
       text: Z.getLocaleValue("messageBox.ok") || "确定",
       class: "btn btn-primary",
       handle: (M) => {
-        V(M, !0);
+        R(M, !0);
       }
-    }], g = c(e.buttons && e.buttons.length ? e.buttons : F), T = B(() => !!d.value), y = B(() => !!C.value && !!g.value), b = c(), E = c(), j = c(e.maximized || !1), {
+    }], g = c(e.buttons && e.buttons.length ? e.buttons : F), T = B(() => !!d.value), h = B(() => !!C.value && !!g.value), b = c(), D = c(), j = c(e.maximized || !1), {
       renderResizeBar: $,
       maximize: H,
-      restore: R,
+      restore: L,
       boundingElement: N,
       resizedEventParam: p,
       allowDrag: O,
-      unWindowResizeHandle: D,
+      unWindowResizeHandle: E,
       moveToCenter: W
-    } = cl(e), {
+    } = dl(e), {
       registerDraggle: U
-    } = rl(e, t, O);
-    function re() {
+    } = fl(e, t, O);
+    function de() {
       return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
     }
     A(() => e.title, (M, z) => {
       M !== z && (S.value = M);
     }), A(() => e.modelValue, (M, z) => {
       M !== z && (l.value = M, l.value && e.draggable && te(() => {
-        E.value && !h.value && (h.value = E.value.parentElement, N.value = h.value, U(b.value, E.value, N.value), W());
-      }), M || (h.value && (h.value = null), P())), l.value ? k.value = re() : (j.value = !1, O.value = e.draggable);
+        D.value && !y.value && (y.value = D.value.parentElement, N.value = y.value, U(b.value, D.value, N.value), W());
+      }), M || (y.value && (y.value = null), V())), l.value ? k.value = de() : (j.value = !1, O.value = e.draggable);
     }), A(() => e.showHeader, (M, z) => {
       M !== z && (f.value = M);
     }), A(() => e.showButtons, (M, z) => {
@@ -4924,7 +4930,7 @@ const Pe = /* @__PURE__ */ Y({
     }), A(() => e.class, (M, z) => {
       i.value = M;
     });
-    const oe = B(() => (l.value && document.body.classList.add("modal-open"), l.value)), Ie = B(() => {
+    const se = B(() => (l.value && document.body.classList.add("modal-open"), l.value)), Ie = B(() => {
       var q;
       const M = {
         modal: !0,
@@ -4932,15 +4938,15 @@ const Pe = /* @__PURE__ */ Y({
         fade: !0,
         "fe-cmp-page-modal": !!e.showFloatingClose
       };
-      M["f-modal-fitContent"] = !!s.value, M.show = !!oe.value;
+      M["f-modal-fitContent"] = !!s.value, M.show = !!se.value;
       const z = (q = e.maskClass) == null ? void 0 : q.split(" ");
-      return z == null || z.reduce((X, ve) => (X[ve] = !0, X), M), M;
-    }), he = B(() => {
+      return z == null || z.reduce((X, me) => (X[me] = !0, X), M), M;
+    }), ye = B(() => {
       var q;
       const M = {
         "modal-dialog": !0
       }, z = (q = i.value) == null ? void 0 : q.split(" ");
-      return z == null || z.reduce((X, ve) => (X[ve] = !0, X), M), M;
+      return z == null || z.reduce((X, me) => (X[me] = !0, X), M), M;
     }), Te = () => Ce() && !e.isMessager || !!e.fullscreen, Be = B(() => {
       const M = document.documentElement.clientWidth, z = document.documentElement.clientHeight;
       if (j.value)
@@ -4952,20 +4958,20 @@ const Pe = /* @__PURE__ */ Y({
           height: "100vh",
           margin: "0"
         };
-      const q = Math.min(a.value, M), X = e.position === "right" ? "100%" : s.value ? "auto" : `${Math.min(u.value, z - 10)}px`, ve = `${(window.innerHeight - (X === "100%" || X === "auto" ? 0 : parseInt(X))) / 2}px`, qt = e.position === "right" ? `${window.innerWidth - q}px` : `${(window.innerWidth - q) / 2}px`, at = {
+      const q = Math.min(a.value, M), X = e.position === "right" ? "100%" : s.value ? "auto" : `${Math.min(u.value, z - 10)}px`, me = `${(window.innerHeight - (X === "100%" || X === "auto" ? 0 : parseInt(X))) / 2}px`, Xt = e.position === "right" ? `${window.innerWidth - q}px` : `${(window.innerWidth - q) / 2}px`, at = {
         position: "absolute",
-        top: ve,
-        left: qt,
+        top: me,
+        left: Xt,
         width: Ce() ? "auto" : `${q}px`,
         height: X
       };
       return e.mask || (at.pointerEvents = "auto"), at;
-    }), de = c(ot() || 1050), ke = B(() => {
+    }), fe = c(ot() || 1050), ke = B(() => {
       const M = {
         display: "block",
         overflow: "hidden"
       };
-      return e.mask || (M.pointerEvents = "none", M.backgroundColor = "transparent"), k.value && (M.backgroundColor = "transparent"), M.zIndex = de.value, M;
+      return e.mask || (M.pointerEvents = "none", M.backgroundColor = "transparent"), k.value && (M.backgroundColor = "transparent"), M.zIndex = fe.value, M;
     }), Fe = B(() => ({
       "modal-content": !0,
       "modal-content-has-header": f.value,
@@ -4979,7 +4985,7 @@ const Pe = /* @__PURE__ */ Y({
       "f-icon": !0,
       modal_maximize: !0,
       modalrevert: j.value
-    })), se = B(() => ({
+    })), ie = B(() => ({
       "modal-body": !0,
       "f-utils-flex-column": I.value === "iframe",
       "f-utils-fill": !0
@@ -4997,7 +5003,7 @@ const Pe = /* @__PURE__ */ Y({
     });
     function Ve(M) {
       if (M == null || M.stopPropagation(), j.value) {
-        j.value = !1, R();
+        j.value = !1, L();
         return;
       }
       H(), j.value = !0;
@@ -5011,17 +5017,17 @@ const Pe = /* @__PURE__ */ Y({
     function tt(M) {
       M.width && (a.value = M.width), M.height && (u.value = M.height), M.buttons && (g.value = M.buttons), M.title && (S.value = M.title);
     }
-    let ye = null, _ = null;
-    Qt(() => {
-      k.value = re();
+    let be = null, _ = null;
+    tn(() => {
+      k.value = de();
     }), ne(() => {
-      E.value && !h.value && (h.value = E.value.parentElement, N.value = h.value, U(b.value, E.value, N.value)), oe.value && document.body.classList.add("modal-open"), ye = dl(e, t), _ = fl(e, t);
+      D.value && !y.value && (y.value = D.value.parentElement, N.value = y.value, U(b.value, D.value, N.value)), se.value && document.body.classList.add("modal-open"), be = vl(e, t), _ = ml(e, t);
     }), xe(() => {
-      D && D(), ye && ye.remove(), _ && _.remove();
+      E && E(), be && be.remove(), _ && _.remove();
     }), t.expose({
-      modalElementRef: E,
+      modalElementRef: D,
       updateModalOptions: tt,
-      close: V,
+      close: R,
       maxDialog: Ve,
       isMaximized: j,
       disableButtons: (M, z = !0) => {
@@ -5030,17 +5036,17 @@ const Pe = /* @__PURE__ */ Y({
         });
       }
     });
-    function le() {
+    function oe() {
       return n("div", {
         class: "action-wrapper",
-        onClick: (M) => V(M, !1)
+        onClick: (M) => R(M, !1)
       }, [n("span", {
         class: "close-icon"
       }, [n("i", {
         class: "f-icon f-icon-close"
       }, null)])]);
     }
-    function fe() {
+    function ve() {
       return n("ul", null, [x.value && n("li", {
         class: "f-btn-icon f-bare"
       }, [n("span", {
@@ -5053,13 +5059,13 @@ const Pe = /* @__PURE__ */ Y({
         class: ee.value
       }, null)]), r.value && n("li", {
         class: "f-btn-icon f-bare",
-        onClick: (M) => V(M, !1),
+        onClick: (M) => R(M, !1),
         style: "pointer-events: auto;"
       }, [n("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    const be = (M) => {
+    const we = (M) => {
       M.preventDefault();
       const z = M.currentTarget, q = M.deltaY * 0.5;
       z.scrollLeft += q;
@@ -5070,20 +5076,20 @@ const Pe = /* @__PURE__ */ Y({
         style: $e.value
       }, [g.value && n("div", {
         class: "buttons",
-        onWheel: be
+        onWheel: we
       }, [g.value.map((M) => {
         var X;
-        const z = c(M.disabled), q = M.class || ((X = M.appearance) == null ? void 0 : X.class);
-        return n("button", {
+        const z = c(M.disabled), q = M.class || ((X = M.appearance) == null ? void 0 : X.class) || "btn btn-secondary";
+        return n("button", ae(yt(M), {
           name: M.name,
           style: M.styles,
           type: "button",
           disabled: z.value,
           class: q + (M.iconClass ? " btn-icontext" : "") + (M.visible === !1 ? "d-none" : ""),
-          onClick: (ve) => {
-            We(M, ve);
+          onClick: (me) => {
+            We(M, me);
           }
-        }, [!!M.iconClass && n("i", {
+        }), [!!M.iconClass && n("i", {
           class: M.iconClass
         }, null), M.text]);
       })])]);
@@ -5091,7 +5097,7 @@ const Pe = /* @__PURE__ */ Y({
     function nt(M) {
       m.value && Ve();
     }
-    function $t() {
+    function _t() {
       return n(Q, null, [j.value && n("div", {
         class: "modal-header",
         style: "position: absolute;background: transparent;height: 45px;width: 100%;",
@@ -5110,66 +5116,66 @@ const Pe = /* @__PURE__ */ Y({
         class: "modal-title-label"
       }, [S.value])]), n("div", {
         class: "actions"
-      }, [fe()])])]);
+      }, [ve()])])]);
     }
-    function Wt() {
-      return t.slots.footerTemplate ? t.slots.footerTemplate() : y.value && Oe();
+    function Gt() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : h.value && Oe();
     }
-    function _t(M) {
+    function Ut(M) {
       if (M.stopPropagation(), e.allowClickMaskToClose) {
-        if (M.target !== L.value)
+        if (M.target !== P.value)
           return;
-        V(M, !1);
+        R(M, !1);
       }
     }
-    function Gt() {
+    function qt() {
       var M, z;
       return n("div", {
         id: o.value,
-        class: he.value,
+        class: ye.value,
         style: Be.value,
-        ref: E
-      }, [e.showFloatingClose && le(), n("div", {
+        ref: D
+      }, [e.showFloatingClose && oe(), n("div", {
         class: Fe.value
-      }, [f.value && $t(), n("div", {
-        class: se.value
+      }, [f.value && _t(), n("div", {
+        class: ie.value
       }, [(z = (M = t.slots).default) == null ? void 0 : z.call(M), I.value === "iframe" && n("iframe", {
         title: o.value,
         class: "f-utils-fill",
         width: "100%",
         frameborder: "0",
         src: w.value
-      }, null)]), Wt()]), !s.value && E.value && !j.value && $(E.value)]);
+      }, null)]), Gt()]), !s.value && D.value && !j.value && $(D.value)]);
     }
-    function Ut(M) {
+    function Yt(M) {
       return M || "body";
     }
-    return mt(() => {
-      oe.value && (de.value = ot() || 1050);
-    }), () => n(gt, {
-      to: Ut(e.host)
+    return pt(() => {
+      se.value && (fe.value = ot() || 1050);
+    }), () => n(ht, {
+      to: Yt(e.host)
     }, {
-      default: () => [oe.value && n(pt, {
+      default: () => [se.value && n(gt, {
         name: "fade",
         appear: !0
       }, {
         default: () => [n("div", {
-          ref: L,
+          ref: P,
           class: Ie.value,
           style: ke.value,
-          onClick: _t
-        }, [Gt()])]
+          onClick: Ut
+        }, [qt()])]
       })]
     });
   }
 });
-function jt(e) {
+function At(e) {
   if (e.content && e.content.render)
     return e.content.render;
   if (e.render && typeof e.render == "function")
     return e.render;
 }
-function vl(e) {
+function pl(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
   const a = e.type || "modal", u = Ae({
@@ -5177,9 +5183,9 @@ function vl(e) {
       xe(() => {
         document.body.removeChild(t);
       });
-      const i = c(), s = c(e.class || ""), f = c(!0), d = c(e.title || ""), r = jt(e), m = e.closedCallback || ((P) => {
-      }), x = (P) => {
-        f.value = !1, u.unmount(), m(P);
+      const i = c(), s = c(e.class || ""), f = c(!0), d = c(e.title || ""), r = At(e), m = e.closedCallback || ((V) => {
+      }), x = (V) => {
+        f.value = !1, u.unmount(), m(V);
       };
       if (o.expose({
         ref: i
@@ -5187,7 +5193,7 @@ function vl(e) {
         return () => n(Je, {
           ref: i,
           modelValue: f.value,
-          "onUpdate:modelValue": (P) => f.value = P,
+          "onUpdate:modelValue": (V) => f.value = V,
           id: "modal-service-drawer",
           title: d.value,
           width: e.width,
@@ -5208,15 +5214,15 @@ function vl(e) {
           default: () => [r && r(u)]
         });
       const I = c(!!e.showButtons), w = c(!!e.showHeader), v = c(e.showCloseButton == null ? !0 : e.showCloseButton), C = c(!!e.showFloatingClose), S = e.acceptCallback || (() => {
-      }), h = e.rejectCallback || (() => {
-      }), L = e.resizeHandle || ((P) => {
-      }), k = e.stopMoveHandle || ((P) => {
+      }), y = e.rejectCallback || (() => {
+      }), P = e.resizeHandle || ((V) => {
+      }), k = e.stopMoveHandle || ((V) => {
       });
       return () => n(Pe, {
         ref: i,
         class: s.value,
         modelValue: f.value,
-        "onUpdate:modelValue": (P) => f.value = P,
+        "onUpdate:modelValue": (V) => f.value = V,
         title: d.value,
         width: e.width,
         height: e.height,
@@ -5227,10 +5233,10 @@ function vl(e) {
         "show-max-button": !1,
         showFloatingClose: C.value,
         onAccept: S,
-        onCancel: h,
+        onCancel: y,
         fitContent: e.fitContent == null ? !0 : e.fitContent,
         onClosed: x,
-        onResize: L,
+        onResize: P,
         onStopMove: k
       }, {
         default: () => [r && r(u)]
@@ -5239,16 +5245,16 @@ function vl(e) {
   });
   return document.body.appendChild(t), u.use(Z.i18n), u.mount(t), u;
 }
-class ml {
+class gl {
   // private activeModalInstance = computed(() => {
   //     return this.modalRefs[this.activeModalIndex.value];
   // });
   constructor(t) {
-    ie(this, "appContext", null);
-    ie(this, "modalRef", c());
-    ie(this, "activeModalIndex", c(0));
-    ie(this, "modalRefs", {});
-    ie(this, "isUseEscCloseModal", c(!1));
+    ue(this, "appContext", null);
+    ue(this, "modalRef", c());
+    ue(this, "activeModalIndex", c(0));
+    ue(this, "modalRefs", {});
+    ue(this, "isUseEscCloseModal", c(!1));
     this.app = t, this.appContext = t ? t._context : null;
   }
   getCurrentModal() {
@@ -5273,7 +5279,7 @@ class ml {
       showButtons: !0,
       showHeader: !0
     }, t);
-    return vl(a);
+    return pl(a);
   }
   close(t) {
     var a, u;
@@ -5287,27 +5293,27 @@ class ml {
       showButtons: !0,
       showHeader: !0,
       maximized: !1
-    }, t)), o = c(!0), i = jt(l.value), s = l.value.closedCallback || ((S, h) => {
+    }, t)), o = c(!0), i = At(l.value), s = l.value.closedCallback || ((S, y) => {
     }), f = l.value.openedCallback || ((S) => {
     });
     let d;
     const r = (S) => {
-      var L;
+      var P;
       o.value = !1;
-      const h = (L = S == null ? void 0 : S.target) == null ? void 0 : L.classList.contains("modal_close");
-      s(S, this.isUseEscCloseModal.value ? "esc" : h ? "icon" : "button");
+      const y = (P = S == null ? void 0 : S.target) == null ? void 0 : P.classList.contains("modal_close");
+      s(S, this.isUseEscCloseModal.value ? "esc" : y ? "icon" : "button");
     }, m = (S) => {
       r(S), d && te(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], _e(null, a), d = null, this.modalRef.value = null, this.modalRefs) {
-          const h = Object.keys(this.modalRefs).map((L) => Number(L));
-          h.length > 0 ? this.activeModalIndex.value = Math.max(...h) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
+          const y = Object.keys(this.modalRefs).map((P) => Number(P));
+          y.length > 0 ? this.activeModalIndex.value = Math.max(...y) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
         }
         this.isUseEscCloseModal.value = !1;
       });
     }, x = c();
     let I;
     if (u === "drawer")
-      I = () => n(Je, we({
+      I = () => n(Je, ae({
         ref: x,
         modelValue: o.value,
         "onUpdate:modelValue": (S) => o.value = S,
@@ -5319,27 +5325,27 @@ class ml {
       });
     else {
       const S = l.value.acceptCallback || (() => {
-      }), h = l.value.rejectCallback || (() => {
-      }), L = l.value.resizeHandle || ((T) => {
+      }), y = l.value.rejectCallback || (() => {
+      }), P = l.value.resizeHandle || ((T) => {
       }), k = t.stopMoveHandle || ((T) => {
-      }), P = (T) => {
-        var y;
-        this.isUseEscCloseModal.value = !0, (y = this.getCurrentModal()) == null || y.close(T == null ? void 0 : T.event);
+      }), V = (T) => {
+        var h;
+        this.isUseEscCloseModal.value = !0, (h = this.getCurrentModal()) == null || h.close(T == null ? void 0 : T.event);
       }, {
-        width: V,
+        width: R,
         height: F
-      } = l.value, g = this.adaptToWindow(Number(V) || 500, Number(F) || 320);
-      Object.assign(l.value, g), I = () => n(Pe, we({
+      } = l.value, g = this.adaptToWindow(Number(R) || 500, Number(F) || 320);
+      Object.assign(l.value, g), I = () => n(Pe, ae({
         ref: x,
         modelValue: o.value,
         "onUpdate:modelValue": (T) => o.value = T
       }, l.value, {
         isMessager: l.value.class && l.value.class.indexOf("modal-message") > -1,
         onAccept: S,
-        onCancel: h,
+        onCancel: y,
         onClosed: m,
-        onResize: L,
-        onEsc: P,
+        onResize: P,
+        onEsc: V,
         onStopMove: k,
         maximized: l.value.maximized
       }), {
@@ -5347,8 +5353,8 @@ class ml {
       });
     }
     d = ((S) => {
-      const h = en(I, S);
-      return h.appContext = this.appContext, _e(h, a), h;
+      const y = nn(I, S);
+      return y.appContext = this.appContext, _e(y, a), y;
     })({
       ...l.value
     }), this.activeModalIndex.value++;
@@ -5358,7 +5364,7 @@ class ml {
       l.value = {
         ...l.value,
         ...S
-      }, d && _e(tn(d, {
+      }, d && _e(an(d, {
         ...l
       }), a);
     };
@@ -5372,20 +5378,20 @@ class ml {
         var S;
         (S = x.value) == null || S.close();
       },
-      disableButtons: (S, h = !0) => {
-        var L, k;
-        (k = (L = x.value) == null ? void 0 : L.disableButtons) == null || k.call(L, S, h);
+      disableButtons: (S, y = !0) => {
+        var P, k;
+        (k = (P = x.value) == null ? void 0 : P.disableButtons) == null || k.call(P, S, y);
       }
     };
   }
 }
-const Nt = Symbol("FModalService");
+const zt = Symbol("FModalService");
 Pe.install = (e) => {
   e.component(Pe.name, Pe);
-  const t = new ml(e);
-  e.provide(Nt, t), e.provide("FModalService", t);
+  const t = new gl(e);
+  e.provide(zt, t), e.provide("FModalService", t);
 };
-function At(e, t) {
+function $t(e, t) {
   function a() {
     const u = e.beforeOpen || e.beforeClickButton || null;
     let l = Promise.resolve(!0);
@@ -5399,22 +5405,22 @@ function At(e, t) {
   }
   return { judgeCanOpen: a };
 }
-function pl(e, t, a, u, l) {
+function hl(e, t, a, u, l) {
   const o = c(e.buttonBehavior), i = c(e.popupOnInput), s = B(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), { judgeCanOpen: f } = At(e, l), d = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), r = ae(Nt, null), m = c();
+  })), { judgeCanOpen: f } = $t(e, l), d = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), r = le(zt, null), m = c();
   async function x(v) {
     if (await f() && d.value) {
       const C = !!t.slots.default;
       if (o.value === "Modal") {
-        const S = e.modalOptions, h = r == null ? void 0 : r.open({
+        const S = e.modalOptions, y = r == null ? void 0 : r.open({
           ...S,
           render: () => t.slots.default && t.slots.default()
         });
-        m.value = h == null ? void 0 : h.modalRef;
+        m.value = y == null ? void 0 : y.modalRef;
       }
-      o.value === "Overlay" && il.show({
+      o.value === "Overlay" && cl.show({
         // host: buttonEditRef.value,
         host: document.body,
         backgroundColor: "rgba(0,0,0,.15)",
@@ -5436,7 +5442,7 @@ function pl(e, t, a, u, l) {
     modalRef: m
   };
 }
-function gl(e, t, a, u, l, o) {
+function yl(e, t, a, u, l, o) {
   const i = c(!1), s = B(() => e.enableClear && !e.readonly && !e.disable && !Ce()), { changeTextBoxValue: f, hasClearClass: d } = o, r = c(!1);
   function m(C) {
     i.value = C, d.value = C;
@@ -5446,8 +5452,8 @@ function gl(e, t, a, u, l, o) {
     m(x.value);
   });
   function I(C) {
-    const S = !e.readonly && !e.disable && e.editable, h = !e.editable;
-    C == null || C.stopPropagation(), (S || h) && (f(""), l.value = "", m(!i.value), t.emit("clear"));
+    const S = !e.readonly && !e.disable && e.editable, y = !e.editable;
+    C == null || C.stopPropagation(), (S || y) && (f(""), l.value = "", m(!i.value), t.emit("clear"));
   }
   function w(C) {
     if (r.value = !0, !!s.value) {
@@ -5469,7 +5475,7 @@ function gl(e, t, a, u, l, o) {
     onMouseLeaveTextBox: v
   };
 }
-function hl(e, t, a, u, l) {
+function bl(e, t, a, u, l) {
   const o = B(() => e.popupOnInput), i = B(() => e.popupOnFocus), { shouldPopupContent: s, closeAllPopover: f } = l, d = c(!1), r = B(() => e.enableTitle ? a.value : ""), m = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), x = B(() => e.readonly || !e.editable || Ce()), I = c(!1), w = B(() => !e.disable && I.value), v = B(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
@@ -5484,10 +5490,10 @@ function hl(e, t, a, u, l) {
     "f-state-focus": w.value,
     "input-group--has-clear": e.enableClear && d.value
   }));
-  function S(b, E = !0) {
-    a.value = b, E && (t.emit("change", b), t.emit("update:modelValue", b));
+  function S(b, D = !0) {
+    a.value = b, D && (t.emit("change", b), t.emit("update:modelValue", b));
   }
-  function h(b) {
+  function y(b) {
     s.value = !1, S(b, !0);
   }
   A(
@@ -5496,19 +5502,19 @@ function hl(e, t, a, u, l) {
       a.value = b;
     }
   );
-  function L(b) {
+  function P(b) {
     I.value = !1, t.emit("blur", b), b.stopPropagation();
   }
   function k(b) {
     t.emit("click", b), f(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && l.togglePopup();
   }
-  function P(b) {
+  function V(b) {
     !e.disable && !e.readonly && (I.value = !0, x.value || (t.emit("focus", b), i.value && !s.value && l.popup()));
   }
-  function V(b) {
+  function R(b) {
     t.emit("input", b);
-    const E = b.target.value;
-    u.value = E, a.value !== E && S(E, e.updateOn === "change"), o.value && !s.value && l.popup();
+    const D = b.target.value;
+    u.value = D, a.value !== D && S(D, e.updateOn === "change"), o.value && !s.value && l.popup();
   }
   function F(b) {
     b.target.tagName !== "INPUT" && b.preventDefault(), b.stopPropagation();
@@ -5519,9 +5525,9 @@ function hl(e, t, a, u, l) {
   function T(b) {
     b.key === "Enter" && (o.value || i.value) && l.hidePopup(), t.emit("keyup", b);
   }
-  function y(b) {
-    const E = b.target.value;
-    b.stopPropagation(), S(E);
+  function h(b) {
+    const D = b.target.value;
+    b.stopPropagation(), S(D);
   }
   return {
     hasFocusedTextBox: w,
@@ -5532,26 +5538,26 @@ function hl(e, t, a, u, l) {
     inputGroupClass: C,
     hasClearClass: d,
     changeTextBoxValue: S,
-    commitValue: h,
-    onBlurTextBox: L,
+    commitValue: y,
+    onBlurTextBox: P,
     onClickTextBox: k,
-    onFocusTextBox: P,
-    onInput: V,
+    onFocusTextBox: V,
+    onInput: R,
     onKeyDownTextBox: g,
     onKeyUpTextBox: T,
     onMouseDownTextBox: F,
-    onTextBoxValueChange: y
+    onTextBoxValueChange: h
   };
 }
-const me = "FarrisVue_PopoverInstancesKey";
-function yl(e, t, a, u) {
-  const l = c(), o = c(!1), { judgeCanOpen: i } = At(e, u);
+const pe = "FarrisVue_PopoverInstancesKey";
+function wl(e, t, a, u) {
+  const l = c(), o = c(!1), { judgeCanOpen: i } = $t(e, u);
   A(() => l.value, (I, w) => {
-    window[me] = window[me] || /* @__PURE__ */ new WeakMap(), I ? window[me].set(a.value, I) : window[me].delete(a.value);
+    window[pe] = window[pe] || /* @__PURE__ */ new WeakMap(), I ? window[pe].set(a.value, I) : window[pe].delete(a.value);
   });
   function s() {
-    if (window[me]) {
-      const I = window[me];
+    if (window[pe]) {
+      const I = window[pe];
       document.querySelectorAll(".f-button-edit,.v-popover").forEach((w) => {
         const v = I.get(w);
         v && w !== a.value && !a.value.closest(".popover-fitcontent") && v.hide();
@@ -5586,7 +5592,7 @@ function yl(e, t, a, u) {
   }
   return { hidePopup: m, showPopup: x, popup: r, shouldPopupContent: o, togglePopup: d, popoverRef: l, closeAllPopover: s };
 }
-function bl(e, t, a) {
+function Cl(e, t, a) {
   const u = c(), {
     isTextBoxReadonly: l,
     textBoxClass: o,
@@ -5602,7 +5608,7 @@ function bl(e, t, a) {
     onTextBoxValueChange: v
   } = a, C = c(e.id), {
     uuid: S
-  } = un(), h = B(() => ({
+  } = rn(), y = B(() => ({
     // 'border-top-right-radius': '6px',
     // 'border-bottom-right-radius': '6px'
   }));
@@ -5612,13 +5618,13 @@ function bl(e, t, a) {
       preventScroll: !0
     })), C.value || (C.value = "button-edit_" + S(8)), C.value = C.value + "-textbox";
   });
-  const L = c(!1), k = (F) => {
-    F.preventDefault(), L.value = !0;
-  }, P = (F) => {
-    F.preventDefault(), L.value = !1, m(F);
+  const P = c(!1), k = (F) => {
+    F.preventDefault(), P.value = !0;
+  }, V = (F) => {
+    F.preventDefault(), P.value = !1, m(F);
   };
-  function V(F) {
-    L.value || m(F);
+  function R(F) {
+    P.value || m(F);
   }
   return () => n("input", {
     id: e.id ? e.id + "-textbox" : void 0,
@@ -5626,7 +5632,7 @@ function bl(e, t, a) {
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: o.value,
-    style: h.value,
+    style: y.value,
     disabled: e.disable,
     maxlength: e.maxLength,
     minlength: e.minLength,
@@ -5640,15 +5646,15 @@ function bl(e, t, a) {
     onChange: v,
     onClick: d,
     onFocus: r,
-    onInput: V,
+    onInput: R,
     onKeydown: x,
     onKeyup: I,
     onMousedown: w,
-    onCompositionend: P,
+    onCompositionend: V,
     onCompositionstart: k
   }, null);
 }
-function wl(e, t, a) {
+function Sl(e, t, a) {
   const u = c(e.separator), l = B(() => e.readonly || e.disable), {
     changeTextBoxValue: o,
     onFocusTextBox: i,
@@ -5672,7 +5678,7 @@ function wl(e, t, a) {
   function I(w) {
     f(w);
   }
-  return () => n(Ln, {
+  return () => n(Dn, {
     tabindex: e.tabIndex,
     onFocus: i,
     onBlur: s,
@@ -5687,7 +5693,7 @@ function wl(e, t, a) {
     onClick: I
   }, null);
 }
-function Cl(e, t, a, u) {
+function xl(e, t, a, u) {
   const {
     buttonGroupClass: l,
     onClickButton: o,
@@ -5697,13 +5703,13 @@ function Cl(e, t, a, u) {
     enableClearButton: f,
     showClearButton: d,
     onClearValue: r
-  } = u, m = c(), x = ht((v) => {
+  } = u, m = c(), x = bt((v) => {
     o(v);
   }, e.buttonBehavior === "Modal" ? 0 : 200), I = () => {
     t.emit("beforeClearValue");
   }, {
     renderExpandContent: w
-  } = Hn(e, t);
+  } = En(e, t);
   return {
     renderButtonGroup: () => n(Q, null, [n("div", {
       id: e.id ? `${e.id}-button-group` : void 0,
@@ -5714,7 +5720,7 @@ function Cl(e, t, a, u) {
       onMousedown: I
     }, [n("i", {
       class: "f-icon modal_close"
-    }, null)]), [[nn, d.value]]), t.slots.buttonContent ? n("span", {
+    }, null)]), [[ln, d.value]]), t.slots.buttonContent ? n("span", {
       class: "input-group-text input-group-append-button",
       onClick: x,
       onMouseenter: i,
@@ -5730,7 +5736,7 @@ function Cl(e, t, a, u) {
     buttonHandleElement: m
   };
 }
-function Sl(e, t, a) {
+function Il(e, t, a) {
   const u = c(e.popupMinWidth), {
     hidePopup: l,
     popoverRef: o
@@ -5755,7 +5761,7 @@ function Sl(e, t, a) {
       var f, d;
       return [K(" "), (d = (f = t.slots).default) == null ? void 0 : d.call(f), K(" ")];
     }
-  }) : n(Ct, {
+  }) : n(xt, {
     id: `${e.id}-popover`,
     ref: o,
     placement: e.placement,
@@ -5778,32 +5784,32 @@ function Sl(e, t, a) {
     }
   });
 }
-const xl = /* @__PURE__ */ Y({
+const Tl = /* @__PURE__ */ Y({
   name: "FButtonEdit",
-  props: tl,
+  props: al,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue", "beforeClearValue", "expandClick", "hidden", "shown"],
   setup(e, t) {
-    const a = c(), u = c(e.customClass), l = c(e.modelValue), o = yl(e, t, a, l), {
+    const a = c(), u = c(e.customClass), l = c(e.modelValue), o = wl(e, t, a, l), {
       shouldPopupContent: i,
       hidePopup: s,
       showPopup: f,
       togglePopup: d
-    } = o, r = pl(e, t, a, o, l), m = c(""), x = hl(e, t, l, m, o), {
+    } = o, r = hl(e, t, a, o, l), m = c(""), x = bl(e, t, l, m, o), {
       hasFocusedTextBox: I,
       commitValue: w,
       inputGroupClass: v,
       changeTextBoxValue: C
-    } = x, S = gl(e, t, l, I, m, x), {
-      onMouseEnterTextBox: h,
-      onMouseLeaveTextBox: L
-    } = S, k = c(!1), P = B(() => {
+    } = x, S = yl(e, t, l, I, m, x), {
+      onMouseEnterTextBox: y,
+      onMouseLeaveTextBox: P
+    } = S, k = c(!1), V = B(() => {
       const p = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return u.value && u.value.split(" ").reduce((O, D) => (O[D] = !0, O), p), p;
-    }), V = B(() => ({
+      return u.value && u.value.split(" ").reduce((O, E) => (O[E] = !0, O), p), p;
+    }), R = B(() => ({
       overflow: e.wrapText ? "hidden" : ""
     })), F = B(() => ({
       // paddingLeft: '3px',
@@ -5814,28 +5820,28 @@ const xl = /* @__PURE__ */ Y({
         return 0;
       let p = 0;
       const O = Array.from(a.value.querySelectorAll(".farris-tag-item"));
-      return O && O.length && (p = O.map((D) => D.offsetTop).filter((D) => D > 20).length), p;
+      return O && O.length && (p = O.map((E) => E.offsetTop).filter((E) => E > 20).length), p;
     }
-    const y = c(T());
-    an(() => {
-      y.value = T();
+    const h = c(T());
+    on(() => {
+      h.value = T();
     });
     function b() {
-      return e.multiSelect && e.inputType === "tag" ? () => n(Q, null, [wl(e, l, x)(), !!y.value && n("div", {
+      return e.multiSelect && e.inputType === "tag" ? () => n(Q, null, [Sl(e, l, x)(), !!h.value && n("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [n("span", {
         class: "multi--more-text"
-      }, [K("+"), y.value])])]) : bl(e, l, x);
+      }, [K("+"), h.value])])]) : Cl(e, l, x);
     }
-    let E = b();
+    let D = b();
     A([() => e.multiSelect, () => e.inputType], () => {
-      E = b();
+      D = b();
     });
     const {
       renderButtonGroup: j,
       buttonHandleElement: $
-    } = Cl(e, t, r, S), H = Sl(e, t, o), R = c(i.value), N = {
+    } = xl(e, t, r, S), H = Il(e, t, o), L = c(i.value), N = {
       displayText: m,
       commitValue: w,
       elementRef: a,
@@ -5845,7 +5851,7 @@ const xl = /* @__PURE__ */ Y({
       shouldPopupContent: i,
       togglePopup: d,
       openDialog: () => {
-        $.value && e.buttonBehavior === "Modal" && $.value.click(), t.slots.content && ht(() => {
+        $.value && e.buttonBehavior === "Modal" && $.value.click(), t.slots.content && bt(() => {
           r.onClickButton(null);
         }, e.buttonBehavior === "Modal" ? 0 : 200)();
       },
@@ -5858,7 +5864,7 @@ const xl = /* @__PURE__ */ Y({
         return (p = a.value) == null ? void 0 : p.querySelector("input");
       },
       forceClosePopup: () => {
-        R.value = !1, k.value = !0, i.value = !1;
+        L.value = !1, k.value = !0, i.value = !1;
       },
       clear: () => {
         C(""), m.value = "";
@@ -5871,41 +5877,41 @@ const xl = /* @__PURE__ */ Y({
       a.value.componentInstance = N, window.onresize = () => {
         document.body.click();
       };
-    }), ln(() => {
+    }), sn(() => {
       var p;
-      window.onresize = null, (p = window[me]) == null || p.delete(a.value);
+      window.onresize = null, (p = window[pe]) == null || p.delete(a.value);
     }), t.expose(N), A(() => i.value, async (p, O) => {
       if (k.value) {
-        R.value = p, k.value = !1;
+        L.value = p, k.value = !1;
         return;
       }
       if (!p && e.beforeClosePopup && typeof e.beforeClosePopup == "function") {
         try {
-          const D = await e.beforeClosePopup();
-          R.value = !D, (!D || e.readonly) && (i.value = !0);
-        } catch (D) {
-          console.error("Error in beforeClosePopup:", D), R.value = O, i.value = O;
+          const E = await e.beforeClosePopup();
+          L.value = !E, (!E || e.readonly) && (i.value = !0);
+        } catch (E) {
+          console.error("Error in beforeClosePopup:", E), L.value = O, i.value = O;
         }
         return;
       }
-      R.value = p;
+      L.value = p;
     }), () => {
       var p, O;
-      return n(Q, null, [n("div", we(t.attrs, {
+      return n(Q, null, [n("div", ae(t.attrs, {
         ref: a,
-        class: P.value,
+        class: V.value,
         id: e.id ? e.id : void 0,
-        style: V.value
+        style: R.value
       }), [n("div", {
         id: e.id ? `${e.id}-input-group` : void 0,
         class: v.value,
         style: F.value,
-        onMouseenter: h,
-        onMouseleave: L
-      }, [(O = (p = t.slots).precontent) == null ? void 0 : O.call(p), t.slots.content ? t.slots.content() : E(), t.slots.content ? null : g.value && j()])]), R.value && H()]);
+        onMouseenter: y,
+        onMouseleave: P
+      }, [(O = (p = t.slots).precontent) == null ? void 0 : O.call(p), t.slots.content ? t.slots.content() : D(), t.slots.content ? null : g.value && j()])]), L.value && H()]);
     };
   }
-}), Il = "https://json-schema.org/draft/2020-12/schema", Tl = "https://farris-design.gitee.io/schema-editor.schema.json", Bl = "schema-editor", kl = "A Farris Input Component", Fl = "object", Ml = {
+}), Bl = "https://json-schema.org/draft/2020-12/schema", kl = "https://farris-design.gitee.io/schema-editor.schema.json", Fl = "schema-editor", Ml = "A Farris Input Component", Ol = "object", Pl = {
   title: {
     description: "",
     type: "string",
@@ -5986,16 +5992,16 @@ const xl = /* @__PURE__ */ Y({
     type: "object",
     default: null
   }
-}, Ol = [], Pl = [], Vl = {
-  $schema: Il,
-  $id: Tl,
-  title: Bl,
-  description: kl,
-  type: Fl,
-  properties: Ml,
-  required: Ol,
-  ignore: Pl
-}, zt = {
+}, Vl = [], Rl = [], Ll = {
+  $schema: Bl,
+  $id: kl,
+  title: Fl,
+  description: Ml,
+  type: Ol,
+  properties: Pl,
+  required: Vl,
+  ignore: Rl
+}, Wt = {
   title: { type: String, default: "选择数据源" },
   textField: { type: String, default: "name" },
   viewOptions: { type: Array, default: [] },
@@ -6012,16 +6018,16 @@ const xl = /* @__PURE__ */ Y({
   modalWidth: { type: Number, default: 800 },
   requiredTip: { type: String, default: "请选择数据源" },
   validateFunction: { type: Function, default: null }
-}, Rl = Xe(zt, Vl);
-function Ll(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !vt(e);
+}, Hl = Xe(Wt, Ll);
+function Dl(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !mt(e);
 }
 const Ge = /* @__PURE__ */ Y({
   name: "FSchemaSelectorEditor",
-  props: zt,
+  props: Wt,
   emits: ["selectionChange", "update:modelValue"],
   setup(e, t) {
-    const a = ae(Lt);
+    const a = le(Dt);
     a.globalConfig = {
       position: "top-center"
     };
@@ -6087,7 +6093,7 @@ const Ge = /* @__PURE__ */ Y({
     }
     return () => {
       let w;
-      return n(xl, {
+      return n(Tl, {
         modelValue: i.value,
         "onUpdate:modelValue": (v) => i.value = v,
         editable: !1,
@@ -6100,22 +6106,22 @@ const Ge = /* @__PURE__ */ Y({
         buttonBehavior: "Modal",
         modalOptions: x,
         beforeOpen: I
-      }, Ll(w = m()) ? w : {
+      }, Dl(w = m()) ? w : {
         default: () => [w]
       });
     };
   }
-}), so = {
+}), uo = {
   install(e) {
     e.component(je.name, je), e.component(Ge.name, Ge);
   },
   register(e, t, a) {
-    e["schema-selector"] = Ge, t["schema-selector"] = Rl;
+    e["schema-selector"] = Ge, t["schema-selector"] = Hl;
   }
 };
 export {
   je as FSchemaSelector,
   Ge as FSchemaSelectorEditor,
-  so as default,
-  En as schemaSelectorProps
+  uo as default,
+  jn as schemaSelectorProps
 };