@vtable-guild/vtable-guild 2.7.0 → 2.7.1

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;AAI/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,wBAoZE"}
+{"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"}

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

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

package/dist/table/src/utils/columnWidth.d.ts

@@ -0,0 +1,12 @@
+import { ColumnType } from '../types';
+/**
+ * 与 ColGroup / TableCell 同一套宽度口径：拖拽覆写优先，否则用列声明。
+ *
+ * 非数字声明（`auto`、百分比）按 0 计入滚动总宽——它们的真实像素只能量表头，
+ * 那是 virtualColumn 路径的事。这里只负责「声明数字宽 + 拖拽结果」。
+ */
+export declare function resolveDeclaredColumnWidth(column: ColumnType<Record<string, unknown>>, index: number, columnWidths?: Record<string, number>): number;
+export declare function sumDeclaredColumnWidths(columns: readonly ColumnType<Record<string, unknown>>[], columnWidths?: Record<string, number>): number;
+/** 从 table 内联 width（如 `20600px`）取出数字，供虚拟表体总宽与 scroll.x 对齐。 */
+export declare function parseStylePxWidth(width: string | undefined): number;
+//# sourceMappingURL=columnWidth.d.ts.map

package/dist/table/src/utils/columnWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnWidth.d.ts","sourceRoot":"","sources":["../../../../../table/src/utils/columnWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C;;;;;GAKG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAC3C,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAQR;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,EACvD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAMR;AAED,8DAA8D;AAC9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAMnE"}

package/dist/table/src/utils/columnWidth.mjs

@@ -0,0 +1,26 @@
+import { getColumnKey as o } from "../composables/useColumns.mjs";
+function s(e, r, t) {
+  const i = t?.[String(o(e) ?? r)] ?? e.width;
+  if (typeof i == "number")
+    return Number.isFinite(i) && i > 0 ? i : 0;
+  const u = Number.parseInt(String(i || "0"), 10);
+  return Number.isFinite(u) && u > 0 ? u : 0;
+}
+function c(e, r) {
+  let t = 0;
+  for (let n = 0; n < e.length; n += 1)
+    t += s(e[n], n, r);
+  return t;
+}
+function d(e) {
+  if (!e) return 0;
+  const r = /^(\d+(?:\.\d+)?)px$/.exec(e.trim());
+  if (!r) return 0;
+  const t = Number(r[1]);
+  return Number.isFinite(t) && t > 0 ? t : 0;
+}
+export {
+  d as parseStylePxWidth,
+  s as resolveDeclaredColumnWidth,
+  c as sumDeclaredColumnWidths
+};

package/dist/table/src/utils/columnWidth.test.d.ts

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

package/dist/table/src/utils/columnWidth.test.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtable-guild/vtable-guild",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "description": "Vue 3 table component with built-in virtual scrolling and switchable ant-design-vue / element-plus theme presets, powered by tailwind-variants",
   "type": "module",
   "files": [