@vtable-guild/vtable-guild 2.4.1 → 2.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAOtE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAkBd,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,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;cAR9D,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,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;+BAAjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;AAX7F,wBAwJE"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAOtE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;;;cAmBd,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,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;cAR9D,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,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;+BAAjC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG;;AAX7F,wBAiKE"}

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

@@ -1,16 +1,17 @@
-import { defineComponent as g, inject as x, computed as h, createVNode as u } from "vue";
+import { defineComponent as b, inject as x, computed as h, createVNode as m } from "vue";
 import "../../../core/src/utils/tv.mjs";
 import E from "./TableRow.mjs";
 import T from "./TableCell.mjs";
 import v from "./TableEmpty.mjs";
 import { TABLE_CONTEXT_KEY as k } from "../context.mjs";
 import { resolveBodyCell as K } from "../utils/cell.mjs";
-import { getByDataIndex as N } from "../composables/useColumns.mjs";
+import { getRowCompatClass as N } from "../utils/compat.mjs";
+import { getByDataIndex as q } from "../composables/useColumns.mjs";
 import { cn as p } from "tailwind-variants";
 function R(e) {
   return Number.isFinite(e) ? e <= 0 ? 0 : Math.floor(e) : 1;
 }
-const j = /* @__PURE__ */ g({
+const L = /* @__PURE__ */ b({
   name: "TableBody",
   props: {
     dataSource: {
@@ -48,71 +49,71 @@ const j = /* @__PURE__ */ g({
   },
   setup(e) {
     const l = x(k, {});
-    function S(t, n) {
-      return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : n;
+    function g(t, a) {
+      return typeof e.rowKey == "function" ? e.rowKey(t) : typeof e.rowKey == "string" && e.rowKey in t ? t[e.rowKey] : a;
     }
-    const b = h(() => {
+    const S = h(() => {
       const t = /* @__PURE__ */ new Set();
-      return e.dataSource.map((n, o) => {
+      return e.dataSource.map((a, o) => {
         const s = [];
-        return e.columns.forEach((m, r) => {
+        return e.columns.forEach((C, r) => {
           const c = `${o}:${r}`;
           if (t.has(c)) return;
           const y = K({
-            text: N(n, m.dataIndex),
-            record: n,
+            text: q(a, C.dataIndex),
+            record: a,
             rowIndex: o,
-            column: m,
+            column: C,
             bodyCell: l.bodyCell,
             transformCellText: l.transformCellText
-          }), C = R(y.colSpan), d = R(y.rowSpan);
-          if (C === 0 || d === 0) return;
-          const f = Math.min(e.dataSource.length, o + d), w = Math.min(e.columns.length, r + C);
-          for (let i = o; i < f; i += 1)
-            for (let a = r; a < w; a += 1)
-              i === o && a === r || t.add(`${i}:${a}`);
+          }), i = R(y.colSpan), d = R(y.rowSpan);
+          if (i === 0 || d === 0) return;
+          const f = Math.min(e.dataSource.length, o + d), w = Math.min(e.columns.length, r + i);
+          for (let u = o; u < f; u += 1)
+            for (let n = r; n < w; n += 1)
+              u === o && n === r || t.add(`${u}:${n}`);
           s.push({
-            column: m,
+            column: C,
             colIndex: r,
             resolvedCell: {
               ...y,
-              colSpan: C,
+              colSpan: i,
               rowSpan: d
             }
           });
         }), s;
       });
     });
-    return () => u("tbody", {
+    return () => m("tbody", {
       class: e.tbodyClass
-    }, [e.dataSource.length > 0 ? e.dataSource.map((t, n) => {
-      const o = S(t, n), s = l.expandable?.(), m = l.isExpanded?.(o) ?? !1, r = s?.expandRowByClick ?? !1, c = l.isRowExpandable?.(t) ?? !1, C = l.treeFlattenData?.value?.find((a) => a.record === t)?.level ?? 0, d = l.getRowClassName?.(t, n), f = l.getRowProps?.(t, n), w = typeof s?.expandedRowClassName == "function" ? s.expandedRowClassName(t, n, C) : s?.expandedRowClassName, i = r ? () => {
-        c && l.toggleExpand?.(t, n);
+    }, [e.dataSource.length > 0 ? e.dataSource.map((t, a) => {
+      const o = g(t, a), s = l.expandable?.(), C = l.isExpanded?.(o) ?? !1, r = s?.expandRowByClick ?? !1, c = l.isRowExpandable?.(t) ?? !1, i = (l.isTreeData?.value ? l.getFlattenRow?.(t) : void 0)?.level ?? 0, d = l.getRowClassName?.(t, a), f = l.getRowProps?.(t, a), w = typeof s?.expandedRowClassName == "function" ? s.expandedRowClassName(t, a, i) : s?.expandedRowClassName, u = r ? () => {
+        c && l.toggleExpand?.(t, a);
       } : void 0;
-      return [u(E, {
+      return [m(E, {
         key: o,
-        rowClass: p(e.rowClass, d) ?? "",
+        rowClass: p(e.rowClass, d, N(l, t, a, i)) ?? "",
         rowProps: f,
-        onClick: i
+        onClick: u
       }, {
-        default: () => [b.value[n]?.map((a) => u(T, {
-          key: a.column.key ?? String(a.column.dataIndex ?? a.colIndex),
+        default: () => [S.value[a]?.map((n) => m(T, {
+          key: n.column.key ?? String(n.column.dataIndex ?? n.colIndex),
           record: t,
-          rowIndex: n,
-          column: a.column,
-          colIndex: a.colIndex,
-          resolvedCell: a.resolvedCell,
+          rowIndex: a,
+          column: n.column,
+          colIndex: n.colIndex,
+          resolvedCell: n.resolvedCell,
           tdClass: e.tdClass,
           bodyCellEllipsisClass: e.bodyCellEllipsisClass
         }, null))]
-      }), m && s?.expandedRowRender && u("tr", {
+      }), C && s?.expandedRowRender && m("tr", {
         key: `${o}-expanded`,
         class: p(e.rowClass, d, l.subThemeSlots?.expandedRow(), w)
-      }, [u("td", {
+      }, [m("td", {
         colspan: e.columns.length,
         class: p(e.tdClass, l.subThemeSlots?.expandedRowCell())
-      }, [s.expandedRowRender(t, n, 0, !0)])])];
-    }) : u(v, {
+      }, [s.expandedRowRender(t, a, 0, !0)])])];
+    }) : m(v, {
       colSpan: e.columns.length || 1,
       emptyClass: e.emptyClass,
       tdClass: e.tdClass
@@ -120,5 +121,5 @@ const j = /* @__PURE__ */ g({
   }
 });
 export {
-  j as default
+  L as default
 };

package/dist/table/src/components/TableCell.d.ts

@@ -30,6 +30,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    /**
+     * 实测列宽（px），仅横向虚拟化时传入。
+     *
+     * 必要而非优化：窗口化之后表体的这一行不再包含全部列，若某列没有声明宽度，
+     * 浏览器会按窗口后的结构重新分配余量，与始终渲染全部列的表头对不上。
+     * 把从表头量到的宽度显式写回来，表体布局才被钉死。
+     */
+    widthOverride: {
+        type: NumberConstructor;
+        default: undefined;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     record: {
         type: PropType<Record<string, unknown>>;
@@ -59,8 +70,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    /**
+     * 实测列宽（px），仅横向虚拟化时传入。
+     *
+     * 必要而非优化：窗口化之后表体的这一行不再包含全部列，若某列没有声明宽度，
+     * 浏览器会按窗口后的结构重新分配余量，与始终渲染全部列的表头对不上。
+     * 把从表头量到的宽度显式写回来，表体布局才被钉死。
+     */
+    widthOverride: {
+        type: NumberConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     resolvedCell: ResolvedBodyCell;
+    widthOverride: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=TableCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAG5F,OAAO,KAAK,EAAuB,UAAU,EAAE,MAAM,UAAU,CAAA;AAK/D,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;;;cAQQ,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;cALlB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;AARhD,wBAsZE"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,QAAQ,EAAmB,MAAM,KAAK,CAAA;AAG5F,OAAO,KAAK,EAAuB,UAAU,EAAE,MAAM,UAAU,CAAA;AAK/D,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;;;cAQQ,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;cAhBuB,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;;;;;;;cAEjC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;cAGrD,QAAQ,CAAC,gBAAgB,CAAC;;;;;;;;;;;IAK5C;;;;;;OAMG;;;;;;;;;AAnBP,wBA0aE"}

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

@@ -1,17 +1,17 @@
-import { defineComponent as J, inject as Q, ref as B, computed as c, createVNode as r, mergeProps as L } from "vue";
+import { defineComponent as U, inject as Z, ref as q, computed as c, createVNode as r, mergeProps as B } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import U from "../../../core/src/components/Tooltip.mjs";
-import { TABLE_CONTEXT_KEY as Z } from "../context.mjs";
-import { getByDataIndex as ee, getColumnKey as O } from "../composables/useColumns.mjs";
-import { useFixedColumnStyle as le } from "../composables/useFixedColumnStyle.mjs";
-import { resolveBodyCell as ne, omitCellProps as P, isRenderedCell as te, getEllipsisConfig as oe } from "../utils/cell.mjs";
-import ae from "./SelectionCheckbox.mjs";
-import se from "./SelectionRadio.mjs";
-import N from "./ExpandIcon.mjs";
-import { isInHoverRange as re } from "../composables/useHoverState.mjs";
-import { TABLE_ALIGN_CLASSES as ce } from "../../../theme/src/presets/antdv/table.mjs";
+import ee from "../../../core/src/components/Tooltip.mjs";
+import { TABLE_CONTEXT_KEY as le } from "../context.mjs";
+import { getByDataIndex as ne, getColumnKey as L } from "../composables/useColumns.mjs";
+import { useFixedColumnStyle as te } from "../composables/useFixedColumnStyle.mjs";
+import { resolveBodyCell as oe, getEllipsisConfig as D, omitCellProps as N, isRenderedCell as ae } from "../utils/cell.mjs";
+import se from "./SelectionCheckbox.mjs";
+import re from "./SelectionRadio.mjs";
+import P from "./ExpandIcon.mjs";
+import { isInHoverRange as ce } from "../composables/useHoverState.mjs";
+import { TABLE_ALIGN_CLASSES as de } from "../../../theme/src/presets/antdv/table.mjs";
 import { cn as m } from "tailwind-variants";
-const Ie = /* @__PURE__ */ J({
+const Te = /* @__PURE__ */ U({
   name: "TableCell",
   props: {
     record: {
@@ -41,30 +41,41 @@ const Ie = /* @__PURE__ */ J({
     bodyCellEllipsisClass: {
       type: String,
       required: !0
+    },
+    /**
+     * 实测列宽（px），仅横向虚拟化时传入。
+     *
+     * 必要而非优化：窗口化之后表体的这一行不再包含全部列，若某列没有声明宽度，
+     * 浏览器会按窗口后的结构重新分配余量，与始终渲染全部列的表头对不上。
+     * 把从表头量到的宽度显式写回来，表体布局才被钉死。
+     */
+    widthOverride: {
+      type: Number,
+      default: void 0
     }
   },
   setup(e) {
-    const l = Q(Z, {}), H = B(null), I = B(!1), o = c(() => e.resolvedCell ?? ne({
-      text: ee(e.record, e.column.dataIndex),
+    const l = Z(le, {}), H = q(null), I = q(!1), o = c(() => e.resolvedCell ?? oe({
+      text: ne(e.record, e.column.dataIndex),
       record: e.record,
       rowIndex: e.rowIndex,
       column: e.column,
       bodyCell: l.bodyCell,
       transformCellText: l.transformCellText
-    })), D = c(() => {
+    })), j = c(() => {
       if (!e.column.fixed) return null;
-      const n = O(e.column) ?? e.colIndex;
+      const n = L(e.column) ?? e.colIndex;
       return l.fixedOffsets?.value?.get(n) ?? null;
     }), {
-      fixedStyle: W,
+      fixedStyle: A,
       fixedClass: T
-    } = le({
-      fixedInfo: () => D.value
-    }), i = c(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
+    } = te({
+      fixedInfo: () => j.value
+    }), W = c(() => D(e.column).enabled ? l.compatClass?.("cell-ellipsis") ?? "" : ""), i = c(() => l.getSelectionState?.(e.record, e.rowIndex) ?? {
       checked: !1,
       indeterminate: !1,
       disabled: !1
-    }), f = c(() => i.value.checked), _ = c(() => re(e.rowIndex, o.value.rowSpan ?? 1, l.hoverRange?.value ?? null));
+    }), f = c(() => i.value.checked), _ = c(() => ce(e.rowIndex, o.value.rowSpan ?? 1, l.hoverRange?.value ?? null));
     function S() {
       if (!l.hoverable?.value) return;
       const n = Math.max(1, o.value.rowSpan ?? 1);
@@ -73,46 +84,60 @@ const Ie = /* @__PURE__ */ J({
     function h() {
       l.hoverable?.value && l.clearHoverRange?.();
     }
-    function j(n) {
+    function K(n) {
       return (t) => {
         S(), typeof n == "function" && n(t);
       };
     }
-    function A(n) {
+    function z(n) {
       return (t) => {
         h(), typeof n == "function" && n(t);
       };
     }
     const E = c(() => ({
-      ...P(o.value.renderCellProps),
-      ...P(o.value.customCellProps)
-    })), z = c(() => {
-      const n = e.column.align ? ce[e.column.align] : "", t = l.subThemeSlots, a = _.value && l.hoverable?.value, x = l.isColumnSorted?.(e.column) && t ? t.tdSorted() : "", R = f.value && t ? m(t.tdSelected(), a ? t.tdRowSelectedHover() : "") : "", k = a && t && !f.value ? t.tdRowHover() : "";
-      return m(e.tdClass, n, e.column.className, o.value.customCellProps?.class, o.value.customCellProps?.className, o.value.renderCellProps?.class, o.value.renderCellProps?.className, x, R, k, T.value);
+      ...N(o.value.renderCellProps),
+      ...N(o.value.customCellProps)
+    })), F = c(() => {
+      const n = e.column.align ? de[e.column.align] : "", t = l.subThemeSlots, a = _.value && l.hoverable?.value, C = l.isColumnSorted?.(e.column) && t ? t.tdSorted() : "", R = f.value && t ? m(t.tdSelected(), a ? t.tdRowSelectedHover() : "") : "", p = a && t && !f.value ? t.tdRowHover() : "";
+      return m(
+        e.tdClass,
+        n,
+        e.column.className,
+        o.value.customCellProps?.class,
+        o.value.customCellProps?.className,
+        o.value.renderCellProps?.class,
+        o.value.renderCellProps?.className,
+        C,
+        R,
+        p,
+        T.value,
+        // antdv 把 ellipsis 类放在 td 上，我们的 slot 落在内层 span，故在此补
+        W.value
+      );
     }), w = c(() => {
-      const n = {}, a = l.columnWidths?.[String(O(e.column) ?? e.colIndex)] ?? e.column.width;
+      const n = {}, t = l.columnWidths?.[String(L(e.column) ?? e.colIndex)], a = e.widthOverride ?? t ?? e.column.width;
       return a && (n.width = typeof a == "number" ? `${a}px` : a), {
         ...n,
-        ...W.value ?? {},
+        ...A.value ?? {},
         ...o.value.customCellProps?.style ?? {},
         ...o.value.renderCellProps?.style ?? {}
       };
-    }), K = c(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), F = c(() => l.isTreeData?.value && e.column.key !== "__vtg_selection__" && e.column.key !== "__vtg_expand__" && e.colIndex <= 2 ? (() => {
+    }), $ = c(() => l.isTreeData?.value ? l.getFlattenRow?.(e.record) ?? null : null), G = c(() => l.isTreeData?.value && e.column.key !== "__vtg_selection__" && e.column.key !== "__vtg_expand__" && e.colIndex <= 2 ? (() => {
       const n = l.rowSelection?.(), t = l.expandable?.();
       let a = 0;
       return n && (a += 1), t && t.showExpandColumn !== !1 && (a += 1), e.colIndex === a;
     })() : !1);
-    function $(n) {
+    function V(n) {
       return {
         ...w.value,
         ...n ?? {}
       };
     }
-    function G() {
+    function X() {
       const n = H.value, t = o.value.tooltipText;
       I.value = !!(n && t && (n.scrollWidth > n.clientWidth || n.scrollHeight > n.clientHeight));
     }
-    function V() {
+    function Y() {
       I.value = !1;
     }
     return () => {
@@ -120,25 +145,25 @@ const Ie = /* @__PURE__ */ J({
         return null;
       const n = o.value.colSpan !== 1 ? o.value.colSpan : void 0, t = o.value.rowSpan !== 1 ? o.value.rowSpan : void 0;
       if (e.column.key === "__vtg_selection__") {
-        const v = l.rowSelection?.(), C = v?.type === "radio" ? r(se, {
+        const v = l.rowSelection?.(), x = v?.type === "radio" ? r(re, {
           checked: i.value.checked,
           disabled: i.value.disabled,
           onChange: (d) => l.toggleRow?.(e.record, e.rowIndex, d)
-        }, null) : r(ae, {
+        }, null) : r(se, {
           checked: i.value.checked,
           indeterminate: i.value.indeterminate,
           disabled: i.value.disabled,
           onChange: (d, y) => l.toggleRow?.(e.record, e.rowIndex, y)
         }, null);
-        let u = C, s;
+        let u = x, s;
         if (v?.renderCell) {
-          const d = v.renderCell(i.value.checked, e.record, e.rowIndex, C);
-          te(d) ? (u = d.children, s = d.props) : u = d;
+          const d = v.renderCell(i.value.checked, e.record, e.rowIndex, x);
+          ae(d) ? (u = d.children, s = d.props) : u = d;
         }
-        const g = !!v?.renderCell, b = _.value && l.hoverable?.value, M = m(e.tdClass, l.vtgClass?.(g ? "text-center" : "text-center leading-[0]"), e.column.className, s?.class, s?.className, f.value && l.subThemeSlots ? m(l.subThemeSlots.tdSelected(), b ? l.subThemeSlots.tdRowSelectedHover() : "") : b && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", T.value);
-        return r("td", L(P(s), {
+        const b = !!v?.renderCell, g = _.value && l.hoverable?.value, M = m(e.tdClass, l.vtgClass?.(b ? "text-center" : "text-center leading-[0]"), e.column.className, s?.class, s?.className, f.value && l.subThemeSlots ? m(l.subThemeSlots.tdSelected(), g ? l.subThemeSlots.tdRowSelectedHover() : "") : g && l.subThemeSlots ? l.subThemeSlots.tdRowHover() : "", T.value, l.compatClass?.("selection-column"));
+        return r("td", B(N(s), {
           class: M,
-          style: $(s?.style),
+          style: V(s?.style),
           colspan: n,
           rowspan: t,
           onMouseenter: S,
@@ -146,7 +171,7 @@ const Ie = /* @__PURE__ */ J({
         }), [u]);
       }
       if (e.column.key === "__vtg_expand__") {
-        const v = l.expandable?.(), p = l.getRowKey?.(e.record, e.rowIndex), C = p !== void 0 && (l.isExpanded?.(p) ?? !1), u = l.isRowExpandable?.(e.record) ?? !1, s = l.subThemeSlots, g = _.value && l.hoverable?.value, b = l.isColumnSorted?.(e.column) && s ? s.tdSorted() : "", M = f.value && s ? m(s.tdSelected(), g ? s.tdRowSelectedHover() : "") : "", d = g && s && !f.value ? s.tdRowHover() : "", y = m(e.tdClass, l.vtgClass?.("text-center"), e.column.className, b, M, d, T.value);
+        const v = l.expandable?.(), k = l.getRowKey?.(e.record, e.rowIndex), x = k !== void 0 && (l.isExpanded?.(k) ?? !1), u = l.isRowExpandable?.(e.record) ?? !1, s = l.subThemeSlots, b = _.value && l.hoverable?.value, g = l.isColumnSorted?.(e.column) && s ? s.tdSorted() : "", M = f.value && s ? m(s.tdSelected(), b ? s.tdRowSelectedHover() : "") : "", d = b && s && !f.value ? s.tdRowHover() : "", y = m(e.tdClass, l.vtgClass?.("text-center"), e.column.className, g, M, d, T.value, l.compatClass?.("row-expand-icon-cell"));
         return v?.expandIcon ? r("td", {
           class: y,
           style: w.value,
@@ -155,11 +180,11 @@ const Ie = /* @__PURE__ */ J({
           onMouseenter: S,
           onMouseleave: h
         }, [v.expandIcon({
-          expanded: C,
+          expanded: x,
           record: e.record,
           expandable: u,
-          onExpand: (de, Y) => {
-            Y.stopPropagation(), u && l.toggleExpand?.(e.record, e.rowIndex);
+          onExpand: (ue, Q) => {
+            Q.stopPropagation(), u && l.toggleExpand?.(e.record, e.rowIndex);
           }
         })]) : r("td", {
           class: y,
@@ -168,8 +193,8 @@ const Ie = /* @__PURE__ */ J({
           rowspan: t,
           onMouseenter: S,
           onMouseleave: h
-        }, [r(N, {
-          expanded: C,
+        }, [r(P, {
+          expanded: x,
           expandable: u,
           variant: "row",
           onClick: () => {
@@ -177,21 +202,21 @@ const Ie = /* @__PURE__ */ J({
           }
         }, null)]);
       }
-      const a = K.value, x = F.value && a, R = x ? r("span", {
+      const a = $.value, C = G.value && a, R = C ? r("span", {
         style: {
           display: "inline-block",
           width: `${a.level * (l.treeIndentSize?.value ?? 15)}px`
         }
-      }, null) : null, k = x && a.hasChildren ? r(N, {
+      }, null) : null, p = C && a.hasChildren ? r(P, {
         expanded: a.expanded,
         expandable: !0,
         variant: "tree",
         onClick: () => l.toggleTreeExpand?.(e.record, e.rowIndex)
-      }, null) : x ? r(N, {
+      }, null) : C ? r(P, {
         expanded: !1,
         expandable: !1,
         variant: "tree"
-      }, null) : null, q = oe(e.column), X = q.enabled ? q.showTitle ? r(U, {
+      }, null) : null, O = D(e.column), J = O.enabled ? O.showTitle ? r(ee, {
         block: !0,
         title: o.value.tooltipText,
         placement: "top",
@@ -200,23 +225,23 @@ const Ie = /* @__PURE__ */ J({
         default: () => [r("div", {
           ref: H,
           class: e.bodyCellEllipsisClass,
-          onMouseenter: G,
-          onMouseleave: V
+          onMouseenter: X,
+          onMouseleave: Y
         }, [o.value.content])]
       }) : r("div", {
         class: e.bodyCellEllipsisClass
       }, [o.value.content]) : o.value.content;
-      return r("td", L(E.value, {
-        class: z.value,
+      return r("td", B(E.value, {
+        class: F.value,
         style: w.value,
         colspan: n,
         rowspan: t,
-        onMouseenter: j(E.value.onMouseenter),
-        onMouseleave: A(E.value.onMouseleave)
-      }), [R, k, X]);
+        onMouseenter: K(E.value.onMouseenter),
+        onMouseleave: z(E.value.onMouseleave)
+      }), [R, p, J]);
     };
   }
 });
 export {
-  Ie as default
+  Te as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAuBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBA2tBE"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAOZ,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;;;cAuBzC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;cAAjD,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;AAJvE,wBA4uBE"}