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

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

@@ -1,5 +1,5 @@
-import { useCommonUtils as Et, resolveField as _n, useLocatorProps as Gn, getCustomClass as Mn, locatorAttrs as Nn, locatorChild as lt, withInstall as jn } from "../common/index.esm.js";
-import { ref as de, computed as le, reactive as st, watch as Ne, createVNode as f, mergeProps as we, isVNode as gt, Comment as It, Fragment as dt, createTextVNode as it, defineComponent as Dt, onMounted as An, nextTick as Hn, onUnmounted as Rn, provide as zn, getCurrentInstance as Ln } from "vue";
+import { useCommonUtils as Et, resolveField as _n, useLocatorProps as Gn, getCustomClass as Mn, locatorAttrs as Nn, locatorChild as ut, withInstall as jn } from "../common/index.esm.js";
+import { ref as de, computed as le, reactive as dt, watch as Ie, createVNode as f, mergeProps as we, isVNode as yt, Comment as It, Fragment as ct, createTextVNode as it, defineComponent as Dt, onMounted as An, nextTick as Hn, onUnmounted as Rn, provide as zn, getCurrentInstance as Ln } from "vue";
 import { useResizeObserver as Wn } from "@vueuse/core";
 import { isPlainObject as kt, cloneDeep as Bt } from "lodash-es";
 import { locatorGridGroup as Vt, locatorGridRowId as _t, locatorGridRow as Gt, locatorGridCell as Mt, locatorChild as Nt, SETTING_COLUMN_FIELD as $n, COMMAND_COLUMN_FIELD as Un, resolveEnumDisplayText as jt, CellMode as At, SETTING_COLUMN_DATA_TYPE as Ye, COMMAND_COLUMN_DATA_TYPE as qe, useScreen as Yn, useIdentify as qn, useGroupData as Xn, useFilter as Jn, useHierarchy as Qn, useLoading as Zn, useDataView as Kn, usePagination as eo, useSelection as to, useDataViewContainerStyle as no, useCommandColumn as oo, useSettingColumn as ro, useColumn as io, useSort as ao, useGroupColumn as lo, useRow as uo, useEdit as so, useVisualDataBound as co, useVisualDataCell as fo, useVisualDataRow as mo, useVisualGroupRow as po, useVisualSummaryRow as vo, useVisualData as go, useCellContentStyle as yo, useCellPosition as bo, useSidebar as Co, useVirtualScroll as ho, useFitColumn as So, useFilterHistory as wo, useColumnFilter as Fo, useDragColumn as To, resolvePreviewFixedColumns as xo, getColumnHeader as Oo, getPagination as ko, getSidebar as Bo, getDisableMask as Po, getSummary as Eo, getHorizontalScrollbar as Io, getVerticalScrollbar as Do, getFilterPanel as Vo, getGroupPanel as _o, useAdapt as Go, useNavigation as Mo, getEmpty as No, ColumnSettingSolution as jo, refreshScrollAfterDataSourceLoad as Ao, applyReassignRowData as Ho } from "../data-view/index.esm.js";
@@ -918,7 +918,7 @@ const Gr = {
   /** 双击表头列是否自适应内容宽度。 */
   resizeColumnOnDoubleClick: { type: Boolean, default: !0 }
 };
-function ut(e) {
+function st(e) {
   const n = e == null ? void 0 : e.fitColumns;
   return n === !0 || typeof n == "object" && n !== null && "enable" in n && n.enable === !0;
 }
@@ -1289,7 +1289,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   } = Q, {
     navigateOnKeyUp: fe,
     navigateOnKeyDown: je
-  } = B, Xe = (r) => (r || []).some((t) => gt(t) ? !(t.type === It || t.type === dt && !Xe(t.children)) : !0) ? r : null, ue = (r) => {
+  } = B, Xe = (r) => (r || []).some((t) => yt(t) ? !(t.type === It || t.type === ct && !Xe(t.children)) : !0) ? r : null, ue = (r) => {
     var t, a, l;
     return ((a = (t = r.column) == null ? void 0 : t.editor) == null ? void 0 : a.type) === "switch" || ((l = r.column) == null ? void 0 : l.dataType) === "boolean" ? {
       display: "flex",
@@ -1300,12 +1300,12 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       flexGrow: "1",
       minWidth: 0
     };
-  }, me = st({
+  }, me = dt({
     "fv-grid-content-left-fixed": !0
-  }), Se = st({
+  }), Se = dt({
     "fv-grid-content-right-fixed": !0
   });
-  Ne([L, O], (r) => {
+  Ie([L, O], (r) => {
     !r[0] && !r[1].length ? (me["fv-grid-content-left-fixed"] = !1, Se["fv-grid-content-right-fixed"] = !1) : (me["fv-grid-content-left-fixed"] = !0, Se["fv-grid-content-right-fixed"] = !0);
   });
   const {
@@ -1319,7 +1319,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   function ke(r, t) {
     r.stopPropagation(), t.collapse = !t.collapse, v.value = xe(t.collapse ? "collapse" : "expand", t, v.value);
   }
-  function Ie(r, t, a) {
+  function De(r, t, a) {
     var p, V;
     const l = [];
     if (r.groupField) {
@@ -1392,7 +1392,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       style: $(r),
       onClick: (p) => oe(p, r),
       onMouseover: (p) => J(p, r)
-    }), [Ie(r, t, l)]);
+    }), [De(r, t, l)]);
   }
   function Ze(r, t) {
     const a = [];
@@ -1429,7 +1429,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   function Re() {
     return f("div", null, [it("******")]);
   }
-  function De(r) {
+  function Ve(r) {
     var l, p;
     const t = !h(r.data) && !G(r.data) ? r.data.toString() : r.data;
     return ((p = (l = r.column) == null ? void 0 : l.editor) == null ? void 0 : p.showType) === "password" ? Re() : r.showTips ? f("div", {
@@ -1451,7 +1451,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   function Ke(r, t) {
     return r.mode === At.editing ? f("div", {
       style: ue(r)
-    }, [r.getEditor(r)]) : r.column.columnTemplate ? Pe(r, t) : r.formatter ? He(r, t) : De(r);
+    }, [r.getEditor(r)]) : r.column.columnTemplate ? Pe(r, t) : r.formatter ? He(r, t) : Ve(r);
   }
   function et(r, t, a, l, p) {
     const V = _t(r, e.idField);
@@ -1499,7 +1499,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   }
   function ze(r, t) {
     var l;
-    const a = (l = r.column) != null && l.columnTemplate ? Pe(r, t) : r.formatter ? He(r, t) : De(r);
+    const a = (l = r.column) != null && l.columnTemplate ? Pe(r, t) : r.formatter ? He(r, t) : Ve(r);
     return f("div", {
       class: k(r),
       style: s(r)
@@ -1540,7 +1540,7 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       style: Je.value
     }, [Ce(ae.value.primaryColumns.filter((r) => r.visible))])]);
   }
-  function Ve() {
+  function _e() {
     return f("div", {
       ref: b,
       class: Se
@@ -1552,12 +1552,12 @@ function Lr(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       style: Ae.value
     }, [Ce(ae.value.rightColumns.filter((r) => r.visible))])]);
   }
-  function _e() {
+  function Ge() {
     const r = [];
-    return he.value && r.push(ve()), r.push(nt()), se.value && r.push(Ve()), r;
+    return he.value && r.push(ve()), r.push(nt()), se.value && r.push(_e()), r;
   }
   return {
-    renderDataArea: _e
+    renderDataArea: Ge
   };
 }
 const Wr = /* @__PURE__ */ Dt({
@@ -1688,14 +1688,14 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
     hasRightFixedColumn: se
   } = Q, fe = le(() => {
     var a;
-    if (e.displayType !== "Card" || (((a = e.columns) == null ? void 0 : a.length) ?? 0) === 0 || e.fit && ut(e.columnOption))
+    if (e.displayType !== "Card" || (((a = e.columns) == null ? void 0 : a.length) ?? 0) === 0 || e.fit && st(e.columnOption))
       return;
     const t = ae.value.primaryColumnsWidth || 0;
     return t > 0 ? `${t}px` : void 0;
   }), {
     navigateOnKeyUp: je,
     navigateOnKeyDown: Xe
-  } = B, ue = (t) => (t || []).some((a) => gt(a) ? !(a.type === It || a.type === dt && !ue(a.children)) : !0) ? t : null, me = (t) => {
+  } = B, ue = (t) => (t || []).some((a) => yt(a) ? !(a.type === It || a.type === ct && !ue(a.children)) : !0) ? t : null, me = (t) => {
     var a, l, p;
     return ((l = (a = t.column) == null ? void 0 : a.editor) == null ? void 0 : l.type) === "switch" || ((p = t.column) == null ? void 0 : p.dataType) === "boolean" ? {
       display: "flex",
@@ -1706,12 +1706,12 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       flexGrow: "1",
       minWidth: 0
     };
-  }, Se = st({
+  }, Se = dt({
     "fv-grid-content-left-fixed": !0
-  }), ye = st({
+  }), ye = dt({
     "fv-grid-content-right-fixed": !0
   });
-  Ne([O, te], (t) => {
+  Ie([O, te], (t) => {
     !t[0] && !t[1].length ? (Se["fv-grid-content-left-fixed"] = !1, ye["fv-grid-content-right-fixed"] = !1) : (Se["fv-grid-content-left-fixed"] = !0, ye["fv-grid-content-right-fixed"] = !0);
   });
   const {
@@ -1722,7 +1722,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
     rightFixedGridDataStyle: Ae,
     rightFixedGridMergedDataStyle: ke
   } = C;
-  function Ie(t, a) {
+  function De(t, a) {
     t.stopPropagation(), a.collapse = !a.collapse, v.value = xe(a.collapse ? "collapse" : "expand", a, v.value);
   }
   function Qe(t, a) {
@@ -1740,7 +1740,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
           zIndex: 10
         }
       }, P ? Nt(e.id, "group", t.groupField, t.groupValue, "expand") : {}, {
-        onClick: (H) => Ie(H, t)
+        onClick: (H) => De(H, t)
       }), [f("span", {
         class: A(t)
       }, null)]));
@@ -1854,13 +1854,13 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       class: U(t)
     }, [t.formatter(t, a)]);
   }
-  function De() {
+  function Ve() {
     return f("div", null, [it("******")]);
   }
   function Pe(t) {
     var p, V;
     const a = !G(t.data) && !L(t.data) ? t.data.toString() : t.data;
-    return ((V = (p = t.column) == null ? void 0 : p.editor) == null ? void 0 : V.showType) === "password" ? De() : t.showTips ? f("div", {
+    return ((V = (p = t.column) == null ? void 0 : p.editor) == null ? void 0 : V.showType) === "password" ? Ve() : t.showTips ? f("div", {
       class: U(t),
       title: a
     }, [a]) : f("div", {
@@ -1901,8 +1901,8 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       onMouseover: (R) => ge(R, t),
       onMouseout: (R) => Fe(R, t)
     }), [Object.values(t.data).filter((R) => a[R.field] && R.rowSpan === 1).map((R) => {
-      var at, ot, Ge;
-      const ct = n.slots.cellTemplate && ue(n.slots.cellTemplate({
+      var at, ot, Me;
+      const ft = n.slots.cellTemplate && ue(n.slots.cellTemplate({
         cell: R,
         row: t
       })), pe = ne(t, R, a);
@@ -1922,7 +1922,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       }), [f("div", {
         class: s(R),
         style: X(R)
-      }, [ct ? (Ge = (ot = n.slots).cellTemplate) == null ? void 0 : Ge.call(ot, {
+      }, [ft ? (Me = (ot = n.slots).cellTemplate) == null ? void 0 : Me.call(ot, {
         cell: R,
         row: t
       }) : et(R, t)])]);
@@ -1938,7 +1938,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   }
   function Ee(t, a, l) {
     var H, ee;
-    const p = t.height || ((H = e.rowOption) == null ? void 0 : H.height) || 28, w = e.displayType === "Card" && (((ee = e.columns) == null ? void 0 : ee.length) ?? 0) > 0 && !(e.fit && ut(e.columnOption)), P = f(Wr, {
+    const p = t.height || ((H = e.rowOption) == null ? void 0 : H.height) || 28, w = e.displayType === "Card" && (((ee = e.columns) == null ? void 0 : ee.length) ?? 0) > 0 && !(e.fit && st(e.columnOption)), P = f(Wr, {
       columns: c.value,
       fields: l,
       mainTitle: e.cardMainTitle,
@@ -1990,7 +1990,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
           ...fe.value ? {
             minWidth: fe.value
           } : {},
-          ...ut(e.columnOption) && e.fit ? {
+          ...st(e.columnOption) && e.fit ? {
             maxWidth: "100%"
           } : {}
         } : {}
@@ -2025,7 +2025,7 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       return w || H.length > 0 && (P = H.map((E) => h(E))), (!l || Object.keys(l).length === 0) && (l = j(P)), ve[p.type](p, l, V, P, w, H);
     });
   }
-  function Ve() {
+  function _e() {
     var a;
     if (e.displayType !== "Card")
       return;
@@ -2045,11 +2045,11 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
       overflow: "visible"
     };
   }
-  function _e() {
+  function Ge() {
     return f("div", {
       ref: o,
       class: "fv-grid-content-primary",
-      style: Ve()
+      style: _e()
     }, [f("div", {
       class: "fv-grid-data",
       style: Je.value
@@ -2057,14 +2057,14 @@ function $r(e, n, o, u, b, y, z, Q, N, F, B, d, S, C, v, g, c) {
   }
   function r() {
     const t = [];
-    return t.push(_e()), t;
+    return t.push(Ge()), t;
   }
   return {
     renderDataArea: r
   };
 }
 function Ur(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !gt(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !yt(e);
 }
 const Yr = /* @__PURE__ */ Dt({
   name: "FDataGrid",
@@ -2093,7 +2093,7 @@ const Yr = /* @__PURE__ */ Dt({
       return o.displayType === "Card" && (((i = o.columns) == null ? void 0 : i.length) ?? 0) === 0;
     }), he = le(() => {
       var i;
-      return o.displayType === "Card" && (((i = o.columns) == null ? void 0 : i.length) ?? 0) > 0 && !!o.fit && ut(o.columnOption);
+      return o.displayType === "Card" && (((i = o.columns) == null ? void 0 : i.length) ?? 0) > 0 && !!o.fit && st(o.columnOption);
     });
     le(() => {
       const i = xe.value;
@@ -2141,9 +2141,9 @@ const Yr = /* @__PURE__ */ Dt({
       updateColumnRenderContext: Je
     } = ue;
     Se(s, me);
-    const Oe = lo(y, ye), be = uo(y, b, A, v), re = so(y, b, v, be, O), Ae = co(y, s, B), ke = fo(y, re, Ae), Ie = mo(y, s, re, I, v, Ae, ke, B), Qe = po(y, v, ke, Ie), Ze = vo(y, v, ke, Ie), Be = go(y, C, s, Te, F, Ie, Qe, Ze), {
+    const Oe = lo(y, ye), be = uo(y, b, A, v), re = so(y, b, v, be, O), Ae = co(y, s, B), ke = fo(y, re, Ae), De = mo(y, s, re, I, v, Ae, ke, B), Qe = po(y, v, ke, De), Ze = vo(y, v, ke, De), Be = go(y, C, s, Te, F, De, Qe, Ze), {
       getVisualData: He
-    } = Be, Re = yo(ye), De = bo(y, ye, B, d), Pe = Co(y, A), {
+    } = Be, Re = yo(ye), Ve = bo(y, ye, B, d), Pe = Co(y, A), {
       sidebarWidth: Ke,
       showSidebarCheckBox: et
     } = Pe, Y = ho(y, s, O, ye, Be, Te, F, Ke, B, d, re, j), {
@@ -2153,9 +2153,9 @@ const Yr = /* @__PURE__ */ Dt({
       viewPortWidth: Ce,
       resetScroll: ve,
       updateVisibleRowsOnLatestVisibleScope: nt
-    } = Y, Ve = So(y, ye, c, Ce, Oe), {
-      calculateColumnsSize: _e
-    } = Ve, r = wo(), t = Fo(c, L, s, r, Y), a = To(y, b, ue, s, Oe, ne, Y), l = le(() => {
+    } = Y, _e = So(y, ye, c, Ce, Oe), {
+      calculateColumnsSize: Ge
+    } = _e, r = wo(), t = Fo(c, L, s, r, Y), a = To(y, b, ue, s, Oe, ne, Y), l = le(() => {
       const i = {
         "fv-grid": !0,
         "fv-grid-bordered": o.showBorder,
@@ -2186,15 +2186,15 @@ const Yr = /* @__PURE__ */ Dt({
       renderGridHeader: ee,
       renderGridColumnResizeOverlay: E,
       shouldShowHeader: R
-    } = Oo(y, b, c, G, L, ue, s, a, t, $, r, Ve, Oe, A, Pe, me, Y, Ce, O, N, H), {
-      renderDataGridPagination: ct
+    } = Oo(y, b, c, G, L, ue, s, a, t, $, r, _e, Oe, A, Pe, me, Y, Ce, O, N, H), {
+      renderDataGridPagination: ft
     } = ko(y, b, s, Y, X, A), {
       renderDataGridSidebar: pe
     } = Bo(y, be, A, Pe, Y), {
       renderDisableMask: at
     } = Po(), {
       renderDataGridSummary: ot,
-      summaryPosition: Ge
+      summaryPosition: Me
     } = Eo(y, s, ue), {
       renderHorizontalScrollbar: rt
     } = Io(y, c, Y), {
@@ -2205,19 +2205,22 @@ const Yr = /* @__PURE__ */ Dt({
       renderGroupPanel: Wt
     } = _o(y, s, a, ne, Y);
     let Le = null, We = null;
-    function yt() {
+    function lt() {
       D.value && (We !== null && cancelAnimationFrame(We), We = requestAnimationFrame(() => {
         We = null;
         const i = O.value;
-        i.length && (Ae.recalculateRowHeights(i), O.value = [...i]);
+        i.length && Ae.recalculateRowHeights(i) && (O.value = [...i]);
       }));
     }
+    Ie(() => O.value.length, () => {
+      lt();
+    });
     function $t() {
       var m;
       if (!c.value)
         return;
       const i = Math.ceil(c.value.clientHeight / B.value);
-      i > S.value && (S.value = i, nt()), ze.value = ((m = h.value) == null ? void 0 : m.clientHeight) || 0, Ee.value = c.value.clientWidth || 0, h.value && (Ce.value = h.value.clientWidth), _e(), yt();
+      i > S.value && (S.value = i, nt()), ze.value = ((m = h.value) == null ? void 0 : m.clientHeight) || 0, Ee.value = c.value.clientWidth || 0, h.value && (Ce.value = h.value.clientWidth), Ge(), lt();
     }
     function Ut() {
       Le !== null && cancelAnimationFrame(Le), Le = requestAnimationFrame(() => {
@@ -2225,7 +2228,7 @@ const Yr = /* @__PURE__ */ Dt({
       });
     }
     An(() => {
-      c.value && (S.value = Math.max(Math.ceil(c.value.clientHeight / B.value), S.value), O.value = He(0, Te.value + F - 1), Wn(c.value, Ut), _e(), yt(), Hn(() => {
+      c.value && (S.value = Math.max(Math.ceil(c.value.clientHeight / B.value), S.value), O.value = He(0, Te.value + F - 1), Wn(c.value, Ut), Ge(), lt(), Hn(() => {
         c.value && (Ee.value = c.value.clientWidth), h.value && (Ce.value = h.value.clientWidth, ze.value = h.value.clientHeight);
       })), Z.value && T();
     }), Rn(() => {
@@ -2266,23 +2269,23 @@ const Yr = /* @__PURE__ */ Dt({
         });
       });
     }
-    Ne(() => o.editable, () => {
+    Ie(() => o.editable, () => {
       bt(C.value);
-    }), Ne([() => o.mergeCell, () => o.mergeFields, () => o.mergeCellRule], () => {
+    }), Ie([() => o.mergeCell, () => o.mergeFields, () => o.mergeCellRule], () => {
       ve();
     }, {
       deep: !0
     });
     function $e(i) {
-      i && (C.value = i, fe(C), bt(C.value), o.showSetting && je(C), Je(C.value), Se(s, me), _e());
+      i && (C.value = i, fe(C), bt(C.value), o.showSetting && je(C), Je(C.value), Se(s, me), Ge());
     }
     function en() {
       A.emptyCurrentRowId();
     }
-    Ne(() => o.showSetting, (i, m) => {
+    Ie(() => o.showSetting, (i, m) => {
       i !== m && (i ? je(C) : Xe(C), $e(C.value));
     });
-    function ft(i) {
+    function mt(i) {
       X.updatePagination(i);
     }
     function Ct(i, m) {
@@ -2293,26 +2296,26 @@ const Yr = /* @__PURE__ */ Dt({
           savedOffsetY: _,
           resetScroll: ve,
           scrollTo: Y.scrollTo
-        }), O.value.length || (J.value = []), et.value && ce.value && ge();
+        }), lt(), O.value.length || (J.value = []), et.value && ce.value && ge();
       }
     }
-    Ne(s.shouldGroupingData, (i, m) => {
+    Ie(s.shouldGroupingData, (i, m) => {
       i !== m && (s.updateDataView(), ve());
-    }), Ne(() => o.columns, (i) => {
+    }), Ie(() => o.columns, (i) => {
       if (o.showSetting && o.enableColumnSettingSolution) {
         $e(C.value);
         return;
       }
       $e(i);
     });
-    function mt(i) {
+    function pt(i) {
       be.activeRowById(i);
     }
-    const tn = Go(A, s, $, C, X, v, ue, me, $e, Ct, ft);
+    const tn = Go(A, s, $, C, X, v, ue, me, $e, Ct, mt);
     function nn(i, m = {
       isCurrent: !0
     }) {
-      m != null && m.isCurrent && mt(i), A.selectItemById(i);
+      m != null && m.isCurrent && pt(i), A.selectItemById(i);
     }
     function on(i) {
       const m = v.idField.value, x = O.value.find((_) => _.raw[m] === i);
@@ -2356,7 +2359,7 @@ const Yr = /* @__PURE__ */ Dt({
     function mn(i, m = {
       clearCurrent: !0
     }) {
-      m != null && m.clearCurrent && mt(""), A.unSelectItemByIds(i);
+      m != null && m.clearCurrent && pt(""), A.unSelectItemByIds(i);
     }
     function ht() {
       A.clearSelection();
@@ -2374,7 +2377,7 @@ const Yr = /* @__PURE__ */ Dt({
       Y.scrollRowIntoView(i);
     }
     function bn() {
-      A.keepSelectingOnPaging.value || ht(), s.updateVisibleDataSummary(O.value), ft({
+      A.keepSelectingOnPaging.value || ht(), s.updateVisibleDataSummary(O.value), mt({
         total: s.dataView.value.length,
         index: 1
       });
@@ -2406,8 +2409,8 @@ const Yr = /* @__PURE__ */ Dt({
       }
       return -1;
     }
-    const pt = {
-      activeRowById: mt,
+    const vt = {
+      activeRowById: pt,
       selectRowById: rn,
       addNewDataItem: Yt,
       addNewDataItemAtLast: qt,
@@ -2420,7 +2423,7 @@ const Yr = /* @__PURE__ */ Dt({
       selectItemByIds: an,
       updateColumns: $e,
       updateDataSource: Ct,
-      updatePagination: ft,
+      updatePagination: mt,
       getVisibleData: ln,
       getVisibleDataByIds: un,
       getSelectedItems: dn,
@@ -2443,12 +2446,12 @@ const Yr = /* @__PURE__ */ Dt({
       forceUpdate: wn,
       getDataIndexById: Fn
     };
-    n.expose(pt);
-    const St = Mo(y, b, pt, ue, re, O), {
+    n.expose(vt);
+    const St = Mo(y, b, vt, ue, re, O), {
       renderDataArea: Tn
-    } = Lr(o, b, h, G, L, Re, De, ue, re, ne, St, be, Be, Y, O, s), {
+    } = Lr(o, b, h, G, L, Re, Ve, ue, re, ne, St, be, Be, Y, O, s), {
       renderDataArea: xn
-    } = $r(o, b, h, G, L, Re, De, ue, re, ne, St, be, Be, Y, O, s, C), vt = le(() => !O.value || !O.value.length), {
+    } = $r(o, b, h, G, L, Re, Ve, ue, re, ne, St, be, Be, Y, O, s, C), gt = le(() => !O.value || !O.value.length), {
       renderEmpty: wt
     } = No(y, b), On = le(() => ({
       "d-flex": !0,
@@ -2466,10 +2469,10 @@ const Yr = /* @__PURE__ */ Dt({
       useColumnComposition: ue,
       dataView: s,
       useFilterComposition: $,
-      useFitColumnComposition: Ve,
+      useFitColumnComposition: _e,
       useSortComposition: me,
       useVirtualScrollComposition: Y,
-      dataGridComponentInstance: pt
+      dataGridComponentInstance: vt
     });
     function Pn(i) {
       let m;
@@ -2498,12 +2501,12 @@ const Yr = /* @__PURE__ */ Dt({
     function En(i, m) {
       const x = {}, _ = {}, q = [], K = [], M = {};
       Object.keys(m.data).filter((ie) => {
-        var W, Me;
-        return ((W = m.data[ie].column) == null ? void 0 : W.dataType) !== qe && ((Me = m.data[ie].column) == null ? void 0 : Me.dataType) !== Ye;
+        var W, Ne;
+        return ((W = m.data[ie].column) == null ? void 0 : W.dataType) !== qe && ((Ne = m.data[ie].column) == null ? void 0 : Ne.dataType) !== Ye;
       }).forEach((ie) => {
-        var Me, Ue, Ot;
+        var Ne, Ue, Ot;
         const W = m.data[ie];
-        x[ie] = W.data, re.endEditByCell(W), _[ie] = W.data, q.push(W.column), K.push(W), M[ie] = (Ot = (Ue = (Me = W.column) == null ? void 0 : Me.editor) == null ? void 0 : Ue.context) == null ? void 0 : Ot.editor;
+        x[ie] = W.data, re.endEditByCell(W), _[ie] = W.data, q.push(W.column), K.push(W), M[ie] = (Ot = (Ue = (Ne = W.column) == null ? void 0 : Ne.editor) == null ? void 0 : Ue.context) == null ? void 0 : Ot.editor;
       }), n.emit("endEditRow", {
         row: m,
         cells: K,
@@ -2516,15 +2519,15 @@ const Yr = /* @__PURE__ */ Dt({
     function In() {
       const i = A.currentSelectedDataId.value, m = O.value.find((x) => x.raw[o.idField] === i);
       return m ? f(Wo, {
-        id: lt(o.id, "row-edit").id,
+        id: ut(o.id, "row-edit").id,
         showHeader: !1,
         modelValue: re.showRowEditPanel.value,
         "onUpdate:modelValue": (x) => re.showRowEditPanel.value = x,
         width: 600
       }, {
         default: () => Pn(m),
-        footerTemplate: () => f(dt, null, [f(Pt, {
-          id: lt(o.id, "row-edit-cancel").id,
+        footerTemplate: () => f(ct, null, [f(Pt, {
+          id: ut(o.id, "row-edit-cancel").id,
           class: "mr-3",
           type: "secondary",
           onClick: (x) => {
@@ -2533,7 +2536,7 @@ const Yr = /* @__PURE__ */ Dt({
         }, {
           default: () => [it("取消")]
         }), f(Pt, {
-          id: lt(o.id, "row-edit-ok").id,
+          id: ut(o.id, "row-edit-ok").id,
           onClick: (x) => {
             En(x, m);
           }
@@ -2556,7 +2559,7 @@ const Yr = /* @__PURE__ */ Dt({
       } : {
         width: "max-content",
         minWidth: "100%"
-      }, m = R.value && C.value.length > 0 ? ee() : null, x = Ft(), _ = vt.value ? wt() : null, q = ae.value || he.value, K = (((M = O.value) == null ? void 0 : M.length) ?? 0) > 0 ? "auto" : "visible";
+      }, m = R.value && C.value.length > 0 ? ee() : null, x = Ft(), _ = gt.value ? wt() : null, q = ae.value || he.value, K = (((M = O.value) == null ? void 0 : M.length) ?? 0) > 0 ? "auto" : "visible";
       return q ? f("div", {
         style: {
           ...i,
@@ -2586,19 +2589,19 @@ const Yr = /* @__PURE__ */ Dt({
       }), Q = _.filter((M) => M.dataType === qe || M.dataType === Ye);
       const q = _.filter((M) => M.dataType !== qe && M.dataType !== Ye), K = q.filter((M) => x.includes(M.id));
       z = q.filter((M) => !x.includes(M.id)), K.sort((M, ie) => {
-        const W = i.findIndex((Ue) => Ue.id === M.id), Me = i.findIndex((Ue) => Ue.id === ie.id);
-        return W - Me;
+        const W = i.findIndex((Ue) => Ue.id === M.id), Ne = i.findIndex((Ue) => Ue.id === ie.id);
+        return W - Ne;
       }), m === void 0 ? Oe.applyHeaderGroups(void 0) : Oe.applyHeaderGroups(m), $e(K);
     }
     return () => {
       var i, m;
-      return o.visible && f(dt, null, [f("div", we({
+      return o.visible && f(ct, null, [f("div", we({
         ref: g
       }, Nn(o.id), {
         class: l.value,
         style: xe.value,
         onWheel: tt
-      }), [c.value && Wt(), c.value && !d.value && R.value && C.value.length > 0 && ee(), c.value && (Ge.value === "top" || Ge.value === "both") && ot(), f("div", {
+      }), [c.value && Wt(), c.value && !d.value && R.value && C.value.length > 0 && ee(), c.value && (Me.value === "top" || Me.value === "both") && ot(), f("div", {
         ref: c,
         class: p.value,
         style: V.value,
@@ -2608,12 +2611,12 @@ const Yr = /* @__PURE__ */ Dt({
         onMouseleave: (x) => {
           x.stopPropagation(), te.value !== "always" && j.value && !d.value && (j.value = !1);
         }
-      }, [c.value && d.value ? Dn() : [c.value && !d.value && pe(O), c.value && Ft(), c.value && vt.value && !d.value && wt()], c.value && rt(), c.value && !vt.value && Lt()]), c.value && (Ge.value === "bottom" || Ge.value === "both") && !d.value && ot(), (U.value || oe.value) && !d.value && f("div", {
+      }, [c.value && d.value ? Dn() : [c.value && !d.value && pe(O), c.value && Ft(), c.value && gt.value && !d.value && wt()], c.value && rt(), c.value && !gt.value && Lt()]), c.value && (Me.value === "bottom" || Me.value === "both") && !d.value && ot(), (U.value || oe.value) && !d.value && f("div", {
         class: On.value,
         style: kn.value
       }, [oe.value && f("div", {
         class: Bn.value
-      }, [f("div", lt(o.id, "selection-info"), ["已选：" + J.value.length, it(" 条")])]), U.value && ct()]), E(), Fe.value && at()]), u() && In(), o.enableColumnSettingSolution && f(jo, {
+      }, [f("div", ut(o.id, "selection-info"), ["已选：" + J.value.length, it(" 条")])]), U.value && ft()]), E(), Fe.value && at()]), u() && In(), o.enableColumnSettingSolution && f(jo, {
         ref: w,
         columns: [...C.value, ...z],
         componentId: o.id,
@@ -2643,7 +2646,7 @@ export {
   ii as filterOptions,
   ri as groupOptions,
   ai as headerOptions,
-  ut as isFitColumnsEnabled,
+  st as isFitColumnsEnabled,
   fi as loadingOptions,
   Gr as paginationOptions,
   li as rowNumberOptions,