@vtable-guild/vtable-guild 2.7.1 → 2.8.1

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

@@ -1,6 +1,6 @@
-import { defineComponent as r, inject as o, watch as i } from "vue";
-import { TABLE_CONTEXT_KEY as l } from "../context.mjs";
-import n from "./VTableSummaryRow.mjs";
+import { defineComponent as r, inject as a, watch as n } from "vue";
+import { TABLE_CONTEXT_KEY as i } from "../context.mjs";
+import l from "./VTableSummaryRow.mjs";
 import u from "./VTableSummaryCell.mjs";
 const f = /* @__PURE__ */ r({
   name: "VTableSummary",
@@ -13,15 +13,15 @@ const f = /* @__PURE__ */ r({
   setup(e, {
     slots: t
   }) {
-    const m = o(l, {});
-    return i(() => e.fixed, (a) => {
-      m.registerSummaryFixed?.(a ?? !1);
+    const m = a(i, {});
+    return n(() => e.fixed, (o) => {
+      m.registerSummaryFixed?.(o ?? !1);
     }, {
       immediate: !0
     }), () => t.default?.();
   }
 }), b = Object.assign(f, {
-  Row: n,
+  Row: l,
   Cell: u
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"VTableSummaryCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTableSummaryCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;cAWZ,QAAQ,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;cAAnB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;AANhD,wBAoDE"}
+{"version":3,"file":"VTableSummaryCell.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTableSummaryCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;;;;;;;;;;;;;;;cAWZ,QAAQ,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;cAAnB,QAAQ,CAAC,SAAS,CAAC;;;;;;;;AANhD,wBAmEE"}

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

@@ -1,11 +1,11 @@
-import { defineComponent as c, inject as f, computed as u, createVNode as S } from "vue";
+import { defineComponent as s, inject as f, computed as o, createVNode as S } from "vue";
 import "../../../core/src/utils/tv.mjs";
 import { TABLE_CONTEXT_KEY as y } from "../context.mjs";
-import { getColumnKey as p } from "../composables/useColumns.mjs";
+import { getColumnKey as x } from "../composables/useColumns.mjs";
 import { useFixedColumnStyle as C } from "../composables/useFixedColumnStyle.mjs";
-import { TABLE_ALIGN_CLASSES as x } from "../../../theme/src/presets/antdv/table.mjs";
+import { TABLE_ALIGN_CLASSES as v } from "../../../theme/src/presets/antdv/table.mjs";
 import { cn as b } from "tailwind-variants";
-const _ = /* @__PURE__ */ c({
+const E = /* @__PURE__ */ s({
   name: "VTableSummaryCell",
   props: {
     index: {
@@ -25,44 +25,46 @@ const _ = /* @__PURE__ */ c({
       default: void 0
     }
   },
-  setup(n, {
+  setup(e, {
     slots: i
   }) {
-    const l = f(y, {}), r = u(() => {
+    const l = f(y, {}), d = o(() => {
       const t = l.displayColumns?.value;
       if (!t) return null;
-      const e = t[n.index];
-      if (!e?.fixed) return null;
-      const o = p(e) ?? n.index;
-      return l.fixedOffsets?.value?.get(o) ?? null;
+      const n = t[e.index];
+      if (!n?.fixed) return null;
+      const u = x(n) ?? e.index;
+      return l.fixedOffsets?.value?.get(u) ?? null;
     }), {
       fixedStyle: a,
-      fixedClass: s
+      fixedClass: r
     } = C({
-      fixedInfo: () => r.value
-    }), d = u(() => {
-      const t = l.subThemeSlots, e = n.align ? l.vtgClass?.(x[n.align]) ?? "" : "";
-      return b(t?.summaryCell() ?? "", e, s.value);
-    }), m = u(() => {
+      fixedInfo: () => d.value
+    }), c = o(() => {
+      const t = l.subThemeSlots, n = e.align ? l.vtgClass?.(v[e.align]) ?? "" : "";
+      return b(t?.summaryCell() ?? "", n, r.value, l.columnLayout?.enabled.value && t?.widthLayoutCell());
+    }), m = o(() => {
       const t = l.displayColumns?.value;
       if (!t) return a.value;
-      const e = t[n.index], o = {};
-      return e?.width && (o.width = typeof e.width == "number" ? `${e.width}px` : String(e.width)), {
-        ...o,
-        ...a.value ?? {}
+      const n = t[e.index], u = {};
+      return n?.width && (u.width = typeof n.width == "number" ? `${n.width}px` : String(n.width)), {
+        ...u,
+        ...a.value ?? {},
+        ...l.columnLayout?.columnStyle(e.index, e.colSpan)
       };
     });
     return () => {
-      const t = n.colSpan !== 1 ? n.colSpan : void 0, e = n.rowSpan !== 1 ? n.rowSpan : void 0;
+      const t = e.colSpan !== 1 ? e.colSpan : void 0, n = e.rowSpan !== 1 ? e.rowSpan : void 0;
       return S("td", {
-        class: d.value,
+        "data-vtg-col": e.index,
+        class: c.value,
         style: m.value,
         colspan: t,
-        rowspan: e
+        rowspan: n
       }, [i.default?.()]);
     };
   }
 });
 export {
-  _ as default
+  E as default
 };

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;AAOpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAGpE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAK/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,wBAmZE"}
+{"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;AAQpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAGpE,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAK/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,wBAmaE"}

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

@@ -1,22 +1,23 @@
-import { defineComponent as $, inject as G, ref as C, computed as m, onBeforeUnmount as U, watch as Y, createVNode as r, isVNode as J } from "vue";
+import { defineComponent as U, inject as Y, ref as C, computed as w, onBeforeUnmount as J, watch as Q, createVNode as r, isVNode as Z } from "vue";
 import "../../../core/src/utils/tv.mjs";
-import Q from "./TableRow.mjs";
-import Z from "./TableCell.mjs";
-import ee from "./TableEmpty.mjs";
-import te from "./ExpandedRowTr.mjs";
-import le from "./ColGroup.mjs";
-import { TABLE_CONTEXT_KEY as ne } from "../context.mjs";
-import { resolveFixedColumnRanges as oe, useColumnWindow as ae } from "../composables/useColumnWindow.mjs";
-import { resolveRowDragClass as re } from "../composables/useRowDragSort.mjs";
-import { getRowCompatClass as ie } from "../utils/compat.mjs";
-import { resolveRowKey as T } from "../utils/rowKey.mjs";
-import { sumDeclaredColumnWidths as se, parseStylePxWidth as de } from "../utils/columnWidth.mjs";
-import ue from "../../../core/src/components/VirtualList/VirtualList.mjs";
-import { cn as ce } from "tailwind-variants";
-function fe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !J(e);
+import ee from "./TableRow.mjs";
+import te from "./TableCell.mjs";
+import le from "./TableEmpty.mjs";
+import oe from "./ExpandedRowTr.mjs";
+import ne from "./ColGroup.mjs";
+import ae from "./ColumnWidthRow.mjs";
+import { TABLE_CONTEXT_KEY as re } from "../context.mjs";
+import { resolveFixedColumnRanges as ie, useColumnWindow as se } from "../composables/useColumnWindow.mjs";
+import { resolveRowDragClass as de } from "../composables/useRowDragSort.mjs";
+import { getRowCompatClass as ue } from "../utils/compat.mjs";
+import { resolveRowKey as N } from "../utils/rowKey.mjs";
+import { sumDeclaredColumnWidths as ce, parseStylePxWidth as fe } from "../utils/columnWidth.mjs";
+import me from "../../../core/src/components/VirtualList/VirtualList.mjs";
+import { cn as W } from "tailwind-variants";
+function we(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Z(e);
 }
-const Te = /* @__PURE__ */ $({
+const qe = /* @__PURE__ */ U({
   name: "VirtualTableBody",
   props: {
     dataSource: {
@@ -95,101 +96,110 @@ const Te = /* @__PURE__ */ $({
       default: "hover"
     }
   },
-  setup(e) {
-    const a = G(ne, {}), w = C(), x = C(0), c = C(0);
+  setup(e, {
+    expose: F
+  }) {
+    const n = Y(re, {}), c = C();
+    F({
+      scrollToTop: () => c.value?.scrollTo({
+        top: 0
+      })
+    });
+    const x = C(0), f = C(0);
     function b(t) {
       x.value = t.x, e.onVirtualScroll?.({
         ...t,
-        maxX: w.value?.getHorizontalRange() ?? 0
+        maxX: c.value?.getHorizontalRange() ?? 0
       });
     }
     function V(t, l) {
-      return T(t, l, e.rowKey);
+      return N(t, l, e.rowKey);
     }
-    function k(t) {
-      const l = e.dataSource.indexOf(t);
-      return T(t, l, e.rowKey);
+    function k(t, l) {
+      return N(t, l ?? e.dataSource.indexOf(t), e.rowKey);
     }
-    const q = m(() => {
-      const t = e.virtualColumn ? e.columnMetrics?.total : void 0;
+    const q = w(() => {
+      const t = e.columnMetrics?.total;
       if (t && t > 0) return t;
-      const l = se(e.columns, a.columnWidths), u = de(e.tableStyle?.width);
+      const l = ce(e.columns, n.columnWidths), u = fe(e.tableStyle?.width);
       return Math.max(l, u);
-    }), v = m(() => oe(e.columns)), S = m(() => {
-      if (!e.virtualColumn || c.value <= 0) return null;
+    }), y = w(() => ie(e.columns)), O = w(() => {
+      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,
-      start: O,
-      end: H,
-      leftSpacer: p,
-      rightSpacer: E
-    } = ae({
-      widths: () => S.value,
-      leftFixedCount: () => v.value.leftFixedCount,
-      rightFixedStart: () => v.value.rightFixedStart,
+      active: H,
+      start: _,
+      end: I,
+      leftSpacer: S,
+      rightSpacer: p
+    } = se({
+      widths: () => O.value,
+      leftFixedCount: () => y.value.leftFixedCount,
+      rightFixedStart: () => y.value.rightFixedStart,
       offsetX: () => x.value,
-      viewportWidth: () => c.value
-    }), _ = m(() => {
+      viewportWidth: () => f.value
+    }), K = w(() => {
       const t = e.columns.length;
-      if (!R.value)
+      if (!H.value)
         return Array.from({
           length: t
-        }, (n, i) => ({
+        }, (o, i) => ({
           index: i
         }));
       const {
         leftFixedCount: l,
         rightFixedStart: u
-      } = v.value, o = [];
-      for (let n = 0; n < l; n += 1) o.push({
-        index: n
+      } = y.value, a = [];
+      for (let o = 0; o < l; o += 1) a.push({
+        index: o
       });
-      p.value > 0 && o.push({
-        spacer: p.value
+      S.value > 0 && a.push({
+        spacer: S.value
       });
-      for (let n = O.value; n <= H.value; n += 1) o.push({
-        index: n
+      for (let o = _.value; o <= I.value; o += 1) a.push({
+        index: o
       });
-      E.value > 0 && o.push({
-        spacer: E.value
+      p.value > 0 && a.push({
+        spacer: p.value
       });
-      for (let n = u; n < t; n += 1) o.push({
-        index: n
+      for (let o = u; o < t; o += 1) a.push({
+        index: o
       });
-      return o;
+      return a;
     });
-    function me(t) {
+    function ye(t) {
     }
     let s = null, d = null;
-    function B(t) {
+    function R(t) {
       const l = t ?? null;
-      l !== d && (s && d && s.unobserve(d), d = l, l && (c.value = l.clientWidth, !s && typeof ResizeObserver < "u" && (s = new ResizeObserver(() => {
-        d && (c.value = d.clientWidth);
+      l !== d && (s && d && s.unobserve(d), d = l, l && (f.value = l.clientWidth, !s && typeof ResizeObserver < "u" && (s = new ResizeObserver(() => {
+        d && (f.value = d.clientWidth);
       })), s?.observe(l)));
     }
-    return U(() => {
+    return J(() => {
       s?.disconnect(), s = null, d = null;
-    }), Y(() => w.value, (t) => {
+    }), Q(() => c.value, (t) => {
       if (t) {
         const l = t.getScrollInfo();
-        b(l), t.nativeElement, B(t.nativeElement);
+        b(l), t.nativeElement, R(t.nativeElement);
       } else
-        B(null);
+        R(null);
     }), () => e.dataSource.length === 0 ? r("table", {
-      class: e.tableClass,
+      "data-vtg-table": "",
+      class: W(e.tableClass, n.compatClass?.("body")),
       style: e.tableStyle
-    }, [r(le, {
+    }, [r(ne, {
       columns: e.columns
-    }, null), r("tbody", {
+    }, null), r(ae, null, null), r("tbody", {
       class: e.tbodyClass
-    }, [r(ee, {
+    }, [r(le, {
       colSpan: e.columns.length || 1,
       emptyClass: e.emptyClass,
       tdClass: e.tdClass
-    }, null)])]) : r(ue, {
-      ref: w,
+    }, null)])]) : r(me, {
+      ref: c,
+      holderClass: n.compatClass?.("body"),
       data: e.dataSource,
       height: e.height,
       itemHeight: e.itemHeight,
@@ -208,13 +218,14 @@ const Te = /* @__PURE__ */ $({
         index: l
       }) => {
         let u;
-        const o = l, n = V(t, o), i = a.expandable?.(), I = a.isExpanded?.(n) ?? !1, K = i?.expandRowByClick ?? !1, D = a.isRowExpandable?.(t) ?? !1, N = a.getRowClassName?.(t, o), W = a.getRowProps?.(t, o), P = a.rowDrag?.enabled.value ? a.rowDrag.getBindings(t, o, W) : void 0, j = {
-          ...W,
-          ...P
-        }, A = re(a.rowDrag, n, a.subThemeSlots), y = (a.isTreeData?.value ? a.getFlattenRow?.(t) : void 0)?.level ?? 0, M = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(t, o, y) : i?.expandedRowClassName, L = K ? () => {
-          D && a.toggleExpand?.(t, o);
-        } : void 0, F = _.value, X = R.value ? S.value : null;
+        const a = l, o = V(t, a), i = n.expandable?.(), D = n.isExpanded?.(o) ?? !1, P = i?.expandRowByClick ?? !1, j = n.isRowExpandable?.(t) ?? !1, E = n.getRowClassName?.(t, a), B = n.getRowProps?.(t, a), M = n.rowDrag?.enabled.value ? n.rowDrag.getBindings(t, a, B) : void 0, A = {
+          ...B,
+          ...M
+        }, L = de(n.rowDrag, o, n.subThemeSlots), v = (n.isTreeData?.value ? n.getFlattenRow?.(t) : void 0)?.level ?? 0, X = typeof i?.expandedRowClassName == "function" ? i.expandedRowClassName(t, a, v) : i?.expandedRowClassName, z = P ? () => {
+          j && n.toggleExpand?.(t, a);
+        } : void 0, T = K.value, $ = e.columnMetrics?.widths;
         return r("table", {
+          "data-vtg-table": "",
           class: e.tableClass,
           style: {
             ...e.tableStyle,
@@ -223,43 +234,44 @@ const Te = /* @__PURE__ */ $({
         }, [r("tbody", {
           class: e.tbodyClass,
           "data-vtg-preserve-last-border": l < e.dataSource.length - 1 ? "" : void 0
-        }, [r(Q, {
-          key: n,
-          rowClass: ce(e.rowClass, N, A, ie(a, t, o, y)) ?? "",
-          rowProps: j,
-          onClick: L
-        }, fe(u = F.map((g, z) => {
+        }, [r(ee, {
+          "data-vtg-virtual-row": "",
+          key: o,
+          rowClass: W(e.rowClass, E, L, ue(n, t, a, v)) ?? "",
+          rowProps: A,
+          onClick: z
+        }, we(u = T.map((g, G) => {
           if (g.spacer !== void 0)
             return r("td", {
-              key: `__vtg_spacer_${z}`,
+              key: `__vtg_spacer_${G}`,
               style: {
                 width: `${g.spacer}px`,
                 padding: "0"
               },
               "aria-hidden": "true"
             }, null);
-          const f = g.index, h = e.columns[f];
-          return r(Z, {
-            key: h.key ?? String(h.dataIndex ?? f),
+          const m = g.index, h = e.columns[m];
+          return r(te, {
+            key: h.key ?? String(h.dataIndex ?? m),
             record: t,
-            rowIndex: o,
+            rowIndex: a,
             column: h,
-            colIndex: f,
-            widthOverride: X?.[f],
+            colIndex: m,
+            widthOverride: $?.[m],
             tdClass: e.tdClass,
             bodyCellEllipsisClass: e.bodyCellEllipsisClass
           }, null);
         })) ? u : {
           default: () => [u]
-        }), I && i?.expandedRowRender ? r(te, {
-          key: `${n}-expanded`,
+        }), D && i?.expandedRowRender ? r(oe, {
+          key: `${o}-expanded`,
           record: t,
-          rowIndex: o,
-          colspan: F.length,
-          rowIndent: y,
+          rowIndex: a,
+          colspan: T.length,
+          rowIndent: v,
           rowClass: e.rowClass,
-          rowClassName: N,
-          expandedRowClassName: M,
+          rowClassName: E,
+          expandedRowClassName: X,
           tdClass: e.tdClass,
           expandedRowRender: i.expandedRowRender
         }, null) : null])]);
@@ -268,5 +280,5 @@ const Te = /* @__PURE__ */ $({
   }
 });
 export {
-  Te as default
+  qe as default
 };

package/dist/table/src/composables/useColumnLayout.d.ts

@@ -0,0 +1,28 @@
+import { ColumnType, TableLayout } from '../types';
+import { ColumnMetrics } from './useColumnMetrics';
+type Column = ColumnType<Record<string, unknown>>;
+export interface ColumnLayoutOptions {
+    columns: () => Column[];
+    columnWidths: Record<string, number>;
+    layout: () => TableLayout;
+    split: () => boolean;
+    root: () => HTMLElement | null;
+    viewport: () => HTMLElement | null;
+    scrollX: () => number | string | undefined;
+    onMeasure?: () => void;
+}
+/** Input constraints, allocation and committed browser metrics have separate lifetimes. */
+export declare function useColumnLayout(options: ColumnLayoutOptions): {
+    enabled: import('vue').ComputedRef<boolean>;
+    minimums: import('vue').ComputedRef<number[]>;
+    minimumTotal: import('vue').ComputedRef<number>;
+    metrics: import('vue').ComputedRef<ColumnMetrics | null>;
+    synchronized: import('vue').ComputedRef<boolean>;
+    tableStyle: import('vue').ComputedRef<Record<string, string>>;
+    columnStyle: (index: number, span?: number) => Record<string, string>;
+    overflow: import('vue').ShallowRef<boolean, boolean>;
+    remeasure: () => void;
+};
+export type ColumnLayout = ReturnType<typeof useColumnLayout>;
+export {};
+//# sourceMappingURL=useColumnLayout.d.ts.map

package/dist/table/src/composables/useColumnLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnLayout.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useColumnLayout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACvD,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAQ5E,KAAK,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;AAMjD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,MAAM,EAAE,CAAA;IACvB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,MAAM,EAAE,MAAM,WAAW,CAAA;IACzB,KAAK,EAAE,MAAM,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,2FAA2F;AAC3F,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB;;;;;;;yBAyD9B,MAAM,oBAAa,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;;;EAsYtE;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA"}