@vtable-guild/vtable-guild 2.5.0 → 2.6.0

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 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 "../../../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 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 { 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) {
+  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 pl = [["xxxl", 2e3], ["xxl", 1600], ["xl", 1200], ["lg", 992], ["md", 768], ["sm", 576], ["xs", 0]];
+function De() {
   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 pl.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 Ee(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 = Ee(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 $l = /* @__PURE__ */ Nt({
   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 = Ft(Ce, null), v = n(() => r?.themePreset ?? "antdv"), w = n(() => r?.cssMode ?? "prebuilt"), C = n(() => r?.classPrefix ?? "vtg"), Ie = 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: 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)
       };
     });
-    me(ve, {
+    ye(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 Ie.value;
       },
       get locale() {
         return r?.locale ?? "zh-CN";
@@ -292,33 +294,35 @@ const Ml = /* @__PURE__ */ Lt({
         return r?.localeOverrides ?? {};
       }
     });
-    const De = n(() => jt(v.value) ?? rl), {
+    const Te = n(() => Ut(v.value) ?? ul), {
       slots: e
-    } = zt("table", De, l), N = n(() => l.locale ?? r?.locale ?? "zh-CN"), Re = n(() => ({
+    } = 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(() => ({
       ...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());
+    })), 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() {
-      V.value = ge();
+      U.value = De();
     }
-    Nt(() => {
+    Ot(() => {
       F(), window.addEventListener("resize", F);
-    }), Ft(() => {
+    }), Pt(() => {
       window.removeEventListener("resize", F);
     });
-    const U = n(() => Se(l.columns, V.value)), b = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+    const G = n(() => Ee(l.columns, U.value)), R = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
       leafColumns: D
-    } = xe(() => U.value), {
+    } = be(() => G.value), {
       getSortOrder: O,
-      toggleSortOrder: Ie,
-      sortData: Te,
-      sorterState: He,
-      sorterResult: G,
-      sortColumns: Le
-    } = dl({
+      toggleSortOrder: Be,
+      sortData: Ne,
+      sorterState: Fe,
+      sorterResult: Y,
+      sortColumns: Oe
+    } = cl({
       columns: () => D.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
@@ -329,16 +333,16 @@ const Ml = /* @__PURE__ */ Lt({
         });
       }
     }), {
-      getFilteredValue: Be,
-      confirmFilter: Ne,
-      resetFilter: Fe,
+      getFilteredValue: Pe,
+      confirmFilter: ze,
+      resetFilter: Ae,
       getAllFilters: P,
-      filterData: Oe
-    } = il({
+      filterData: Ke
+    } = fl({
       columns: () => D.value,
       onFilterChange(t) {
         const o = z();
-        i("change", t, G.value, {
+        i("change", t, Y.value, {
           action: "filter",
           currentDataSource: o
         });
@@ -346,88 +350,88 @@ const Ml = /* @__PURE__ */ Lt({
     });
     function z() {
       let t = l.dataSource;
-      return t = Oe(t), t = Te(t), t;
+      return t = Ke(t), t = Ne(t), t;
     }
     const A = n(() => z());
-    function R(t, o) {
+    function E(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: X,
+      rowMetaMap: $,
       isTreeData: K,
-      toggleTreeExpand: Pe,
-      isTreeExpanded: ze,
-      indentSize: Ae
-    } = Zt({
+      toggleTreeExpand: We,
+      isTreeExpanded: ke,
+      indentSize: _e
+    } = ol({
       data: () => A.value,
       childrenColumnName: () => l.childrenColumnName,
       indentSize: () => l.indentSize,
-      getRowKey: R,
+      getRowKey: E,
       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: 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({
       rowSelection: () => l.rowSelection,
-      getRowKey: R,
+      getRowKey: E,
       data: () => A.value,
       visibleData: () => y.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        i("change", P(), G.value, {
+        i("change", P(), Y.value, {
           action: "select",
           currentDataSource: y.value
         });
       }
     }), {
-      isExpanded: Je,
-      toggleExpand: qe
-    } = Jt({
+      isExpanded: et,
+      toggleExpand: tt
+    } = el({
       expandable: () => l.expandable,
-      getRowKey: R,
+      getRowKey: E,
       data: () => y.value
-    }), $ = (t) => {
+    }), J = (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(() => {
+    }, lt = (t, o) => {
+      J(t) && tt(t, o);
+    }, ot = "__vtg_selection__", nt = "__vtg_expand__", at = n(() => {
       const t = l.expandable, o = l.rowSelection, u = t && t.showExpandColumn !== !1 ? {
-        key: et,
+        key: nt,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
       } : null, s = o ? {
-        key: Ze,
+        key: ot,
         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 G.value) {
+        if (c === rl) {
           u && !m && (h.push(u), m = !0);
           continue;
         }
-        if (c === ol) {
+        if (c === dl) {
           s && !p && (h.push(s), p = !0);
           continue;
         }
@@ -437,33 +441,37 @@ 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({
+    } = be(() => at.value), rt = n(() => W.value.length > 1), {
+      headerWrapRef: q,
+      bodyWrapRef: Q,
+      scrollState: Z,
+      handleBodyScroll: ee,
+      fixedOffsets: te,
+      syncHorizontalScroll: dt
+    } = 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)
+    }), 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)
         return {
           position: "sticky",
-          top: `${b.value.offsetHeader ?? 0}px`,
+          top: `${R.value.offsetHeader ?? 0}px`,
           zIndex: "4"
         };
     }), {
-      enabled: E,
-      itemHeight: ut,
-      listHeight: ct,
-      fixedHeight: ft
-    } = Qt({
+      enabled: I,
+      itemHeight: ft,
+      listHeight: mt,
+      fixedHeight: pt
+    } = ll({
       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 ? {
+    }), ae = n(() => D.value.some((t) => !!t.customCell || !!t.customRender)), k = n(() => !rt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -471,74 +479,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]) => {
+    }), 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]) => {
     }, {
       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 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 {
-      columnWidths: ae,
-      startResize: mt,
-      isResizing: pt
-    } = qt({
+      columnWidths: se,
+      startResize: vt,
+      isResizing: wt
+    } = tl({
       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) => {
+    }), 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) => {
     }, {
       immediate: !0
     });
     const {
-      metrics: de
-    } = Xt({
+      metrics: ce
+    } = Qt({
       enabled: () => M.value,
-      headerEl: () => J.value,
+      headerEl: () => q.value,
       columns: () => f.value,
-      columnWidths: ae,
+      columnWidths: se,
       hasHeader: () => l.showHeader !== !1
     });
-    S([M, de], ([t, o]) => {
+    b([M, ce], ([t, o]) => {
       !t || o || l.showHeader;
     }, {
       immediate: !0
     });
-    function wt(t) {
-      return K.value ? X.value.get(t)?.level ?? 0 : 0;
+    function ht(t) {
+      return K.value ? $.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, ht(t)) : l.rowClassName : "";
     }
-    function ht(t, o) {
+    function xt(t, o) {
       return l.customRow?.(t, o);
     }
-    function xt(t, o) {
+    function gt(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function Ct(t) {
+    function St(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: Fe.value.column,
         sortColumns: u.length > 0 ? u : void 0,
         filters: P()
       });
     }
-    function gt(t) {
+    function bt(t) {
       return !!(t.sorter && O(t));
     }
-    const ie = {
+    const fe = {
       width: "100%",
       minWidth: "100%"
-    }, St = {
+    }, Rt = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -615,72 +623,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, {
+    }, me = n(() => il(v.value)), pe = T(!1);
+    return ye(al, {
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
       getSortOrder: O,
-      toggleSortOrder: Ie,
-      isColumnSorted: gt,
-      getFilteredValue: Be,
-      confirmFilter: Ne,
-      resetFilter: Fe,
+      toggleSortOrder: Be,
+      isColumnSorted: bt,
+      getFilteredValue: Pe,
+      confirmFilter: ze,
+      resetFilter: Ae,
       customFilterDropdown: d.customFilterDropdown,
       customFilterIcon: d.customFilterIcon,
-      showSorterTooltip: n(() => l.showSorterTooltip ?? se.value.showSorterTooltip),
+      showSorterTooltip: n(() => l.showSorterTooltip ?? me.value.showSorterTooltip),
       headerEllipsis: n(() => l.headerEllipsis),
-      subThemeSlots: St,
-      presetConfig: se,
+      subThemeSlots: Rt,
+      presetConfig: me,
       themePreset: v,
       cssMode: w,
-      classPrefix: x,
-      vtgClass: (t) => T(t, w.value, x.value),
+      classPrefix: C,
+      vtgClass: (t) => H(t, w.value, C.value),
+      compatClass: V,
       localeName: N,
-      locale: Ee,
+      locale: Le,
       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: Ue,
+      isDisabledRow: Ge,
+      getSelectionState: Ye,
+      toggleRow: Xe,
+      toggleAll: $e,
+      allCheckedState: () => Je.value,
+      getRowKey: E,
+      invertSelection: qe,
+      clearSelection: Qe,
+      getChangeableRowKeys: Ze,
+      fixedOffsets: te,
+      scrollState: Z,
       leafColumnCount: n(() => f.value.length),
       bordered: n(() => l.bordered),
-      tableLayout: ee,
+      tableLayout: ne,
       sticky: n(() => l.sticky),
-      getRowProps: ht,
-      getRowClassName: yt,
-      getHeaderRowProps: xt,
-      getColumnTitle: Ct,
+      getRowProps: xt,
+      getRowClassName: Ct,
+      getHeaderRowProps: gt,
+      getColumnTitle: St,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
-      isExpanded: Je,
-      toggleExpand: Qe,
-      isRowExpandable: $,
-      columnWidths: ae,
-      startResize: mt,
-      isResizing: () => pt.value,
+      isExpanded: et,
+      toggleExpand: lt,
+      isRowExpandable: J,
+      columnWidths: se,
+      startResize: vt,
+      isResizing: () => wt.value,
       displayColumns: n(() => f.value),
       registerSummaryFixed: (t) => {
-        ue.value = t;
+        pe.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: X,
+      getFlattenRow: (t) => $.value.get(t),
+      toggleTreeExpand: We,
+      isTreeExpanded: ke,
+      treeIndentSize: _e,
+      hoverRange: Me,
+      setHoverRange: je,
+      clearHoverRange: Ve,
       hoverable: n(() => l.hoverable !== !1)
     }), () => {
       let t;
@@ -688,38 +697,38 @@ 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 = pe.value !== !1, m = l.scroll, p = {
+        tableLayout: ne.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 = 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, {
         loadingClass: e.loading()
-      }, Ce(t = d.loading()) ? t : {
+      }, Re(t = d.loading()) ? t : {
         default: () => [t]
-      }) : a(he, {
+      }) : a(Se, {
         loadingClass: e.loading(),
-        indicator: Dt,
-        tip: Rt
+        indicator: Et,
+        tip: It
       }, null));
-      if (rt.value) {
-        const Et = l.showHeader !== !1 ? a("div", {
-          ref: J,
+      if (it.value) {
+        const Tt = l.showHeader !== !1 ? a("div", {
+          ref: q,
           class: e.headerWrapper(),
-          style: st.value
+          style: ct.value
         }, [a("div", {
-          class: T("block w-full min-w-full", w.value, x.value)
+          class: H("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: g.value,
+          class: S.value,
           style: p
-        }, [a(L, {
+        }, [a(B, {
           columns: f.value
-        }, null), a(we, {
+        }, null), a(xe, {
           rows: W.value,
           theadClass: e.thead(),
           rowClass: e.tr(),
-          thClass: le.value,
+          thClass: re.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, It = E.value ? a(al, {
+        }, null)])])]) : null, Ht = I.value ? a(sl, {
           dataSource: y.value,
           columns: f.value,
           tbodyClass: e.tbody(),
@@ -727,31 +736,31 @@ const Ml = /* @__PURE__ */ Lt({
           tdClass: _.value,
           emptyClass: e.empty(),
           bodyCellEllipsisClass: e.bodyCellEllipsis(),
-          tableClass: g.value,
+          tableClass: S.value,
           tableStyle: p,
           rowKey: l.rowKey,
-          height: ct.value,
-          itemHeight: ut.value,
-          fixedHeight: ft.value,
+          height: mt.value,
+          itemHeight: ft.value,
+          fixedHeight: pt.value,
           virtualColumn: M.value,
-          columnMetrics: de.value,
+          columnMetrics: ce.value,
           showScrollBar: "hover",
-          onVirtualScroll: (fe) => {
-            at(fe.x, fe.maxX);
+          onVirtualScroll: (we) => {
+            dt(we.x, we.maxX);
           }
-        }, null) : null, Tt = E.value ? null : a(pe, {
-          ref: oe,
+        }, null) : null, Lt = I.value ? null : a(he, {
+          ref: de,
           maxHeight: m?.y !== void 0 ? typeof m.y == "number" ? m.y : String(m.y) : void 0,
           wrapClass: e.bodyWrapper(),
-          viewStyle: ie,
-          onScroll: Q
+          viewStyle: fe,
+          onScroll: ee
         }, {
           default: () => [a("table", {
-            class: g.value,
+            class: S.value,
             style: p
-          }, [a(L, {
+          }, [a(B, {
             columns: f.value
-          }, null), a(ye, {
+          }, null), a(ge, {
             dataSource: y.value,
             columns: f.value,
             tbodyClass: e.tbody(),
@@ -763,46 +772,46 @@ const Ml = /* @__PURE__ */ Lt({
           }, null), s && !h && a("tfoot", {
             class: e.summary()
           }, [s])])]
-        }), Ht = s && h ? a("div", {
+        }), Bt = s && h ? a("div", {
           class: e.headerWrapper(),
           style: {
             position: "sticky",
-            bottom: `${b.value?.offsetSummary ?? 0}px`,
+            bottom: `${R.value?.offsetSummary ?? 0}px`,
             zIndex: "4",
             overflow: "hidden"
           }
         }, [a("div", {
-          class: T("block w-full min-w-full", w.value, x.value)
+          class: H("block w-full min-w-full", w.value, C.value)
         }, [a("table", {
-          class: g.value,
+          class: S.value,
           style: p
-        }, [a(L, {
+        }, [a(B, {
           columns: f.value
         }, null), a("tfoot", {
           class: e.summary()
         }, [s])])])]) : null;
         return a("div", {
-          class: e.root()
+          class: g(e.root(), le.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: g(e.wrapper(), R.value && H("overflow-clip", w.value, C.value))
+        }, [Tt, Ht, Lt, Bt, ve]), u && a("div", {
           class: e.footer()
         }, [u])]);
       }
-      const j = a(Ot, null, [a("table", {
-        class: g.value,
+      const j = a(zt, null, [a("table", {
+        class: S.value,
         style: p
-      }, [a(L, {
+      }, [a(B, {
         columns: f.value
-      }, null), l.showHeader !== !1 && a(we, {
+      }, null), l.showHeader !== !1 && a(xe, {
         rows: W.value,
         theadClass: e.thead(),
         rowClass: e.tr(),
-        thClass: le.value,
+        thClass: re.value,
         headerCellInnerClass: e.headerCellInner()
-      }, null), a(ye, {
+      }, null), a(ge, {
         dataSource: y.value,
         columns: f.value,
         tbodyClass: e.tbody(),
@@ -813,17 +822,17 @@ const Ml = /* @__PURE__ */ Lt({
         rowKey: l.rowKey
       }, null), s && a("tfoot", {
         class: e.summary()
-      }, [s])]), ce]);
+      }, [s])]), ve]);
       return a("div", {
-        class: e.root()
+        class: g(e.root(), le.value)
       }, [o && a("div", {
         class: e.title()
-      }, [o]), a(pe, {
-        ref: ne,
+      }, [o]), a(he, {
+        ref: ie,
         wrapClass: e.wrapper(),
-        viewStyle: ie,
-        onScroll: Q
-      }, Ce(j) ? j : {
+        viewStyle: fe,
+        onScroll: ee
+      }, Re(j) ? j : {
         default: () => [j]
       }), u && a("div", {
         class: e.footer()
@@ -832,5 +841,5 @@ const Ml = /* @__PURE__ */ Lt({
   }
 });
 export {
-  Ml as default
+  $l as default
 };