@vtable-guild/vtable-guild 2.5.0 → 2.6.1

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

@@ -1,43 +1,45 @@
-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 { 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 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);
+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 _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 ul = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
-function ge() {
+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 ul.forEach(([i, r]) => {
+  return vl.forEach(([i, r]) => {
     if (i === "xs") {
       l < 576 && d.add("xs");
       return;
@@ -45,7 +47,7 @@ function ge() {
     l >= r && d.add(i);
   }), d;
 }
-function Se(l, d) {
+function Ie(l, d) {
   return l.reduce((i, r) => {
     if (typeof r == "symbol")
       return i.push(r), i;
@@ -53,7 +55,7 @@ function Se(l, d) {
       return i;
     const v = r.fixed === !0 ? "left" : r.fixed;
     if ("children" in r && Array.isArray(r.children)) {
-      const w = Se(r.children, d);
+      const w = Ie(r.children, d);
       return w.length === 0 || i.push({
         ...r,
         fixed: v,
@@ -66,7 +68,7 @@ function Se(l, d) {
     }), i;
   }, []);
 }
-const Ml = /* @__PURE__ */ Lt({
+const Jl = /* @__PURE__ */ Ft({
   name: "VTable",
   props: {
     dataSource: {
@@ -257,19 +259,19 @@ const Ml = /* @__PURE__ */ Lt({
     slots: d,
     emit: i
   }) {
-    const r = Bt(ve, null), v = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), x = n(() => r?.classPrefix ?? "vtg"), be = 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: 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)
+        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)
       };
     });
-    me(ve, {
+    he(Ce, {
       get themePreset() {
         return v.value;
       },
@@ -277,10 +279,10 @@ const Ml = /* @__PURE__ */ Lt({
         return w.value;
       },
       get classPrefix() {
-        return x.value;
+        return C.value;
       },
       get theme() {
-        return be.value;
+        return Te.value;
       },
       get locale() {
         return r?.locale ?? "zh-CN";
@@ -292,142 +294,144 @@ const Ml = /* @__PURE__ */ Lt({
         return r?.localeOverrides ?? {};
       }
     });
-    const De = n(() => jt(v.value) ?? rl), {
+    const He = n(() => Gt(v.value) ?? cl), {
       slots: e
-    } = zt("table", De, l), N = n(() => l.locale ?? r?.locale ?? "zh-CN"), Re = 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 ?? {}
-    })), 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();
+    })), 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();
     }
-    Nt(() => {
-      F(), window.addEventListener("resize", F);
-    }), Ft(() => {
-      window.removeEventListener("resize", F);
+    Ot(() => {
+      z(), window.addEventListener("resize", z);
+    }), Pt(() => {
+      window.removeEventListener("resize", z);
     });
-    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), {
+    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: Ie,
-      sortData: Te,
-      sorterState: He,
-      sorterResult: G,
-      sortColumns: Le
-    } = dl({
-      columns: () => D.value,
+      toggleSortOrder: Ne,
+      sortData: Fe,
+      sorterState: ze,
+      sorterResult: $,
+      sortColumns: Oe
+    } = fl({
+      columns: () => E.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
-        const o = z();
+        const o = k();
         i("change", P(), t, {
           action: "sort",
           currentDataSource: o
         });
       }
     }), {
-      getFilteredValue: Be,
-      confirmFilter: Ne,
-      resetFilter: Fe,
+      getFilteredValue: Pe,
+      confirmFilter: ke,
+      resetFilter: Ae,
       getAllFilters: P,
-      filterData: Oe
-    } = il({
-      columns: () => D.value,
+      filterData: Ke
+    } = ml({
+      columns: () => E.value,
       onFilterChange(t) {
-        const o = z();
-        i("change", t, G.value, {
+        const o = k();
+        i("change", t, $.value, {
           action: "filter",
           currentDataSource: o
         });
       }
     });
-    function z() {
+    function k() {
       let t = l.dataSource;
-      return t = Oe(t), t = Te(t), t;
+      return t = Ke(t), t = Fe(t), t;
     }
-    const A = n(() => z());
-    function R(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: Y,
-      rowMetaMap: X,
+      flattenData: J,
+      rowMetaMap: q,
       isTreeData: K,
-      toggleTreeExpand: Pe,
-      isTreeExpanded: ze,
-      indentSize: Ae
-    } = Zt({
+      toggleTreeExpand: We,
+      isTreeExpanded: _e,
+      indentSize: Me
+    } = nl({
       data: () => A.value,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: R,
+      getRowKey: I,
       defaultExpandedRowKeys: () => l.defaultExpandedRowKeys,
       expandedRowKeys: () => l.expandedRowKeys,
       defaultExpandAllRows: () => l.defaultExpandAllRows,
       onExpand: l.onExpand,
       onExpandedRowsChange: l.onExpandedRowsChange
     }), {
-      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({
+      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: R,
+      getRowKey: I,
       data: () => A.value,
       visibleData: () => y.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        i("change", P(), G.value, {
+        i("change", P(), $.value, {
           action: "select",
           currentDataSource: y.value
         });
       }
     }), {
-      isExpanded: Je,
-      toggleExpand: qe
-    } = Jt({
+      isExpanded: tt,
+      toggleExpand: lt
+    } = tl({
       expandable: () => l.expandable,
-      getRowKey: R,
+      getRowKey: I,
       data: () => y.value
-    }), $ = (t) => {
+    }), Q = (t) => {
       const o = l.expandable;
       return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
-    }, Qe = (t, o) => {
-      $(t) && qe(t, o);
-    }, Ze = "__vtg_selection__", et = "__vtg_expand__", tt = 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: et,
+        key: at,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
       } : null, s = o ? {
-        key: Ze,
+        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 U.value) {
-        if (c === ll) {
+      for (const c of X.value) {
+        if (c === dl) {
           u && !m && (h.push(u), m = !0);
           continue;
         }
-        if (c === ol) {
+        if (c === il) {
           s && !p && (h.push(s), p = !0);
           continue;
         }
@@ -437,33 +441,42 @@ const Ml = /* @__PURE__ */ Lt({
     }), {
       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({
+    } = 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
-    }), 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)
+    }), 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: `${b.value.offsetHeader ?? 0}px`,
+          top: `${g.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
     }), {
-      enabled: E,
-      itemHeight: ut,
-      listHeight: ct,
-      fixedHeight: ft
-    } = Qt({
+      enabled: T,
+      itemHeight: mt,
+      listHeight: pt,
+      fixedHeight: vt
+    } = ol({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight
-    }), te = n(() => D.value.some((t) => !!t.customCell || !!t.customRender)), k = n(() => !lt.value || l.bordered ? {
+    }), re = n(() => E.value.some((t) => !!t.customCell || !!t.customRender)), j = n(() => !dt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -471,74 +484,74 @@ const Ml = /* @__PURE__ */ Lt({
       table: e.groupedHeaderTable(),
       th: e.groupedHeaderTh(),
       td: e.groupedHeaderTd()
-    }), 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]) => {
+    }), 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 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 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: ae,
-      startResize: mt,
-      isResizing: pt
-    } = qt({
+      columnWidths: ue,
+      startResize: wt,
+      isResizing: yt
+    } = ll({
       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) => {
+    }), 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: de
-    } = Xt({
-      enabled: () => M.value,
-      headerEl: () => J.value,
+      metrics: fe
+    } = Zt({
+      enabled: () => U.value,
+      headerEl: () => Z.value,
       columns: () => f.value,
-      columnWidths: ae,
+      columnWidths: ue,
       hasHeader: () => l.showHeader !== !1
     });
-    S([M, de], ([t, o]) => {
+    D([U, fe], ([t, o]) => {
       !t || o || l.showHeader;
     }, {
       immediate: !0
     });
-    function wt(t) {
-      return K.value ? X.value.get(t)?.level ?? 0 : 0;
+    function xt(t) {
+      return K.value ? q.value.get(t)?.level ?? 0 : 0;
     }
-    function yt(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, wt(t)) : l.rowClassName : "";
+    function Ct(t, o) {
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, xt(t)) : l.rowClassName : "";
     }
-    function ht(t, o) {
+    function gt(t, o) {
       return l.customRow?.(t, o);
     }
-    function xt(t, o) {
+    function St(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function Ct(t) {
+    function bt(t) {
       if (typeof t.title != "function")
         return t.title ?? "";
-      const o = t, u = Le.value.filter((s) => !!s.column);
+      const o = t, u = Oe.value.filter((s) => !!s.column);
       return t.title({
         sortOrder: o.sorter ? O(o) ?? void 0 : void 0,
-        sortColumn: He.value.column,
+        sortColumn: ze.value.column,
         sortColumns: u.length > 0 ? u : void 0,
         filters: P()
       });
     }
-    function gt(t) {
+    function Rt(t) {
       return !!(t.sorter && O(t));
     }
-    const ie = {
+    const me = {
       width: "100%",
       minWidth: "100%"
-    }, St = {
+    }, Dt = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -615,72 +628,73 @@ const Ml = /* @__PURE__ */ Lt({
       resizeHandle: e.resizeHandle,
       tdRowHover: e.tdRowHover,
       tdRowSelectedHover: e.tdRowSelectedHover
-    }, se = n(() => nl(v.value)), ue = I(!1);
-    return me(tl, {
+    }, pe = n(() => sl(v.value)), ve = H(!1);
+    return he(rl, {
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
       getSortOrder: O,
-      toggleSortOrder: Ie,
-      isColumnSorted: gt,
-      getFilteredValue: Be,
-      confirmFilter: Ne,
-      resetFilter: Fe,
+      toggleSortOrder: Ne,
+      isColumnSorted: Rt,
+      getFilteredValue: Pe,
+      confirmFilter: ke,
+      resetFilter: Ae,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: n(() => l.showSorterTooltip ?? se.value.showSorterTooltip),
+      showSorterTooltip: n(() => l.showSorterTooltip ?? pe.value.showSorterTooltip),
       headerEllipsis: n(() => l.headerEllipsis),
-      subThemeSlots: St,
-      presetConfig: se,
+      subThemeSlots: Dt,
+      presetConfig: pe,
       themePreset: v,
       cssMode: w,
-      classPrefix: x,
-      vtgClass: (t) => T(t, w.value, x.value),
-      localeName: N,
-      locale: Ee,
+      classPrefix: C,
+      vtgClass: (t) => L(t, w.value, C.value),
+      compatClass: b,
+      localeName: F,
+      locale: Be,
       rowSelection: () => l.rowSelection,
-      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,
+      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: ee,
+      tableLayout: M,
       sticky: n(() => l.sticky),
-      getRowProps: ht,
-      getRowClassName: yt,
-      getHeaderRowProps: xt,
-      getColumnTitle: Ct,
+      getRowProps: gt,
+      getRowClassName: Ct,
+      getHeaderRowProps: St,
+      getColumnTitle: bt,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
-      isExpanded: Je,
-      toggleExpand: Qe,
-      isRowExpandable: $,
-      columnWidths: ae,
-      startResize: mt,
-      isResizing: () => pt.value,
+      isExpanded: tt,
+      toggleExpand: ot,
+      isRowExpandable: Q,
+      columnWidths: ue,
+      startResize: wt,
+      isResizing: () => yt.value,
       displayColumns: n(() => f.value),
       registerSummaryFixed: (t) => {
-        ue.value = t;
+        ve.value = t;
       },
       isTreeData: K,
-      treeFlattenData: Y,
-      getFlattenRow: (t) => X.value.get(t),
-      toggleTreeExpand: Pe,
-      isTreeExpanded: ze,
-      treeIndentSize: Ae,
-      hoverRange: Ke,
-      setHoverRange: We,
-      clearHoverRange: ke,
+      treeFlattenData: J,
+      getFlattenRow: (t) => q.value.get(t),
+      toggleTreeExpand: We,
+      isTreeExpanded: _e,
+      treeIndentSize: Me,
+      hoverRange: je,
+      setHoverRange: Ve,
+      clearHoverRange: Ue,
       hoverable: n(() => l.hoverable !== !1)
     }), () => {
       let t;
@@ -688,143 +702,143 @@ const Ml = /* @__PURE__ */ Lt({
         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
+      }) : 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 = 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, {
+      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()
-      }, Ce(t = d.loading()) ? t : {
+      }, De(t = d.loading()) ? t : {
         default: () => [t]
-      }) : a(he, {
+      }) : a(be, {
         loadingClass: e.loading(),
-        indicator: Dt,
-        tip: Rt
+        indicator: It,
+        tip: Tt
       }, null));
-      if (rt.value) {
-        const Et = l.showHeader !== !1 ? a("div", {
-          ref: J,
-          class: e.headerWrapper(),
-          style: st.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: T("block w-full min-w-full", w.value, x.value)
+          class: L("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: g.value,
+          class: R.value,
           style: p
-        }, [a(L, {
+        }, [a(N, {
           columns: f.value
-        }, null), a(we, {
+        }, null), a(ge, {
           rows: W.value,
           theadClass: e.thead(),
           rowClass: e.tr(),
-          thClass: le.value,
+          thClass: de.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, It = E.value ? a(al, {
+        }, 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: g.value,
+          tableClass: R.value,
           tableStyle: p,
           rowKey: l.rowKey,
-          height: ct.value,
-          itemHeight: ut.value,
-          fixedHeight: ft.value,
-          virtualColumn: M.value,
-          columnMetrics: de.value,
+          height: pt.value,
+          itemHeight: mt.value,
+          fixedHeight: vt.value,
+          virtualColumn: U.value,
+          columnMetrics: fe.value,
           showScrollBar: "hover",
-          onVirtualScroll: (fe) => {
-            at(fe.x, fe.maxX);
+          onVirtualScroll: (ye) => {
+            it(ye.x, ye.maxX);
           }
-        }, null) : null, Tt = E.value ? null : a(pe, {
-          ref: oe,
+        }, 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: ie,
-          onScroll: Q
+          viewStyle: me,
+          onScroll: le
         }, {
           default: () => [a("table", {
-            class: g.value,
+            class: R.value,
             style: p
-          }, [a(L, {
+          }, [a(N, {
             columns: f.value
-          }, null), a(ye, {
+          }, 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])])]
-        }), Ht = 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: `${b.value?.offsetSummary ?? 0}px`,
+            bottom: `${g.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
           }
         }, [a("div", {
-          class: T("block w-full min-w-full", w.value, x.value)
+          class: L("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: g.value,
+          class: R.value,
           style: p
-        }, [a(L, {
+        }, [a(N, {
           columns: f.value
         }, null), a("tfoot", {
           class: e.summary()
         }, [s])])])]) : null;
         return a("div", {
-          class: e.root()
+          class: x(e.root(), ne.value)
         }, [o && a("div", {
           class: e.title()
         }, [o]), a("div", {
-          class: B(e.wrapper(), b.value && T("overflow-clip", w.value, x.value))
-        }, [Et, It, Tt, Ht, ce]), 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(Ot, null, [a("table", {
-        class: g.value,
+      const G = a(kt, null, [a("table", {
+        class: R.value,
         style: p
-      }, [a(L, {
+      }, [a(N, {
         columns: f.value
-      }, null), l.showHeader !== !1 && a(we, {
+      }, null), l.showHeader !== !1 && a(ge, {
         rows: W.value,
         theadClass: e.thead(),
         rowClass: e.tr(),
-        thClass: le.value,
+        thClass: de.value,
         headerCellInnerClass: e.headerCellInner()
-      }, null), a(ye, {
+      }, 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])]), ce]);
+      }, [s])]), we]);
       return a("div", {
-        class: e.root()
+        class: x(e.root(), ne.value)
       }, [o && a("div", {
         class: e.title()
-      }, [o]), a(pe, {
-        ref: ne,
+      }, [o]), a(xe, {
+        ref: se,
         wrapClass: e.wrapper(),
-        viewStyle: ie,
-        onScroll: Q
-      }, Ce(j) ? j : {
-        default: () => [j]
+        viewStyle: me,
+        onScroll: le
+      }, De(G) ? G : {
+        default: () => [G]
       }), u && a("div", {
         class: e.footer()
       }, [u])]);
@@ -832,5 +846,5 @@ const Ml = /* @__PURE__ */ Lt({
   }
 });
 export {
-  Ml as default
+  Jl as default
 };