@farris/ui-vue 1.8.5-beta.19 → 1.8.5-beta.20

package/components/data-view/index.esm.js

@@ -1,7 +1,7 @@
 var _C = Object.defineProperty;
 var $C = (e, n, t) => n in e ? _C(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
 var J = (e, n, t) => $C(e, typeof n != "symbol" ? n + "" : n, t);
-import { ref as x, watch as te, computed as V, createVNode as s, resolveComponent as Gn, isVNode as Fn, mergeProps as ge, nextTick as St, inject as Ye, Fragment as It, defineComponent as be, createTextVNode as Ee, withDirectives as Yt, vModelCheckbox as ks, shallowRef as ko, onMounted as Xe, onUnmounted as Kt, provide as sn, Teleport as Aa, createApp as $o, onBeforeMount as Ai, watchEffect as Fs, Transition as Lr, render as hi, h as Bc, cloneVNode as pm, vShow as Ya, onUpdated as mm, onBeforeUnmount as Vi, withModifiers as Gt, vModelText as to, toRef as jC, reactive as At, getCurrentInstance as Fl, resolveDirective as na, Comment as hm, toRefs as Di, toRaw as HC, vModelSelect as WC, isRef as zC, triggerRef as qC } from "vue";
+import { ref as x, watch as te, computed as V, createVNode as s, resolveComponent as Gn, isVNode as Fn, mergeProps as ge, nextTick as St, inject as Ye, Fragment as Et, defineComponent as be, createTextVNode as Ee, withDirectives as Yt, vModelCheckbox as ks, shallowRef as ko, onMounted as Xe, onUnmounted as Kt, provide as sn, Teleport as Aa, createApp as $o, onBeforeMount as Ai, watchEffect as Fs, Transition as Lr, render as hi, h as Bc, cloneVNode as pm, vShow as Ya, onUpdated as mm, onBeforeUnmount as Vi, withModifiers as Gt, vModelText as to, toRef as jC, reactive as At, getCurrentInstance as Fl, resolveDirective as na, Comment as hm, toRefs as Di, toRaw as HC, vModelSelect as WC, isRef as zC, triggerRef as qC } from "vue";
 import Pl, { FCheckbox as Ea } from "../checkbox/index.esm.js";
 import Va from "../popover/index.esm.js";
 import { locatorChild as pe, useCommonUtils as Kn, resolveField as Pt, setFieldValue as Nr, useNumberFormat as Ml, useFarrisConfig as gm, useGuid as bn, getCustomClass as Vt, isMobilePhone as en, withInstall as $t, isImageUrl as UC, urlPrependBasePath as li, isBase64ImageUrl as GC, getCustomStyle as dn, FormSchemaEntityField$Type as Pi, FormSchemaEntityFieldType$Type as si, EVENT_PROPERTY_TAB_IDS as Yn, useLocatorProps as Ht, locatorAttrs as Bt, extractDataAttrs as ga, getMaxZIndex as bl, useInputExpand as Ac, useDateFormat as qn, useResizeObserver as _u, CHECKBOX_CONTEXT as Vc, useCheck as Dc, radioCheckboxCommonProps as vm, useTouchMomentum as YC, useTouch as KC, useBem as Mn, useThirdComponent as ym, queryAllById as QC, FormSchemaEntityFieldTypeName as oa, formatTime as XC, getDateObject as Wa, isLeapYear as JC, compareDate as Rr, getDaysInMonth as ZC, useTextBox as bm, useClear as Cm, encrypt as ew, formatDate as tw, useDelayedRef as nw, RADIOGROUP_CONTEXT as wm, idSelector as aw, queryById as ri, useReqAnimationFrame as ow, getTimeObject as lu, formatObjecTime as iw, useArrayProcessor as Sm, useNativeBack as lw } from "../common/index.esm.js";
@@ -853,13 +853,13 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
   } = I0(e, i, l, f, g, y, o), ce = V(() => e.displayType === "Card" ? 30 : 35), Me = V(() => D.value.headerDepth * ce.value + Ce.value), Ae = /* @__PURE__ */ new Map([[0, 0]]), Ge = V(() => e.showHeader);
   function ue(ne, oe) {
     var fe, ie;
-    const Fe = ((fe = ne.column) == null ? void 0 : fe.dataType) === "setting", He = !!((ie = ne.children) != null && ie.length && D.value.headerDepth > 1), We = Ae.get(oe) || 0, Et = ce.value, gt = Ce.value, mt = {
-      height: `${Gx(ne.depth, He, Et, gt)}px`,
+    const Fe = ((fe = ne.column) == null ? void 0 : fe.dataType) === "setting", He = !!((ie = ne.children) != null && ie.length && D.value.headerDepth > 1), We = Ae.get(oe) || 0, Ot = ce.value, gt = Ce.value, mt = {
+      height: `${Gx(ne.depth, He, Ot, gt)}px`,
       left: `${ne.left}px`,
-      top: `${(ne.layer - 1) * Et}px`,
+      top: `${(ne.layer - 1) * Ot}px`,
       width: `${ne.actualWidth}px`
     };
-    return D.value.headerDepth > 1 && !K.value && (mt["line-height"] = `${ne.depth * Et}px`), Fe && (mt.paddingLeft = "2px"), e.showBorder && (mt.border = "1px solid #e6e9f0"), Ae.set(oe + 1, We + (ne.actualWidth || H)), mt;
+    return D.value.headerDepth > 1 && !K.value && (mt["line-height"] = `${ne.depth * Ot}px`), Fe && (mt.paddingLeft = "2px"), e.showBorder && (mt.border = "1px solid #e6e9f0"), Ae.set(oe + 1, We + (ne.actualWidth || H)), mt;
   }
   function we(ne, oe) {
     var He;
@@ -926,9 +926,9 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
     return !!(e.hierarchy && oe === 0 && ((Fe = ne.column) == null ? void 0 : Fe.dataType) !== va && ((He = ne.column) == null ? void 0 : He.dataType) !== Ba);
   }
   function ve(ne, oe, Fe) {
-    var Et, gt, mt, fe, ie;
+    var Ot, gt, mt, fe, ie;
     const He = de(ne, Fe) && T.value, We = de(ne, Fe) && S.value && !T.value;
-    return s(It, null, [He && s("span", {
+    return s(Et, null, [He && s("span", {
       style: "margin-left: .75rem; margin-right: .5rem"
     }, [s(Ea, {
       id: pe(e.id, "select-all").id,
@@ -940,7 +940,7 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
       style: "margin-left: .75rem; margin-right: .5rem; opacity: 0"
     }, [s(Ea, {
       disabled: !0
-    }, null)]), ((Et = ne.column) == null ? void 0 : Et.dataType) === "setting" && e.showSetting && e.displayType !== "Card" ? xe() : n.slots.headerCellTemplate ? n.slots.headerCellTemplate({
+    }, null)]), ((Ot = ne.column) == null ? void 0 : Ot.dataType) === "setting" && e.showSetting && e.displayType !== "Card" ? xe() : n.slots.headerCellTemplate ? n.slots.headerCellTemplate({
       headerCell: ne,
       headerCells: oe,
       columnIndex: Fe
@@ -961,7 +961,7 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
     var gt;
     const He = ne.depth * ce.value, We = K.value ? {
       height: `${He}px`
-    } : void 0, Et = K.value && D.value.headerDepth > 1 && ((gt = ne.children) != null && gt.length) ? {
+    } : void 0, Ot = K.value && D.value.headerDepth > 1 && ((gt = ne.children) != null && gt.length) ? {
       lineHeight: `${He}px`
     } : void 0;
     if (K.value) {
@@ -987,7 +987,7 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
         class: "fv-grid-header-title",
         style: {
           ...We,
-          ...Et
+          ...Ot
         }
       }, [ve(ne, oe, Fe)]), s("div", {
         class: "fv-grid-header-filter"
@@ -1078,7 +1078,7 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
     }, [A.value])])]);
   }
   function ct() {
-    return s(It, null, [s("div", {
+    return s(Et, null, [s("div", {
       class: ae.value,
       style: Z.value
     }, [j.value && e.displayType !== "Card" && tt(), R.value && ot(), s("div", {
@@ -1092,7 +1092,7 @@ function wX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y, v, b, C, w) {
     }, [Le(D.value.primaryHeaderColumns)])]), $.value && Ie()]), K.value && se()]);
   }
   function ht() {
-    return s(It, null, [s("div", {
+    return s(Et, null, [s("div", {
       class: "fv-datagrid-resize-overlay",
       style: N.value
     }, null), s("div", {
@@ -2808,7 +2808,7 @@ function MX(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g) {
     return de.collapse && e.loadData ? e.loadData(de) : Promise.resolve();
   }
   function j(de) {
-    return (de || []).some((ve) => Fn(ve) ? !(ve.type === Comment || ve.type === It && !j(ve.children)) : !0) ? de : null;
+    return (de || []).some((ve) => Fn(ve) ? !(ve.type === Comment || ve.type === Et && !j(ve.children)) : !0) ? de : null;
   }
   function H(de, ve) {
     de.stopPropagation(), _(ve).then(() => {
@@ -9705,7 +9705,7 @@ function TP(e) {
     getResonseFormLayoutConfig: l
   };
 }
-const kP = (e) => s(It, null, [s("h5", null, [Ee("代码示例")]), s("pre", {
+const kP = (e) => s(Et, null, [s("h5", null, [Ee("代码示例")]), s("pre", {
   style: "background-color: #f5f5f5; padding: 10px; border-radius: 5px;"
 }, [s("code", null, [`
 <h3>Tips:</h3>
@@ -11266,7 +11266,7 @@ function cM(e, n, t) {
     onMouseleaveDropMenu: r
   } = t;
   function c(p) {
-    return s(It, null, [p.divider && s("div", {
+    return s(Et, null, [p.divider && s("div", {
       class: "dropdown-divider"
     }, null), s("div", ge(Bt(p.id), {
       class: "dropdown-item" + (p.disabled ? " disabled" : ""),
@@ -12097,7 +12097,7 @@ function wM(e, n) {
     R instanceof MouseEvent && R.button === 2 || g.value && (document.body.click(), R.stopPropagation(), R.preventDefault(), o.value = kn.fromEvent(R), p.value = R.target, b(R), F());
   }
   function M(R) {
-    return t.value = R, m.value && s(It, null, [s("div", {
+    return t.value = R, m.value && s(Et, null, [s("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
       onMousedown: ($) => I($)
@@ -12549,7 +12549,7 @@ const hl = /* @__PURE__ */ be({
       d.value && Ae();
     }
     function Ct() {
-      return s(It, null, [E.value && s("div", {
+      return s(Et, null, [E.value && s("div", {
         class: "modal-header",
         style: "position: absolute;background: transparent;height: 45px;width: 100%;",
         onDblclick: (he) => at()
@@ -13161,7 +13161,7 @@ function BM(e, n, t, a) {
     renderExpandContent: h
   } = Ac(e, n);
   return {
-    renderButtonGroup: () => s(It, null, [s("div", {
+    renderButtonGroup: () => s(Et, null, [s("div", {
       id: e.id ? `${e.id}-button-group` : void 0,
       class: o.value
     }, [c.value && Yt(s("span", ge(pe(e.id, "clear"), {
@@ -13275,7 +13275,7 @@ const VM = /* @__PURE__ */ be({
       M.value = I();
     });
     function B() {
-      return t.multiSelect && t.inputType === "tag" ? () => s(It, null, [OM(t, l, h)(), !!M.value && s("div", {
+      return t.multiSelect && t.inputType === "tag" ? () => s(Et, null, [OM(t, l, h)(), !!M.value && s("div", {
         class: "d-flex flex-row mr-2 more-tags",
         "more-tags": !0
       }, [s("span", {
@@ -13345,7 +13345,7 @@ const VM = /* @__PURE__ */ be({
       R.value = W;
     }), () => {
       var W, z;
-      return s(It, null, [s("div", ge({
+      return s(Et, null, [s("div", ge({
         ref: o
       }, Bt(t.id), n.attrs, {
         class: k.value,
@@ -13571,7 +13571,7 @@ const NM = /* @__PURE__ */ be({
     }), Xe(() => {
       var $, W, z, N, U, q;
       t.value = ($ = document.getElementById(A.value)) == null ? void 0 : $.querySelector("#fv-calculator-pre-step"), a.value = (W = document.getElementById(A.value)) == null ? void 0 : W.querySelector("#fv-calculator-show-input"), o.value = (z = document.getElementById(A.value)) == null ? void 0 : z.querySelector("#fv-calculator-num-symbol"), i.value = (N = document.getElementById(A.value)) == null ? void 0 : N.querySelector(".fv-calculator-pre"), l.value = (U = document.getElementById(A.value)) == null ? void 0 : U.querySelector(".fv-calculator-pre-left"), r.value = (q = document.getElementById(A.value)) == null ? void 0 : q.querySelector(".fv-calculator-pre-right"), b();
-    }), () => s(It, null, [s("div", {
+    }), () => s(Et, null, [s("div", {
       class: "fv-calculator-standard-main",
       id: A.value,
       onMousedown: Gt(($) => R($), ["prevent"]),
@@ -18339,7 +18339,7 @@ const Eo = /* @__PURE__ */ be({
     function We(fe) {
       Fe.value = fe.events || [], n.emit("moreClick", fe);
     }
-    function Et(fe, ie) {
+    function Ot(fe, ie) {
       n.emit("moreClick", ie);
     }
     const gt = V(() => {
@@ -18404,7 +18404,7 @@ const Eo = /* @__PURE__ */ be({
       events: A.value,
       height: G.value - 60,
       moreText: S,
-      onMoreClick: (fe, ie) => Et(fe, ie)
+      onMoreClick: (fe, ie) => Ot(fe, ie)
     }, null)]), s(tI, {
       ref: He,
       events: Fe.value
@@ -18451,7 +18451,7 @@ ${e ? "此方法返回一个字符串，可包括HTML代码，如：<div>...</di
         styles: { fontWeight: 'bold' }
     }
 }`;
-  return s(It, null, [qg(e, n), s("pre", {
+  return s(Et, null, [qg(e, n), s("pre", {
     style: "height: calc(100% - 35px);margin: 0;"
   }, [s("code", null, [Ee(" "), `${Ug(!1)}
 ${n}
@@ -18473,7 +18473,7 @@ ${n}
         <div style="\${styles}">\${formatTo(data.beginTime, timeFmt)}</div>
     </div>\`
 }`;
-  return s(It, null, [qg(e, n), s("pre", {
+  return s(Et, null, [qg(e, n), s("pre", {
     style: "height: calc(100% - 35px);margin: 0;"
   }, [s("code", null, [Ee(" "), `${Ug()}
 ${n}
@@ -20715,11 +20715,11 @@ function NO(e, n, t, a, o, i, l, r, c, f) {
     updateSelectedItems: S
   } = l;
   function T(P, O, F) {
-    return e.contentTemplate ? s(It, null, [e.contentTemplate({
+    return e.contentTemplate ? s(Et, null, [e.contentTemplate({
       item: P.raw,
       index: O,
       selectedItem: F
-    })]) : n.slots.content ? s(It, null, [n.slots.content && n.slots.content({
+    })]) : n.slots.content ? s(Et, null, [n.slots.content && n.slots.content({
       item: P.raw,
       index: O,
       selectedItem: F
@@ -20847,7 +20847,7 @@ function _O(e, n, t, a, o, i, l, r, c, f) {
     v.stopPropagation(), b.collapse = !b.collapse, t.value = d(b.collapse ? "collapse" : "expand", b, t.value);
   }
   function h(v, b, C) {
-    return n.slots.group ? s(It, null, [n.slots.content && n.slots.group({
+    return n.slots.group ? s(Et, null, [n.slots.content && n.slots.group({
       item: v.raw,
       index: b,
       selectedItem: C
@@ -21363,7 +21363,7 @@ const Oo = /* @__PURE__ */ be({
     }], a = V(() => e.data.length > 0 ? e.data : t);
     return () => {
       var o;
-      return s(It, null, [(o = a.value) == null ? void 0 : o.map((i) => s("div", {
+      return s(Et, null, [(o = a.value) == null ? void 0 : o.map((i) => s("div", {
         class: "f-template-listview-row"
       }, [s("div", {
         class: "list-view-item-title"
@@ -21503,7 +21503,7 @@ const ev = {
       g();
     }), () => {
       var b, C;
-      return s(It, null, [
+      return s(Et, null, [
         p.value && s(UO, ge(t, {
           onClick: f
         }), {
@@ -24296,7 +24296,7 @@ const ZB = {
     });
     const v = () => {
       var b;
-      return s(It, null, [s("div", {
+      return s(Et, null, [s("div", {
         class: "after-toast-msg text-right"
       }, [!n.slots.default && ((b = o.value.buttons) == null ? void 0 : b.map((C) => s("span", {
         class: y(C),
@@ -24320,7 +24320,7 @@ const ZB = {
       class: f.value
     }, null)]), s("div", {
       class: "modal-tips-content"
-    }, [l.value && s(It, null, [s("h5", {
+    }, [l.value && s(Et, null, [s("h5", {
       class: "toast-title modal-tips-title",
       innerHTML: o.value.title
     }, null), s("p", {
@@ -24868,7 +24868,7 @@ const cA = /* @__PURE__ */ be({
       w.value = de(0, W.value + r - 1);
     }), Fe = Wc(o, we, y, ct, Z), {
       calculateColumnsSize: He
-    } = Fe, We = Lm(), Et = Nm(y, C, B, We, Le), gt = Rm(o, a, Ae, B, Z, k, Le), mt = V(() => {
+    } = Fe, We = Lm(), Ot = Nm(y, C, B, We, Le), gt = Rm(o, a, Ae, B, Z, k, Le), mt = V(() => {
       const me = {
         "fv-grid": !0,
         "fv-grid-bordered": t.showBorder,
@@ -24897,7 +24897,7 @@ const cA = /* @__PURE__ */ be({
       renderGridHeader: Tt,
       renderGridColumnResizeOverlay: Oe,
       shouldShowHeader: Ue
-    } = $m(o, a, y, b, C, Ae, B, gt, Et, P, We, Fe, Z, A, ze, Ge, Le, ct, w, l, rt), {
+    } = $m(o, a, y, b, C, Ae, B, gt, Ot, P, We, Fe, Z, A, ze, Ge, Le, ct, w, l, rt), {
       renderDataGridSidebar: Ze
     } = zc(o, re, A, ze, Le), {
       renderDisableMask: ft
@@ -24927,7 +24927,7 @@ const cA = /* @__PURE__ */ be({
     }), Kt(() => {
       qe !== null && cancelAnimationFrame(qe);
     });
-    function Ot(me) {
+    function It(me) {
       B.collapseTo(me), B.reOrderVisibleIndex(), ht();
     }
     function Lt(me) {
@@ -25193,7 +25193,7 @@ const cA = /* @__PURE__ */ be({
       addNewDataItem: Dt,
       addNewChildDataItem: fn,
       addChildrenToNode: Bn,
-      collapseTo: Ot,
+      collapseTo: It,
       expandTo: Lt,
       removeDataItem: lo,
       editDataItem: ro,
@@ -25256,7 +25256,7 @@ const cA = /* @__PURE__ */ be({
     } = Wm(o, B, Ae);
     return () => {
       var me;
-      return t.visible && s(It, null, [Q.value && s("div", {
+      return t.visible && s(Et, null, [Q.value && s("div", {
         class: "fv-grid-search",
         style: {
           padding: "8px 12px",
@@ -25596,7 +25596,7 @@ var dA = { exports: {} };
                 z && Ze && Ze.removeChild(rt), z && G && (G.style.display = "none");
                 return;
               }
-              G.style.display = "block", Le(ft, rt, Ue), ft ? We(Pe, ft) : Et(Oe);
+              G.style.display = "block", Le(ft, rt, Ue), ft ? We(Pe, ft) : Ot(Oe);
               function De(st) {
                 j.emit(st, rt, U, A);
               }
@@ -25685,7 +25685,7 @@ var dA = { exports: {} };
               }
               Te === L && L && (G.style.display = "none");
             }
-            function Et(ie) {
+            function Ot(ie) {
               W = null;
               var Te = ie.lastElementChild;
               if (Te) {
@@ -25721,8 +25721,8 @@ var dA = { exports: {} };
               function ft() {
                 var De = Te.getBoundingClientRect();
                 if (Oe) {
-                  var qe = rt - De.top, Qe = _e - De.left, st = De.bottom - rt, Ot = De.right - _e, Lt = Math.min(Qe, Ot, qe, st), bt;
-                  return Q ? bt = Ot < Qe : bt = st === Lt || Ot === Lt || Qe === Lt, Pe(bt);
+                  var qe = rt - De.top, Qe = _e - De.left, st = De.bottom - rt, It = De.right - _e, Lt = Math.min(Qe, It, qe, st), bt;
+                  return Q ? bt = It < Qe : bt = st === Lt || It === Lt || Qe === Lt, Pe(bt);
                 }
                 return Pe(Tt ? _e > De.left + C(De) / 2 : rt > De.top + w(De) / 2);
               }
@@ -28579,7 +28579,7 @@ function wV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
   } = r, {
     navigateOnKeyUp: X,
     navigateOnKeyDown: _
-  } = p, j = (ne) => (ne || []).some((oe) => Fn(oe) ? !(oe.type === hm || oe.type === It && !j(oe.children)) : !0) ? ne : null, H = (ne) => {
+  } = p, j = (ne) => (ne || []).some((oe) => Fn(oe) ? !(oe.type === hm || oe.type === Et && !j(oe.children)) : !0) ? ne : null, H = (ne) => {
     var oe, Fe, He;
     return ((Fe = (oe = ne.column) == null ? void 0 : oe.editor) == null ? void 0 : Fe.type) === "switch" || ((He = ne.column) == null ? void 0 : He.dataType) === "boolean" ? {
       display: "flex",
@@ -28610,7 +28610,7 @@ function wV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     ne.stopPropagation(), oe.collapse = !oe.collapse, h.value = q(oe.collapse ? "collapse" : "expand", oe, h.value);
   }
   function we(ne, oe, Fe) {
-    var We, Et;
+    var We, Ot;
     const He = [];
     if (ne.groupField) {
       const gt = oe[ne.groupField], mt = ne.data[ne.groupField];
@@ -28639,7 +28639,7 @@ function wV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
           whiteSpace: "nowrap",
           paddingLeft: "4px"
         }
-      }, [e.group.customRender(ne)])) : (Et = e.group) != null && Et.customRender || (Fe === "primary" && mt && He.push(s("div", {
+      }, [e.group.customRender(ne)])) : (Ot = e.group) != null && Ot.customRender || (Fe === "primary" && mt && He.push(s("div", {
         ref: mt.setRef,
         key: T(ne, ne.layer + 1),
         style: {
@@ -28744,11 +28744,11 @@ function wV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     }, [ne.getEditor(ne)]) : ne.column.columnTemplate ? Ct(ne, oe) : ne.formatter ? le(ne, oe) : at(ne);
   }
   function de(ne, oe, Fe, He, We) {
-    const Et = Gm(ne, e.idField);
+    const Ot = Gm(ne, e.idField);
     return s("div", ge({
       ref: ne.setRef,
       key: P(ne)
-    }, Ym(e.id, Et), {
+    }, Ym(e.id, Ot), {
       class: R(ne, Fe),
       style: He,
       onClick: (gt) => $(gt, ne),
@@ -28763,7 +28763,7 @@ function wV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
       return s("div", ge({
         ref: gt.setRef,
         key: T(ne, gt.index)
-      }, Km(e.id, Et, gt.field), {
+      }, Km(e.id, Ot, gt.field), {
         class: D(gt, ne),
         style: k(ne, gt, oe),
         onClick: (Te) => {
@@ -28985,7 +28985,7 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
   }), {
     navigateOnKeyUp: _,
     navigateOnKeyDown: j
-  } = p, H = (oe) => (oe || []).some((Fe) => Fn(Fe) ? !(Fe.type === hm || Fe.type === It && !H(Fe.children)) : !0) ? oe : null, K = (oe) => {
+  } = p, H = (oe) => (oe || []).some((Fe) => Fn(Fe) ? !(Fe.type === hm || Fe.type === Et && !H(Fe.children)) : !0) ? oe : null, K = (oe) => {
     var Fe, He, We;
     return ((He = (Fe = oe.column) == null ? void 0 : Fe.editor) == null ? void 0 : He.type) === "switch" || ((We = oe.column) == null ? void 0 : We.dataType) === "boolean" ? {
       display: "flex",
@@ -29016,7 +29016,7 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     oe.stopPropagation(), Fe.collapse = !Fe.collapse, h.value = q(Fe.collapse ? "collapse" : "expand", Fe, h.value);
   }
   function ae(oe, Fe) {
-    var Et;
+    var Ot;
     const He = [];
     if (!oe.groupField)
       return He;
@@ -29035,7 +29035,7 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
         class: D(oe)
       }, null)]));
     }
-    if ((Et = e.group) != null && Et.customRender)
+    if ((Ot = e.group) != null && Ot.customRender)
       He.push(e.group.customRender(oe));
     else {
       const gt = oe.data[oe.groupField];
@@ -29069,8 +29069,8 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     return He;
   }
   function Z(oe, Fe, He) {
-    var Et;
-    oe.height = ((Et = e.rowOption) == null ? void 0 : Et.height) || 28, oe.raw.__fv_data_height__ = oe.height;
+    var Ot;
+    oe.height = ((Ot = e.rowOption) == null ? void 0 : Ot.height) || 28, oe.raw.__fv_data_height__ = oe.height;
     const We = (oe.layer + 1) * 18;
     return oe.layer > -1 && s("div", ge({
       ref: oe.setRef,
@@ -29098,11 +29098,11 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     const We = oe.data[oe.groupField];
     if (!We)
       return He;
-    const Et = !!Fe[oe.groupField], gt = e.displayType === "Card" ? {
+    const Ot = !!Fe[oe.groupField], gt = e.displayType === "Card" ? {
       flex: "1",
       minWidth: 0,
       lineHeight: "26px"
-    } : Et ? B(We, Fe, oe.layer) : {
+    } : Ot ? B(We, Fe, oe.layer) : {
       flex: "1",
       minWidth: 0,
       lineHeight: "26px"
@@ -29131,13 +29131,13 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
         justifyContent: "end",
         width: "100%"
       },
-      onClick: (Et) => W(Et, oe),
-      onMouseover: (Et) => z(Et, oe)
+      onClick: (Ot) => W(Ot, oe),
+      onMouseover: (Ot) => z(Ot, oe)
     }, [re(oe, Fe)]);
   }
   function xe(oe, Fe) {
-    var He, We, Et;
-    return oe.showTips && typeof ((He = oe.column) == null ? void 0 : He.formatter) != "function" && ((We = oe.column) == null ? void 0 : We.dataType) !== "commands" && ((Et = oe.column) == null ? void 0 : Et.dataType) !== "setting" ? s("div", {
+    var He, We, Ot;
+    return oe.showTips && typeof ((He = oe.column) == null ? void 0 : He.formatter) != "function" && ((We = oe.column) == null ? void 0 : We.dataType) !== "commands" && ((Ot = oe.column) == null ? void 0 : Ot.dataType) !== "setting" ? s("div", {
       class: L(oe),
       title: oe.formatter(oe, Fe)
     }, [oe.formatter(oe, Fe)]) : s("div", {
@@ -29148,9 +29148,9 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     return s("div", null, [Ee("******")]);
   }
   function Ct(oe) {
-    var We, Et;
+    var We, Ot;
     const Fe = !b(oe.data) && !C(oe.data) ? oe.data.toString() : oe.data;
-    return ((Et = (We = oe.column) == null ? void 0 : We.editor) == null ? void 0 : Et.showType) === "password" ? at() : oe.showTips ? s("div", {
+    return ((Ot = (We = oe.column) == null ? void 0 : We.editor) == null ? void 0 : Ot.showType) === "password" ? at() : oe.showTips ? s("div", {
       class: L(oe),
       title: Fe
     }, [Fe]) : s("div", {
@@ -29158,10 +29158,10 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
     }, [Fe]);
   }
   function vt(oe, Fe) {
-    const He = oe.column.columnTemplate(oe, Fe), We = Xm(oe.data, oe.column || {}), Et = oe.showTips && !b(We) && !C(We) ? We.toString() : void 0;
-    return Et !== void 0 ? s("div", {
+    const He = oe.column.columnTemplate(oe, Fe), We = Xm(oe.data, oe.column || {}), Ot = oe.showTips && !b(We) && !C(We) ? We.toString() : void 0;
+    return Ot !== void 0 ? s("div", {
       class: L(oe),
-      title: Et
+      title: Ot
     }, [He]) : s("div", {
       class: L(oe)
     }, [He]);
@@ -29171,7 +29171,7 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
       style: K(oe)
     }, [oe.getEditor(oe)]) : oe.column.columnTemplate ? vt(oe, Fe) : oe.formatter ? xe(oe, Fe) : Ct(oe);
   }
-  function ve(oe, Fe, He, We, Et, gt) {
+  function ve(oe, Fe, He, We, Ot, gt) {
     var Te;
     const mt = F(oe), fe = oe.height || ((Te = e.rowOption) == null ? void 0 : Te.height) || 28, ie = Gm(oe, e.idField);
     return s("div", ge({
@@ -29182,7 +29182,7 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
       style: {
         ...mt,
         position: We,
-        display: Et,
+        display: Ot,
         width: gt,
         minHeight: `${fe}px`,
         height: We === "static" ? void 0 : mt.height
@@ -29297,22 +29297,22 @@ function xV(e, n, t, a, o, i, l, r, c, f, p, u, d, m, h, g, y) {
       }
     }, [mt]) : mt]);
   }
-  function Le(oe, Fe, He, We, Et, gt) {
+  function Le(oe, Fe, He, We, Ot, gt) {
     const mt = [];
-    return We && gt.length > 0 && mt.push(ve(oe, Fe, He, "static", "flex", "100%")), Et && We.length > 0 && mt.push(he(oe, He, We)), mt;
+    return We && gt.length > 0 && mt.push(ve(oe, Fe, He, "static", "flex", "100%")), Ot && We.length > 0 && mt.push(he(oe, He, We)), mt;
   }
-  function ot(oe, Fe, He, We, Et, gt) {
-    return e.displayType === "Card" ? Le(oe, Fe, He, We, Et, gt) : ve(oe, Fe, He);
+  function ot(oe, Fe, He, We, Ot, gt) {
+    return e.displayType === "Card" ? Le(oe, Fe, He, We, Ot, gt) : ve(oe, Fe, He);
   }
   const Ie = [ot, Z, le];
   function tt(oe, Fe) {
     let He = T(oe);
-    return h.value.map((We, Et) => {
+    return h.value.map((We, Ot) => {
       var ie;
       const gt = ((ie = e.fieldsResolver) == null ? void 0 : ie.call(e, We.raw)) ?? null;
       let mt = gt || [];
       const fe = y.value.filter((Te) => Te.visible && Te.dataType !== Ia && Te.dataType !== Ma);
-      return gt || fe.length > 0 && (mt = fe.map((Te) => v(Te))), (!He || Object.keys(He).length === 0) && (He = T(mt)), Ie[We.type](We, He, Et, mt, gt, fe);
+      return gt || fe.length > 0 && (mt = fe.map((Te) => v(Te))), (!He || Object.keys(He).length === 0) && (He = T(mt)), Ie[We.type](We, He, Ot, mt, gt, fe);
     });
   }
   function ct() {
@@ -29458,7 +29458,7 @@ const yv = /* @__PURE__ */ be({
       "fv-grid-content-hover": T.value,
       "fv-grid-wrap-content": k.value,
       "fv-grid-scrollbar-visible": ve.shouldShowVirticalScrollbar.value && T.value
-    })), Et = V(() => {
+    })), Ot = V(() => {
       var Je, pt;
       const me = {}, Be = u.value && G.value;
       return !Be && ve.shouldShowHorizontalScrollbar.value && T.value && (me.paddingBottom = "10px"), !Be && ve.shouldShowVirticalScrollbar.value && T.value, u.value && (me.display = "block", G.value || Q.value ? (me.overflowX = "hidden", me.overflowY = "hidden", me.display = "flex", me.flexDirection = "column", me.flex = "1 1 auto", me.minHeight = "0", me.width = "100%", me.maxWidth = "100%", me.minWidth = "0", me.boxSizing = "border-box") : (((Je = t.columns) == null ? void 0 : Je.length) ?? 0) > 0 ? me.overflow = !w.value || w.value.length === 0 ? "hidden" : "auto" : (pt = t.columnOption) != null && pt.fitColumns && t.fit ? me.overflow = "visible" : me.overflow = !w.value || w.value.length === 0 ? "hidden" : "auto"), me;
@@ -29495,19 +29495,22 @@ const yv = /* @__PURE__ */ be({
       renderGroupPanel: qe
     } = jw(i, E, Fe, P, ve);
     let Qe = null, st = null;
-    function Ot() {
+    function It() {
       k.value && (st !== null && cancelAnimationFrame(st), st = requestAnimationFrame(() => {
         st = null;
         const me = w.value;
-        me.length && (Ge.recalculateRowHeights(me), w.value = [...me]);
+        me.length && Ge.recalculateRowHeights(me) && (w.value = [...me]);
       }));
     }
+    te(() => w.value.length, () => {
+      It();
+    });
     function Lt() {
       var Be;
       if (!y.value)
         return;
       const me = Math.ceil(y.value.clientHeight / p.value);
-      me > d.value && (d.value = me, tt()), Le.value = ((Be = v.value) == null ? void 0 : Be.clientHeight) || 0, he.value = y.value.clientWidth || 0, v.value && (ot.value = v.value.clientWidth), ht(), Ot();
+      me > d.value && (d.value = me, tt()), Le.value = ((Be = v.value) == null ? void 0 : Be.clientHeight) || 0, he.value = y.value.clientWidth || 0, v.value && (ot.value = v.value.clientWidth), ht(), It();
     }
     function bt() {
       Qe !== null && cancelAnimationFrame(Qe), Qe = requestAnimationFrame(() => {
@@ -29515,7 +29518,7 @@ const yv = /* @__PURE__ */ be({
       });
     }
     Xe(() => {
-      y.value && (d.value = Math.max(Math.ceil(y.value.clientHeight / p.value), d.value), w.value = le(0, U.value + f - 1), Jc(y.value, bt), ht(), Ot(), St(() => {
+      y.value && (d.value = Math.max(Math.ceil(y.value.clientHeight / p.value), d.value), w.value = le(0, U.value + f - 1), Jc(y.value, bt), ht(), It(), St(() => {
         y.value && (he.value = y.value.clientWidth), v.value && (ot.value = v.value.clientWidth, Le.value = v.value.clientHeight);
       })), I.value && M();
     }), Kt(() => {
@@ -29583,7 +29586,7 @@ const yv = /* @__PURE__ */ be({
           savedOffsetY: pt,
           resetScroll: Ie,
           scrollTo: ve.scrollTo
-        }), w.value.length || (W.value = []), de.value && R.value && z();
+        }), It(), w.value.length || (W.value = []), de.value && R.value && z();
       }
     }
     te(E.shouldGroupingData, (me, Be) => {
@@ -29813,7 +29816,7 @@ const yv = /* @__PURE__ */ be({
         width: 600
       }, {
         default: () => ei(Be),
-        footerTemplate: () => s(It, null, [s(wl, {
+        footerTemplate: () => s(Et, null, [s(wl, {
           id: pe(t.id, "row-edit-cancel").id,
           class: "mr-3",
           type: "secondary",
@@ -29882,7 +29885,7 @@ const yv = /* @__PURE__ */ be({
     }
     return () => {
       var me, Be;
-      return t.visible && s(It, null, [s("div", ge({
+      return t.visible && s(Et, null, [s("div", ge({
         ref: g
       }, Bt(t.id), {
         class: He.value,
@@ -29891,7 +29894,7 @@ const yv = /* @__PURE__ */ be({
       }), [y.value && qe(), y.value && !u.value && _e.value && m.value.length > 0 && ie(), y.value && (Ze.value === "top" || Ze.value === "both") && Ue(), s("div", {
         ref: y,
         class: We.value,
-        style: Et.value,
+        style: Ot.value,
         onMouseover: (Je) => {
           Je.stopPropagation(), S.value !== "always" && !T.value && !u.value && (T.value = !0);
         },
@@ -30272,7 +30275,7 @@ const cc = /* @__PURE__ */ be({
         });
       }), n.emit("mouseLeave");
     }
-    return () => s(It, null, [s("div", {
+    return () => s(Et, null, [s("div", {
       class: "f-datepicker-table-wrapper"
     }, [s("table", {
       class: "f-datepicker-table",
@@ -31547,7 +31550,7 @@ const is = /* @__PURE__ */ be({
       month: He.value.month || 1,
       displayTextOfMonth: m.value[He.value.month || "1"],
       displayTextOfYear: `${He.value.year}`
-    }), Et = x(Ft(We.value));
+    }), Ot = x(Ft(We.value));
     N.value = {
       year: (Sf = D.value) == null ? void 0 : Sf.year,
       month: (xf = D.value) == null ? void 0 : xf.month
@@ -31611,7 +31614,7 @@ const is = /* @__PURE__ */ be({
     }), te(() => e.enablePeriod, (Se, je) => {
       Se !== je && (p.value = Se);
     });
-    const Ot = V(() => (Se) => Se ? u.value !== "week" && !y.value && !b.value && !C.value : !g.value && !v.value && !C.value);
+    const It = V(() => (Se) => Se ? u.value !== "week" && !y.value && !b.value && !C.value : !g.value && !v.value && !C.value);
     function Lt() {
       return p.value && u.value !== "week" ? 575 : e.showTime && u.value !== "week" && e.inlineDateTime ? 487 : 287;
     }
@@ -31645,7 +31648,7 @@ const is = /* @__PURE__ */ be({
           displayTextOfMonth: m.value[We.value.month || "1"],
           displayTextOfYear: `${Re}`
         };
-        We.value = et, (g.value || Ot.value(!1)) && (N.value = {
+        We.value = et, (g.value || It.value(!1)) && (N.value = {
           ...N.value,
           year: et.year,
           month: et.month
@@ -31718,7 +31721,7 @@ const is = /* @__PURE__ */ be({
           displayTextOfMonth: m.value[We.value.month || "1"],
           displayTextOfYear: `${Re}`
         };
-        We.value = et, (g.value || Ot.value(!1)) && (N.value = {
+        We.value = et, (g.value || It.value(!1)) && (N.value = {
           ...N.value,
           year: et.year,
           month: et.month
@@ -31729,7 +31732,7 @@ const is = /* @__PURE__ */ be({
       C.value = !1, Se ? (y.value = !y.value, b.value = !1) : (g.value = !g.value, v.value = !1);
     }
     function Qn(Se) {
-      C.value = !1, Se ? (b.value = u.value === "year" ? !0 : !b.value, u.value === "month" ? y.value = !y.value : y.value = !1, b.value ? Te.value = Ft(ie.value) : ie.value = Ft(Te.value)) : (v.value = u.value === "year" ? !0 : !v.value, u.value === "month" ? g.value = !g.value : g.value = !1, v.value ? Et.value = Ft(We.value) : We.value = Ft(Et.value));
+      C.value = !1, Se ? (b.value = u.value === "year" ? !0 : !b.value, u.value === "month" ? y.value = !y.value : y.value = !1, b.value ? Te.value = Ft(ie.value) : ie.value = Ft(Te.value)) : (v.value = u.value === "year" ? !0 : !v.value, u.value === "month" ? g.value = !g.value : g.value = !1, v.value ? Ot.value = Ft(We.value) : We.value = Ft(Ot.value));
     }
     function sa() {
       if (Z.value) {
@@ -31984,7 +31987,7 @@ const is = /* @__PURE__ */ be({
         displayTextOfMonth: m.value[Se.month || "1"],
         year: Se.year || 1,
         displayTextOfYear: `${Se.year}`
-      }, Et.value = Ft(We.value), u.value === "month" ? p.value ? Xn(Se) : n.emit("datePicked", Se) : (g.value = !1, v.value = !1, N.value = Se, xa.value || Xn({
+      }, Ot.value = Ft(We.value), u.value === "month" ? p.value ? Xn(Se) : n.emit("datePicked", Se) : (g.value = !1, v.value = !1, N.value = Se, xa.value || Xn({
         ...Se
       })));
     }
@@ -32045,7 +32048,7 @@ const is = /* @__PURE__ */ be({
         displayTextOfMonth: We.value.displayTextOfMonth,
         year: Se.year || 1,
         displayTextOfYear: `${Se.year}`
-      }, Et.value = Ft(We.value), u.value === "year" ? p.value ? Xn(Se) : n.emit("datePicked", Se) : (g.value = !0, v.value = !1, N.value = Object.assign(N.value || {}, {
+      }, Ot.value = Ft(We.value), u.value === "year" ? p.value ? Xn(Se) : n.emit("datePicked", Se) : (g.value = !0, v.value = !1, N.value = Object.assign(N.value || {}, {
         year: We.value.year
       }), xa.value || Xn({
         year: We.value.year,
@@ -32435,7 +32438,7 @@ const is = /* @__PURE__ */ be({
     }, [s("div", {
       class: "f-datepicker-content",
       style: "width:287px"
-    }, [fo(uo.value, !1), Ot.value(!1) && Yo(Go.value, !1), g.value && Ko(Qi.value, !1), v.value && ei(Zi.value, !1), C.value && p.value && $a(!1)]), e.showTime && !p.value && e.inlineDateTime && s("div", {
+    }, [fo(uo.value, !1), It.value(!1) && Yo(Go.value, !1), g.value && Ko(Qi.value, !1), v.value && ei(Zi.value, !1), C.value && p.value && $a(!1)]), e.showTime && !p.value && e.inlineDateTime && s("div", {
       class: "f-datepicker-content position-relative datepicker-content-has-timer",
       style: "width:200px"
     }, [s("div", {
@@ -32456,10 +32459,10 @@ const is = /* @__PURE__ */ be({
     }, null)]), e.showTime && !p.value && !e.inlineDateTime && C.value && $a(!1), Zo.value && u.value !== "week" && s("div", {
       class: "f-datepicker-content f-datepicker-secondary",
       style: "width:287px"
-    }, [fo(co.value, !0), Ot.value(!0) && Yo(qi.value, !0), y.value && Ko(Xi.value, !0), b.value && ei(el.value, !0), C.value && $a(!0)]), mo.value && s("div", {
+    }, [fo(co.value, !0), It.value(!0) && Yo(qi.value, !0), y.value && Ko(Xi.value, !0), b.value && ei(el.value, !0), C.value && $a(!0)]), mo.value && s("div", {
       class: "f-datepicker-commitBtn-wrapper",
       style: "justify-content: end;"
-    }, [!p.value && Ot.value(!1) && s("button", ge(pe(e.id, "today"), {
+    }, [!p.value && It.value(!1) && s("button", ge(pe(e.id, "today"), {
       class: "btn btn-link f-datepicker-select-btn",
       style: ho.value(K()),
       onClick: Jo
@@ -32487,7 +32490,7 @@ const is = /* @__PURE__ */ be({
     })]), !p.value && !mo.value && s("div", {
       class: "f-datepicker-commitBtn-wrapper",
       style: "justify-content: center;"
-    }, [Ot.value(!1) && s("button", ge(pe(e.id, "today"), {
+    }, [It.value(!1) && s("button", ge(pe(e.id, "today"), {
       class: "btn btn-link",
       style: ho.value(K()),
       onClick: Jo
@@ -32921,7 +32924,7 @@ const is = /* @__PURE__ */ be({
         onClear: Ce
       }, null)])])]);
     }
-    return () => s(It, null, [t.splitSelection && re(), !t.splitSelection && s(It, null, [s("div", ge({
+    return () => s(Et, null, [t.splitSelection && re(), !t.splitSelection && s(Et, null, [s("div", ge({
       ref: v
     }, Bt(t.id), {
       class: $.value
@@ -38144,7 +38147,7 @@ const EN = {
       class: "f-filter-item-required text-danger"
     }, [Ee("*")]), s("span", {
       class: "f-filter-item-text"
-    }, [t.value.fieldName]), !t.value.value.isEmpty() && s(It, null, [s("span", {
+    }, [t.value.fieldName]), !t.value.value.isEmpty() && s(Et, null, [s("span", {
       class: "f-filter-item-tip"
     }, [Ee(":")]), s("span", {
       class: "f-filter-item-content",
@@ -38459,7 +38462,7 @@ const NN = /* @__PURE__ */ be({
       class: "f-filter-item-required text-danger"
     }, [Ee("*")]), s("span", {
       class: "f-filter-item-text"
-    }, [t.value.fieldName]), t.value.value.getDisplayText() && s(It, null, [s("span", {
+    }, [t.value.fieldName]), t.value.value.getDisplayText() && s(Et, null, [s("span", {
       class: "f-filter-item-tip"
     }, [Ee(":")]), s("span", {
       class: "f-filter-item-content"
@@ -39461,7 +39464,7 @@ function Dv(e, n) {
     const ie = ne(fe) - G.clientX, Te = oe(fe) - G.clientY;
     i.value.x1 = G.x1 + ie, i.value.y1 = G.y1 + Te, i.value.x2 = G.x2 + ie, i.value.y2 = G.y2 + Te;
   }
-  const { checkAspectRatio: Et } = oR(i, R, f, G);
+  const { checkAspectRatio: Ot } = oR(i, R, f, G);
   function gt(fe) {
     const ie = ne(fe) - G.clientX, Te = oe(fe) - G.clientY;
     switch (G.position) {
@@ -39494,7 +39497,7 @@ function Dv(e, n) {
         i.value.x1 = Math.min(G.clientX - rt / 2, i.value.x2 - z), i.value.y1 = Math.min(G.clientY - Tt / 2, i.value.y2 - N), i.value.x2 = Math.max(G.clientX + rt / 2, Oe + z), i.value.y2 = Math.max(G.clientY + Tt / 2, Ue + N);
         break;
     }
-    c.value && Et();
+    c.value && Ot();
   }
   function mt(fe) {
     G && G.active && (fe.stopPropagation && fe.stopPropagation(), fe.preventDefault && fe.preventDefault(), clearTimeout(F), F = setTimeout(() => {
@@ -40244,7 +40247,7 @@ function hR(e, n, t, a, o) {
     ...e,
     skipReadonlyCheck: !0
   }, n);
-  return () => s(It, null, [s("div", {
+  return () => s(Et, null, [s("div", {
     class: i.value,
     key: "append-button-" + y.value
   }, [g.value && v(), P()]), O()]);
@@ -40290,7 +40293,7 @@ const jd = /* @__PURE__ */ be({
       style: p.value,
       onMouseenter: g,
       onMouseleave: y
-    }), [O.value ? b() : F.value ? C() : s(It, null, [P(), T()]), !F.value && !O.value && m.value && k(), F.value && S(), F.value && w()]);
+    }), [O.value ? b() : F.value ? C() : s(Et, null, [P(), T()]), !F.value && !O.value && m.value && k(), F.value && S(), F.value && w()]);
     return () => I();
   }
 });
@@ -41752,7 +41755,7 @@ const h_ = {
     function S(T) {
       T.stopPropagation();
     }
-    return () => s(It, null, [o.value && s("div", {
+    return () => s(Et, null, [o.value && s("div", {
       ref: c,
       onClick: S,
       class: "farris-loading-backdrop loading-wait"
@@ -42665,7 +42668,7 @@ const oy = {
             }
         }
     }
-}`, Pp = (e) => s(It, null, [s("h5", {
+}`, Pp = (e) => s(Et, null, [s("h5", {
   style: "display: flex;justify-content: space-between;align-items: center;"
 }, [Ee("示例代码："), s("button", {
   class: "btn btn-link align-items-center d-flex",
@@ -46347,7 +46350,7 @@ const Ao = /* @__PURE__ */ be({
         return !1;
     }
     function X() {
-      return s(It, null, [$(), s("span", {
+      return s(Et, null, [$(), s("span", {
         class: "search-input-box"
       }, [s(f$, {
         placeholder: g.searchPlaceHolder,
@@ -46488,7 +46491,7 @@ const Ao = /* @__PURE__ */ be({
       } : {};
       return dn(ue, e.customStyle);
     }), Ge = V(() => t.value.length ? g.searchPlaceHolder : g.nofields);
-    return () => e.visible ? s(It, null, [s("div", {
+    return () => e.visible ? s(Et, null, [s("div", {
       class: Me.value,
       ref: p,
       style: Ae.value
@@ -47947,7 +47950,7 @@ const G$ = /* @__PURE__ */ be({
     }
     return n.expose({
       hidePopup: E
-    }), () => s(It, null, [s("div", {
+    }), () => s(Et, null, [s("div", {
       class: "d-flex flex-row align-items-center",
       style: "line-height:24px"
     }, [Yt(s("div", {
@@ -49628,7 +49631,7 @@ const Ej = /* @__PURE__ */ be({
     }), v = () => s(Mj, {
       style: y.value
     }, null);
-    return () => s(It, null, [s("div", {
+    return () => s(Et, null, [s("div", {
       class: e("content")
     }, [p(), m(), g(), v()])]);
   }
@@ -50273,7 +50276,7 @@ function Wj(e, n, t, a) {
       r.value = d.length;
     }
   }
-  return () => s(It, null, [s("textarea", {
+  return () => s(Et, null, [s("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
@@ -50399,7 +50402,7 @@ function Kj(e, n, t, a, o) {
     wordBreak: "keep-all",
     overflowWrap: "break-word"
   } : {});
-  return () => s(It, null, [s("div", {
+  return () => s(Et, null, [s("div", {
     class: "float-left modal-tips-iconwrap"
   }, [s("span", {
     class: l.value
@@ -53362,10 +53365,10 @@ const ms = /* @__PURE__ */ be({
       "position-relative": !0
     }));
     function R() {
-      return s(It, null, [w.value && M(), S.value && B(), k.value && P(), k.value && O(), T.value && E(), k.value && I(), k.value && F(), v.value && A()]);
+      return s(Et, null, [w.value && M(), S.value && B(), k.value && P(), k.value && O(), T.value && E(), k.value && I(), k.value && F(), v.value && A()]);
     }
     function $() {
-      return s(It, null, [s("li", {
+      return s(Et, null, [s("li", {
         class: "page-item d-flex flex-fill"
       }, null), k.value && P(), k.value && O(), A(), s("li", {
         class: "page-item page-separator",
@@ -53434,10 +53437,10 @@ const ms = /* @__PURE__ */ be({
       "justify-content": i.value === "center" ? "center" : "start"
     }));
     function W() {
-      return s(It, null, [T.value && E(), k.value && A(), O.value && F(), O.value && I(), P.value && L(), O.value && B(), O.value && M(), C.value && D()]);
+      return s(Et, null, [T.value && E(), k.value && A(), O.value && F(), O.value && I(), P.value && L(), O.value && B(), O.value && M(), C.value && D()]);
     }
     function z() {
-      return s(It, null, [s("li", {
+      return s(Et, null, [s("li", {
         class: "page-item d-flex flex-fill"
       }, null), O.value && F(), O.value && I(), D(), s("li", {
         class: "page-item page-separator",
@@ -54325,7 +54328,7 @@ const gs = /* @__PURE__ */ be({
       }, null) : p.value]);
     }
     function I() {
-      return s(It, null, [s("div", {
+      return s(Et, null, [s("div", {
         class: "f-progress-outer"
       }, [s("div", {
         class: "f-progress-inner"
@@ -55449,7 +55452,7 @@ const IW = {
               }), {
                 content: ({
                   openDialog: B
-                }) => s(It, null, [s("div", {
+                }) => s(Et, null, [s("div", {
                   class: "d-flex align-items-center lookup-icon-wrapper",
                   onClick: B
                 }, [s("span", {
@@ -55472,7 +55475,7 @@ const IW = {
             }), null)
           } : {},
           ...(T == null ? void 0 : T.type) === "lookup" ? {
-            content: () => s(It, null, null)
+            content: () => s(Et, null, null)
           } : {}
         });
       });
@@ -55948,7 +55951,7 @@ function _W(e, n, t) {
   const a = `<i class="f-icon f-icon-${n}"></i>`;
   t.value.insertText ? t.value.insertText(a) : t.value.setValue(a);
 }
-const $W = (e) => s(It, null, [s("h5", null, [Ee("按钮图标示例")]), s("ul", {
+const $W = (e) => s(Et, null, [s("h5", null, [Ee("按钮图标示例")]), s("ul", {
   class: "d-flex",
   style: "width: 200px; flex-wrap: wrap;align-items: center;height: 100px;"
 }, [RW.map((n) => s("li", {
@@ -56144,7 +56147,7 @@ const HW = {
     return Xe(() => {
     }), () => {
       var u, d, m, h;
-      return s(It, null, [c.value && s("div", ge(Bt(t.id), {
+      return s(Et, null, [c.value && s("div", ge(Bt(t.id), {
         class: o.value,
         style: "border-radius:0;border: 1px solid #E8EBF2;",
         onClick: p
@@ -56327,7 +56330,7 @@ const GW = {
       class: "f-radio-button"
     }), [s("div", {
       class: ["farris-input-wrap"]
-    }, [a.value.map((l, r) => s(It, null, [s("label", ge(pe(t.id, "option", l.value ?? l.id ?? l.text), {
+    }, [a.value.map((l, r) => s(Et, null, [s("label", ge(pe(t.id, "option", l.value ?? l.id ?? l.text), {
       class: l.active ? "btn btn-secondary active" : "btn btn-secondary",
       onClick: (c) => o(c, l)
     }), [s("span", {
@@ -57697,7 +57700,7 @@ const Nz = "search-box", Rz = "A Farris Component", _z = "object", $z = {
       p.length && (n.emit("confirmResult", p[0][e.textField]), n.emit("searchedValue", p));
     }
     function c(p) {
-      return o.default ? s(It, null, [o.default(p)]) : s("span", null, [p.item[e.textField]]);
+      return o.default ? s(Et, null, [o.default(p)]) : s("span", null, [p.item[e.textField]]);
     }
     const f = V(() => {
       const p = {};
@@ -59888,7 +59891,7 @@ function lU(e, n, t, a) {
     setTabsRef: l
   } = iU(e, n, t, a), r = x(e.showDropdown);
   function c() {
-    return r.value && s(It, null, [s("button", ge(pe(e.id, "more"), {
+    return r.value && s(Et, null, [s("button", ge(pe(e.id, "more"), {
       class: "btn dropdown-toggle-split dropdown-toggle",
       onClick: () => {
         o.value = !1;
@@ -62044,7 +62047,7 @@ const Ar = /* @__PURE__ */ be({
       var z, N, U, q;
       return u.value ? s("span", null, [(N = (z = n.slots).default) == null ? void 0 : N.call(z)]) : (q = (U = n.slots).default) == null ? void 0 : q.call(U);
     }
-    return () => n.slots.default ? s(It, {
+    return () => n.slots.default ? s(Et, {
       ref: t
     }, [W(), d.value && s(Aa, {
       to: "body"
@@ -62816,7 +62819,7 @@ const vs = /* @__PURE__ */ be({
       });
     }
     function y() {
-      return s(It, null, null);
+      return s(Et, null, null);
     }
     function v() {
       return s("div", {
@@ -63539,7 +63542,7 @@ const O5 = {
       class: "upload-progress-text"
     }, [a.value === "error" || a.value === "success" ? s("span", {
       class: ["upload-progress-text-icon f-icon", "f-icon-" + a.value]
-    }, null) : s(It, null, [i.value, Ee("%")])]) : ""]);
+    }, null) : s(Et, null, [i.value, Ee("%")])]) : ""]);
   }
 }), Pb = /* @__PURE__ */ be({
   name: "FPreviewCheckbox",
@@ -63612,7 +63615,7 @@ const O5 = {
     }), Kt(() => {
     }), n.expose({
       handleUploadEvent: f
-    }), () => s(It, null, [s("input", {
+    }), () => s(Et, null, [s("input", {
       ref: "uploadInput",
       type: "file",
       class: "ffileupload--browser",
@@ -65178,7 +65181,7 @@ const ws = /* @__PURE__ */ be({
         class: "m-0"
       }, [Ee("共"), s("span", {
         class: "count"
-      }, [g.value.length + y.value.length]), Ee("个附件"), b.value > 0 ? s(It, null, [Ee("(已选"), s("span", {
+      }, [g.value.length + y.value.length]), Ee("个附件"), b.value > 0 ? s(Et, null, [Ee("(已选"), s("span", {
         class: "count-selected"
       }, [b.value]), Ee("个)")]) : ""])]) : null;
     }
@@ -65739,7 +65742,7 @@ const dG = /* @__PURE__ */ be({
       class: S.value,
       style: T.value,
       ref: y
-    }, [p.value || r.value ? s(It, null, [l.value ? null : s("div", {
+    }, [p.value || r.value ? s(Et, null, [l.value ? null : s("div", {
       class: "uploadAndpreview--header"
     }, [D(), R(), $()]), s("div", {
       class: "uploadAndpreview--content"
@@ -67483,7 +67486,7 @@ const vl = /* @__PURE__ */ be({
       const O = {
         "f-utils-fill": !0
       };
-      return (I = (F = t.headerToolbar) == null ? void 0 : F.appearance) != null && I.class && (O[t.headerToolbar.appearance.class] = !0), t.headerTemplate && typeof t.headerTemplate == "function" ? t.headerTemplate() : n.slots.headerTemplate ? n.slots.headerTemplate() : s(It, null, [s("div", {
+      return (I = (F = t.headerToolbar) == null ? void 0 : F.appearance) != null && I.class && (O[t.headerToolbar.appearance.class] = !0), t.headerTemplate && typeof t.headerTemplate == "function" ? t.headerTemplate() : n.slots.headerTemplate ? n.slots.headerTemplate() : s(Et, null, [s("div", {
         class: "f-drawer-title",
         title: t.title
       }, [t.title]), t.headerToolbar && (t.headerToolbar.visible === void 0 || t.headerToolbar.visible) && s("div", {
@@ -68343,7 +68346,7 @@ const Oa = /* @__PURE__ */ be({
         class: "f-icon f-icon-lookup",
         onClick: I,
         style: "margin-top: 2px;margin-right: 5px;color: rgba(0, 0, 0, .25)"
-      }, null) : s(It, null, null);
+      }, null) : s(Et, null, null);
     }
     const B = () => {
       n.emit("update:modelValue", "");
@@ -76011,7 +76014,7 @@ const D9 = /* @__PURE__ */ be({
         [e.direction === "horizontal" ? "top" : "left"]: "50%",
         transform: e.direction === "horizontal" ? "translateY(-50%)" : "translateX(-50%)"
       }), E = e.direction === "horizontal" ? "horizontal" : "vertical";
-      return s(It, null, [s("button", {
+      return s(Et, null, [s("button", {
         class: `carousel-arrow carousel-arrow-prev ${E}`,
         onClick: p,
         type: "button",
@@ -78211,7 +78214,7 @@ const rJ = /* @__PURE__ */ be({
         }), O.value = r.value.map((Ie) => Ie.id), z(E.value), (Le = o.value) == null || Le.updateData(r.value);
       }
     }
-    return () => s(It, null, [s(Li, {
+    return () => s(Et, null, [s(Li, {
       customClass: "query-solution",
       id: pe(e.componentId, "setting-panel").id,
       modelValue: e.modelValue,
@@ -78222,7 +78225,7 @@ const rJ = /* @__PURE__ */ be({
         P.value = k, ee(P.value);
       }
     }, {
-      headerTemplate: () => s(It, null, [s("div", {
+      headerTemplate: () => s(Et, null, [s("div", {
         class: "f-drawer-title",
         title: ye.getLocaleValue("datagrid.settings.visible")
       }, [ye.getLocaleValue("datagrid.settings.visible")]), s(AF, {
@@ -79442,9 +79445,9 @@ function hJ(e, n, t, a, o) {
     const Pe = [], De = [], qe = [];
     for (; ft < Ze; ) {
       const Qe = Oe.slice(ft * Ue, (ft + 1) * Ue), st = y(v.value, Qe, n);
-      De[ft] = st.filter((Ot) => Ot.__fv_data_grid_group_row__).length, Pe.push(...st), ft++;
+      De[ft] = st.filter((It) => It.__fv_data_grid_group_row__).length, Pe.push(...st), ft++;
     }
-    return De.reduce((Qe, st, Ot) => (Qe = Qe + st, qe.push(Qe), Qe), 0), {
+    return De.reduce((Qe, st, It) => (Qe = Qe + st, qe.push(Qe), Qe), 0), {
       groupData: Pe,
       groupRowSizeList: De,
       accumulateGroupRowSize: qe
@@ -79452,31 +79455,31 @@ function hJ(e, n, t, a, o) {
   }
   function Ce() {
     var st;
-    W.value = C.value, H.value && (Y.value = W.value.length), b.value && !H.value && (W.value = y(v.value, C.value, n)), Q = G.value.reduce((Ot, Lt) => (Ot.set(Lt, 0), Ot), Q);
+    W.value = C.value, H.value && (Y.value = W.value.length), b.value && !H.value && (W.value = y(v.value, C.value, n)), Q = G.value.reduce((It, Lt) => (It.set(Lt, 0), It), Q);
     const Oe = 0, Ue = _(), Ze = (j.value - 1) * Ue;
     let Pe = Ze > W.value.length - 1 || K.value ? Oe : Ze, De = K.value ? W.value.length : Math.min(Pe + Ue, W.value.length);
     if (b.value && H.value) {
-      const { accumulateGroupRowSize: Ot, groupData: Lt, groupRowSizeList: bt } = se(C.value, Ue);
+      const { accumulateGroupRowSize: It, groupData: Lt, groupRowSizeList: bt } = se(C.value, Ue);
       W.value = Lt;
       const Dt = bt[j.value - 1];
-      Pe += j.value - 2 < 0 ? 0 : Ot[j.value - 2], De = Pe + Ue + Dt;
+      Pe += j.value - 2 < 0 ? 0 : It[j.value - 2], De = Pe + Ue + Dt;
     }
     let qe = 0;
     const Qe = [];
     if (W.value.length) {
       R(W.value);
-      const Ot = D.value !== e.idField;
+      const It = D.value !== e.idField;
       for (let Lt = Pe; Lt < De; Lt++) {
         const bt = W.value[Lt];
-        bt.__fv_data_grid_group_row__ || bt.__fv_data_grid_group_summary__ ? bt.__fv_data_index__ = "" : b.value && bt.__fv_original_data_index__ !== void 0 ? bt.__fv_data_index__ = bt.__fv_original_data_index__ + (j.value - 1) * Ue : (qe++, bt.__fv_data_index__ = qe + (j.value - 1) * Ue), bt.__fv_index__ = Lt - Pe, bt.__fv_visible_index__ = Lt - Pe, e.rowOption && e.rowOption.disabledField && (bt.__fv_disabled__ = bt[(st = e.rowOption) == null ? void 0 : st.disabledField]), Ot && (bt[D.value] = Lt), G.value.forEach((Dt) => {
+        bt.__fv_data_grid_group_row__ || bt.__fv_data_grid_group_summary__ ? bt.__fv_data_index__ = "" : b.value && bt.__fv_original_data_index__ !== void 0 ? bt.__fv_data_index__ = bt.__fv_original_data_index__ + (j.value - 1) * Ue : (qe++, bt.__fv_data_index__ = qe + (j.value - 1) * Ue), bt.__fv_index__ = Lt - Pe, bt.__fv_visible_index__ = Lt - Pe, e.rowOption && e.rowOption.disabledField && (bt.__fv_disabled__ = bt[(st = e.rowOption) == null ? void 0 : st.disabledField]), It && (bt[D.value] = Lt), G.value.forEach((Dt) => {
           const fn = Q.get(Dt) || 0;
           !bt.__fv_data_grid_group_row__ && !bt.__fv_data_grid_group_summary__ && Q.set(Dt, l([fn, Pt(bt, Dt) || 0]));
         }), Qe.push(bt);
       }
     }
-    return B.value && k(Qe), G.value.forEach((Ot) => {
-      const Lt = Q.get(Ot) || 0;
-      Q.set(Ot, r(Lt, 2));
+    return B.value && k(Qe), G.value.forEach((It) => {
+      const Lt = Q.get(It) || 0;
+      Q.set(It, r(Lt, 2));
     }), z.value = [...Qe], Qe;
   }
   const ce = x(Ce()), Me = V(() => (L.value, ce.value.filter((Oe) => B.value ? Oe.__fv_visible__ !== !1 && M(Oe) : Oe.__fv_visible__ !== !1)));
@@ -79491,8 +79494,8 @@ function hJ(e, n, t, a, o) {
     let ft = [];
     for (const Pe of Oe)
       Pe.__fv_data_grid_group_row__ || Pe.__fv_data_grid_group_summary__ ? (ft.length > 0 && (ft.sort((De, qe) => {
-        const Qe = [...Ue], st = Qe.shift(), Ot = Pt(De, st.field) === void 0 || Pt(De, st.field) === null ? "" : Pt(De, st.field), Lt = Pt(qe, st.field) === void 0 || Pt(qe, st.field) === null ? "" : Pt(qe, st.field);
-        let bt = st.compare(Ot, Lt);
+        const Qe = [...Ue], st = Qe.shift(), It = Pt(De, st.field) === void 0 || Pt(De, st.field) === null ? "" : Pt(De, st.field), Lt = Pt(qe, st.field) === void 0 || Pt(qe, st.field) === null ? "" : Pt(qe, st.field);
+        let bt = st.compare(It, Lt);
         for (; bt === 0 && Qe.length !== 0; ) {
           const Dt = Qe.shift();
           if (Dt) {
@@ -79503,8 +79506,8 @@ function hJ(e, n, t, a, o) {
         return bt;
       }), Ze.push(...ft), ft = []), Ze.push(Pe)) : ft.push(Pe);
     return ft.length > 0 && (ft.sort((Pe, De) => {
-      const qe = [...Ue], Qe = qe.shift(), st = Pt(Pe, Qe.field) === void 0 || Pt(Pe, Qe.field) === null ? "" : Pt(Pe, Qe.field), Ot = Pt(De, Qe.field) === void 0 || Pt(De, Qe.field) === null ? "" : Pt(De, Qe.field);
-      let Lt = Qe.compare(st, Ot);
+      const qe = [...Ue], Qe = qe.shift(), st = Pt(Pe, Qe.field) === void 0 || Pt(Pe, Qe.field) === null ? "" : Pt(Pe, Qe.field), It = Pt(De, Qe.field) === void 0 || Pt(De, Qe.field) === null ? "" : Pt(De, Qe.field);
+      let Lt = Qe.compare(st, It);
       for (; Lt === 0 && qe.length !== 0; ) {
         const bt = qe.shift();
         if (bt) {
@@ -79547,12 +79550,12 @@ function hJ(e, n, t, a, o) {
     let Pe = ft;
     ((bt = e.filter) == null ? void 0 : bt.mode) !== "server" && (Pe = ft.filter((Dt) => Dt.__fv_data_grid_group_row__ ? !0 : t.apply(Dt)), Pe = we(Pe));
     const De = Oe && Oe.length ? Oe : [], Qe = Ue && Ue.length > 0 ? ue(Pe, Ue) : Pe, st = _();
-    let Ot = 0;
+    let It = 0;
     for (const Dt of Qe)
       if (Dt.__fv_data_grid_group_row__) {
         const fn = `group_of_${Dt.__fv_data_grid_group_field__}_${Dt.__fv_data_grid_group_value__}`;
         Dt.__fv_data_grid_group_collapse__ = !!c.get(fn), Dt.__fv_data_index__ = "";
-      } else Dt.__fv_data_grid_group_summary__ ? Dt.__fv_data_index__ = "" : (Ot++, Dt.__fv_data_index__ = Ot + (j.value - 1) * st);
+      } else Dt.__fv_data_grid_group_summary__ ? Dt.__fv_data_index__ = "" : (It++, Dt.__fv_data_index__ = It + (j.value - 1) * st);
     let Lt = Qe;
     return De.length && (Lt = Qe.filter((Dt) => De.reduce((fn, Bn) => fn && Bn.filter(Dt), !0))), ce.value = Lt.map((Dt, fn) => {
       if (Dt.__fv_data_grid_group_row__) {
@@ -79680,7 +79683,7 @@ function hJ(e, n, t, a, o) {
     const Ue = Oe ? Oe - 1 : 0;
     C.value.splice(Ue, 1), Ie();
   }
-  function Et(Oe) {
+  function Ot(Oe) {
     const Ue = C.value.findIndex((Ze) => Ze[D.value] === Oe);
     Ue !== -1 && (C.value.splice(Ue, 1), Ie());
   }
@@ -79770,7 +79773,7 @@ function hJ(e, n, t, a, o) {
     refresh: mt,
     removeAllFilter: Ct,
     removeDataItem: We,
-    removeDataItemById: Et,
+    removeDataItemById: Ot,
     removeFilter: at,
     removeHierarchyDataItem: gt,
     removeSorter: le,
@@ -80788,8 +80791,8 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
         if ($.value.has(Qe))
           qe += $.value.get(Qe) || c.value;
         else if ($.value.size > 0) {
-          const Ot = Array.from($.value.values()).reduce((Lt, bt) => Lt + bt, 0) / $.value.size;
-          qe += Ot;
+          const It = Array.from($.value.values()).reduce((Lt, bt) => Lt + bt, 0) / $.value.size;
+          qe += It;
         } else
           qe += c.value;
       return qe;
@@ -80825,8 +80828,8 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
         if ($.value.has(Qe))
           De += $.value.get(Qe) || c.value;
         else if ($.value.size > 0) {
-          const Ot = Array.from($.value.values()).reduce((Lt, bt) => Lt + bt, 0) / $.value.size;
-          De += Ot;
+          const It = Array.from($.value.values()).reduce((Lt, bt) => Lt + bt, 0) / $.value.size;
+          De += It;
         } else
           De += c.value;
         if (De > Pe)
@@ -80840,9 +80843,9 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
   }
   function _(Pe, De, qe) {
     let Qe = Pe, st = De;
-    const Ot = De - Pe + 1;
-    if (Ot < l + i.value + l) {
-      const Lt = l + i.value + l - Ot, bt = De + Lt <= qe, Dt = 0 + Lt <= Pe;
+    const It = De - Pe + 1;
+    if (It < l + i.value + l) {
+      const Lt = l + i.value + l - It, bt = De + Lt <= qe, Dt = 0 + Lt <= Pe;
       if (bt)
         st += Lt, P = st;
       else if (Dt)
@@ -80860,7 +80863,7 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
       t.value = [];
       return;
     }
-    const qe = Math.max(k - l, 0), Qe = De[De.length - 1].__fv_visible_index__, st = Math.min(P + l, Qe), { actualStart: Ot, actualEnd: Lt } = _(qe, st, Qe), bt = De[Ot - 1], Dt = g(Ot, Lt, bt, Pe);
+    const qe = Math.max(k - l, 0), Qe = De[De.length - 1].__fv_visible_index__, st = Math.min(P + l, Qe), { actualStart: It, actualEnd: Lt } = _(qe, st, Qe), bt = De[It - 1], Dt = g(It, Lt, bt, Pe);
     t.value = Dt.length ? [...Dt] : [];
   }
   const H = V(() => z() > F.value && !f.value), K = V(() => e.autoExpandWidth ? !1 : Math.floor(b.value) > I.value && !f.value);
@@ -80924,12 +80927,12 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
     transform: `translateY(${S.value}px)`
   })), le = V(() => {
     var Dt, fn, Bn;
-    const Pe = ae(), De = (Dt = e.columnOption) == null ? void 0 : Dt.fitColumns, qe = De === !0 || typeof De == "object" && De !== null && De.enable === !0, Qe = f.value && qe && e.fit, st = f.value && e.displayType === "Card" && !((fn = e.columns) != null && fn.length), Ot = f.value && e.displayType === "Card" && (((Bn = e.columns) == null ? void 0 : Bn.length) ?? 0) > 0 && qe && e.fit, Lt = Qe || st, bt = {
+    const Pe = ae(), De = (Dt = e.columnOption) == null ? void 0 : Dt.fitColumns, qe = De === !0 || typeof De == "object" && De !== null && De.enable === !0, Qe = f.value && qe && e.fit, st = f.value && e.displayType === "Card" && !((fn = e.columns) != null && fn.length), It = f.value && e.displayType === "Card" && (((Bn = e.columns) == null ? void 0 : Bn.length) ?? 0) > 0 && qe && e.fit, Lt = Qe || st, bt = {
       height: f.value ? "100%" : `${Pe}px`,
       width: Lt ? "100%" : `${b.value}px`,
       transform: f.value ? "translate(0px, 0px)" : `translate(${T.value}px, ${S.value}px)`
     };
-    return f.value && (bt.overflow = "visible"), st && (bt.maxWidth = "100%", bt.minWidth = "0", bt.boxSizing = "border-box", bt.overflowX = "hidden", bt.overflowY = "visible"), Ot && (bt.maxWidth = "100%", bt.minWidth = "0", bt.boxSizing = "border-box", bt.overflowX = "hidden"), bt;
+    return f.value && (bt.overflow = "visible"), st && (bt.maxWidth = "100%", bt.minWidth = "0", bt.boxSizing = "border-box", bt.overflowX = "hidden", bt.overflowY = "visible"), It && (bt.maxWidth = "100%", bt.minWidth = "0", bt.boxSizing = "border-box", bt.overflowX = "hidden"), bt;
   }), xe = V(() => ({
     transform: `translate(${T.value}px, ${S.value}px)`
   })), at = V(() => ({
@@ -80974,39 +80977,39 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
   function He(Pe) {
     const De = Pe instanceof MouseEvent ? Pe.pageX : Pe.touches[0].pageX;
     if (ht.value && oe.value !== -1) {
-      const qe = oe.value - De, Qe = Math.max(O.value - U.value, 0), st = Math.max(b.value - I.value, 0), Ot = dm({
+      const qe = oe.value - De, Qe = Math.max(O.value - U.value, 0), st = Math.max(b.value - I.value, 0), It = dm({
         mouseOffset: qe,
         trackTravel: Qe,
         contentTravel: st
       });
-      Ot !== 0 && ce(Ot), oe.value = De;
+      It !== 0 && ce(It), oe.value = De;
     }
   }
   function We(Pe) {
     if (ht.value && ne.value !== -1) {
       const De = ne.value - Pe.pageY, qe = z(), Qe = qe - N.value, st = F.value - N.value;
       if (st !== 0 && Math.abs(De) <= Qe) {
-        const Ot = De / st * (qe - F.value);
-        Ce(Ot), ne.value = Pe.pageY;
+        const It = De / st * (qe - F.value);
+        Ce(It), ne.value = Pe.pageY;
       }
     }
   }
-  function Et(Pe) {
+  function Ot(Pe) {
     const { pageX: De } = Pe.touches[0];
     if (ht.value && oe.value !== -1) {
-      const qe = oe.value - De, Qe = Math.max(O.value - U.value, 0), st = Math.max(b.value - I.value, 0), Ot = dm({
+      const qe = oe.value - De, Qe = Math.max(O.value - U.value, 0), st = Math.max(b.value - I.value, 0), It = dm({
         mouseOffset: qe,
         trackTravel: Qe,
         contentTravel: st
       });
-      Ot !== 0 && ce(Ot), oe.value = De;
+      It !== 0 && ce(It), oe.value = De;
     }
   }
   function gt(Pe) {
     const { pageX: De, pageY: qe } = Pe.touches[0];
     if (ht.value && ne.value !== -1) {
-      const Qe = ne.value - qe, st = z(), Ot = st - N.value, Lt = F.value - N.value;
-      if (Lt !== 0 && Math.abs(Qe) <= Ot) {
+      const Qe = ne.value - qe, st = z(), It = st - N.value, Lt = F.value - N.value;
+      if (Lt !== 0 && Math.abs(Qe) <= It) {
         const bt = Qe / Lt * (st - F.value);
         Ce(bt), ne.value = qe;
       }
@@ -81025,17 +81028,17 @@ function wJ(e, n, t, a, o, i, l, r, c, f, p, u) {
     Qe && (Qe.style.opacity = "1", Fe.value = Qe);
     const st = qe === "horizontal" ? He : Ff(We, 50);
     A || (A = st);
-    const { pageX: Ot } = Pe, { pageY: Lt } = Pe;
+    const { pageX: It } = Pe, { pageY: Lt } = Pe;
     qe === "vertical" && (ne.value = Pe.pageY), qe === "horizontal" && (oe.value = Pe.pageX), De.value && (De.value, document.addEventListener("mousemove", A), document.addEventListener("mouseup", mt), document.body.style.userSelect = "none");
   }
   function Te(Pe) {
     const { pageX: De, pageY: qe } = Pe.touches[0], Qe = Math.abs(De - oe.value), st = Math.abs(qe - ne.value);
-    st > Qe && st > 5 ? (D || (D = Ff(gt, 50)), document.addEventListener("touchmove", D), document.removeEventListener("touchmove", Te)) : Qe > st && Qe > 5 && (L || (L = Et), document.addEventListener("touchmove", L), document.removeEventListener("touchmove", Te)), oe.value = De, ne.value = qe;
+    st > Qe && st > 5 ? (D || (D = Ff(gt, 50)), document.addEventListener("touchmove", D), document.removeEventListener("touchmove", Te)) : Qe > st && Qe > 5 && (L || (L = Ot), document.addEventListener("touchmove", L), document.removeEventListener("touchmove", Te)), oe.value = De, ne.value = qe;
   }
   function _e(Pe, De) {
-    var Ot;
+    var It;
     p == null || p.onClickOutOfCell(Pe), ht.value = !0;
-    const qe = (Ot = Pe.target) == null ? void 0 : Ot.parentElement;
+    const qe = (It = Pe.target) == null ? void 0 : It.parentElement;
     qe && (qe.style.opacity = "1", Fe.value = qe);
     const { pageX: Qe, pageY: st } = Pe.touches[0];
     oe.value = Qe, ne.value = st, De.value && (De.value, document.addEventListener("touchmove", Te), document.addEventListener("touchend", fe), document.body.style.userSelect = "none");