@vtable-guild/vtable-guild 2.6.0 → 2.6.2

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

@@ -1,45 +1,45 @@
-import { defineComponent as Nt, inject as Ft, computed as n, provide as ye, ref as T, onMounted as Ot, onBeforeUnmount as Pt, watch as b, createVNode as a, Fragment as zt, isVNode as At } from "vue";
+import { defineComponent as Ft, inject as zt, computed as n, provide as he, ref as H, onMounted as Ot, onBeforeUnmount as Pt, watch as D, createVNode as a, Fragment as kt, isVNode as At } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import { prefixVtgClassNames as H } from "../../../core/src/utils/classPrefix.mjs";
-import { mergeThemeConfigs as x, useTheme as Kt } from "../../../core/src/composables/useTheme.mjs";
-import { mergeDeep as L } from "../../../core/src/utils/mergeDeep.mjs";
-import he from "../../../core/src/components/Scrollbar.mjs";
+import { prefixVtgClassNames as L } from "../../../core/src/utils/classPrefix.mjs";
+import { mergeThemeConfigs as S, useTheme as Kt } from "../../../core/src/composables/useTheme.mjs";
+import { mergeDeep as B } from "../../../core/src/utils/mergeDeep.mjs";
+import xe from "../../../core/src/components/Scrollbar.mjs";
 import { VTABLE_GUILD_INJECTION_KEY as Ce } from "../../../core/src/plugin/index.mjs";
-import { resolveTooltipThemePreset as Wt, resolveScrollbarThemePreset as kt, resolveRadioThemePreset as _t, resolveInputThemePreset as Mt, resolveCheckboxThemePreset as jt, resolveButtonThemePreset as Vt, resolveTableThemePreset as Ut, resolveTableLocalePreset as Gt, resolveBuiltInTableLocale as Yt } from "../../../theme/src/presets/index.mjs";
-import { antdvTableCompatClasses as Xt } from "../../../theme/src/compat/antdv-table.mjs";
-import { getEllipsisConfig as $t } from "../utils/cell.mjs";
-import { getRootCompatClass as Jt } from "../utils/compat.mjs";
-import { useScroll as qt } from "../composables/useScroll.mjs";
-import { useColumnMetrics as Qt } from "../composables/useColumnMetrics.mjs";
-import { resolveFixedColumnRanges as Zt } from "../composables/useColumnWindow.mjs";
-import { useExpand as el } from "../composables/useExpand.mjs";
-import { useResize as tl } from "../composables/useResize.mjs";
-import { useVirtual as ll } from "../composables/useVirtual.mjs";
-import { useTreeData as ol } from "../composables/useTreeData.mjs";
-import { useHoverState as nl } from "../composables/useHoverState.mjs";
-import { TABLE_CONTEXT_KEY as al } from "../context.mjs";
-import { EXPAND_COLUMN as rl, SELECTION_COLUMN as dl } from "../constants.mjs";
-import { resolveTablePresetConfig as il } from "../preset-config.mjs";
-import xe from "./TableHeader.mjs";
-import ge from "./TableBody.mjs";
-import sl from "./VirtualTableBody.mjs";
-import Se from "./TableLoading.mjs";
-import B from "./ColGroup.mjs";
-import { antdvTableTheme as ul } from "../../../theme/src/presets/antdv/table.mjs";
-import { useColumns as be } from "../composables/useColumns.mjs";
-import { useSorter as cl } from "../composables/useSorter.mjs";
-import { useFilter as fl } from "../composables/useFilter.mjs";
-import { useSelection as ml } from "../composables/useSelection.mjs";
-import { cn as g } from "tailwind-variants";
-function Re(l) {
+import { resolveTooltipThemePreset as Wt, resolveScrollbarThemePreset as _t, resolveRadioThemePreset as Mt, resolveInputThemePreset as jt, resolveCheckboxThemePreset as Vt, resolveButtonThemePreset as Ut, resolveTableThemePreset as Gt, resolveTableLocalePreset as Yt, resolveBuiltInTableLocale as Xt } from "../../../theme/src/presets/index.mjs";
+import { antdvTableCompatClasses as $t } from "../../../theme/src/compat/antdv-table.mjs";
+import { getEllipsisConfig as Jt } from "../utils/cell.mjs";
+import { getRootCompatClass as qt } from "../utils/compat.mjs";
+import { useScroll as Qt } from "../composables/useScroll.mjs";
+import { useColumnMetrics as Zt } from "../composables/useColumnMetrics.mjs";
+import { resolveFixedColumnRanges as el } from "../composables/useColumnWindow.mjs";
+import { useExpand as tl } from "../composables/useExpand.mjs";
+import { useResize as ll } from "../composables/useResize.mjs";
+import { useVirtual as ol } from "../composables/useVirtual.mjs";
+import { useTreeData as nl } from "../composables/useTreeData.mjs";
+import { useHoverState as al } from "../composables/useHoverState.mjs";
+import { TABLE_CONTEXT_KEY as rl } from "../context.mjs";
+import { EXPAND_COLUMN as dl, SELECTION_COLUMN as il } from "../constants.mjs";
+import { resolveTablePresetConfig as sl } from "../preset-config.mjs";
+import ge from "./TableHeader.mjs";
+import Se from "./TableBody.mjs";
+import ul from "./VirtualTableBody.mjs";
+import be from "./TableLoading.mjs";
+import N from "./ColGroup.mjs";
+import { antdvTableTheme as cl } from "../../../theme/src/presets/antdv/table.mjs";
+import { useColumns as Re } from "../composables/useColumns.mjs";
+import { useSorter as fl } from "../composables/useSorter.mjs";
+import { useFilter as ml } from "../composables/useFilter.mjs";
+import { useSelection as pl } from "../composables/useSelection.mjs";
+import { cn as x } from "tailwind-variants";
+function De(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !At(l);
 }
-const pl = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function De() {
+const vl = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function Ee() {
   if (typeof window > "u")
     return /* @__PURE__ */ new Set(["md", "sm", "xs"]);
   const l = window.innerWidth, d = /* @__PURE__ */ new Set();
-  return pl.forEach(([i, r]) => {
+  return vl.forEach(([i, r]) => {
     if (i === "xs") {
       l < 576 && d.add("xs");
       return;
@@ -47,7 +47,7 @@ function De() {
     l >= r && d.add(i);
   }), d;
 }
-function Ee(l, d) {
+function Ie(l, d) {
   return l.reduce((i, r) => {
     if (typeof r == "symbol")
       return i.push(r), i;
@@ -55,7 +55,7 @@ function Ee(l, d) {
       return i;
     const v = r.fixed === !0 ? "left" : r.fixed;
     if ("children" in r && Array.isArray(r.children)) {
-      const w = Ee(r.children, d);
+      const w = Ie(r.children, d);
       return w.length === 0 || i.push({
         ...r,
         fixed: v,
@@ -68,7 +68,7 @@ function Ee(l, d) {
     }), i;
   }, []);
 }
-const $l = /* @__PURE__ */ Nt({
+const Jl = /* @__PURE__ */ Ft({
   name: "VTable",
   props: {
     dataSource: {
@@ -259,19 +259,19 @@ const $l = /* @__PURE__ */ Nt({
     slots: d,
     emit: i
   }) {
-    const r = Ft(Ce, null), v = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), C = n(() => r?.classPrefix ?? "vtg"), Ie = n(() => {
+    const r = zt(Ce, null), v = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), C = n(() => r?.classPrefix ?? "vtg"), Te = n(() => {
       const t = r?.theme ?? {}, o = v.value;
       return {
         ...t,
-        button: x(Vt(o), t.button),
-        checkbox: x(jt(o), t.checkbox),
-        input: x(Mt(o), t.input),
-        radio: x(_t(o), t.radio),
-        scrollbar: x(kt(o), t.scrollbar),
-        tooltip: x(Wt(o), t.tooltip)
+        button: S(Ut(o), t.button),
+        checkbox: S(Vt(o), t.checkbox),
+        input: S(jt(o), t.input),
+        radio: S(Mt(o), t.radio),
+        scrollbar: S(_t(o), t.scrollbar),
+        tooltip: S(Wt(o), t.tooltip)
       };
     });
-    ye(Ce, {
+    he(Ce, {
       get themePreset() {
         return v.value;
       },
@@ -282,7 +282,7 @@ const $l = /* @__PURE__ */ Nt({
         return C.value;
       },
       get theme() {
-        return Ie.value;
+        return Te.value;
       },
       get locale() {
         return r?.locale ?? "zh-CN";
@@ -294,39 +294,39 @@ const $l = /* @__PURE__ */ Nt({
         return r?.localeOverrides ?? {};
       }
     });
-    const Te = n(() => Ut(v.value) ?? ul), {
+    const He = n(() => Gt(v.value) ?? cl), {
       slots: e
-    } = Kt("table", Te, l, {
-      compatClasses: Xt
-    }), V = r?.compatClass === !0 ? (t) => `ant-table-${t}` : void 0, N = n(() => l.locale ?? r?.locale ?? "zh-CN"), He = n(() => ({
+    } = Kt("table", He, l, {
+      compatClasses: $t
+    }), b = r?.compatClass === !0 ? (t) => `ant-table-${t}` : void 0, F = n(() => l.locale ?? r?.locale ?? "zh-CN"), Le = n(() => ({
       ...r?.locales ?? {},
       ...l.locales ?? {}
-    })), Le = n(() => {
-      const t = Gt(v.value), o = Yt(v.value, N.value), u = He.value[N.value]?.table, s = L(L(t, o), u);
-      return L(s, L(r?.localeOverrides?.table ?? {}, l.localeOverrides));
-    }), U = T(De());
-    function F() {
-      U.value = De();
+    })), Be = n(() => {
+      const t = Yt(v.value), o = Xt(v.value, F.value), u = Le.value[F.value]?.table, s = B(B(t, o), u);
+      return B(s, B(r?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), Y = H(Ee());
+    function z() {
+      Y.value = Ee();
     }
     Ot(() => {
-      F(), window.addEventListener("resize", F);
+      z(), window.addEventListener("resize", z);
     }), Pt(() => {
-      window.removeEventListener("resize", F);
+      window.removeEventListener("resize", z);
     });
-    const G = n(() => Ee(l.columns, U.value)), R = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
-      leafColumns: D
-    } = be(() => G.value), {
+    const X = n(() => Ie(l.columns, Y.value)), g = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+      leafColumns: E
+    } = Re(() => X.value), {
       getSortOrder: O,
-      toggleSortOrder: Be,
-      sortData: Ne,
-      sorterState: Fe,
-      sorterResult: Y,
+      toggleSortOrder: Ne,
+      sortData: Fe,
+      sorterState: ze,
+      sorterResult: $,
       sortColumns: Oe
-    } = cl({
-      columns: () => D.value,
+    } = fl({
+      columns: () => E.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
-        const o = z();
+        const o = k();
         i("change", P(), t, {
           action: "sort",
           currentDataSource: o
@@ -334,104 +334,104 @@ const $l = /* @__PURE__ */ Nt({
       }
     }), {
       getFilteredValue: Pe,
-      confirmFilter: ze,
+      confirmFilter: ke,
       resetFilter: Ae,
       getAllFilters: P,
       filterData: Ke
-    } = fl({
-      columns: () => D.value,
+    } = ml({
+      columns: () => E.value,
       onFilterChange(t) {
-        const o = z();
-        i("change", t, Y.value, {
+        const o = k();
+        i("change", t, $.value, {
           action: "filter",
           currentDataSource: o
         });
       }
     });
-    function z() {
+    function k() {
       let t = l.dataSource;
-      return t = Ke(t), t = Ne(t), t;
+      return t = Ke(t), t = Fe(t), t;
     }
-    const A = n(() => z());
-    function E(t, o) {
+    const A = n(() => k());
+    function I(t, o) {
       return typeof l.rowKey == "function" ? l.rowKey(t) : typeof l.rowKey == "string" && l.rowKey in t ? t[l.rowKey] : o;
     }
     const {
-      flattenData: X,
-      rowMetaMap: $,
+      flattenData: J,
+      rowMetaMap: q,
       isTreeData: K,
       toggleTreeExpand: We,
-      isTreeExpanded: ke,
-      indentSize: _e
-    } = ol({
+      isTreeExpanded: _e,
+      indentSize: Me
+    } = nl({
       data: () => A.value,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: E,
+      getRowKey: I,
       defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
       expandedRowKeys: () => l.expandedRowKeys,
       defaultExpandAllRows: () => l.defaultExpandAllRows,
       onExpand: l.onExpand,
       onExpandedRowsChange: l.onExpandedRowsChange
     }), {
-      hoverRange: Me,
-      setHoverRange: je,
-      clearHoverRange: Ve
-    } = nl(100), y = n(() => K.value ? X.value.map((t) => t.record) : A.value), {
-      isSelected: Ue,
-      isDisabled: Ge,
-      getSelectionState: Ye,
-      toggleRow: Xe,
-      toggleAll: $e,
-      allCheckedState: Je,
-      invertSelection: qe,
-      clearSelection: Qe,
-      getChangeableRowKeys: Ze
-    } = ml({
+      hoverRange: je,
+      setHoverRange: Ve,
+      clearHoverRange: Ue
+    } = al(100), y = n(() => K.value ? J.value.map((t) => t.record) : A.value), {
+      isSelected: Ge,
+      isDisabled: Ye,
+      getSelectionState: Xe,
+      toggleRow: $e,
+      toggleAll: Je,
+      allCheckedState: qe,
+      invertSelection: Qe,
+      clearSelection: Ze,
+      getChangeableRowKeys: et
+    } = pl({
       rowSelection: () => l.rowSelection,
-      getRowKey: E,
+      getRowKey: I,
       data: () => A.value,
       visibleData: () => y.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        i("change", P(), Y.value, {
+        i("change", P(), $.value, {
           action: "select",
           currentDataSource: y.value
         });
       }
     }), {
-      isExpanded: et,
-      toggleExpand: tt
-    } = el({
+      isExpanded: tt,
+      toggleExpand: lt
+    } = tl({
       expandable: () => l.expandable,
-      getRowKey: E,
+      getRowKey: I,
       data: () => y.value
-    }), J = (t) => {
+    }), Q = (t) => {
       const o = l.expandable;
       return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
-    }, lt = (t, o) => {
-      J(t) && tt(t, o);
-    }, ot = "__vtg_selection__", nt = "__vtg_expand__", at = n(() => {
+    }, ot = (t, o) => {
+      Q(t) && lt(t, o);
+    }, nt = "__vtg_selection__", at = "__vtg_expand__", rt = n(() => {
       const t = l.expandable, o = l.rowSelection, u = t && t.showExpandColumn !== !1 ? {
-        key: nt,
+        key: at,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
       } : null, s = o ? {
-        key: ot,
+        key: nt,
         title: "",
         width: o.columnWidth ?? 48,
         align: "center",
         fixed: o.fixed === !0 ? "left" : o.fixed || void 0
       } : null, h = [];
       let m = !1, p = !1;
-      for (const c of G.value) {
-        if (c === rl) {
+      for (const c of X.value) {
+        if (c === dl) {
           u && !m && (h.push(u), m = !0);
           continue;
         }
-        if (c === dl) {
+        if (c === il) {
           s && !p && (h.push(s), p = !0);
           continue;
         }
@@ -441,37 +441,42 @@ const $l = /* @__PURE__ */ Nt({
     }), {
       leafColumns: f,
       headerRows: W
-    } = be(() => at.value), rt = n(() => W.value.length > 1), {
-      headerWrapRef: q,
-      bodyWrapRef: Q,
-      scrollState: Z,
-      handleBodyScroll: ee,
-      fixedOffsets: te,
-      syncHorizontalScroll: dt
-    } = qt({
+    } = Re(() => rt.value), dt = n(() => W.value.length > 1), {
+      headerWrapRef: Z,
+      bodyWrapRef: ee,
+      scrollState: te,
+      handleBodyScroll: le,
+      fixedOffsets: oe,
+      syncHorizontalScroll: it
+    } = Qt({
       displayColumns: () => f.value
-    }), le = n(() => Jt({
-      compatClass: V,
-      fixedOffsets: te,
-      scrollState: Z
-    })), it = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), oe = n(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), st = n(() => D.value.some((t) => $t(t).enabled)), ut = n(() => l.scroll?.x !== void 0 || oe.value), ne = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || oe.value || st.value ? "fixed" : "auto"), ct = n(() => {
-      if (R.value)
+    }), ne = n(() => qt({
+      compatClass: b,
+      fixedOffsets: oe,
+      scrollState: te,
+      empty: y.value.length === 0,
+      fixedHeader: l.scroll?.y !== void 0,
+      fixedColumn: ae.value && _.value,
+      horizontalScroll: ae.value,
+      layoutFixed: M.value === "fixed"
+    })), st = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), _ = n(() => f.value.some((t) => t.fixed === "left" || t.fixed === "right")), ae = n(() => l.scroll?.x !== void 0 || !!l.expandable?.fixed), ut = n(() => E.value.some((t) => Jt(t).enabled)), ct = n(() => l.scroll?.x !== void 0 || _.value), M = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || _.value || ut.value ? "fixed" : "auto"), ft = n(() => {
+      if (g.value)
         return {
           position: "sticky",
-          top: `${R.value.offsetHeader ?? 0}px`,
+          top: `${g.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
     }), {
-      enabled: I,
-      itemHeight: ft,
-      listHeight: mt,
-      fixedHeight: pt
-    } = ll({
+      enabled: T,
+      itemHeight: mt,
+      listHeight: pt,
+      fixedHeight: vt
+    } = ol({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight
-    }), ae = n(() => D.value.some((t) => !!t.customCell || !!t.customRender)), k = n(() => !rt.value || l.bordered ? {
+    }), re = n(() => E.value.some((t) => !!t.customCell || !!t.customRender)), j = n(() => !dt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -479,74 +484,74 @@ const $l = /* @__PURE__ */ Nt({
       table: e.groupedHeaderTable(),
       th: e.groupedHeaderTh(),
       td: e.groupedHeaderTd()
-    }), S = n(() => g(e.table(), k.value.table) ?? ""), re = n(() => g(e.th(), k.value.th) ?? ""), _ = n(() => g(e.td(), k.value.td) ?? "");
-    b([I, ae], ([t, o]) => {
+    }), R = n(() => x(e.table(), j.value.table) ?? ""), de = n(() => x(e.th(), j.value.th) ?? ""), V = n(() => x(e.td(), j.value.td) ?? "");
+    D([T, re], ([t, o]) => {
     }, {
       immediate: !0
     });
-    const de = T(null), ie = T(null);
-    b(() => de.value?.wrapRef, (t) => {
-      t && (Q.value = t);
-    }), b(() => ie.value?.wrapRef, (t) => {
-      t && (Q.value = t);
+    const ie = H(null), se = H(null);
+    D(() => ie.value?.wrapRef, (t) => {
+      t && (ee.value = t);
+    }), D(() => se.value?.wrapRef, (t) => {
+      t && (ee.value = t);
     });
     const {
-      columnWidths: se,
-      startResize: vt,
-      isResizing: wt
-    } = tl({
+      columnWidths: ue,
+      startResize: wt,
+      isResizing: yt
+    } = ll({
       onResizeColumn(t, o) {
         i("resizeColumn", t, o);
       }
-    }), yt = n(() => Zt(f.value)), ue = n(() => l.virtualColumn ? I.value ? ae.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : yt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), M = n(() => l.virtualColumn && ue.value === null);
-    b(ue, (t) => {
+    }), ht = n(() => el(f.value)), ce = n(() => l.virtualColumn ? T.value ? re.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : ht.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), U = n(() => l.virtualColumn && ce.value === null);
+    D(ce, (t) => {
     }, {
       immediate: !0
     });
     const {
-      metrics: ce
-    } = Qt({
-      enabled: () => M.value,
-      headerEl: () => q.value,
+      metrics: fe
+    } = Zt({
+      enabled: () => U.value,
+      headerEl: () => Z.value,
       columns: () => f.value,
-      columnWidths: se,
+      columnWidths: ue,
       hasHeader: () => l.showHeader !== !1
     });
-    b([M, ce], ([t, o]) => {
+    D([U, fe], ([t, o]) => {
       !t || o || l.showHeader;
     }, {
       immediate: !0
     });
-    function ht(t) {
-      return K.value ? $.value.get(t)?.level ?? 0 : 0;
+    function xt(t) {
+      return K.value ? q.value.get(t)?.level ?? 0 : 0;
     }
     function Ct(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, ht(t)) : l.rowClassName : "";
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, xt(t)) : l.rowClassName : "";
     }
-    function xt(t, o) {
+    function gt(t, o) {
       return l.customRow?.(t, o);
     }
-    function gt(t, o) {
+    function St(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function St(t) {
+    function bt(t) {
       if (typeof t.title != "function")
         return t.title ?? "";
       const o = t, u = Oe.value.filter((s) => !!s.column);
       return t.title({
         sortOrder: o.sorter ? O(o) ?? void 0 : void 0,
-        sortColumn: Fe.value.column,
+        sortColumn: ze.value.column,
         sortColumns: u.length > 0 ? u : void 0,
         filters: P()
       });
     }
-    function bt(t) {
+    function Rt(t) {
       return !!(t.sorter && O(t));
     }
-    const fe = {
+    const me = {
       width: "100%",
       minWidth: "100%"
-    }, Rt = {
+    }, Dt = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -623,73 +628,73 @@ const $l = /* @__PURE__ */ Nt({
       resizeHandle: e.resizeHandle,
       tdRowHover: e.tdRowHover,
       tdRowSelectedHover: e.tdRowSelectedHover
-    }, me = n(() => il(v.value)), pe = T(!1);
-    return ye(al, {
+    }, pe = n(() => sl(v.value)), ve = H(!1);
+    return he(rl, {
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
       getSortOrder: O,
-      toggleSortOrder: Be,
-      isColumnSorted: bt,
+      toggleSortOrder: Ne,
+      isColumnSorted: Rt,
       getFilteredValue: Pe,
-      confirmFilter: ze,
+      confirmFilter: ke,
       resetFilter: Ae,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: n(() => l.showSorterTooltip ?? me.value.showSorterTooltip),
+      showSorterTooltip: n(() => l.showSorterTooltip ?? pe.value.showSorterTooltip),
       headerEllipsis: n(() => l.headerEllipsis),
-      subThemeSlots: Rt,
-      presetConfig: me,
+      subThemeSlots: Dt,
+      presetConfig: pe,
       themePreset: v,
       cssMode: w,
       classPrefix: C,
-      vtgClass: (t) => H(t, w.value, C.value),
-      compatClass: V,
-      localeName: N,
-      locale: Le,
+      vtgClass: (t) => L(t, w.value, C.value),
+      compatClass: b,
+      localeName: F,
+      locale: Be,
       rowSelection: () => l.rowSelection,
-      isSelected: Ue,
-      isDisabledRow: Ge,
-      getSelectionState: Ye,
-      toggleRow: Xe,
-      toggleAll: $e,
-      allCheckedState: () => Je.value,
-      getRowKey: E,
-      invertSelection: qe,
-      clearSelection: Qe,
-      getChangeableRowKeys: Ze,
-      fixedOffsets: te,
-      scrollState: Z,
+      isSelected: Ge,
+      isDisabledRow: Ye,
+      getSelectionState: Xe,
+      toggleRow: $e,
+      toggleAll: Je,
+      allCheckedState: () => qe.value,
+      getRowKey: I,
+      invertSelection: Qe,
+      clearSelection: Ze,
+      getChangeableRowKeys: et,
+      fixedOffsets: oe,
+      scrollState: te,
       leafColumnCount: n(() => f.value.length),
       bordered: n(() => l.bordered),
-      tableLayout: ne,
+      tableLayout: M,
       sticky: n(() => l.sticky),
-      getRowProps: xt,
+      getRowProps: gt,
       getRowClassName: Ct,
-      getHeaderRowProps: gt,
-      getColumnTitle: St,
+      getHeaderRowProps: St,
+      getColumnTitle: bt,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
-      isExpanded: et,
-      toggleExpand: lt,
-      isRowExpandable: J,
-      columnWidths: se,
-      startResize: vt,
-      isResizing: () => wt.value,
+      isExpanded: tt,
+      toggleExpand: ot,
+      isRowExpandable: Q,
+      columnWidths: ue,
+      startResize: wt,
+      isResizing: () => yt.value,
       displayColumns: n(() => f.value),
       registerSummaryFixed: (t) => {
-        pe.value = t;
+        ve.value = t;
       },
       isTreeData: K,
-      treeFlattenData: X,
-      getFlattenRow: (t) => $.value.get(t),
+      treeFlattenData: J,
+      getFlattenRow: (t) => q.value.get(t),
       toggleTreeExpand: We,
-      isTreeExpanded: ke,
-      treeIndentSize: _e,
-      hoverRange: Me,
-      setHoverRange: je,
-      clearHoverRange: Ve,
+      isTreeExpanded: _e,
+      treeIndentSize: Me,
+      hoverRange: je,
+      setHoverRange: Ve,
+      clearHoverRange: Ue,
       hoverable: n(() => l.hoverable !== !1)
     }), () => {
       let t;
@@ -697,143 +702,143 @@ const $l = /* @__PURE__ */ Nt({
         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 = pe.value !== !1, m = l.scroll, p = {
-        tableLayout: ne.value
+      }) : null, s = d.summary ? d.summary() : null, h = ve.value !== !1, m = l.scroll, p = {
+        tableLayout: M.value
       };
-      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = ut.value ? "max-content" : "100%";
-      const c = l.loading, Dt = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, Et = typeof c == "object" && c !== null ? c.indicator : void 0, It = typeof c == "object" && c !== null ? c.tip : void 0, ve = Dt && (d.loading ? a(Se, {
+      m?.x ? (p.width = typeof m.x == "number" ? `${m.x}px` : m.x, p.minWidth = "100%") : p.width = ct.value ? "max-content" : "100%";
+      const c = l.loading, Et = c === !0 || typeof c == "object" && c !== null && c.spinning !== !1, It = typeof c == "object" && c !== null ? c.indicator : void 0, Tt = typeof c == "object" && c !== null ? c.tip : void 0, we = Et && (d.loading ? a(be, {
         loadingClass: e.loading()
-      }, Re(t = d.loading()) ? t : {
+      }, De(t = d.loading()) ? t : {
         default: () => [t]
-      }) : a(Se, {
+      }) : a(be, {
         loadingClass: e.loading(),
-        indicator: Et,
-        tip: It
+        indicator: It,
+        tip: Tt
       }, null));
-      if (it.value) {
-        const Tt = l.showHeader !== !1 ? a("div", {
-          ref: q,
-          class: e.headerWrapper(),
-          style: ct.value
+      if (st.value) {
+        const Ht = l.showHeader !== !1 ? a("div", {
+          ref: Z,
+          class: x(e.headerWrapper(), g.value && b?.("sticky-holder")),
+          style: ft.value
         }, [a("div", {
-          class: H("block w-full min-w-full", w.value, C.value)
+          class: L("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: S.value,
+          class: R.value,
           style: p
-        }, [a(B, {
+        }, [a(N, {
           columns: f.value
-        }, null), a(xe, {
+        }, null), a(ge, {
           rows: W.value,
           theadClass: e.thead(),
           rowClass: e.tr(),
-          thClass: re.value,
+          thClass: de.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, Ht = I.value ? a(sl, {
+        }, null)])])]) : null, Lt = T.value ? a(ul, {
           dataSource: y.value,
           columns: f.value,
           tbodyClass: e.tbody(),
           rowClass: e.tr(),
-          tdClass: _.value,
+          tdClass: V.value,
           emptyClass: e.empty(),
           bodyCellEllipsisClass: e.bodyCellEllipsis(),
-          tableClass: S.value,
+          tableClass: R.value,
           tableStyle: p,
           rowKey: l.rowKey,
-          height: mt.value,
-          itemHeight: ft.value,
-          fixedHeight: pt.value,
-          virtualColumn: M.value,
-          columnMetrics: ce.value,
+          height: pt.value,
+          itemHeight: mt.value,
+          fixedHeight: vt.value,
+          virtualColumn: U.value,
+          columnMetrics: fe.value,
           showScrollBar: "hover",
-          onVirtualScroll: (we) => {
-            dt(we.x, we.maxX);
+          onVirtualScroll: (ye) => {
+            it(ye.x, ye.maxX);
           }
-        }, null) : null, Lt = I.value ? null : a(he, {
-          ref: de,
+        }, null) : null, Bt = T.value ? null : a(xe, {
+          ref: ie,
           maxHeight: m?.y !== void 0 ? typeof m.y == "number" ? m.y : String(m.y) : void 0,
           wrapClass: e.bodyWrapper(),
-          viewStyle: fe,
-          onScroll: ee
+          viewStyle: me,
+          onScroll: le
         }, {
           default: () => [a("table", {
-            class: S.value,
+            class: R.value,
             style: p
-          }, [a(B, {
+          }, [a(N, {
             columns: f.value
-          }, null), a(ge, {
+          }, null), a(Se, {
             dataSource: y.value,
             columns: f.value,
             tbodyClass: e.tbody(),
             rowClass: e.tr(),
-            tdClass: _.value,
+            tdClass: V.value,
             emptyClass: e.empty(),
             bodyCellEllipsisClass: e.bodyCellEllipsis(),
             rowKey: l.rowKey
           }, null), s && !h && a("tfoot", {
             class: e.summary()
           }, [s])])]
-        }), Bt = s && h ? a("div", {
-          class: e.headerWrapper(),
+        }), Nt = s && h ? a("div", {
+          class: x(e.headerWrapper(), b?.("summary"), g.value && b?.("sticky-holder")),
           style: {
             position: "sticky",
-            bottom: `${R.value?.offsetSummary ?? 0}px`,
+            bottom: `${g.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
           }
         }, [a("div", {
-          class: H("block w-full min-w-full", w.value, C.value)
+          class: L("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: S.value,
+          class: R.value,
           style: p
-        }, [a(B, {
+        }, [a(N, {
           columns: f.value
         }, null), a("tfoot", {
           class: e.summary()
         }, [s])])])]) : null;
         return a("div", {
-          class: g(e.root(), le.value)
+          class: x(e.root(), ne.value)
         }, [o && a("div", {
           class: e.title()
         }, [o]), a("div", {
-          class: g(e.wrapper(), R.value && H("overflow-clip", w.value, C.value))
-        }, [Tt, Ht, Lt, Bt, ve]), u && a("div", {
+          class: x(e.wrapper(), g.value && L("overflow-clip", w.value, C.value))
+        }, [Ht, Lt, Bt, Nt, we]), u && a("div", {
           class: e.footer()
         }, [u])]);
       }
-      const j = a(zt, null, [a("table", {
-        class: S.value,
+      const G = a(kt, null, [a("table", {
+        class: R.value,
         style: p
-      }, [a(B, {
+      }, [a(N, {
         columns: f.value
-      }, null), l.showHeader !== !1 && a(xe, {
+      }, null), l.showHeader !== !1 && a(ge, {
         rows: W.value,
         theadClass: e.thead(),
         rowClass: e.tr(),
-        thClass: re.value,
+        thClass: de.value,
         headerCellInnerClass: e.headerCellInner()
-      }, null), a(ge, {
+      }, null), a(Se, {
         dataSource: y.value,
         columns: f.value,
         tbodyClass: e.tbody(),
         rowClass: e.tr(),
-        tdClass: _.value,
+        tdClass: V.value,
         emptyClass: e.empty(),
         bodyCellEllipsisClass: e.bodyCellEllipsis(),
         rowKey: l.rowKey
       }, null), s && a("tfoot", {
         class: e.summary()
-      }, [s])]), ve]);
+      }, [s])]), we]);
       return a("div", {
-        class: g(e.root(), le.value)
+        class: x(e.root(), ne.value)
       }, [o && a("div", {
         class: e.title()
-      }, [o]), a(he, {
-        ref: ie,
+      }, [o]), a(xe, {
+        ref: se,
         wrapClass: e.wrapper(),
-        viewStyle: fe,
-        onScroll: ee
-      }, Re(j) ? j : {
-        default: () => [j]
+        viewStyle: me,
+        onScroll: le
+      }, De(G) ? G : {
+        default: () => [G]
       }), u && a("div", {
         class: e.footer()
       }, [u])]);
@@ -841,5 +846,5 @@ const $l = /* @__PURE__ */ Nt({
   }
 });
 export {
-  $l as default
+  Jl as default
 };