@vtable-guild/vtable-guild 2.4.0 → 2.5.0

package/dist/table/src/components/Table.mjs

@@ -1,41 +1,43 @@
-import { defineComponent as Et, inject as Rt, computed as n, provide as de, ref as E, onMounted as It, onBeforeUnmount as Tt, watch as j, createVNode as a, Fragment as Lt, isVNode as Ht } from "vue";
+import { defineComponent as Lt, inject as Bt, computed as n, provide as me, ref as I, onMounted as Nt, onBeforeUnmount as Ft, watch as S, createVNode as a, Fragment as Ot, isVNode as Pt } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import { prefixVtgClassNames as R } from "../../../core/src/utils/classPrefix.mjs";
-import { mergeThemeConfigs as C, useTheme as Nt } from "../../../core/src/composables/useTheme.mjs";
-import { mergeDeep as I } from "../../../core/src/utils/mergeDeep.mjs";
-import ie from "../../../core/src/components/Scrollbar.mjs";
-import { VTABLE_GUILD_INJECTION_KEY as se } from "../../../core/src/plugin/index.mjs";
-import { resolveTooltipThemePreset as Bt, resolveScrollbarThemePreset as Ot, resolveRadioThemePreset as Pt, resolveInputThemePreset as zt, resolveCheckboxThemePreset as At, resolveButtonThemePreset as Ft, resolveTableThemePreset as Kt, resolveTableLocalePreset as Wt, resolveBuiltInTableLocale as _t } from "../../../theme/src/presets/index.mjs";
-import { getEllipsisConfig as kt } from "../utils/cell.mjs";
-import { useScroll as jt } from "../composables/useScroll.mjs";
-import { useExpand as Mt } from "../composables/useExpand.mjs";
-import { useResize as Vt } from "../composables/useResize.mjs";
-import { useVirtual as Ut } from "../composables/useVirtual.mjs";
-import { useTreeData as Gt } from "../composables/useTreeData.mjs";
-import { useHoverState as Yt } from "../composables/useHoverState.mjs";
-import { TABLE_CONTEXT_KEY as Xt } from "../context.mjs";
-import { EXPAND_COLUMN as $t, SELECTION_COLUMN as Jt } from "../constants.mjs";
-import { resolveTablePresetConfig as qt } from "../preset-config.mjs";
-import ue from "./TableHeader.mjs";
-import ce from "./TableBody.mjs";
-import Qt from "./VirtualTableBody.mjs";
-import fe from "./TableLoading.mjs";
-import T from "./ColGroup.mjs";
-import { antdvTableTheme as Zt } from "../../../theme/src/presets/antdv/table.mjs";
-import { useColumns as pe } from "../composables/useColumns.mjs";
-import { useSorter as el } from "../composables/useSorter.mjs";
-import { useFilter as tl } from "../composables/useFilter.mjs";
-import { useSelection as ll } from "../composables/useSelection.mjs";
-import { cn as L } from "tailwind-variants";
-function me(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !Ht(l);
+import { prefixVtgClassNames as T } from "../../../core/src/utils/classPrefix.mjs";
+import { mergeThemeConfigs as C, useTheme as zt } from "../../../core/src/composables/useTheme.mjs";
+import { mergeDeep as H } from "../../../core/src/utils/mergeDeep.mjs";
+import pe from "../../../core/src/components/Scrollbar.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as ve } from "../../../core/src/plugin/index.mjs";
+import { resolveTooltipThemePreset as At, resolveScrollbarThemePreset as Kt, resolveRadioThemePreset as Wt, resolveInputThemePreset as kt, resolveCheckboxThemePreset as _t, resolveButtonThemePreset as Mt, resolveTableThemePreset as jt, resolveTableLocalePreset as Vt, resolveBuiltInTableLocale as Ut } from "../../../theme/src/presets/index.mjs";
+import { getEllipsisConfig as Gt } from "../utils/cell.mjs";
+import { useScroll as Yt } from "../composables/useScroll.mjs";
+import { useColumnMetrics as Xt } from "../composables/useColumnMetrics.mjs";
+import { resolveFixedColumnRanges as $t } from "../composables/useColumnWindow.mjs";
+import { useExpand as Jt } from "../composables/useExpand.mjs";
+import { useResize as qt } from "../composables/useResize.mjs";
+import { useVirtual as Qt } from "../composables/useVirtual.mjs";
+import { useTreeData as Zt } from "../composables/useTreeData.mjs";
+import { useHoverState as el } from "../composables/useHoverState.mjs";
+import { TABLE_CONTEXT_KEY as tl } from "../context.mjs";
+import { EXPAND_COLUMN as ll, SELECTION_COLUMN as ol } from "../constants.mjs";
+import { resolveTablePresetConfig as nl } from "../preset-config.mjs";
+import we from "./TableHeader.mjs";
+import ye from "./TableBody.mjs";
+import al from "./VirtualTableBody.mjs";
+import he from "./TableLoading.mjs";
+import L from "./ColGroup.mjs";
+import { antdvTableTheme as rl } from "../../../theme/src/presets/antdv/table.mjs";
+import { useColumns as xe } from "../composables/useColumns.mjs";
+import { useSorter as dl } from "../composables/useSorter.mjs";
+import { useFilter as il } from "../composables/useFilter.mjs";
+import { useSelection as sl } from "../composables/useSelection.mjs";
+import { cn as B } from "tailwind-variants";
+function Ce(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !Pt(l);
 }
-const ol = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function we() {
+const ul = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function ge() {
   if (typeof window > "u")
     return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
   const l = window.innerWidth, d = /* @__PURE__ */ new Set();
-  return ol.forEach(([i, r]) => {
+  return ul.forEach(([i, r]) => {
     if (i === "xs") {
       l < 576 && d.add("xs");
       return;
@@ -43,28 +45,28 @@ function we() {
     l >= r && d.add(i);
   }), d;
 }
-function ye(l, d) {
+function Se(l, d) {
   return l.reduce((i, r) => {
     if (typeof r == "symbol")
       return i.push(r), i;
     if (r.responsive?.length && !r.responsive.some((w) => d.has(w)))
       return i;
-    const m = r.fixed === !0 ? "left" : r.fixed;
+    const v = r.fixed === !0 ? "left" : r.fixed;
     if ("children" in r && Array.isArray(r.children)) {
-      const w = ye(r.children, d);
+      const w = Se(r.children, d);
       return w.length === 0 || i.push({
         ...r,
-        fixed: m,
+        fixed: v,
         children: w
       }), i;
     }
-    return i.push(m === r.fixed ? r : {
+    return i.push(v === r.fixed ? r : {
       ...r,
-      fixed: m
+      fixed: v
     }), i;
   }, []);
 }
-const Ol = /* @__PURE__ */ Et({
+const Ml = /* @__PURE__ */ Lt({
   name: "VTable",
   props: {
     dataSource: {
@@ -187,6 +189,36 @@ const Ol = /* @__PURE__ */ Et({
       type: Boolean,
       default: !1
     },
+    /**
+     * 固定行高（px），仅在 `virtual` 下生效。
+     *
+     * 声明后表格进入**定高快路径**：跳过全部行高测量，可视区计算恒为 O(1)，
+     * 挂载与滚动不再随总行数增长。前提是每行实际高度确实等于该值——
+     * 若行内有换行文本、`ellipsis: false` 的长内容或自定义高度渲染，请**不要**传，
+     * 交给默认的实测路径。dev 构建会实测首行并在不符时告警。
+     */
+    rowHeight: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * 横向虚拟化：只渲染视口内的列，仅在 `virtual` 下生效，默认关闭。
+     *
+     * 开启后可见单元格数从「行 × 总列数」降到「行 × 可视列数」。列数很多
+     * （百列量级）时这是唯一能真正降低耗时的手段——`TableCell` 的组件实例数
+     * 就是宽表的瓶颈本身。列数不多时收益为零，还多一次表头测量，所以默认关闭。
+     *
+     * 以下情况会被忽略（dev 构建给出告警），表体回落到渲染全部列：
+     * - 未开启 `virtual`
+     * - 列上有 `customCell` / `customRender`（可能返回 colSpan / rowSpan，
+     *   单元格合并会破坏列宽不变量，虚拟模式本就不支持）
+     * - 固定列没有分别待在两端
+     * - `showHeader: false` 且存在非数字列宽（没有表头可量，也算不出来）
+     */
+    virtualColumn: {
+      type: Boolean,
+      default: !1
+    },
     childrenColumnName: {
       type: String,
       default: void 0
@@ -225,21 +257,21 @@ const Ol = /* @__PURE__ */ Et({
     slots: d,
     emit: i
   }) {
-    const r = Rt(se, null), m = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), x = n(() => r?.classPrefix ?? "vtg"), ve = n(() => {
-      const t = r?.theme ?? {}, o = m.value;
+    const r = Bt(ve, null), v = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), x = n(() => r?.classPrefix ?? "vtg"), be = n(() => {
+      const t = r?.theme ?? {}, o = v.value;
       return {
         ...t,
-        button: C(Ft(o), t.button),
-        checkbox: C(At(o), t.checkbox),
-        input: C(zt(o), t.input),
-        radio: C(Pt(o), t.radio),
-        scrollbar: C(Ot(o), t.scrollbar),
-        tooltip: C(Bt(o), t.tooltip)
+        button: C(Mt(o), t.button),
+        checkbox: C(_t(o), t.checkbox),
+        input: C(kt(o), t.input),
+        radio: C(Wt(o), t.radio),
+        scrollbar: C(Kt(o), t.scrollbar),
+        tooltip: C(At(o), t.tooltip)
       };
     });
-    de(se, {
+    me(ve, {
       get themePreset() {
-        return m.value;
+        return v.value;
       },
       get cssMode() {
         return w.value;
@@ -248,7 +280,7 @@ const Ol = /* @__PURE__ */ Et({
         return x.value;
       },
       get theme() {
-        return ve.value;
+        return be.value;
       },
       get locale() {
         return r?.locale ?? "zh-CN";
@@ -260,176 +292,178 @@ const Ol = /* @__PURE__ */ Et({
         return r?.localeOverrides ?? {};
       }
     });
-    const he = n(() => Kt(m.value) ?? Zt), {
+    const De = n(() => jt(v.value) ?? rl), {
       slots: e
-    } = Nt("table", he, l), H = n(() => l.locale ?? r?.locale ?? "zh-CN"), xe = n(() => ({
+    } = zt("table", De, l), N = n(() => l.locale ?? r?.locale ?? "zh-CN"), Re = n(() => ({
       ...r?.locales ?? {},
       ...l.locales ?? {}
-    })), Ce = n(() => {
-      const t = Wt(m.value), o = _t(m.value, H.value), u = xe.value[H.value]?.table, s = I(I(t, o), u);
-      return I(s, I(r?.localeOverrides?.table ?? {}, l.localeOverrides));
-    }), M = E(we());
-    function N() {
-      M.value = we();
+    })), Ee = n(() => {
+      const t = Vt(v.value), o = Ut(v.value, N.value), u = Re.value[N.value]?.table, s = H(H(t, o), u);
+      return H(s, H(r?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), V = I(ge());
+    function F() {
+      V.value = ge();
     }
-    It(() => {
-      N(), window.addEventListener("resize", N);
-    }), Tt(() => {
-      window.removeEventListener("resize", N);
+    Nt(() => {
+      F(), window.addEventListener("resize", F);
+    }), Ft(() => {
+      window.removeEventListener("resize", F);
     });
-    const V = n(() => ye(l.columns, M.value)), g = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
-      leafColumns: b
-    } = pe(() => V.value), {
-      getSortOrder: B,
-      toggleSortOrder: Se,
-      sortData: ge,
-      sorterState: be,
-      sorterResult: U,
-      sortColumns: De
-    } = el({
-      columns: () => b.value,
+    const U = n(() => Se(l.columns, V.value)), b = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+      leafColumns: D
+    } = xe(() => U.value), {
+      getSortOrder: O,
+      toggleSortOrder: Ie,
+      sortData: Te,
+      sorterState: He,
+      sorterResult: G,
+      sortColumns: Le
+    } = dl({
+      columns: () => D.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
-        const o = P();
-        i("change", O(), t, {
+        const o = z();
+        i("change", P(), t, {
           action: "sort",
           currentDataSource: o
         });
       }
     }), {
-      getFilteredValue: Ee,
-      confirmFilter: Re,
-      resetFilter: Ie,
-      getAllFilters: O,
-      filterData: Te
-    } = tl({
-      columns: () => b.value,
+      getFilteredValue: Be,
+      confirmFilter: Ne,
+      resetFilter: Fe,
+      getAllFilters: P,
+      filterData: Oe
+    } = il({
+      columns: () => D.value,
       onFilterChange(t) {
-        const o = P();
-        i("change", t, U.value, {
+        const o = z();
+        i("change", t, G.value, {
           action: "filter",
           currentDataSource: o
         });
       }
     });
-    function P() {
+    function z() {
       let t = l.dataSource;
-      return t = Te(t), t = ge(t), t;
+      return t = Oe(t), t = Te(t), t;
     }
-    const z = n(() => P());
-    function D(t, o) {
+    const A = n(() => z());
+    function R(t, o) {
       return typeof l.rowKey == "function" ? l.rowKey(t) : typeof l.rowKey == "string" && l.rowKey in t ? t[l.rowKey] : o;
     }
     const {
-      flattenData: G,
-      rowMetaMap: Y,
-      isTreeData: A,
-      toggleTreeExpand: Le,
-      isTreeExpanded: He,
-      indentSize: Ne
-    } = Gt({
-      data: () => z.value,
+      flattenData: Y,
+      rowMetaMap: X,
+      isTreeData: K,
+      toggleTreeExpand: Pe,
+      isTreeExpanded: ze,
+      indentSize: Ae
+    } = Zt({
+      data: () => A.value,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: D,
+      getRowKey: R,
       defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
       expandedRowKeys: () => l.expandedRowKeys,
       defaultExpandAllRows: () => l.defaultExpandAllRows,
       onExpand: l.onExpand,
       onExpandedRowsChange: l.onExpandedRowsChange
     }), {
-      hoverRange: Be,
-      setHoverRange: Oe,
-      clearHoverRange: Pe
-    } = Yt(100), v = n(() => A.value ? G.value.map((t) => t.record) : z.value), {
-      isSelected: ze,
-      isDisabled: Ae,
-      getSelectionState: Fe,
-      toggleRow: Ke,
-      toggleAll: We,
-      allCheckedState: _e,
-      invertSelection: ke,
-      clearSelection: je,
-      getChangeableRowKeys: Me
-    } = ll({
+      hoverRange: Ke,
+      setHoverRange: We,
+      clearHoverRange: ke
+    } = el(100), y = n(() => K.value ? Y.value.map((t) => t.record) : A.value), {
+      isSelected: _e,
+      isDisabled: Me,
+      getSelectionState: je,
+      toggleRow: Ve,
+      toggleAll: Ue,
+      allCheckedState: Ge,
+      invertSelection: Ye,
+      clearSelection: Xe,
+      getChangeableRowKeys: $e
+    } = sl({
       rowSelection: () => l.rowSelection,
-      getRowKey: D,
-      data: () => z.value,
-      visibleData: () => v.value,
+      getRowKey: R,
+      data: () => A.value,
+      visibleData: () => y.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        i("change", O(), U.value, {
+        i("change", P(), G.value, {
           action: "select",
-          currentDataSource: v.value
+          currentDataSource: y.value
         });
       }
     }), {
-      isExpanded: Ve,
-      toggleExpand: Ue
-    } = Mt({
+      isExpanded: Je,
+      toggleExpand: qe
+    } = Jt({
       expandable: () => l.expandable,
-      getRowKey: D,
-      data: () => v.value
-    }), X = (t) => {
+      getRowKey: R,
+      data: () => y.value
+    }), $ = (t) => {
       const o = l.expandable;
       return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
-    }, Ge = (t, o) => {
-      X(t) && Ue(t, o);
-    }, Ye = "__vtg_selection__", Xe = "__vtg_expand__", $e = n(() => {
+    }, Qe = (t, o) => {
+      $(t) && qe(t, o);
+    }, Ze = "__vtg_selection__", et = "__vtg_expand__", tt = n(() => {
       const t = l.expandable, o = l.rowSelection, u = t && t.showExpandColumn !== !1 ? {
-        key: Xe,
+        key: et,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
       } : null, s = o ? {
-        key: Ye,
+        key: Ze,
         title: "",
         width: o.columnWidth ?? 48,
         align: "center",
         fixed: o.fixed === !0 ? "left" : o.fixed || void 0
       } : null, h = [];
-      let f = !1, p = !1;
-      for (const c of V.value) {
-        if (c === $t) {
-          u && !f && (h.push(u), f = !0);
+      let m = !1, p = !1;
+      for (const c of U.value) {
+        if (c === ll) {
+          u && !m && (h.push(u), m = !0);
           continue;
         }
-        if (c === Jt) {
+        if (c === ol) {
           s && !p && (h.push(s), p = !0);
           continue;
         }
         h.push(c);
       }
-      return u && !f && h.unshift(u), s && !p && h.unshift(s), h;
+      return u && !m && h.unshift(u), s && !p && h.unshift(s), h;
     }), {
-      leafColumns: y,
-      headerRows: F
-    } = pe(() => $e.value), Je = n(() => F.value.length > 1), {
-      headerWrapRef: qe,
-      bodyWrapRef: $,
-      scrollState: Qe,
-      handleBodyScroll: J,
-      fixedOffsets: Ze,
-      syncHorizontalScroll: et
-    } = jt({
-      displayColumns: () => y.value
-    }), tt = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), q = n(() => y.value.some((t) => t.fixed === "left" || t.fixed === "right")), lt = n(() => b.value.some((t) => kt(t).enabled)), ot = n(() => l.scroll?.x !== void 0 || q.value), Q = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || q.value || lt.value ? "fixed" : "auto"), nt = n(() => {
-      if (g.value)
+      leafColumns: f,
+      headerRows: W
+    } = xe(() => tt.value), lt = n(() => W.value.length > 1), {
+      headerWrapRef: J,
+      bodyWrapRef: q,
+      scrollState: ot,
+      handleBodyScroll: Q,
+      fixedOffsets: nt,
+      syncHorizontalScroll: at
+    } = Yt({
+      displayColumns: () => f.value
+    }), rt = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), Z = n(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), dt = n(() => D.value.some((t) => Gt(t).enabled)), it = n(() => l.scroll?.x !== void 0 || Z.value), ee = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || Z.value || dt.value ? "fixed" : "auto"), st = n(() => {
+      if (b.value)
         return {
           position: "sticky",
-          top: `${g.value.offsetHeader ?? 0}px`,
+          top: `${b.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
     }), {
-      enabled: K,
-      itemHeight: at,
-      listHeight: rt
-    } = Ut({
+      enabled: E,
+      itemHeight: ut,
+      listHeight: ct,
+      fixedHeight: ft
+    } = Qt({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
-      size: () => l.size
-    }), dt = n(() => b.value.some((t) => !!t.customCell || !!t.customRender)), W = n(() => !Je.value || l.bordered ? {
+      size: () => l.size,
+      rowHeight: () => l.rowHeight
+    }), te = n(() => D.value.some((t) => !!t.customCell || !!t.customRender)), k = n(() => !lt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -437,56 +471,74 @@ const Ol = /* @__PURE__ */ Et({
       table: e.groupedHeaderTable(),
       th: e.groupedHeaderTh(),
       td: e.groupedHeaderTd()
-    }), S = n(() => L(e.table(), W.value.table) ?? ""), Z = n(() => L(e.th(), W.value.th) ?? ""), _ = n(() => L(e.td(), W.value.td) ?? "");
-    j([K, dt], ([t, o]) => {
+    }), g = n(() => B(e.table(), k.value.table) ?? ""), le = n(() => B(e.th(), k.value.th) ?? ""), _ = n(() => B(e.td(), k.value.td) ?? "");
+    S([E, te], ([t, o]) => {
     }, {
       immediate: !0
     });
-    const ee = E(null), te = E(null);
-    j(() => ee.value?.wrapRef, (t) => {
-      t && ($.value = t);
-    }), j(() => te.value?.wrapRef, (t) => {
-      t && ($.value = t);
+    const oe = I(null), ne = I(null);
+    S(() => oe.value?.wrapRef, (t) => {
+      t && (q.value = t);
+    }), S(() => ne.value?.wrapRef, (t) => {
+      t && (q.value = t);
     });
     const {
-      columnWidths: it,
-      startResize: st,
-      isResizing: ut
-    } = Vt({
+      columnWidths: ae,
+      startResize: mt,
+      isResizing: pt
+    } = qt({
       onResizeColumn(t, o) {
         i("resizeColumn", t, o);
       }
+    }), vt = n(() => $t(f.value)), re = n(() => l.virtualColumn ? E.value ? te.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : vt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), M = n(() => l.virtualColumn && re.value === null);
+    S(re, (t) => {
+    }, {
+      immediate: !0
     });
-    function ct(t) {
-      return A.value ? Y.value.get(t)?.level ?? 0 : 0;
+    const {
+      metrics: de
+    } = Xt({
+      enabled: () => M.value,
+      headerEl: () => J.value,
+      columns: () => f.value,
+      columnWidths: ae,
+      hasHeader: () => l.showHeader !== !1
+    });
+    S([M, de], ([t, o]) => {
+      !t || o || l.showHeader;
+    }, {
+      immediate: !0
+    });
+    function wt(t) {
+      return K.value ? X.value.get(t)?.level ?? 0 : 0;
     }
-    function ft(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, ct(t)) : l.rowClassName : "";
+    function yt(t, o) {
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, wt(t)) : l.rowClassName : "";
     }
-    function pt(t, o) {
+    function ht(t, o) {
       return l.customRow?.(t, o);
     }
-    function mt(t, o) {
+    function xt(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function wt(t) {
+    function Ct(t) {
       if (typeof t.title != "function")
         return t.title ?? "";
-      const o = t, u = De.value.filter((s) => !!s.column);
+      const o = t, u = Le.value.filter((s) => !!s.column);
       return t.title({
-        sortOrder: o.sorter ? B(o) ?? void 0 : void 0,
-        sortColumn: be.value.column,
+        sortOrder: o.sorter ? O(o) ?? void 0 : void 0,
+        sortColumn: He.value.column,
         sortColumns: u.length > 0 ? u : void 0,
-        filters: O()
+        filters: P()
       });
     }
-    function yt(t) {
-      return !!(t.sorter && B(t));
+    function gt(t) {
+      return !!(t.sorter && O(t));
     }
-    const le = {
+    const ie = {
       width: "100%",
       minWidth: "100%"
-    }, vt = {
+    }, St = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -563,142 +615,145 @@ const Ol = /* @__PURE__ */ Et({
       resizeHandle: e.resizeHandle,
       tdRowHover: e.tdRowHover,
       tdRowSelectedHover: e.tdRowSelectedHover
-    }, oe = n(() => qt(m.value)), ne = E(!1);
-    return de(Xt, {
+    }, se = n(() => nl(v.value)), ue = I(!1);
+    return me(tl, {
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
-      getSortOrder: B,
-      toggleSortOrder: Se,
-      isColumnSorted: yt,
-      getFilteredValue: Ee,
-      confirmFilter: Re,
-      resetFilter: Ie,
+      getSortOrder: O,
+      toggleSortOrder: Ie,
+      isColumnSorted: gt,
+      getFilteredValue: Be,
+      confirmFilter: Ne,
+      resetFilter: Fe,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: n(() => l.showSorterTooltip ?? oe.value.showSorterTooltip),
+      showSorterTooltip: n(() => l.showSorterTooltip ?? se.value.showSorterTooltip),
       headerEllipsis: n(() => l.headerEllipsis),
-      subThemeSlots: vt,
-      presetConfig: oe,
-      themePreset: m,
+      subThemeSlots: St,
+      presetConfig: se,
+      themePreset: v,
       cssMode: w,
       classPrefix: x,
-      vtgClass: (t) => R(t, w.value, x.value),
-      localeName: H,
-      locale: Ce,
+      vtgClass: (t) => T(t, w.value, x.value),
+      localeName: N,
+      locale: Ee,
       rowSelection: () => l.rowSelection,
-      isSelected: ze,
-      isDisabledRow: Ae,
-      getSelectionState: Fe,
-      toggleRow: Ke,
-      toggleAll: We,
-      allCheckedState: () => _e.value,
-      getRowKey: D,
-      invertSelection: ke,
-      clearSelection: je,
-      getChangeableRowKeys: Me,
-      fixedOffsets: Ze,
-      scrollState: Qe,
-      leafColumnCount: n(() => y.value.length),
+      isSelected: _e,
+      isDisabledRow: Me,
+      getSelectionState: je,
+      toggleRow: Ve,
+      toggleAll: Ue,
+      allCheckedState: () => Ge.value,
+      getRowKey: R,
+      invertSelection: Ye,
+      clearSelection: Xe,
+      getChangeableRowKeys: $e,
+      fixedOffsets: nt,
+      scrollState: ot,
+      leafColumnCount: n(() => f.value.length),
       bordered: n(() => l.bordered),
-      tableLayout: Q,
+      tableLayout: ee,
       sticky: n(() => l.sticky),
-      getRowProps: pt,
-      getRowClassName: ft,
-      getHeaderRowProps: mt,
-      getColumnTitle: wt,
+      getRowProps: ht,
+      getRowClassName: yt,
+      getHeaderRowProps: xt,
+      getColumnTitle: Ct,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
-      isExpanded: Ve,
-      toggleExpand: Ge,
-      isRowExpandable: X,
-      columnWidths: it,
-      startResize: st,
-      isResizing: () => ut.value,
-      displayColumns: n(() => y.value),
+      isExpanded: Je,
+      toggleExpand: Qe,
+      isRowExpandable: $,
+      columnWidths: ae,
+      startResize: mt,
+      isResizing: () => pt.value,
+      displayColumns: n(() => f.value),
       registerSummaryFixed: (t) => {
-        ne.value = t;
+        ue.value = t;
       },
-      isTreeData: A,
-      treeFlattenData: G,
-      getFlattenRow: (t) => Y.value.get(t),
-      toggleTreeExpand: Le,
-      isTreeExpanded: He,
-      treeIndentSize: Ne,
-      hoverRange: Be,
-      setHoverRange: Oe,
-      clearHoverRange: Pe,
+      isTreeData: K,
+      treeFlattenData: Y,
+      getFlattenRow: (t) => X.value.get(t),
+      toggleTreeExpand: Pe,
+      isTreeExpanded: ze,
+      treeIndentSize: Ae,
+      hoverRange: Ke,
+      setHoverRange: We,
+      clearHoverRange: ke,
       hoverable: n(() => l.hoverable !== !1)
     }), () => {
       let t;
-      const o = l.title ? l.title(v.value) : d.title ? d.title({
-        data: v.value
-      }) : null, u = l.footer ? l.footer(v.value) : d.footer ? d.footer({
-        data: v.value
-      }) : null, s = d.summary ? d.summary() : null, h = ne.value !== !1, f = l.scroll, p = {
-        tableLayout: Q.value
+      const o = l.title ? l.title(y.value) : d.title ? d.title({
+        data: y.value
+      }) : null, u = l.footer ? l.footer(y.value) : d.footer ? d.footer({
+        data: y.value
+      }) : null, s = d.summary ? d.summary() : null, h = ue.value !== !1, m = l.scroll, p = {
+        tableLayout: ee.value
       };
-      f?.x ? (p.width = typeof f.x == "number" ? `${f.x}px` : f.x, p.minWidth = "100%") : p.width = ot.value ? "max-content" : "100%";
-      const c = l.loading, ht = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, xt = typeof c == "object" && c !== null ? c.indicator : void 0, Ct = typeof c == "object" && c !== null ? c.tip : void 0, ae = ht && (d.loading ? a(fe, {
+      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = it.value ? "max-content" : "100%";
+      const c = l.loading, bt = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, Dt = typeof c == "object" && c !== null ? c.indicator : void 0, Rt = typeof c == "object" && c !== null ? c.tip : void 0, ce = bt && (d.loading ? a(he, {
         loadingClass: e.loading()
-      }, me(t = d.loading()) ? t : {
+      }, Ce(t = d.loading()) ? t : {
         default: () => [t]
-      }) : a(fe, {
+      }) : a(he, {
         loadingClass: e.loading(),
-        indicator: xt,
-        tip: Ct
+        indicator: Dt,
+        tip: Rt
       }, null));
-      if (tt.value) {
-        const St = l.showHeader !== !1 ? a("div", {
-          ref: qe,
+      if (rt.value) {
+        const Et = l.showHeader !== !1 ? a("div", {
+          ref: J,
           class: e.headerWrapper(),
-          style: nt.value
+          style: st.value
         }, [a("div", {
-          class: R("block w-full min-w-full", w.value, x.value)
+          class: T("block w-full min-w-full", w.value, x.value)
         }, [a("table", {
-          class: S.value,
+          class: g.value,
           style: p
-        }, [a(T, {
-          columns: y.value
-        }, null), a(ue, {
-          rows: F.value,
+        }, [a(L, {
+          columns: f.value
+        }, null), a(we, {
+          rows: W.value,
           theadClass: e.thead(),
           rowClass: e.tr(),
-          thClass: Z.value,
+          thClass: le.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, gt = K.value ? a(Qt, {
-          dataSource: v.value,
-          columns: y.value,
+        }, null)])])]) : null, It = E.value ? a(al, {
+          dataSource: y.value,
+          columns: f.value,
           tbodyClass: e.tbody(),
           rowClass: e.tr(),
           tdClass: _.value,
           emptyClass: e.empty(),
           bodyCellEllipsisClass: e.bodyCellEllipsis(),
-          tableClass: S.value,
+          tableClass: g.value,
           tableStyle: p,
           rowKey: l.rowKey,
-          height: rt.value,
-          itemHeight: at.value,
+          height: ct.value,
+          itemHeight: ut.value,
+          fixedHeight: ft.value,
+          virtualColumn: M.value,
+          columnMetrics: de.value,
           showScrollBar: "hover",
-          onVirtualScroll: (re) => {
-            et(re.x, re.maxX);
+          onVirtualScroll: (fe) => {
+            at(fe.x, fe.maxX);
           }
-        }, null) : null, bt = K.value ? null : a(ie, {
-          ref: ee,
-          maxHeight: f?.y !== void 0 ? typeof f.y == "number" ? f.y : String(f.y) : void 0,
+        }, null) : null, Tt = E.value ? null : a(pe, {
+          ref: oe,
+          maxHeight: m?.y !== void 0 ? typeof m.y == "number" ? m.y : String(m.y) : void 0,
           wrapClass: e.bodyWrapper(),
-          viewStyle: le,
-          onScroll: J
+          viewStyle: ie,
+          onScroll: Q
         }, {
           default: () => [a("table", {
-            class: S.value,
+            class: g.value,
             style: p
-          }, [a(T, {
-            columns: y.value
-          }, null), a(ce, {
-            dataSource: v.value,
-            columns: y.value,
+          }, [a(L, {
+            columns: f.value
+          }, null), a(ye, {
+            dataSource: y.value,
+            columns: f.value,
             tbodyClass: e.tbody(),
             rowClass: e.tr(),
             tdClass: _.value,
@@ -708,21 +763,21 @@ const Ol = /* @__PURE__ */ Et({
           }, null), s && !h && a("tfoot", {
             class: e.summary()
           }, [s])])]
-        }), Dt = s && h ? a("div", {
+        }), Ht = s && h ? a("div", {
           class: e.headerWrapper(),
           style: {
             position: "sticky",
-            bottom: `${g.value?.offsetSummary ?? 0}px`,
+            bottom: `${b.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
           }
         }, [a("div", {
-          class: R("block w-full min-w-full", w.value, x.value)
+          class: T("block w-full min-w-full", w.value, x.value)
         }, [a("table", {
-          class: S.value,
+          class: g.value,
           style: p
-        }, [a(T, {
-          columns: y.value
+        }, [a(L, {
+          columns: f.value
         }, null), a("tfoot", {
           class: e.summary()
         }, [s])])])]) : null;
@@ -731,25 +786,25 @@ const Ol = /* @__PURE__ */ Et({
         }, [o && a("div", {
           class: e.title()
         }, [o]), a("div", {
-          class: L(e.wrapper(), g.value && R("overflow-clip", w.value, x.value))
-        }, [St, gt, bt, Dt, ae]), u && a("div", {
+          class: B(e.wrapper(), b.value && T("overflow-clip", w.value, x.value))
+        }, [Et, It, Tt, Ht, ce]), u && a("div", {
           class: e.footer()
         }, [u])]);
       }
-      const k = a(Lt, null, [a("table", {
-        class: S.value,
+      const j = a(Ot, null, [a("table", {
+        class: g.value,
         style: p
-      }, [a(T, {
-        columns: y.value
-      }, null), l.showHeader !== !1 && a(ue, {
-        rows: F.value,
+      }, [a(L, {
+        columns: f.value
+      }, null), l.showHeader !== !1 && a(we, {
+        rows: W.value,
         theadClass: e.thead(),
         rowClass: e.tr(),
-        thClass: Z.value,
+        thClass: le.value,
         headerCellInnerClass: e.headerCellInner()
-      }, null), a(ce, {
-        dataSource: v.value,
-        columns: y.value,
+      }, null), a(ye, {
+        dataSource: y.value,
+        columns: f.value,
         tbodyClass: e.tbody(),
         rowClass: e.tr(),
         tdClass: _.value,
@@ -758,18 +813,18 @@ const Ol = /* @__PURE__ */ Et({
         rowKey: l.rowKey
       }, null), s && a("tfoot", {
         class: e.summary()
-      }, [s])]), ae]);
+      }, [s])]), ce]);
       return a("div", {
         class: e.root()
       }, [o && a("div", {
         class: e.title()
-      }, [o]), a(ie, {
-        ref: te,
+      }, [o]), a(pe, {
+        ref: ne,
         wrapClass: e.wrapper(),
-        viewStyle: le,
-        onScroll: J
-      }, me(k) ? k : {
-        default: () => [k]
+        viewStyle: ie,
+        onScroll: Q
+      }, Ce(j) ? j : {
+        default: () => [j]
       }), u && a("div", {
         class: e.footer()
       }, [u])]);
@@ -777,5 +832,5 @@ const Ol = /* @__PURE__ */ Et({
   }
 });
 export {
-  Ol as default
+  Ml as default
 };