@vtable-guild/vtable-guild 2.7.1 → 2.8.0

package/dist/table/src/composables/useColumnMetrics.mjs

@@ -1,69 +1,77 @@
-import { shallowRef as g, watch as y, onMounted as N, onBeforeUnmount as A } from "vue";
-import { getColumnKey as F } from "./useColumns.mjs";
-const O = 0.5;
-function q(e, t) {
-  if (e === null || t === null) return e === t;
-  if (e.widths.length !== t.widths.length) return !1;
-  for (let r = 0; r < e.widths.length; r += 1)
-    if (Math.abs(e.widths[r] - t.widths[r]) > O) return !1;
+import { shallowRef as v, watch as y, onMounted as A, onBeforeUnmount as N } from "vue";
+import { getColumnKey as C } from "./useColumns.mjs";
+function H(e, n) {
+  const t = [...e.children].find((l) => l.hasAttribute("data-vtg-width-row"))?.querySelectorAll("[data-vtg-track]");
+  if (t?.length !== n) return null;
+  const r = Array.from(t, (l) => l.getBoundingClientRect().width);
+  if (r.some((l) => !Number.isFinite(l) || l < 0)) return null;
+  const i = r.reduce((l, f) => l + f, 0);
+  return i > 0 ? { widths: r, total: i } : null;
+}
+const F = 0.5;
+function q(e, n) {
+  if (e === null || n === null) return e === n;
+  if (e.widths.length !== n.widths.length) return !1;
+  for (let u = 0; u < e.widths.length; u += 1)
+    if (Math.abs(e.widths[u] - n.widths[u]) > F) return !1;
   return !0;
 }
-function C(e, t) {
-  return F(e) ?? t;
+function O(e, n) {
+  return C(e) ?? n;
 }
-function E(e, t) {
-  const r = [];
-  let n = 0;
-  for (let l = 0; l < e.length; l += 1) {
-    const s = t[String(C(e[l], l))] ?? e[l].width, f = typeof s == "number" ? s : Number.NaN;
-    if (!Number.isFinite(f) || f <= 0) return null;
-    r.push(f), n += f;
+function R(e, n) {
+  const u = [];
+  let t = 0;
+  for (let r = 0; r < e.length; r += 1) {
+    const i = n[String(O(e[r], r))] ?? e[r].width, l = typeof i == "number" ? i : Number.NaN;
+    if (!Number.isFinite(l) || l <= 0) return null;
+    u.push(l), t += l;
   }
-  return n > 0 ? { widths: r, total: n } : null;
+  return t > 0 ? { widths: u, total: t } : null;
 }
-function M(e) {
-  const t = g(null);
-  let r = 0, n = null, l = null, s = null;
-  function f() {
-    const u = e.columns(), i = u.length;
-    if (i === 0) return null;
+function I(e) {
+  const n = v(null);
+  let u = 0, t = null, r = null, i = null;
+  function l() {
+    const s = e.columns(), o = s.length;
+    if (o === 0) return null;
     if (!e.hasHeader())
-      return E(u, e.columnWidths);
-    const w = e.headerEl();
-    if (!w) return null;
-    const v = w.querySelectorAll("th[data-vtg-leaf-col]");
-    if (v.length !== i) return null;
-    const d = new Array(i).fill(-1);
-    for (const c of v) {
-      const o = Number(c.dataset.vtgLeafCol);
-      if (!Number.isInteger(o) || o < 0 || o >= i) return null;
-      d[o] = c.getBoundingClientRect().width;
+      return R(s, e.columnWidths);
+    const b = e.headerEl();
+    if (!b) return null;
+    const g = b.querySelectorAll("th[data-vtg-leaf-col]");
+    if (g.length !== o) return null;
+    const h = new Array(o).fill(-1);
+    for (const c of g) {
+      const d = Number(c.dataset.vtgLeafCol);
+      if (!Number.isInteger(d) || d < 0 || d >= o) return null;
+      h[d] = c.getBoundingClientRect().width;
     }
-    let h = 0;
-    for (const c of d) {
+    let m = 0;
+    for (const c of h) {
       if (c < 0) return null;
-      h += c;
+      m += c;
     }
-    return h > 0 ? { widths: d, total: h } : null;
+    return m > 0 ? { widths: h, total: m } : null;
   }
-  function m() {
-    if (r = 0, !e.enabled()) {
-      t.value = null;
+  function f() {
+    if (u = 0, !e.enabled()) {
+      n.value = null;
       return;
     }
-    const u = f();
-    q(t.value, u) || (t.value = u);
+    const s = l();
+    q(n.value, s) || (n.value = s);
   }
   function a() {
     if (typeof requestAnimationFrame > "u") {
-      m();
+      f();
       return;
     }
-    r || (r = requestAnimationFrame(m));
+    u || (u = requestAnimationFrame(f));
   }
-  function b() {
-    const u = e.enabled() && e.hasHeader() ? e.headerEl() : null, i = u?.querySelector("table") ?? null;
-    u === l && i === s || (n && l && n.unobserve(l), n && s && n.unobserve(s), l = u, s = i, u && (!n && typeof ResizeObserver < "u" && (n = new ResizeObserver(a)), n?.observe(u), i && n?.observe(i)));
+  function w() {
+    const s = e.enabled() && e.hasHeader() ? e.headerEl() : null, o = s?.querySelector("table") ?? null;
+    s === r && o === i || (t && r && t.unobserve(r), t && i && t.unobserve(i), r = s, i = o, s && (!t && typeof ResizeObserver < "u" && (t = new ResizeObserver(a)), t?.observe(s), o && t?.observe(o)));
   }
   return y(
     [
@@ -74,15 +82,16 @@ function M(e) {
       () => ({ ...e.columnWidths })
     ],
     () => {
-      b(), a();
+      w(), a();
     },
     { deep: !1, flush: "post" }
-  ), N(() => {
-    b(), a();
-  }), A(() => {
-    r && cancelAnimationFrame(r), n?.disconnect(), n = null, l = null, s = null;
-  }), { metrics: t, remeasure: a };
+  ), A(() => {
+    w(), a();
+  }), N(() => {
+    u && cancelAnimationFrame(u), t?.disconnect(), t = null, r = null, i = null;
+  }), { metrics: n, remeasure: a };
 }
 export {
-  M as useColumnMetrics
+  H as measureColumnTracks,
+  I as useColumnMetrics
 };

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

@@ -10,5 +10,7 @@ export declare function useExpand(options: {
     expandable: () => Expandable | undefined;
     getRowKey: (record: Record<string, unknown>, index: number) => Key;
     data: () => Record<string, unknown>[];
+    childrenColumnName?: () => string | undefined;
+    initializeNewRows?: () => boolean;
 }): UseExpandReturn;
 //# sourceMappingURL=useExpand.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useExpand.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useExpand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAC5D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAA;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,cAAc,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;CACtC;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,UAAU,EAAE,MAAM,UAAU,GAAG,SAAS,CAAA;IACxC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClE,IAAI,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;CACtC,GAAG,eAAe,CA8DlB"}
+{"version":3,"file":"useExpand.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useExpand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAC5D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAA;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,cAAc,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;CACtC;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,UAAU,EAAE,MAAM,UAAU,GAAG,SAAS,CAAA;IACxC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClE,IAAI,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACrC,kBAAkB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAA;CAClC,GAAG,eAAe,CA+FlB"}

package/dist/table/src/composables/useExpand.mjs

@@ -1,37 +1,61 @@
-import { ref as v, watch as w, computed as i } from "vue";
-function K(a) {
-  const n = v([]);
-  let f = !1;
-  w(
+import { ref as R, watch as y, computed as v } from "vue";
+function h(a) {
+  const t = R([]);
+  let o = !1;
+  const c = /* @__PURE__ */ new Set();
+  function w(e) {
+    const n = [];
+    function l(d) {
+      for (const u of d) {
+        n.push(a.getRowKey(u, n.length));
+        const i = u[a.childrenColumnName?.() ?? "children"];
+        Array.isArray(i) && l(i);
+      }
+    }
+    return l(e), n;
+  }
+  y(
     () => a.expandable(),
     (e) => {
-      f || !e || (f = !0, e.defaultExpandAllRows ? n.value = a.data().map((t, d) => a.getRowKey(t, d)) : e.defaultExpandedRowKeys && (n.value = [...e.defaultExpandedRowKeys]));
+      o || !e || (o = !0, e.defaultExpandAllRows ? (t.value = a.initializeNewRows?.() ? w(a.data()) : a.data().map((n, l) => a.getRowKey(n, l)), t.value.forEach((n) => c.add(n))) : e.defaultExpandedRowKeys && (t.value = [...e.defaultExpandedRowKeys]));
+    },
+    { immediate: !0 }
+  );
+  const f = v(() => a.expandable()?.expandedRowKeys !== void 0);
+  y(
+    () => a.initializeNewRows?.() && a.expandable()?.defaultExpandAllRows ? a.data() : null,
+    (e) => {
+      if (!e || f.value) return;
+      const n = new Set(t.value);
+      for (const l of w(e))
+        c.has(l) || n.add(l), c.add(l);
+      t.value = [...n];
     },
     { immediate: !0 }
   );
-  const o = i(() => a.expandable()?.expandedRowKeys !== void 0), u = i(() => {
+  const r = v(() => {
     const e = a.expandable();
     if (!e) return /* @__PURE__ */ new Set();
-    const t = o.value ? e.expandedRowKeys : n.value;
-    return new Set(t);
+    const n = f.value ? e.expandedRowKeys : t.value;
+    return new Set(n);
   });
   function x(e) {
-    return u.value.has(e);
+    return r.value.has(e);
   }
-  function p(e, t) {
-    const d = a.expandable();
-    if (!d) return;
-    const l = a.getRowKey(e, t), r = !x(l);
-    o.value || (r ? n.value = [...n.value, l] : n.value = n.value.filter((s) => s !== l)), d.onExpand?.(r, e);
-    const c = r ? [...u.value, l] : [...u.value].filter((s) => s !== l);
-    d.onExpandedRowsChange?.(c);
+  function K(e, n) {
+    const l = a.expandable();
+    if (!l) return;
+    const d = a.getRowKey(e, n), u = !x(d);
+    f.value || (u ? t.value = [...t.value, d] : t.value = t.value.filter((s) => s !== d)), l.onExpand?.(u, e);
+    const i = u ? [...r.value, d] : [...r.value].filter((s) => s !== d);
+    l.onExpandedRowsChange?.(i);
   }
   return {
     isExpanded: x,
-    toggleExpand: p,
-    expandedKeySet: u
+    toggleExpand: K,
+    expandedKeySet: r
   };
 }
 export {
-  K as useExpand
+  h as useExpand
 };

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

@@ -0,0 +1,15 @@
+import { TablePaginationConfig, TablePaginationState } from '../types/pagination';
+export declare function positiveInteger(value: unknown, fallback: number): number;
+export declare function usePagination<T>(options: {
+    pagination: () => false | TablePaginationConfig | undefined;
+    data: () => T[];
+    onChange: (state: TablePaginationState) => void;
+}): {
+    enabled: import('vue').ComputedRef<boolean>;
+    config: import('vue').ComputedRef<TablePaginationConfig>;
+    state: import('vue').ComputedRef<TablePaginationState>;
+    pageData: import('vue').ComputedRef<T[]>;
+    change: (current: number, pageSize?: number) => void;
+    resetForFilter: () => TablePaginationState | undefined;
+};
+//# sourceMappingURL=usePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/usePagination.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAEtF,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE;IACxC,UAAU,EAAE,MAAM,KAAK,GAAG,qBAAqB,GAAG,SAAS,CAAA;IAC3D,IAAI,EAAE,MAAM,CAAC,EAAE,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;CAChD;;;;;sBAsE0B,MAAM;0BAeJ,oBAAoB,GAAG,SAAS;EAQ5D"}

package/dist/table/src/composables/usePagination.mjs

@@ -0,0 +1,65 @@
+import { computed as g, ref as p, watch as f } from "vue";
+function o(r, u) {
+  return typeof r == "number" && Number.isSafeInteger(r) && r > 0 ? r : u;
+}
+function C(r) {
+  const u = g(() => !!r.pagination()), l = g(() => r.pagination() || {}), c = p(1), v = p(10);
+  let d = !1;
+  f(
+    u,
+    (e) => {
+      !e || d || (d = !0, v.value = o(l.value.defaultPageSize, 10), c.value = o(l.value.defaultCurrent, 1));
+    },
+    { immediate: !0, flush: "sync" }
+  );
+  const i = g(() => {
+    const e = l.value, n = o(e.pageSize, v.value), t = o(e.total, r.data().length);
+    return { current: Math.min(
+      o(e.current, c.value),
+      Math.max(1, Math.ceil(t / n))
+    ), pageSize: n, total: t };
+  });
+  f(
+    () => i.value.current,
+    (e) => {
+      u.value && l.value.current === void 0 && (c.value = e);
+    },
+    { flush: "sync" }
+  );
+  const m = g(() => {
+    const e = r.data();
+    if (!u.value) return e;
+    const { current: n, pageSize: t, total: a } = i.value;
+    return e.length < a && e.length <= t ? e : e.slice((n - 1) * t, n * t);
+  });
+  f(
+    () => [u.value, r.data().length, i.value.total, i.value.pageSize],
+    ([e, n, t, a]) => {
+    },
+    { immediate: !0 }
+  );
+  function h(e, n, t) {
+    const a = l.value;
+    a.current === void 0 && (c.value = e), a.pageSize === void 0 && (v.value = n), a["onUpdate:current"]?.(e), t && (a["onUpdate:pageSize"]?.(n), a.onShowSizeChange?.(e, n)), a.onChange?.(e, n);
+  }
+  function z(e, n = i.value.pageSize) {
+    if (!u.value || l.value.disabled) return;
+    const t = i.value, a = o(n, t.pageSize), s = Math.min(
+      o(e, t.current),
+      Math.max(1, Math.ceil(t.total / a))
+    );
+    if (s === t.current && a === t.pageSize) return;
+    const M = { current: s, pageSize: a, total: t.total };
+    h(s, a, a !== t.pageSize), r.onChange(M);
+  }
+  function S() {
+    if (!u.value) return;
+    const e = { ...i.value, current: 1 };
+    return h(1, e.pageSize, !1), e;
+  }
+  return { enabled: u, config: l, state: i, pageData: m, change: z, resetForFilter: S };
+}
+export {
+  o as positiveInteger,
+  C as usePagination
+};

package/dist/table/src/composables/usePagination.test.d.ts

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

package/dist/table/src/composables/usePagination.test.d.ts.map

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

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

@@ -6,6 +6,7 @@ export interface UseResizeReturn {
     isResizing: Ref<boolean>;
 }
 export declare function useResize(options: {
+    columns?: () => readonly ColumnType<Record<string, unknown>>[];
     onResizeColumn?: (column: ColumnType<Record<string, unknown>>, width: number) => void;
 }): UseResizeReturn;
 //# sourceMappingURL=useResize.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAG1C,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,WAAW,EAAE,CACX,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAC3C,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,YAAY,KAChB,IAAI,CAAA;IACT,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB;AAUD,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtF,GAAG,eAAe,CA0ElB"}
+{"version":3,"file":"useResize.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AACrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAI1C,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,WAAW,EAAE,CACX,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAC3C,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,YAAY,KAChB,IAAI,CAAA;IACT,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB;AAUD,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,OAAO,CAAC,EAAE,MAAM,SAAS,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;IAC9D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtF,GAAG,eAAe,CA6IlB"}

package/dist/table/src/composables/useResize.mjs

@@ -1,48 +1,76 @@
-import { reactive as y, ref as g, onBeforeUnmount as W } from "vue";
-import { getColumnKey as b } from "./useColumns.mjs";
-function w(c) {
-  const n = c.currentTarget;
-  if (!(n instanceof Element)) return;
-  const t = n.closest("th")?.getBoundingClientRect().width;
-  return t !== void 0 && Number.isFinite(t) && t > 0 ? t : void 0;
+import { reactive as C, ref as E, watch as M, onBeforeUnmount as k } from "vue";
+import { normalizeMinWidth as u, parseColumnWidth as w } from "../utils/columnWidth.mjs";
+import { getColumnKey as h } from "./useColumns.mjs";
+function L(c) {
+  const i = c.currentTarget;
+  if (!(i instanceof Element)) return;
+  const o = i.closest("th")?.getBoundingClientRect().width;
+  return o !== void 0 && Number.isFinite(o) && o > 0 ? o : void 0;
 }
-function E(c) {
-  const n = y({}), t = g(!1);
-  let o = null, u = "", m = 0, d = 0;
-  function f(i) {
-    if (!o) return;
-    const r = i.clientX - m;
-    let e = d + r;
-    const l = o.minWidth ?? 50, s = o.maxWidth;
-    e = Math.max(l, e), s !== void 0 && (e = Math.min(s, e)), n[u] = e;
+function U(c) {
+  const i = C({}), o = E(!1);
+  let d = null, s = "", v = 0, y = 0, a = !1, p = "", g = "";
+  const m = {};
+  function W(t, n) {
+    const e = u(t.minWidth) ?? 50, r = u(t.maxWidth);
+    return Math.max(e, r === void 0 ? n : Math.min(r, n));
   }
-  function v(i) {
-    if (!o) return;
-    const r = o, e = n[u];
-    h(), c.onResizeColumn?.(r, e);
+  function f() {
+    if (!d || !c.columns) return d;
+    const t = c.columns().find((n, e) => String(h(n) ?? e) === s);
+    return t?.resizable ? (d = t, t) : (l(), null);
   }
-  function h() {
-    document.removeEventListener("pointermove", f), document.removeEventListener("pointerup", v), document.body.style.cursor = "", document.body.style.userSelect = "", t.value = !1, o = null;
+  function b(t) {
+    const n = f();
+    if (!n) return;
+    const e = t.clientX - v;
+    if (!Number.isFinite(e) || !a && e === 0) return;
+    const r = W(n, y + e);
+    a = !0, m[s] = r, i[s] = r;
   }
-  function p(i, r, e) {
-    e.preventDefault(), e.stopPropagation(), o = i;
-    const l = b(i) ?? String(r);
-    u = String(l), m = e.clientX;
-    const s = n[u];
-    if (s !== void 0)
-      d = s;
-    else {
-      const a = i.width;
-      d = typeof a == "number" && Number.isFinite(a) ? a : w(e) ?? 100;
-    }
-    t.value = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("pointermove", f), document.addEventListener("pointerup", v);
+  function z(t) {
+    const n = f();
+    if (!n) return;
+    const e = i[s], r = a && u(e) !== void 0;
+    r && (m[s] = e), l(), r && c.onResizeColumn?.(n, e);
   }
-  return W(h), {
-    columnWidths: n,
-    startResize: p,
-    isResizing: t
+  function l() {
+    document.removeEventListener("pointermove", b), document.removeEventListener("pointerup", z), document.removeEventListener("pointercancel", l), o.value && (document.body.style.cursor = p, document.body.style.userSelect = g), o.value = !1, d = null, a = !1;
+  }
+  function x(t, n, e) {
+    if (!t.resizable) return;
+    o.value && l(), e.preventDefault(), e.stopPropagation(), d = t;
+    const r = h(t) ?? String(n);
+    s = String(r), v = e.clientX, y = L(e) ?? u(i[s]) ?? w(t.width) ?? Math.max(u(t.minWidth) ?? 50, 100), a = !1, p = document.body.style.cursor, g = document.body.style.userSelect, o.value = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("pointermove", b), document.addEventListener("pointerup", z), document.addEventListener("pointercancel", l);
+  }
+  return c.columns && M(
+    () => c.columns().map((t, n) => ({
+      column: t,
+      key: String(h(t) ?? n),
+      minWidth: u(t.minWidth),
+      maxWidth: u(t.maxWidth),
+      resizable: t.resizable
+    })),
+    (t) => {
+      const n = new Set(t.map((e) => e.key));
+      for (const e of Object.keys(i))
+        n.has(e) || (delete i[e], delete m[e]);
+      for (const { key: e, minWidth: r } of t) {
+        const S = m[e] ?? u(i[e]);
+        S !== void 0 && (i[e] = Math.max(S, r ?? 0));
+      }
+      if (d) {
+        const e = f();
+        e && a && (i[s] = W(e, i[s]));
+      }
+    },
+    { flush: "sync" }
+  ), k(l), {
+    columnWidths: i,
+    startResize: x,
+    isResizing: o
   };
 }
 export {
-  E as useResize
+  U as useResize
 };

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

@@ -1,6 +1,7 @@
 import { ComputedRef, Ref } from 'vue';
 import { ColumnType, Key } from '../types';
 export interface ScrollConfig {
+    scrollToFirstRowOnChange?: boolean;
     x?: number | string;
     /**
      * 纵向滚动高度（启用固定表头）。
@@ -36,5 +37,7 @@ export interface UseScrollReturn {
 export declare function useScroll(options: {
     displayColumns: () => ColumnType<Record<string, unknown>>[];
     columnWidths?: Record<string, number>;
+    layoutWidths?: () => readonly number[] | undefined;
+    syncElements?: () => HTMLElement[];
 }): UseScrollReturn;
 //# sourceMappingURL=useScroll.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScroll.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAO/C,MAAM,WAAW,YAAY;IAC3B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;;;;;OAMG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACtC,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACpC,WAAW,EAAE,eAAe,CAAA;IAC5B,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,YAAY,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;IAChD,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3E;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,cAAc,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACtC,GAAG,eAAe,CAgHlB"}
+{"version":3,"file":"useScroll.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,WAAW,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAChF,OAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAQ/C,MAAM,WAAW,YAAY;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;;;;;OAMG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC7B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,aAAa,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACtC,WAAW,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACpC,WAAW,EAAE,eAAe,CAAA;IAC5B,gBAAgB,EAAE,CAAC,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,YAAY,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAA;IAChD,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3E;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,cAAc,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAA;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,SAAS,MAAM,EAAE,GAAG,SAAS,CAAA;IAClD,YAAY,CAAC,EAAE,MAAM,WAAW,EAAE,CAAA;CACnC,GAAG,eAAe,CAuGlB"}

package/dist/table/src/composables/useScroll.mjs

@@ -1,68 +1,70 @@
-import { ref as s, computed as m, watch as L, nextTick as k } from "vue";
-import { getColumnKey as I } from "./useColumns.mjs";
-function S(o, i) {
-  return I(o) ?? i;
+import { ref as i, computed as m, watch as w, nextTick as C } from "vue";
+import { getColumnKey as R } from "./useColumns.mjs";
+import { resolveDeclaredColumnWidth as p } from "../utils/columnWidth.mjs";
+function x(o, c) {
+  return R(o) ?? c;
 }
-function C(o) {
-  const i = s(null), c = s(null), u = s(0), a = s(0), x = {
-    atStart: m(() => u.value <= 0),
-    atEnd: m(() => u.value >= a.value - 1)
+function I(o) {
+  const c = i(null), f = i(null), s = i(0), u = i(0), L = {
+    atStart: m(() => s.value <= 0),
+    atEnd: m(() => s.value >= u.value - 1)
   };
-  function d(e, n) {
-    u.value = e, typeof n == "number" && (a.value = Math.max(0, n)), i.value && (i.value.scrollLeft = e);
+  function a(e, l) {
+    s.value = e, typeof l == "number" && (u.value = Math.max(0, l)), c.value && (c.value.scrollLeft = e);
+    for (const r of o.syncElements?.() ?? []) r.scrollLeft = e;
   }
-  function W(e) {
-    const n = c.value;
-    d(e.scrollLeft, n ? n.scrollWidth - n.clientWidth : a.value);
+  function S(e) {
+    const l = f.value;
+    a(e.scrollLeft, l ? l.scrollWidth - l.clientWidth : u.value);
   }
   function g() {
-    const e = c.value;
-    e && d(e.scrollLeft, e.scrollWidth - e.clientWidth);
+    const e = f.value;
+    e && a(e.scrollLeft, e.scrollWidth - e.clientWidth);
   }
-  L(c, () => {
-    k(g);
+  w(f, () => {
+    C(g);
   });
-  const b = m(() => {
-    const e = o.displayColumns(), n = /* @__PURE__ */ new Map();
-    let p = 0, y = -1;
+  const k = m(() => {
+    const e = o.displayColumns(), l = /* @__PURE__ */ new Map();
+    let r = 0, y = -1;
     for (let t = 0; t < e.length; t++)
       e[t].fixed === "left" && (y = t);
     for (let t = 0; t < e.length; t++) {
-      const l = e[t];
-      if (l.fixed !== "left") continue;
-      const r = S(l, t), f = o.columnWidths?.[String(r)], h = typeof f == "number" ? f : typeof l.width == "number" ? l.width : parseInt(String(l.width) || "0", 10);
-      n.set(r, {
-        left: p,
+      const n = e[t];
+      if (n.fixed !== "left") continue;
+      const d = x(n, t), h = o.layoutWidths?.()?.[t] ?? p(n, t, o.columnWidths);
+      l.set(d, {
+        left: r,
         isLastLeft: t === y
-      }), p += h;
+      }), r += h;
     }
-    let v = 0, w = e.length;
+    let v = 0, W = e.length;
     for (let t = 0; t < e.length; t++)
       if (e[t].fixed === "right") {
-        w = t;
+        W = t;
         break;
       }
     for (let t = e.length - 1; t >= 0; t--) {
-      const l = e[t];
-      if (l.fixed !== "right") continue;
-      const r = S(l, t), f = o.columnWidths?.[String(r)], h = typeof f == "number" ? f : typeof l.width == "number" ? l.width : parseInt(String(l.width) || "0", 10);
-      n.set(r, {
+      const n = e[t];
+      if (n.fixed !== "right") continue;
+      const d = x(n, t), h = o.layoutWidths?.()?.[t] ?? p(n, t, o.columnWidths);
+      l.set(d, {
         right: v,
-        isFirstRight: t === w
+        isFirstRight: t === W
       }), v += h;
     }
-    return n;
+    return l;
   });
   return {
-    headerWrapRef: i,
-    bodyWrapRef: c,
-    scrollState: x,
-    handleBodyScroll: W,
-    fixedOffsets: b,
+    headerWrapRef: c,
+    bodyWrapRef: f,
+    scrollState: L,
+    handleBodyScroll: S,
+    fixedOffsets: k,
     updateScrollState: g,
-    syncHorizontalScroll: d
+    syncHorizontalScroll: a
   };
 }
 export {
-  C as useScroll
+  I as useScroll
 };

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

@@ -9,6 +9,7 @@ export interface UseSelectionOptions<TRecord extends Record<string, unknown>> {
     getRowKey: (record: TRecord, index: number) => Key;
     data: () => TRecord[];
     visibleData: () => TRecord[];
+    paginate?: () => boolean;
     childrenColumnName?: () => string | undefined;
     onSelectionChange?: () => void;
 }
@@ -18,7 +19,7 @@ export declare function useSelection<TRecord extends Record<string, unknown>>(op
     isDisabled: (record: TRecord) => boolean;
     getSelectionState: (record: TRecord, index: number) => SelectionState;
     toggleRow: (record: TRecord, index: number, nativeEvent?: MouseEvent) => void;
-    toggleAll: (selected: boolean) => void;
+    toggleAll: (selected: boolean, allData?: boolean) => void;
     allCheckedState: import('vue').ComputedRef<"none" | "all" | "partial">;
     invertSelection: () => void;
     clearSelection: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useSelection.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAWjD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBAAmB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1E,YAAY,EAAE,MAAM,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;IACrD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClD,IAAI,EAAE,MAAM,OAAO,EAAE,CAAA;IACrB,WAAW,EAAE,MAAM,OAAO,EAAE,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AA8DD,wBAAgB,YAAY,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC;;sBAwJZ,GAAG,KAAG,OAAO;yBA9FV,OAAO,KAAG,OAAO;gCAoHV,OAAO,SAAS,MAAM,KAAG,cAAc;wBAoJ/C,OAAO,SAAS,MAAM,gBAAgB,UAAU,KAAG,IAAI;0BAarD,OAAO,KAAG,IAAI;;2BAqCf,IAAI;0BAmBL,IAAI;gCAQE,GAAG,EAAE;EAgBvC"}
+{"version":3,"file":"useSelection.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAWjD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,mBAAmB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1E,YAAY,EAAE,MAAM,YAAY,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;IACrD,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClD,IAAI,EAAE,MAAM,OAAO,EAAE,CAAA;IACrB,WAAW,EAAE,MAAM,OAAO,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC7C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;CAC/B;AA8DD,wBAAgB,YAAY,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClE,OAAO,EAAE,mBAAmB,CAAC,OAAO,CAAC;;sBAoLZ,GAAG,KAAG,OAAO;yBA9FV,OAAO,KAAG,OAAO;gCA2HV,OAAO,SAAS,MAAM,KAAG,cAAc;wBA8J/C,OAAO,SAAS,MAAM,gBAAgB,UAAU,KAAG,IAAI;0BAarD,OAAO,wBAAoB,IAAI;;2BA0ChC,IAAI;0BAmBL,IAAI;gCAQE,GAAG,EAAE;EAgBvC"}