@vtable-guild/vtable-guild 2.5.0 → 2.6.1

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

@@ -16,7 +16,7 @@ import ol from "./SelectionCheckbox.mjs";
 import nl from "./SelectionDropdown.mjs";
 import rl from "./ResizeHandle.mjs";
 import { TABLE_ALIGN_CLASSES as sl } from "../../../theme/src/presets/antdv/table.mjs";
-import { cn as g } from "tailwind-variants";
+import { cn as C } from "tailwind-variants";
 function al(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !Be(t);
 }
@@ -45,25 +45,25 @@ const Il = /* @__PURE__ */ Re({
     }
   },
   setup(t) {
-    const e = Pe(Ge, {}), o = a(() => t.cell.isLeaf ? t.cell.column : null), E = a(() => t.cell.leafIndex >= 0 ? String(t.cell.leafIndex) : void 0), d = a(() => t.cell.column.customHeaderCell?.(t.cell.column, t.index, o.value ?? void 0)), k = a(() => Ye(d.value, "colSpan") ?? t.cell.colSpan), O = a(() => t.cell.rowSpan), w = a(() => {
+    const e = Pe(Ge, {}), o = a(() => t.cell.isLeaf ? t.cell.column : null), O = a(() => t.cell.leafIndex >= 0 ? String(t.cell.leafIndex) : void 0), d = a(() => t.cell.column.customHeaderCell?.(t.cell.column, t.index, o.value ?? void 0)), N = a(() => Ye(d.value, "colSpan") ?? t.cell.colSpan), R = a(() => t.cell.rowSpan), _ = a(() => {
       const {
         onClick: l,
         ...r
       } = $e(d.value);
       return r;
-    }), _ = a(() => o.value?.sorter ? e.getSortOrder?.(o.value) ?? null : null), I = a(() => !!o.value?.sorter), F = a(() => !o.value || !I.value ? !1 : o.value.showSorterTooltip ?? e.showSorterTooltip?.value ?? !0), N = a(() => {
+    }), y = a(() => o.value?.sorter ? e.getSortOrder?.(o.value) ?? null : null), F = a(() => !!o.value?.sorter), L = a(() => !o.value || !F.value ? !1 : o.value.showSorterTooltip ?? e.showSorterTooltip?.value ?? !0), M = a(() => {
       const l = o.value;
       return l ? (l.filters?.length ?? 0) > 0 || !!l.customFilterDropdown || !!l.filterDropdown : !1;
-    }), R = a(() => !o.value || !N.value ? [] : e.getFilteredValue?.(o.value) ?? []), P = a(() => {
+    }), P = a(() => !o.value || !M.value ? [] : e.getFilteredValue?.(o.value) ?? []), h = a(() => {
       const l = o.value;
-      return l ? l.filtered !== void 0 ? l.filtered : R.value.length > 0 : !1;
-    }), Z = a(() => o.value?.filterDropdownOpen !== void 0), ee = f(!1), y = a(() => Z.value ? o.value?.filterDropdownOpen ?? !1 : ee.value);
+      return l ? l.filtered !== void 0 ? l.filtered : P.value.length > 0 : !1;
+    }), Z = a(() => o.value?.filterDropdownOpen !== void 0), ee = f(!1), T = a(() => Z.value ? o.value?.filterDropdownOpen ?? !1 : ee.value);
     function v(l) {
       Z.value || (ee.value = l), o.value?.onFilterDropdownOpenChange?.(l);
     }
     const m = f(null), H = f(null);
     function V() {
-      v(!y.value);
+      v(!T.value);
     }
     function K(l) {
       H.value && !H.value.contains(l.target) && !m.value?.contains(l.target) && v(!1);
@@ -72,7 +72,7 @@ const Il = /* @__PURE__ */ Re({
       const l = o.value;
       return l ? !!l.filterDropdown || !!l.customFilterDropdown && !!e.customFilterDropdown : !1;
     });
-    ve(y, (l) => {
+    ve(T, (l) => {
       l && me.value ? He(() => {
         document.addEventListener("mousedown", K);
       }) : document.removeEventListener("mousedown", K);
@@ -87,9 +87,9 @@ const Il = /* @__PURE__ */ Re({
         bottom: 0
       };
     }
-    const T = f([]), te = f(null);
-    ve(() => R.value, (l) => {
-      T.value = [...l];
+    const x = f([]), te = f(null);
+    ve(() => P.value, (l) => {
+      x.value = [...l];
     }, {
       immediate: !0
     });
@@ -99,25 +99,25 @@ const Il = /* @__PURE__ */ Re({
     function pe() {
       o.value && (e.resetFilter?.(o.value), v(!1));
     }
-    function ge() {
+    function Ce() {
       v(!1);
     }
-    const Ce = a(() => {
+    const ge = a(() => {
       const l = t.cell.leafColumns;
       if (!l.length) return null;
-      const r = l[0], u = l[l.length - 1], C = J(r) ?? t.cell.colStart, s = J(u) ?? t.cell.colEnd, x = e.fixedOffsets?.value?.get(C), D = e.fixedOffsets?.value?.get(s);
-      return l.every((p) => p.fixed === "left") && x?.left !== void 0 ? {
-        left: x.left,
-        isLastLeft: D?.isLastLeft
-      } : l.every((p) => p.fixed === "right") && D?.right !== void 0 ? {
-        right: D.right,
-        isFirstRight: x?.isFirstRight
+      const r = l[0], u = l[l.length - 1], g = J(r) ?? t.cell.colStart, s = J(u) ?? t.cell.colEnd, D = e.fixedOffsets?.value?.get(g), A = e.fixedOffsets?.value?.get(s);
+      return l.every((p) => p.fixed === "left") && D?.left !== void 0 ? {
+        left: D.left,
+        isLastLeft: A?.isLastLeft
+      } : l.every((p) => p.fixed === "right") && A?.right !== void 0 ? {
+        right: A.right,
+        isFirstRight: D?.isFirstRight
       } : null;
     }), {
       fixedStyle: he,
       fixedClass: oe
     } = Xe({
-      fixedInfo: () => Ce.value
+      fixedInfo: () => ge.value
     }), Se = a(() => {
       const l = e.themePreset?.value === "antdv", r = e.bordered?.value ?? !1;
       return !l || r || t.cell.isLeaf ? "" : e.vtgClass?.("before:hidden border-b-0") ?? "";
@@ -140,8 +140,8 @@ const Il = /* @__PURE__ */ Re({
       }
       return ne.value;
     }), ye = a(() => {
-      const l = t.cell.column.align ? sl[t.cell.column.align] : "", r = I.value ? e.subThemeSlots?.thSortable() : "", u = _.value ? e.subThemeSlots?.thSorted() : "", C = o.value?.key === "__vtg_expand__";
-      return g(t.thClass, l, r, u, Se.value, t.cell.column.className, C ? e.vtgClass?.("before:hidden") : "", d.value?.class, d.value?.className, oe.value, be.value);
+      const l = t.cell.column.align ? sl[t.cell.column.align] : "", r = F.value ? e.subThemeSlots?.thSortable() : "", u = y.value ? e.subThemeSlots?.thSorted() : "", g = o.value?.key === "__vtg_expand__";
+      return C(t.thClass, l, r, u, Se.value, t.cell.column.className, g ? e.vtgClass?.("before:hidden") : "", d.value?.class, d.value?.className, oe.value, be.value, g ? e.compatClass?.("row-expand-icon-cell") : "");
     }), re = a(() => {
       const l = {};
       if (o.value) {
@@ -154,9 +154,9 @@ const Il = /* @__PURE__ */ Re({
         ...u ?? {},
         ...r ?? {}
       };
-    }), L = f(!1), M = f(null);
+    }), E = f(!1), k = f(null);
     function Te() {
-      return M.value ? M.value.getBoundingClientRect() : {
+      return k.value ? k.value.getBoundingClientRect() : {
         top: 0,
         left: 0,
         right: 0,
@@ -165,27 +165,27 @@ const Il = /* @__PURE__ */ Re({
     }
     let c = null;
     function xe() {
-      c && clearTimeout(c), L.value = !0;
+      c && clearTimeout(c), E.value = !0;
     }
     function se() {
       c && clearTimeout(c), c = setTimeout(() => {
-        L.value = !1;
+        E.value = !1;
       }, 100);
     }
     function De() {
       c && clearTimeout(c);
     }
     function Ae() {
-      c && clearTimeout(c), L.value = !1;
+      c && clearTimeout(c), E.value = !1;
     }
-    const W = f(!1), j = f(!1), Ie = a(() => F.value && W.value && !j.value);
+    const W = f(!1), j = f(!1), Ie = a(() => L.value && W.value && !j.value);
     function Fe(l) {
-      const r = w.value.onMouseenter;
-      typeof r == "function" && r(l), F.value && (W.value = !0);
+      const r = _.value.onMouseenter;
+      typeof r == "function" && r(l), L.value && (W.value = !0);
     }
     function Le(l) {
-      const r = w.value.onMouseleave;
-      typeof r == "function" && r(l), F.value && (W.value = !1);
+      const r = _.value.onMouseleave;
+      typeof r == "function" && r(l), L.value && (W.value = !1);
     }
     function q() {
       j.value = !0;
@@ -195,67 +195,67 @@ const Il = /* @__PURE__ */ Re({
     }
     function U(l) {
       const r = d.value?.onClick;
-      typeof r == "function" && r(l), o.value && I.value && e.toggleSortOrder?.(o.value);
+      typeof r == "function" && r(l), o.value && F.value && e.toggleSortOrder?.(o.value);
     }
     return () => {
-      if (k.value === 0 || O.value === 0)
+      if (N.value === 0 || R.value === 0)
         return null;
-      const l = k.value !== 1 ? k.value : void 0, r = O.value !== 1 ? O.value : void 0;
+      const l = N.value !== 1 ? N.value : void 0, r = R.value !== 1 ? R.value : void 0;
       if (o.value?.key === "__vtg_selection__") {
-        const n = e.rowSelection?.(), h = n?.type === "radio", ue = n?.hideSelectAll === !0, X = n?.selections !== void 0 && n.selections !== !1, S = e.locale?.value, A = n?.columnTitle, Oe = A !== void 0, ce = g(t.thClass, e.vtgClass?.(Oe ? "text-center before:hidden" : "text-center before:hidden leading-[0]"), o.value.className, d.value?.class, d.value?.className, oe.value), fe = re.value;
+        const n = e.rowSelection?.(), S = n?.type === "radio", ue = n?.hideSelectAll === !0, X = n?.selections !== void 0 && n.selections !== !1, b = e.locale?.value, I = n?.columnTitle, Oe = I !== void 0, ce = C(t.thClass, e.vtgClass?.(Oe ? "text-center before:hidden" : "text-center before:hidden leading-[0]"), o.value.className, d.value?.class, d.value?.className, oe.value, e.compatClass?.("selection-column")), fe = re.value;
         let Y = [];
         if (X && (n?.selections === !0 ? Y = [{
           key: "__vtg_select_all__",
-          text: S?.selection?.selectAll ?? "全选当页",
+          text: b?.selection?.selectAll ?? "全选当页",
           onSelect: () => e.toggleAll?.(!0)
         }, {
           key: "__vtg_select_invert__",
-          text: S?.selection?.selectInvert ?? "反选当页",
+          text: b?.selection?.selectInvert ?? "反选当页",
           onSelect: () => e.invertSelection?.()
         }, {
           key: "__vtg_select_none__",
-          text: S?.selection?.selectNone ?? "清空所有",
+          text: b?.selection?.selectNone ?? "清空所有",
           onSelect: () => e.clearSelection?.()
-        }] : Array.isArray(n?.selections) && (Y = n.selections.map((b) => b === qe ? {
+        }] : Array.isArray(n?.selections) && (Y = n.selections.map((w) => w === qe ? {
           key: "__vtg_select_all__",
-          text: S?.selection?.selectAll ?? "全选当页",
+          text: b?.selection?.selectAll ?? "全选当页",
           onSelect: () => e.toggleAll?.(!0)
-        } : b === ze ? {
+        } : w === ze ? {
           key: "__vtg_select_invert__",
-          text: S?.selection?.selectInvert ?? "反选当页",
+          text: b?.selection?.selectInvert ?? "反选当页",
           onSelect: () => e.invertSelection?.()
-        } : b === Ue ? {
+        } : w === Ue ? {
           key: "__vtg_select_none__",
-          text: S?.selection?.selectNone ?? "清空所有",
+          text: b?.selection?.selectNone ?? "清空所有",
           onSelect: () => e.clearSelection?.()
-        } : b))), h)
-          return i("th", $(w.value, {
+        } : w))), S)
+          return i("th", $(_.value, {
             class: ce,
             style: fe,
             colspan: l,
             rowspan: r,
-            "data-vtg-leaf-col": E.value,
+            "data-vtg-leaf-col": O.value,
             onClick: U
-          }), [A]);
-        const de = e.allCheckedState?.() ?? "none", Ne = A ? i("span", {
+          }), [I]);
+        const de = e.allCheckedState?.() ?? "none", Ne = I ? i("span", {
           class: e.vtgClass?.("ml-2")
-        }, [A]) : null;
-        return i("th", $(w.value, {
+        }, [I]) : null;
+        return i("th", $(_.value, {
           class: ce,
           style: fe,
           colspan: l,
           rowspan: r,
-          "data-vtg-leaf-col": E.value,
+          "data-vtg-leaf-col": O.value,
           onClick: U
-        }), [ue ? A : i("span", {
-          class: e.vtgClass?.("inline-flex items-center justify-center relative")
+        }), [ue ? I : i("span", {
+          class: C(e.vtgClass?.("inline-flex items-center justify-center relative"), e.compatClass?.("selection"))
         }, [i(ol, {
           checked: de === "all",
           indeterminate: de === "partial",
-          onChange: (b) => e.toggleAll?.(b)
+          onChange: (w) => e.toggleAll?.(w)
         }, null), Ne, X && i("span", {
-          ref: M,
-          class: g(e.subThemeSlots?.selectionExtra(), e.vtgClass?.("absolute left-full top-1/2 -translate-y-1/2")),
+          ref: k,
+          class: C(e.subThemeSlots?.selectionExtra(), e.vtgClass?.("absolute left-full top-1/2 -translate-y-1/2")),
           onMouseenter: xe,
           onMouseleave: se,
           role: "button",
@@ -263,24 +263,24 @@ const Il = /* @__PURE__ */ Re({
         }, [i(je, null, null)])]), !ue && X && i(nl, {
           items: Y,
           anchorRect: Te(),
-          popupContainer: Q(e, M.value),
-          visible: L.value,
+          popupContainer: Q(e, k.value),
+          visible: E.value,
           onClose: Ae,
           onMouseenter: De,
           onMouseleave: se
         }, null)]);
       }
-      const u = e.locale?.value, C = _.value === null ? u?.header.sortTriggerAsc ?? "点击升序" : _.value === "ascend" ? u?.header.sortTriggerDesc ?? "点击降序" : u?.header.cancelSort ?? "取消排序", s = o.value, x = e.subThemeSlots?.sortAreaWrapper(), D = e.subThemeSlots?.sortAreaTitle(), p = i("span", {
-        class: x
+      const u = e.locale?.value, g = y.value === null ? u?.header.sortTriggerAsc ?? "点击升序" : y.value === "ascend" ? u?.header.sortTriggerDesc ?? "点击降序" : u?.header.cancelSort ?? "取消排序", s = o.value, D = e.subThemeSlots?.sortAreaWrapper(), A = e.subThemeSlots?.sortAreaTitle(), p = i("span", {
+        class: D
       }, [i("span", {
-        class: g(D, we.value && e.vtgClass?.("block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap"))
-      }, [_e.value]), I.value && i(el, {
-        sortOrder: _.value
-      }, null)]), ae = e.subThemeSlots?.sortAreaOuter(), Me = F.value ? i("span", {
+        class: C(A, we.value && e.vtgClass?.("block min-w-0 overflow-hidden text-ellipsis whitespace-nowrap"))
+      }, [_e.value]), F.value && i(el, {
+        sortOrder: y.value
+      }, null)]), ae = e.subThemeSlots?.sortAreaOuter(), Me = L.value ? i("span", {
         class: ae
       }, [i(We, {
         block: !0,
-        title: C,
+        title: g,
         placement: "top",
         open: Ie.value
       }, al(p) ? p : {
@@ -288,7 +288,7 @@ const Il = /* @__PURE__ */ Re({
       })]) : i("span", {
         class: ae
       }, [p]), Ee = s && (s.filterIcon ? i("span", {
-        class: g(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon()),
+        class: C(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon(), h.value && e.compatClass && "active"),
         ref: m,
         onMouseenter: q,
         onMouseleave: z,
@@ -299,9 +299,9 @@ const Il = /* @__PURE__ */ Re({
         role: "button",
         "aria-label": u?.header.filterTriggerAriaLabel ?? "筛选"
       }, [s.filterIcon({
-        filtered: P.value
+        filtered: h.value
       })]) : e.customFilterIcon ? i("span", {
-        class: g(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon()),
+        class: C(e.subThemeSlots?.filterIconWrapper(), e.subThemeSlots?.filterIcon(), h.value && e.compatClass && "active"),
         ref: m,
         onMouseenter: q,
         onMouseleave: z,
@@ -313,76 +313,76 @@ const Il = /* @__PURE__ */ Re({
         "aria-label": u?.header.filterTriggerAriaLabel ?? "筛选"
       }, [e.customFilterIcon({
         column: s,
-        filtered: P.value
+        filtered: h.value
       })]) : i("span", {
         ref: m,
-        class: e.subThemeSlots?.filterIconWrapper(),
+        class: [e.subThemeSlots?.filterIconWrapper(), h.value && e.compatClass && "active"],
         onMouseenter: q,
         onMouseleave: z,
         onMousedown: (n) => n.stopPropagation()
       }, [i(ll, {
-        active: P.value,
+        active: h.value,
         onClick: () => V()
       }, null)])), G = s && {
         column: s,
-        selectedKeys: T.value,
+        selectedKeys: x.value,
         setSelectedKeys: (n) => {
-          T.value = [...n];
+          x.value = [...n];
         },
         confirm: (n) => {
-          B(T.value), n?.closeDropdown === !1 && v(!0);
+          B(x.value), n?.closeDropdown === !1 && v(!0);
         },
         clearFilters: (n) => {
-          e.resetFilter?.(s), T.value = [], n?.confirm && B([]), n?.closeDropdown !== !1 && v(!1);
+          e.resetFilter?.(s), x.value = [], n?.confirm && B([]), n?.closeDropdown !== !1 && v(!1);
         },
         filters: s.filters ?? [],
-        visible: y.value,
+        visible: T.value,
         close: () => v(!1)
       }, ie = s?.customFilterDropdown ? e.customFilterDropdown : void 0, ke = s && G && (() => {
         const n = typeof s.filterDropdown == "function" ? s.filterDropdown(G) : s.filterDropdown ?? (ie ? ie(G) : null);
         if (n) {
-          const h = Q(e, m.value);
+          const S = Q(e, m.value);
           return i(Ke, {
-            to: h
+            to: S
           }, {
-            default: () => [y.value && i("div", {
+            default: () => [T.value && i("div", {
               ref: H,
               class: e.subThemeSlots?.filterDropdown(),
-              style: Qe(le(), h, 150)
+              style: Qe(le(), S, 150)
             }, [n])]
           });
         }
         return i(tl, {
           filters: s.filters ?? [],
-          selectedKeys: R.value,
+          selectedKeys: P.value,
           multiple: s.filterMultiple !== !1,
           anchorRect: le(),
           popupContainer: Q(e, m.value),
           filterSearch: s.filterSearch ?? !1,
           filterMode: s.filterMode ?? "menu",
           expandedKeys: te.value,
-          visible: y.value,
+          visible: T.value,
           onConfirm: B,
           onReset: pe,
-          onClose: ge,
-          "onUpdate:expandedKeys": (h) => {
-            te.value = h;
+          onClose: Ce,
+          "onUpdate:expandedKeys": (S) => {
+            te.value = S;
           }
         }, null);
       })();
-      return i("th", $(w.value, {
+      return i("th", $(_.value, {
         class: ye.value,
         style: re.value,
         colspan: l,
         rowspan: r,
-        "data-vtg-leaf-col": E.value,
+        "data-vtg-leaf-col": O.value,
         onClick: U,
         onMouseenter: Fe,
         onMouseleave: Le,
-        "aria-sort": o.value ? il(_.value) : void 0
+        "aria-sort": o.value ? il(y.value) : void 0
       }), [i("span", {
-        class: g(e.vtgClass?.("flex items-center"), t.headerCellInnerClass)
-      }, [Me, N.value && Ee]), N.value && ke, o.value?.resizable && i(rl, {
+        class: C(e.vtgClass?.("flex items-center"), t.headerCellInnerClass, M.value && e.compatClass?.("filter-column"))
+      }, [Me, M.value && Ee]), M.value && ke, o.value?.resizable && i(rl, {
         column: o.value,
         colIndex: t.cell.colStart
       }, null)]);

package/dist/table/src/components/VTableCompatClass.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VTableCompatClass.test.d.ts.map

package/dist/table/src/components/VTableCompatClass.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTableCompatClass.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTableCompatClass.test.ts"],"names":[],"mappings":""}

package/dist/table/src/components/VirtualTableBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualTableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VirtualTableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,KAAK,CAAA;AAElD,OAAO,KAAK,EAAW,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,sBAAsB,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;;cAQgC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAEhC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;;;;;;;IAK3F,wCAAwC;;;;;IAExC;;;OAGG;;;;;IAEH,qCAAqC;;cACJ,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;;;IAC/D,gEAAgE;;cAE5C,QAAQ,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;;;;cAIvC,QAAQ,CAAC,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;;;;;cA9BxC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAEhC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;;;;;;;IAK3F,wCAAwC;;;;;IAExC;;;OAGG;;;;;IAEH,qCAAqC;;cACJ,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;;;IAC/D,gEAAgE;;cAE5C,QAAQ,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;;;;cAIvC,QAAQ,CAAC,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;;;;;4BAJjC,sBAAsB,KAAK,IAAI;+BAhBT,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;;;;;AAb7F,wBAiYE"}
+{"version":3,"file":"VirtualTableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VirtualTableBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,KAAK,CAAA;AAElD,OAAO,KAAK,EAAW,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAMpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAG/C,KAAK,sBAAsB,GAAG,iBAAiB,GAAG;IAChD,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;;;cAQgC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAEhC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;;;;;;;IAK3F,wCAAwC;;;;;IAExC;;;OAGG;;;;;IAEH,qCAAqC;;cACJ,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;;;IAC/D,gEAAgE;;cAE5C,QAAQ,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;;;;cAIvC,QAAQ,CAAC,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;;;;;cA9BxC,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;;;;cACtC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAO3C,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAEhC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;;;;;;;IAK3F,wCAAwC;;;;;IAExC;;;OAGG;;;;;IAEH,qCAAqC;;cACJ,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAC;;;IAC/D,gEAAgE;;cAE5C,QAAQ,CAAC,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;;;;cAIvC,QAAQ,CAAC,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;;;;;4BAJjC,sBAAsB,KAAK,IAAI;+BAhBT,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;;;;;AAb7F,wBA+YE"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as z, inject as $, ref as g, computed as c, onBeforeUnmount as D, watch as G, createVNode as r, isVNode as U } from "vue";
+import { defineComponent as X, inject as $, ref as g, computed as c, onBeforeUnmount as D, watch as G, createVNode as r, isVNode as U } from "vue";
 import "../../../core/src/utils/tv.mjs";
 import Y from "./TableRow.mjs";
 import J from "./TableCell.mjs";
@@ -6,12 +6,13 @@ import Q from "./TableEmpty.mjs";
 import Z from "./ColGroup.mjs";
 import { TABLE_CONTEXT_KEY as ee } from "../context.mjs";
 import { resolveFixedColumnRanges as te, useColumnWindow as le } from "../composables/useColumnWindow.mjs";
-import ne from "../../../core/src/components/VirtualList/VirtualList.mjs";
-import { cn as C } from "tailwind-variants";
-function oe(e) {
+import { getRowCompatClass as ne, getExpandedRowCompatClass as oe } from "../utils/compat.mjs";
+import ae from "../../../core/src/components/VirtualList/VirtualList.mjs";
+import { cn as x } from "tailwind-variants";
+function re(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const he = /* @__PURE__ */ z({
+const xe = /* @__PURE__ */ X({
   name: "VirtualTableBody",
   props: {
     dataSource: {
@@ -91,14 +92,14 @@ const he = /* @__PURE__ */ z({
     }
   },
   setup(e) {
-    const a = $(ee, {}), w = g(), x = g(0), f = g(0);
-    function b(t) {
-      x.value = t.x, e.onVirtualScroll?.({
+    const a = $(ee, {}), w = g(), b = g(0), f = g(0);
+    function S(t) {
+      b.value = t.x, e.onVirtualScroll?.({
         ...t,
         maxX: w.value?.getHorizontalRange() ?? 0
       });
     }
-    function N(t, l) {
+    function O(t, l) {
       return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : l;
     }
     function T(t) {
@@ -114,55 +115,55 @@ const he = /* @__PURE__ */ z({
     }), k = c(() => {
       const t = e.virtualColumn ? e.columnMetrics?.total : void 0;
       return t && t > 0 ? t : V.value;
-    }), m = c(() => te(e.columns)), S = c(() => {
+    }), m = c(() => te(e.columns)), R = c(() => {
       if (!e.virtualColumn || f.value <= 0) return null;
       const t = e.columnMetrics;
       return !t || t.widths.length !== e.columns.length ? null : t.widths;
     }), {
-      active: R,
+      active: p,
       start: q,
-      end: O,
-      leftSpacer: p,
-      rightSpacer: E
+      end: W,
+      leftSpacer: E,
+      rightSpacer: K
     } = le({
-      widths: () => S.value,
+      widths: () => R.value,
       leftFixedCount: () => m.value.leftFixedCount,
       rightFixedStart: () => m.value.rightFixedStart,
-      offsetX: () => x.value,
+      offsetX: () => b.value,
       viewportWidth: () => f.value
-    }), W = c(() => {
+    }), H = c(() => {
       const t = e.columns.length;
-      if (!R.value)
+      if (!p.value)
         return Array.from({
           length: t
-        }, (n, i) => ({
+        }, (o, i) => ({
           index: i
         }));
       const {
         leftFixedCount: l,
         rightFixedStart: d
-      } = m.value, o = [];
-      for (let n = 0; n < l; n += 1) o.push({
-        index: n
+      } = m.value, n = [];
+      for (let o = 0; o < l; o += 1) n.push({
+        index: o
       });
-      p.value > 0 && o.push({
-        spacer: p.value
+      E.value > 0 && n.push({
+        spacer: E.value
       });
-      for (let n = q.value; n <= O.value; n += 1) o.push({
-        index: n
+      for (let o = q.value; o <= W.value; o += 1) n.push({
+        index: o
       });
-      E.value > 0 && o.push({
-        spacer: E.value
+      K.value > 0 && n.push({
+        spacer: K.value
       });
-      for (let n = d; n < t; n += 1) o.push({
-        index: n
+      for (let o = d; o < t; o += 1) n.push({
+        index: o
       });
-      return o;
+      return n;
     });
-    function re(t) {
+    function ie(t) {
     }
     let u = null, s = null;
-    function K(t) {
+    function B(t) {
       const l = t ?? null;
       l !== s && (u && s && u.unobserve(s), s = l, l && (f.value = l.clientWidth, !u && typeof ResizeObserver < "u" && (u = new ResizeObserver(() => {
         s && (f.value = s.clientWidth);
@@ -173,9 +174,9 @@ const he = /* @__PURE__ */ z({
     }), G(() => w.value, (t) => {
       if (t) {
         const l = t.getScrollInfo();
-        b(l), t.nativeElement, K(t.nativeElement);
+        S(l), t.nativeElement, B(t.nativeElement);
       } else
-        K(null);
+        B(null);
     }), () => e.dataSource.length === 0 ? r("table", {
       class: e.tableClass,
       style: e.tableStyle
@@ -187,7 +188,7 @@ const he = /* @__PURE__ */ z({
       colSpan: e.columns.length || 1,
       emptyClass: e.emptyClass,
       tdClass: e.tdClass
-    }, null)])]) : r(ne, {
+    }, null)])]) : r(ae, {
       ref: w,
       data: e.dataSource,
       height: e.height,
@@ -196,7 +197,7 @@ const he = /* @__PURE__ */ z({
       scrollWidth: k.value || void 0,
       disableHeightMeasure: e.fixedHeight,
       fullHeight: !1,
-      onVirtualScroll: b,
+      onVirtualScroll: S,
       showScrollBar: e.showScrollBar,
       style: {
         overflow: "hidden"
@@ -207,9 +208,9 @@ const he = /* @__PURE__ */ z({
         index: l
       }) => {
         let d;
-        const o = l, n = N(t, o), i = a.expandable?.(), H = a.isExpanded?.(n) ?? !1, _ = i?.expandRowByClick ?? !1, I = a.isRowExpandable?.(t) ?? !1, B = a.getRowClassName?.(t, o), j = a.getRowProps?.(t, o), A = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, L = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(t, o, A) : i?.expandedRowClassName, M = _ ? () => {
-          I && a.toggleExpand?.(t, o);
-        } : void 0, F = W.value, P = R.value ? S.value : null;
+        const n = l, o = O(t, n), i = a.expandable?.(), _ = a.isExpanded?.(o) ?? !1, I = i?.expandRowByClick ?? !1, j = a.isRowExpandable?.(t) ?? !1, F = a.getRowClassName?.(t, n), A = a.getRowProps?.(t, n), v = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, z = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(t, n, v) : i?.expandedRowClassName, L = I ? () => {
+          j && a.toggleExpand?.(t, n);
+        } : void 0, N = H.value, M = p.value ? R.value : null;
         return r("table", {
           class: e.tableClass,
           style: {
@@ -219,44 +220,46 @@ const he = /* @__PURE__ */ z({
         }, [r("tbody", {
           class: e.tbodyClass
         }, [r(Y, {
-          key: n,
-          rowClass: C(e.rowClass, B) ?? "",
-          rowProps: j,
-          onClick: M
-        }, oe(d = F.map((v, X) => {
-          if (v.spacer !== void 0)
+          key: o,
+          rowClass: x(e.rowClass, F, ne(a, t, n, v)) ?? "",
+          rowProps: A,
+          onClick: L
+        }, re(d = N.map((h, P) => {
+          if (h.spacer !== void 0)
             return r("td", {
-              key: `__vtg_spacer_${X}`,
+              key: `__vtg_spacer_${P}`,
               style: {
-                width: `${v.spacer}px`,
+                width: `${h.spacer}px`,
                 padding: "0"
               },
               "aria-hidden": "true"
             }, null);
-          const y = v.index, h = e.columns[y];
+          const y = h.index, C = e.columns[y];
           return r(J, {
-            key: h.key ?? String(h.dataIndex ?? y),
+            key: C.key ?? String(C.dataIndex ?? y),
             record: t,
-            rowIndex: o,
-            column: h,
+            rowIndex: n,
+            column: C,
             colIndex: y,
-            widthOverride: P?.[y],
+            widthOverride: M?.[y],
             tdClass: e.tdClass,
             bodyCellEllipsisClass: e.bodyCellEllipsisClass
           }, null);
         })) ? d : {
           default: () => [d]
-        }), H && i?.expandedRowRender && r("tr", {
-          key: `${n}-expanded`,
-          class: C(e.rowClass, B, a.subThemeSlots?.expandedRow(), L)
+        }), _ && i?.expandedRowRender && r("tr", {
+          key: `${o}-expanded`,
+          class: x(e.rowClass, F, a.subThemeSlots?.expandedRow(), oe(a, v), z)
         }, [r("td", {
-          colspan: F.length,
-          class: C(e.tdClass, a.subThemeSlots?.expandedRowCell())
-        }, [i.expandedRowRender(t, o, 0, !0)])])])]);
+          colspan: N.length,
+          class: x(e.tdClass, a.subThemeSlots?.expandedRowCell())
+        }, [a.compatClass && (a.fixedOffsets?.value?.size ?? 0) > 0 ? r("div", {
+          class: a.compatClass("expanded-row-fixed")
+        }, [i.expandedRowRender(t, n, 0, !0)]) : i.expandedRowRender(t, n, 0, !0)])])])]);
       }
     });
   }
 });
 export {
-  he as default
+  xe as default
 };