@vtable-guild/vtable-guild 2.6.2 → 2.6.3

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

@@ -1,10 +1,10 @@
-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 { defineComponent as Nt, inject as Ft, computed as n, provide as he, ref as H, onMounted as zt, onBeforeUnmount as Ot, watch as D, createVNode as a, Fragment as Pt, isVNode as kt } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import { prefixVtgClassNames as L } from "../../../core/src/utils/classPrefix.mjs";
+import { prefixThemeConfig as At, 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 Ce from "../../../core/src/components/Scrollbar.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as xe } 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";
@@ -30,45 +30,45 @@ 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";
+import { cn as C } from "tailwind-variants";
 function De(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !At(l);
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !kt(l);
 }
 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 vl.forEach(([i, r]) => {
-    if (i === "xs") {
+  return vl.forEach(([s, r]) => {
+    if (s === "xs") {
       l < 576 && d.add("xs");
       return;
     }
-    l >= r && d.add(i);
+    l >= r && d.add(s);
   }), d;
 }
 function Ie(l, d) {
-  return l.reduce((i, r) => {
+  return l.reduce((s, r) => {
     if (typeof r == "symbol")
-      return i.push(r), i;
-    if (r.responsive?.length && !r.responsive.some((w) => d.has(w)))
-      return i;
-    const v = r.fixed === !0 ? "left" : r.fixed;
+      return s.push(r), s;
+    if (r.responsive?.length && !r.responsive.some((m) => d.has(m)))
+      return s;
+    const w = r.fixed === !0 ? "left" : r.fixed;
     if ("children" in r && Array.isArray(r.children)) {
-      const w = Ie(r.children, d);
-      return w.length === 0 || i.push({
+      const m = Ie(r.children, d);
+      return m.length === 0 || s.push({
         ...r,
-        fixed: v,
-        children: w
-      }), i;
+        fixed: w,
+        children: m
+      }), s;
     }
-    return i.push(v === r.fixed ? r : {
+    return s.push(w === r.fixed ? r : {
       ...r,
-      fixed: v
-    }), i;
+      fixed: w
+    }), s;
   }, []);
 }
-const Jl = /* @__PURE__ */ Ft({
+const Jl = /* @__PURE__ */ Nt({
   name: "VTable",
   props: {
     dataSource: {
@@ -251,35 +251,35 @@ const Jl = /* @__PURE__ */ Ft({
     }
   },
   emits: {
-    change: (l, d, i) => !0,
+    change: (l, d, s) => !0,
     resizeColumn: (l, d) => !0
   },
   slots: Object,
   setup(l, {
     slots: d,
-    emit: i
+    emit: s
   }) {
-    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;
+    const r = Ft(xe, null), w = n(() => r?.themePreset ?? "antdv"), m = n(() => r?.cssMode ?? "prebuilt"), x = n(() => r?.classPrefix ?? "vtg"), Te = n(() => {
+      const t = r?.theme ?? {}, o = w.value, i = (u) => At(u, m.value, x.value);
       return {
         ...t,
-        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)
+        button: S(i(Ut(o)), t.button),
+        checkbox: S(i(Vt(o)), t.checkbox),
+        input: S(i(jt(o)), t.input),
+        radio: S(i(Mt(o)), t.radio),
+        scrollbar: S(i(_t(o)), t.scrollbar),
+        tooltip: S(i(Wt(o)), t.tooltip)
       };
     });
-    he(Ce, {
+    he(xe, {
       get themePreset() {
-        return v.value;
+        return w.value;
       },
       get cssMode() {
-        return w.value;
+        return m.value;
       },
       get classPrefix() {
-        return C.value;
+        return x.value;
       },
       get theme() {
         return Te.value;
@@ -294,7 +294,7 @@ const Jl = /* @__PURE__ */ Ft({
         return r?.localeOverrides ?? {};
       }
     });
-    const He = n(() => Gt(v.value) ?? cl), {
+    const He = n(() => Gt(w.value) ?? cl), {
       slots: e
     } = Kt("table", He, l, {
       compatClasses: $t
@@ -302,32 +302,32 @@ const Jl = /* @__PURE__ */ Ft({
       ...r?.locales ?? {},
       ...l.locales ?? {}
     })), 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());
+      const t = Yt(w.value), o = Xt(w.value, F.value), i = Le.value[F.value]?.table, u = B(B(t, o), i);
+      return B(u, B(r?.localeOverrides?.table ?? {}, l.localeOverrides));
+    }), G = H(Ee());
     function z() {
-      Y.value = Ee();
+      G.value = Ee();
     }
-    Ot(() => {
+    zt(() => {
       z(), window.addEventListener("resize", z);
-    }), Pt(() => {
+    }), Ot(() => {
       window.removeEventListener("resize", z);
     });
-    const X = n(() => Ie(l.columns, Y.value)), g = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
+    const Y = n(() => Ie(l.columns, G.value)), g = n(() => l.sticky === !0 ? {} : typeof l.sticky == "object" ? l.sticky : void 0), {
       leafColumns: E
-    } = Re(() => X.value), {
+    } = Re(() => Y.value), {
       getSortOrder: O,
       toggleSortOrder: Ne,
       sortData: Fe,
       sorterState: ze,
-      sorterResult: $,
+      sorterResult: X,
       sortColumns: Oe
     } = fl({
       columns: () => E.value,
       tableSortDirections: () => l.sortDirections,
       onSorterChange(t) {
         const o = k();
-        i("change", P(), t, {
+        s("change", P(), t, {
           action: "sort",
           currentDataSource: o
         });
@@ -342,7 +342,7 @@ const Jl = /* @__PURE__ */ Ft({
       columns: () => E.value,
       onFilterChange(t) {
         const o = k();
-        i("change", t, $.value, {
+        s("change", t, X.value, {
           action: "filter",
           currentDataSource: o
         });
@@ -357,8 +357,8 @@ const Jl = /* @__PURE__ */ Ft({
       return typeof l.rowKey == "function" ? l.rowKey(t) : typeof l.rowKey == "string" && l.rowKey in t ? t[l.rowKey] : o;
     }
     const {
-      flattenData: J,
-      rowMetaMap: q,
+      flattenData: $,
+      rowMetaMap: J,
       isTreeData: K,
       toggleTreeExpand: We,
       isTreeExpanded: _e,
@@ -377,7 +377,7 @@ const Jl = /* @__PURE__ */ Ft({
       hoverRange: je,
       setHoverRange: Ve,
       clearHoverRange: Ue
-    } = al(100), y = n(() => K.value ? J.value.map((t) => t.record) : A.value), {
+    } = al(100), y = n(() => K.value ? $.value.map((t) => t.record) : A.value), {
       isSelected: Ge,
       isDisabled: Ye,
       getSelectionState: Xe,
@@ -394,7 +394,7 @@ const Jl = /* @__PURE__ */ Ft({
       visibleData: () => y.value,
       childrenColumnName: () => l.childrenColumnName,
       onSelectionChange() {
-        i("change", P(), $.value, {
+        s("change", P(), X.value, {
           action: "select",
           currentDataSource: y.value
         });
@@ -406,60 +406,60 @@ const Jl = /* @__PURE__ */ Ft({
       expandable: () => l.expandable,
       getRowKey: I,
       data: () => y.value
-    }), Q = (t) => {
+    }), q = (t) => {
       const o = l.expandable;
       return o ? o.rowExpandable ? o.rowExpandable(t) : !!o.expandedRowRender : !1;
     }, ot = (t, o) => {
-      Q(t) && lt(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 ? {
+      const t = l.expandable, o = l.rowSelection, i = t && t.showExpandColumn !== !1 ? {
         key: at,
         title: "",
         width: t.columnWidth ?? 48,
         align: "center",
         fixed: t.fixed === !0 ? "left" : t.fixed
-      } : null, s = o ? {
+      } : null, u = o ? {
         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 X.value) {
+      let p = !1, v = !1;
+      for (const c of Y.value) {
         if (c === dl) {
-          u && !m && (h.push(u), m = !0);
+          i && !p && (h.push(i), p = !0);
           continue;
         }
         if (c === il) {
-          s && !p && (h.push(s), p = !0);
+          u && !v && (h.push(u), v = !0);
           continue;
         }
         h.push(c);
       }
-      return u && !m && h.unshift(u), s && !p && h.unshift(s), h;
+      return i && !p && h.unshift(i), u && !v && h.unshift(u), h;
     }), {
       leafColumns: f,
       headerRows: W
     } = Re(() => rt.value), dt = n(() => W.value.length > 1), {
-      headerWrapRef: Z,
-      bodyWrapRef: ee,
-      scrollState: te,
-      handleBodyScroll: le,
-      fixedOffsets: oe,
+      headerWrapRef: Q,
+      bodyWrapRef: Z,
+      scrollState: ee,
+      handleBodyScroll: te,
+      fixedOffsets: le,
       syncHorizontalScroll: it
     } = Qt({
       displayColumns: () => f.value
-    }), ne = n(() => qt({
+    }), oe = n(() => qt({
       compatClass: b,
-      fixedOffsets: oe,
-      scrollState: te,
+      fixedOffsets: le,
+      scrollState: ee,
       empty: y.value.length === 0,
       fixedHeader: l.scroll?.y !== void 0,
-      fixedColumn: ae.value && _.value,
+      fixedColumn: ae.value && ne.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(() => {
+      layoutFixed: _.value === "fixed"
+    })), st = n(() => l.showHeader !== !1 && (!!l.scroll?.y || !!l.sticky)), ne = 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)), _ = n(() => l.tableLayout ? l.tableLayout : l.scroll?.y || l.scroll?.x || ne.value || ut.value ? "fixed" : "auto"), ct = n(() => {
       if (g.value)
         return {
           position: "sticky",
@@ -468,15 +468,15 @@ const Jl = /* @__PURE__ */ Ft({
         };
     }), {
       enabled: T,
-      itemHeight: mt,
-      listHeight: pt,
-      fixedHeight: vt
+      itemHeight: ft,
+      listHeight: mt,
+      fixedHeight: pt
     } = ol({
       virtual: () => l.virtual,
       scrollY: () => l.scroll?.y,
       size: () => l.size,
       rowHeight: () => l.rowHeight
-    }), re = n(() => E.value.some((t) => !!t.customCell || !!t.customRender)), j = n(() => !dt.value || l.bordered ? {
+    }), re = n(() => E.value.some((t) => !!t.customCell || !!t.customRender)), M = n(() => !dt.value || l.bordered ? {
       table: "",
       th: "",
       td: ""
@@ -484,26 +484,26 @@ const Jl = /* @__PURE__ */ Ft({
       table: e.groupedHeaderTable(),
       th: e.groupedHeaderTh(),
       td: e.groupedHeaderTd()
-    }), R = n(() => x(e.table(), j.value.table) ?? ""), de = n(() => x(e.th(), j.value.th) ?? ""), V = n(() => x(e.td(), j.value.td) ?? "");
+    }), R = n(() => C(e.table(), M.value.table) ?? ""), de = n(() => C(e.th(), M.value.th) ?? ""), j = n(() => C(e.td(), M.value.td) ?? "");
     D([T, re], ([t, o]) => {
     }, {
       immediate: !0
     });
     const ie = H(null), se = H(null);
     D(() => ie.value?.wrapRef, (t) => {
-      t && (ee.value = t);
+      t && (Z.value = t);
     }), D(() => se.value?.wrapRef, (t) => {
-      t && (ee.value = t);
+      t && (Z.value = t);
     });
     const {
       columnWidths: ue,
-      startResize: wt,
-      isResizing: yt
+      startResize: vt,
+      isResizing: wt
     } = ll({
       onResizeColumn(t, o) {
-        i("resizeColumn", t, o);
+        s("resizeColumn", t, o);
       }
-    }), 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);
+    }), yt = n(() => el(f.value)), ce = n(() => l.virtualColumn ? T.value ? re.value ? "列上有 customCell / customRender，可能返回 colSpan / rowSpan；单元格合并会让某个 td 缺席，进而破坏列宽不变量（虚拟模式本就不支持合并）" : yt.value.contiguous ? null : "固定列必须分列两端：左固定连成前缀、右固定连成后缀，中间夹着的固定列会被窗口跳过" : "它只作用于虚拟表体，需要同时开启 virtual 与 scroll.y" : null), V = n(() => l.virtualColumn && ce.value === null);
     D(ce, (t) => {
     }, {
       immediate: !0
@@ -511,47 +511,47 @@ const Jl = /* @__PURE__ */ Ft({
     const {
       metrics: fe
     } = Zt({
-      enabled: () => U.value,
-      headerEl: () => Z.value,
+      enabled: () => V.value,
+      headerEl: () => Q.value,
       columns: () => f.value,
       columnWidths: ue,
       hasHeader: () => l.showHeader !== !1
     });
-    D([U, fe], ([t, o]) => {
+    D([V, fe], ([t, o]) => {
       !t || o || l.showHeader;
     }, {
       immediate: !0
     });
-    function xt(t) {
-      return K.value ? q.value.get(t)?.level ?? 0 : 0;
+    function ht(t) {
+      return K.value ? J.value.get(t)?.level ?? 0 : 0;
     }
     function Ct(t, o) {
-      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, xt(t)) : l.rowClassName : "";
+      return l.rowClassName ? typeof l.rowClassName == "function" ? l.rowClassName(t, o, ht(t)) : l.rowClassName : "";
     }
-    function gt(t, o) {
+    function xt(t, o) {
       return l.customRow?.(t, o);
     }
-    function St(t, o) {
+    function gt(t, o) {
       return l.customHeaderRow?.(t, o);
     }
-    function bt(t) {
+    function St(t) {
       if (typeof t.title != "function")
         return t.title ?? "";
-      const o = t, u = Oe.value.filter((s) => !!s.column);
+      const o = t, i = Oe.value.filter((u) => !!u.column);
       return t.title({
         sortOrder: o.sorter ? O(o) ?? void 0 : void 0,
         sortColumn: ze.value.column,
-        sortColumns: u.length > 0 ? u : void 0,
+        sortColumns: i.length > 0 ? i : void 0,
         filters: P()
       });
     }
-    function Rt(t) {
+    function bt(t) {
       return !!(t.sorter && O(t));
     }
     const me = {
       width: "100%",
       minWidth: "100%"
-    }, Dt = {
+    }, Rt = {
       thSortable: e.thSortable,
       thSorted: e.thSorted,
       tdSorted: e.tdSorted,
@@ -628,14 +628,14 @@ const Jl = /* @__PURE__ */ Ft({
       resizeHandle: e.resizeHandle,
       tdRowHover: e.tdRowHover,
       tdRowSelectedHover: e.tdRowSelectedHover
-    }, pe = n(() => sl(v.value)), ve = H(!1);
+    }, pe = n(() => sl(w.value)), ve = H(!1);
     return he(rl, {
       bodyCell: d.bodyCell,
       headerCell: d.headerCell,
       empty: d.empty,
       getSortOrder: O,
       toggleSortOrder: Ne,
-      isColumnSorted: Rt,
+      isColumnSorted: bt,
       getFilteredValue: Pe,
       confirmFilter: ke,
       resetFilter: Ae,
@@ -643,12 +643,12 @@ const Jl = /* @__PURE__ */ Ft({
       customFilterIcon: d.customFilterIcon,
       showSorterTooltip: n(() => l.showSorterTooltip ?? pe.value.showSorterTooltip),
       headerEllipsis: n(() => l.headerEllipsis),
-      subThemeSlots: Dt,
+      subThemeSlots: Rt,
       presetConfig: pe,
-      themePreset: v,
-      cssMode: w,
-      classPrefix: C,
-      vtgClass: (t) => L(t, w.value, C.value),
+      themePreset: w,
+      cssMode: m,
+      classPrefix: x,
+      vtgClass: (t) => L(t, m.value, x.value),
       compatClass: b,
       localeName: F,
       locale: Be,
@@ -663,32 +663,32 @@ const Jl = /* @__PURE__ */ Ft({
       invertSelection: Qe,
       clearSelection: Ze,
       getChangeableRowKeys: et,
-      fixedOffsets: oe,
-      scrollState: te,
+      fixedOffsets: le,
+      scrollState: ee,
       leafColumnCount: n(() => f.value.length),
       bordered: n(() => l.bordered),
-      tableLayout: M,
+      tableLayout: _,
       sticky: n(() => l.sticky),
-      getRowProps: gt,
+      getRowProps: xt,
       getRowClassName: Ct,
-      getHeaderRowProps: St,
-      getColumnTitle: bt,
+      getHeaderRowProps: gt,
+      getColumnTitle: St,
       getPopupContainer: l.getPopupContainer,
       transformCellText: l.transformCellText,
       expandable: () => l.expandable,
       isExpanded: tt,
       toggleExpand: ot,
-      isRowExpandable: Q,
+      isRowExpandable: q,
       columnWidths: ue,
-      startResize: wt,
-      isResizing: () => yt.value,
+      startResize: vt,
+      isResizing: () => wt.value,
       displayColumns: n(() => f.value),
       registerSummaryFixed: (t) => {
         ve.value = t;
       },
       isTreeData: K,
-      treeFlattenData: J,
-      getFlattenRow: (t) => q.value.get(t),
+      treeFlattenData: $,
+      getFlattenRow: (t) => J.value.get(t),
       toggleTreeExpand: We,
       isTreeExpanded: _e,
       treeIndentSize: Me,
@@ -700,31 +700,31 @@ const Jl = /* @__PURE__ */ Ft({
       let t;
       const o = l.title ? l.title(y.value) : d.title ? d.title({
         data: y.value
-      }) : null, u = l.footer ? l.footer(y.value) : d.footer ? d.footer({
+      }) : null, i = l.footer ? l.footer(y.value) : d.footer ? d.footer({
         data: y.value
-      }) : null, s = d.summary ? d.summary() : null, h = ve.value !== !1, m = l.scroll, p = {
-        tableLayout: M.value
+      }) : null, u = d.summary ? d.summary() : null, h = ve.value !== !1, p = l.scroll, v = {
+        tableLayout: _.value
       };
-      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, {
+      p?.x ? (v.width = typeof p.x == "number" ? `${p.x}px` : p.x, v.minWidth = "100%") : v.width = "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, we = Dt && (d.loading ? a(be, {
         loadingClass: e.loading()
       }, De(t = d.loading()) ? t : {
         default: () => [t]
       }) : a(be, {
         loadingClass: e.loading(),
-        indicator: It,
-        tip: Tt
+        indicator: Et,
+        tip: It
       }, null));
       if (st.value) {
-        const Ht = l.showHeader !== !1 ? a("div", {
-          ref: Z,
-          class: x(e.headerWrapper(), g.value && b?.("sticky-holder")),
-          style: ft.value
+        const Tt = l.showHeader !== !1 ? a("div", {
+          ref: Q,
+          class: C(e.headerWrapper(), g.value && b?.("sticky-holder")),
+          style: ct.value
         }, [a("div", {
-          class: L("block w-full min-w-full", w.value, C.value)
+          class: L("block w-full min-w-full", m.value, x.value)
         }, [a("table", {
           class: R.value,
-          style: p
+          style: v
         }, [a(N, {
           columns: f.value
         }, null), a(ge, {
@@ -733,36 +733,36 @@ const Jl = /* @__PURE__ */ Ft({
           rowClass: e.tr(),
           thClass: de.value,
           headerCellInnerClass: e.headerCellInner()
-        }, null)])])]) : null, Lt = T.value ? a(ul, {
+        }, null)])])]) : null, Ht = T.value ? a(ul, {
           dataSource: y.value,
           columns: f.value,
           tbodyClass: e.tbody(),
           rowClass: e.tr(),
-          tdClass: V.value,
+          tdClass: j.value,
           emptyClass: e.empty(),
           bodyCellEllipsisClass: e.bodyCellEllipsis(),
           tableClass: R.value,
-          tableStyle: p,
+          tableStyle: v,
           rowKey: l.rowKey,
-          height: pt.value,
-          itemHeight: mt.value,
-          fixedHeight: vt.value,
-          virtualColumn: U.value,
+          height: mt.value,
+          itemHeight: ft.value,
+          fixedHeight: pt.value,
+          virtualColumn: V.value,
           columnMetrics: fe.value,
           showScrollBar: "hover",
           onVirtualScroll: (ye) => {
             it(ye.x, ye.maxX);
           }
-        }, null) : null, Bt = T.value ? null : a(xe, {
+        }, null) : null, Lt = T.value ? null : a(Ce, {
           ref: ie,
-          maxHeight: m?.y !== void 0 ? typeof m.y == "number" ? m.y : String(m.y) : void 0,
+          maxHeight: p?.y !== void 0 ? typeof p.y == "number" ? p.y : String(p.y) : void 0,
           wrapClass: e.bodyWrapper(),
           viewStyle: me,
-          onScroll: le
+          onScroll: te
         }, {
           default: () => [a("table", {
             class: R.value,
-            style: p
+            style: v
           }, [a(N, {
             columns: f.value
           }, null), a(Se, {
@@ -770,15 +770,15 @@ const Jl = /* @__PURE__ */ Ft({
             columns: f.value,
             tbodyClass: e.tbody(),
             rowClass: e.tr(),
-            tdClass: V.value,
+            tdClass: j.value,
             emptyClass: e.empty(),
             bodyCellEllipsisClass: e.bodyCellEllipsis(),
             rowKey: l.rowKey
-          }, null), s && !h && a("tfoot", {
+          }, null), u && !h && a("tfoot", {
             class: e.summary()
-          }, [s])])]
-        }), Nt = s && h ? a("div", {
-          class: x(e.headerWrapper(), b?.("summary"), g.value && b?.("sticky-holder")),
+          }, [u])])]
+        }), Bt = u && h ? a("div", {
+          class: C(e.headerWrapper(), b?.("summary"), g.value && b?.("sticky-holder")),
           style: {
             position: "sticky",
             bottom: `${g.value?.offsetSummary ?? 0}px`,
@@ -786,28 +786,28 @@ const Jl = /* @__PURE__ */ Ft({
             overflow: "hidden"
           }
         }, [a("div", {
-          class: L("block w-full min-w-full", w.value, C.value)
+          class: L("block w-full min-w-full", m.value, x.value)
         }, [a("table", {
           class: R.value,
-          style: p
+          style: v
         }, [a(N, {
           columns: f.value
         }, null), a("tfoot", {
           class: e.summary()
-        }, [s])])])]) : null;
+        }, [u])])])]) : null;
         return a("div", {
-          class: x(e.root(), ne.value)
+          class: C(e.root(), oe.value)
         }, [o && a("div", {
           class: e.title()
         }, [o]), a("div", {
-          class: x(e.wrapper(), g.value && L("overflow-clip", w.value, C.value))
-        }, [Ht, Lt, Bt, Nt, we]), u && a("div", {
+          class: C(e.wrapper(), g.value && L("overflow-clip", m.value, x.value))
+        }, [Tt, Ht, Lt, Bt, we]), i && a("div", {
           class: e.footer()
-        }, [u])]);
+        }, [i])]);
       }
-      const G = a(kt, null, [a("table", {
+      const U = a(Pt, null, [a("table", {
         class: R.value,
-        style: p
+        style: v
       }, [a(N, {
         columns: f.value
       }, null), l.showHeader !== !1 && a(ge, {
@@ -821,27 +821,27 @@ const Jl = /* @__PURE__ */ Ft({
         columns: f.value,
         tbodyClass: e.tbody(),
         rowClass: e.tr(),
-        tdClass: V.value,
+        tdClass: j.value,
         emptyClass: e.empty(),
         bodyCellEllipsisClass: e.bodyCellEllipsis(),
         rowKey: l.rowKey
-      }, null), s && a("tfoot", {
+      }, null), u && a("tfoot", {
         class: e.summary()
-      }, [s])]), we]);
+      }, [u])]), we]);
       return a("div", {
-        class: x(e.root(), ne.value)
+        class: C(e.root(), oe.value)
       }, [o && a("div", {
         class: e.title()
-      }, [o]), a(xe, {
+      }, [o]), a(Ce, {
         ref: se,
         wrapClass: e.wrapper(),
         viewStyle: me,
-        onScroll: le
-      }, De(G) ? G : {
-        default: () => [G]
-      }), u && a("div", {
+        onScroll: te
+      }, De(U) ? U : {
+        default: () => [U]
+      }), i && a("div", {
         class: e.footer()
-      }, [u])]);
+      }, [i])]);
     };
   }
 });