@vtable-guild/vtable-guild 2.7.0 → 2.8.0

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"}

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

@@ -1,245 +1,284 @@
-import { ref as V, watch as H, computed as w } from "vue";
-function te(K) {
-  const { data: o, childrenColumnName: u, getRowKey: N } = K, C = [];
-  let E = 0;
-  function x(h, k, y) {
-    h.forEach((m) => {
-      const A = E, f = N(m, A), d = m[u], I = {
-        key: f,
-        record: m,
-        index: A,
-        level: k,
-        parentKey: y?.key,
+import { ref as _, watch as P, computed as k } from "vue";
+function ne(w) {
+  const { data: c, childrenColumnName: d, getRowKey: R } = w, b = [];
+  let N = 0;
+  function I(y, C, h) {
+    y.forEach((f) => {
+      const p = N, z = R(f, p), a = f[d], S = {
+        key: z,
+        record: f,
+        index: p,
+        level: C,
+        parentKey: h?.key,
         childrenKeys: []
       };
-      C.push(I), y?.childrenKeys.push(f), E += 1, Array.isArray(d) && d.length > 0 && x(d, k + 1, I);
+      b.push(S), h?.childrenKeys.push(z), N += 1, Array.isArray(a) && a.length > 0 && I(a, C + 1, S);
     });
   }
-  return x(o, 0), C;
+  return I(c, 0), b;
 }
-const ne = Object.freeze([]);
-function le(K) {
-  return K.data.map((o, u) => ({
-    key: K.getRowKey(o, u),
-    record: o,
-    index: u,
+const se = Object.freeze([]);
+function le(w) {
+  return w.data.map((c, d) => ({
+    key: w.getRowKey(c, d),
+    record: c,
+    index: d,
     level: 0,
-    childrenKeys: ne
+    childrenKeys: se
   }));
 }
-function se(K) {
-  const { rowSelection: o, getRowKey: u, data: N, visibleData: C, childrenColumnName: E, onSelectionChange: x } = K, h = V(/* @__PURE__ */ new Set()), k = V(!1), y = V(null);
-  H(
-    () => o()?.defaultSelectedRowKeys,
+function oe(w) {
+  const { rowSelection: c, getRowKey: d, data: R, visibleData: b, childrenColumnName: N, onSelectionChange: I } = w, y = _(/* @__PURE__ */ new Set()), C = _(!1), h = _(null), f = /* @__PURE__ */ new Map();
+  P(
+    () => c()?.defaultSelectedRowKeys,
     (e) => {
-      k.value || !e?.length || (h.value = new Set(e), k.value = !0);
+      C.value || !e?.length || (y.value = new Set(e), C.value = !0);
     },
     { immediate: !0 }
   );
-  function m() {
-    return o()?.selectedRowKeys !== void 0;
+  function p() {
+    return c()?.selectedRowKeys !== void 0;
   }
-  const A = w(() => o()?.checkStrictly === !1), f = w(() => o() ? A.value ? te({
-    data: N(),
-    childrenColumnName: E?.() ?? "children",
-    getRowKey: u
+  const z = k(() => c()?.checkStrictly === !1), a = k(() => c() ? z.value || w.paginate?.() && R().some((e) => Array.isArray(e[N?.() ?? "children"])) ? ne({
+    data: R(),
+    childrenColumnName: N?.() ?? "children",
+    getRowKey: d
   }) : le({
-    data: N(),
-    getRowKey: u
-  }) : []), d = w(() => {
+    data: R(),
+    getRowKey: d
+  }) : []), S = k(() => {
     const e = /* @__PURE__ */ new Map();
-    return f.value.forEach((t) => e.set(t.key, t)), e;
-  }), I = w(
-    () => f.value.filter((e) => e.parentKey === void 0).map((e) => e.key)
+    return a.value.forEach((t) => e.set(t.key, t)), e;
+  });
+  P(
+    [
+      a,
+      () => c()?.preserveSelectedRowKeys,
+      () => c()?.selectedRowKeys
+    ],
+    () => {
+      if (!c()?.preserveSelectedRowKeys) {
+        f.clear();
+        return;
+      }
+      const e = new Set(c()?.selectedRowKeys ?? y.value);
+      for (const t of f.keys()) e.has(t) || f.delete(t);
+      for (const t of a.value)
+        e.has(t.key) && f.set(t.key, t.record);
+    },
+    { immediate: !0, flush: "sync" }
+  ), P(
+    () => b(),
+    () => {
+      h.value = null;
+    }
+  );
+  const L = k(
+    () => a.value.filter((e) => e.parentKey === void 0).map((e) => e.key)
   );
-  function S(e) {
-    return o()?.getCheckboxProps?.(e)?.disabled ?? !1;
+  function v(e) {
+    return c()?.getCheckboxProps?.(e)?.disabled ?? !1;
   }
-  function Y(e) {
-    return d.value.get(e)?.childrenKeys ?? [];
+  function j(e) {
+    return S.value.get(e)?.childrenKeys ?? [];
   }
-  const L = w(() => {
-    const e = d.value, t = /* @__PURE__ */ new Map(), l = f.value;
-    for (let n = l.length - 1; n >= 0; n -= 1) {
-      const c = l[n], s = [];
-      for (const r of c.childrenKeys) {
+  const O = k(() => {
+    const e = S.value, t = /* @__PURE__ */ new Map(), n = a.value;
+    for (let s = n.length - 1; s >= 0; s -= 1) {
+      const l = n[s], o = [];
+      for (const r of l.childrenKeys) {
         const i = e.get(r);
-        if (!i || S(i.record)) continue;
-        s.push(r);
-        const a = t.get(r);
-        a && s.push(...a);
+        if (!i || v(i.record)) continue;
+        o.push(r);
+        const u = t.get(r);
+        u && o.push(...u);
       }
-      t.set(c.key, s);
+      t.set(l.key, o);
     }
     return t;
   });
-  function P(e) {
-    if (o()?.checkStrictly !== !1)
+  function V(e) {
+    if (c()?.checkStrictly !== !1)
       return new Set(e);
-    const t = new Set(e), l = (n) => {
-      const c = Y(n);
-      c.forEach(l);
-      const s = d.value.get(n);
-      if (!s || S(s.record)) return;
-      const r = c.map((a) => d.value.get(a)).filter((a) => !!a && !S(a.record));
+    const t = new Set(e), n = (s) => {
+      const l = j(s);
+      l.forEach(n);
+      const o = S.value.get(s);
+      if (!o || v(o.record)) return;
+      const r = l.map((u) => S.value.get(u)).filter((u) => !!u && !v(u.record));
       if (r.length === 0) return;
-      r.every((a) => t.has(a.key)) ? t.add(n) : t.delete(n);
+      r.every((u) => t.has(u.key)) ? t.add(s) : t.delete(s);
     };
-    return I.value.forEach(l), t;
+    return L.value.forEach(n), t;
   }
-  const v = w(() => {
-    const e = o(), t = e?.selectedRowKeys !== void 0 ? new Set(e.selectedRowKeys) : h.value;
-    return P(t);
+  const g = k(() => {
+    const e = c(), t = e?.selectedRowKeys !== void 0 ? new Set(e.selectedRowKeys) : y.value;
+    return V(t);
   });
-  H(
-    [f, () => o()?.preserveSelectedRowKeys],
+  P(
+    [a, () => c()?.preserveSelectedRowKeys],
     () => {
-      if (m() || o()?.preserveSelectedRowKeys || h.value.size === 0) return;
-      const e = new Set(f.value.map((l) => l.key)), t = new Set(
-        Array.from(h.value).filter((l) => e.has(l))
+      if (p() || c()?.preserveSelectedRowKeys || y.value.size === 0) return;
+      const e = new Set(a.value.map((n) => n.key)), t = new Set(
+        Array.from(y.value).filter((n) => e.has(n))
       );
-      t.size !== h.value.size && (h.value = t);
+      t.size !== y.value.size && (y.value = t);
     },
     { immediate: !0 }
   );
-  function z(e) {
-    return v.value.has(e);
+  function M(e) {
+    return g.value.has(e);
   }
-  function p(e) {
-    return f.value.filter((t) => e.has(t.key)).map((t) => t.record);
+  function m(e) {
+    const t = a.value.filter((n) => e.has(n.key)).map((n) => n.record);
+    if (c()?.preserveSelectedRowKeys)
+      for (const n of e)
+        !S.value.has(n) && f.has(n) && t.push(f.get(n));
+    return t;
   }
-  function O() {
-    return C().map((e, t) => d.value.get(u(e, t)) ?? null).filter((e) => e !== null);
+  function q() {
+    return b().map((e, t) => S.value.get(d(e, t)) ?? null).filter((e) => e !== null);
   }
-  function D() {
-    return O().filter((e) => !S(e.record));
+  function E() {
+    return q().filter((e) => !v(e.record));
   }
-  function q() {
-    return f.value.filter((e) => !S(e.record));
+  function B() {
+    return a.value.filter((e) => !v(e.record));
   }
-  function B(e, t) {
-    const l = u(e, t), n = z(l), c = S(e);
-    if (o()?.checkStrictly !== !1)
+  function F(e, t) {
+    const n = d(e, t), s = M(n), l = v(e);
+    if (c()?.checkStrictly !== !1)
       return {
-        checked: n,
+        checked: s,
         indeterminate: !1,
-        disabled: c
+        disabled: l
       };
-    const s = L.value.get(l) ?? [];
-    if (s.length === 0)
+    const o = O.value.get(n) ?? [];
+    if (o.length === 0)
       return {
-        checked: n,
+        checked: s,
         indeterminate: !1,
-        disabled: c
+        disabled: l
       };
-    const r = s.filter((i) => v.value.has(i)).length;
+    const r = o.filter((i) => g.value.has(i)).length;
     return {
-      checked: n,
-      indeterminate: r > 0 && r < s.length,
-      disabled: c
+      checked: s,
+      indeterminate: r > 0 && r < o.length,
+      disabled: l
     };
   }
-  function g(e, t) {
-    const l = P(e);
-    m() || (h.value = l);
+  function K(e, t) {
+    const n = V(e);
+    if (c()?.preserveSelectedRowKeys) {
+      if (!p())
+        for (const s of f.keys())
+          n.has(s) || f.delete(s);
+      for (const s of a.value)
+        n.has(s.key) && f.set(s.key, s.record);
+    }
+    p() || (y.value = n);
     {
-      const n = Array.from(l), c = p(l);
-      o()?.onChange?.(n, c), x?.();
+      const s = Array.from(n), l = m(n);
+      c()?.onChange?.(s, l), I?.();
     }
   }
-  function _(e, t, l, n) {
-    const c = d.value.get(e);
-    if (!c || S(c.record)) return;
-    const s = t.has(e);
-    l ? t.add(e) : t.delete(e), s !== l && n.push(c.record), Y(e).forEach(
-      (r) => _(r, t, l, n)
+  function Y(e, t, n, s) {
+    const l = S.value.get(e);
+    if (!l || v(l.record)) return;
+    const o = t.has(e);
+    n ? t.add(e) : t.delete(e), o !== n && s.push(l.record), j(e).forEach(
+      (r) => Y(r, t, n, s)
     );
   }
-  function F(e, t, l) {
-    const n = o();
-    if (!n) return;
-    const c = u(e, t), s = !z(c);
-    if (n.type !== "radio" && l?.shiftKey && y.value !== null && o()?.checkStrictly !== !1) {
-      const i = D(), a = i.findIndex((b) => b.key === c), M = i.findIndex(
-        (b) => b.key === y.value
+  function G(e, t, n) {
+    const s = c();
+    if (!s) return;
+    const l = d(e, t), o = !M(l);
+    if (s.type !== "radio" && n?.shiftKey && h.value !== null && c()?.checkStrictly !== !1) {
+      const i = E(), u = i.findIndex((x) => x.key === l), D = i.findIndex(
+        (x) => x.key === h.value
       );
-      if (a !== -1 && M !== -1) {
-        const [b, $] = a > M ? [M, a] : [a, M], R = new Set(v.value), j = [];
-        i.slice(b, $ + 1).forEach((T) => {
-          const ee = R.has(T.key);
-          s ? R.add(T.key) : R.delete(T.key), ee !== s && j.push(T.record);
-        }), g(R), n.onSelectMultiple?.(s, p(R), j), y.value = c;
+      if (u !== -1 && D !== -1) {
+        const [x, ee] = u > D ? [D, u] : [u, D], A = new Set(g.value), H = [];
+        i.slice(x, ee + 1).forEach((T) => {
+          const te = A.has(T.key);
+          o ? A.add(T.key) : A.delete(T.key), te !== o && H.push(T.record);
+        }), K(A), s.onSelectMultiple?.(o, m(A), H), h.value = l;
         return;
       }
     }
-    if (n.type === "radio") {
-      const i = s ? /* @__PURE__ */ new Set([c]) : /* @__PURE__ */ new Set();
-      g(i), n.onSelect?.(e, s, p(i)), y.value = c;
+    if (s.type === "radio") {
+      const i = o ? /* @__PURE__ */ new Set([l]) : /* @__PURE__ */ new Set();
+      K(i), s.onSelect?.(e, o, m(i)), h.value = l;
       return;
     }
-    const r = new Set(v.value);
-    s ? r.add(c) : r.delete(c), g(r), n.onSelect?.(e, s, p(r)), y.value = c;
-  }
-  function G(e, t) {
-    const l = o();
-    if (!l) return;
-    const n = u(e, t), c = !z(n), s = new Set(v.value);
-    _(n, s, c, []), g(s), l.onSelect?.(e, c, p(s)), y.value = n;
-  }
-  function J(e, t, l) {
-    if (S(e)) return;
-    const n = o();
-    if (n) {
-      if (n.checkStrictly === !1 && n.type !== "radio") {
-        G(e, t);
+    const r = new Set(g.value);
+    o ? r.add(l) : r.delete(l), K(r), s.onSelect?.(e, o, m(r)), h.value = l;
+  }
+  function J(e, t) {
+    const n = c();
+    if (!n) return;
+    const s = d(e, t), l = !M(s), o = new Set(g.value);
+    Y(s, o, l, []), K(o), n.onSelect?.(e, l, m(o)), h.value = s;
+  }
+  function Q(e, t, n) {
+    if (v(e)) return;
+    const s = c();
+    if (s) {
+      if (s.checkStrictly === !1 && s.type !== "radio") {
+        J(e, t);
         return;
       }
-      F(e, t, l);
+      G(e, t, n);
     }
   }
-  function Q(e) {
-    const t = o();
-    if (!t) return;
-    const l = q(), n = new Set(v.value), c = [];
-    l.forEach((s) => {
-      const r = n.has(s.key);
-      e ? n.add(s.key) : n.delete(s.key), r !== e && c.push(s.record);
-    }), g(n), t.onSelectAll?.(e, p(n), c);
-  }
-  const U = w(() => {
-    const e = D();
+  function U(e, t = !1) {
+    const n = c();
+    if (!n) return;
+    const s = w.paginate?.() && !t ? E() : B(), l = new Set(g.value), o = [];
+    s.forEach((r) => {
+      if (n.checkStrictly === !1) {
+        Y(r.key, l, e, o);
+        return;
+      }
+      const i = l.has(r.key);
+      e ? l.add(r.key) : l.delete(r.key), i !== e && o.push(r.record);
+    }), K(l), n.onSelectAll?.(e, m(l), o);
+  }
+  const W = k(() => {
+    const e = E();
     if (e.length === 0) return "none";
-    const t = e.filter((l) => v.value.has(l.key)).length;
+    const t = e.filter((n) => g.value.has(n.key)).length;
     return t === 0 ? "none" : t === e.length ? "all" : "partial";
   });
-  function W() {
-    const e = o();
-    if (!e) return;
-    const t = D(), l = new Set(v.value);
-    t.forEach((n) => {
-      l.has(n.key) ? l.delete(n.key) : l.add(n.key);
-    }), g(l), e.onSelectInvert?.(Array.from(P(l)));
-  }
   function X() {
-    const e = o();
-    e && (g(/* @__PURE__ */ new Set()), e.onSelectNone?.());
+    const e = c();
+    if (!e) return;
+    const t = E(), n = new Set(g.value);
+    t.forEach((s) => {
+      n.has(s.key) ? n.delete(s.key) : n.add(s.key);
+    }), K(n), e.onSelectInvert?.(Array.from(V(n)));
   }
   function Z() {
-    return D().map((e) => e.key);
+    const e = c();
+    e && (K(/* @__PURE__ */ new Set()), e.onSelectNone?.());
+  }
+  function $() {
+    return E().map((e) => e.key);
   }
   return {
-    selectedKeySet: v,
-    isSelected: z,
-    isDisabled: S,
-    getSelectionState: B,
-    toggleRow: J,
-    toggleAll: Q,
-    allCheckedState: U,
-    invertSelection: W,
-    clearSelection: X,
-    getChangeableRowKeys: Z
+    selectedKeySet: g,
+    isSelected: M,
+    isDisabled: v,
+    getSelectionState: F,
+    toggleRow: Q,
+    toggleAll: U,
+    allCheckedState: W,
+    invertSelection: X,
+    clearSelection: Z,
+    getChangeableRowKeys: $
   };
 }
 export {
-  se as useSelection
+  oe as useSelection
 };

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

@@ -15,6 +15,10 @@ export interface FlattenRow<TRecord = Record<string, unknown>> {
 export interface UseTreeDataOptions<TRecord = Record<string, unknown>> {
     /** Data source accessor */
     data: () => TRecord[];
+    /** Optional page roots; state initialization still uses the complete data. */
+    pageData?: () => TRecord[];
+    /** Keep user choices when a remote page replaces the loaded roots. */
+    preserveStateOnDataChange?: () => boolean;
     /** Field name for children, defaults to 'children' */
     childrenColumnName?: () => string | undefined;
     /** Indent size in pixels, defaults to 15 */

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

@@ -1 +1 @@
-{"version":3,"file":"useTreeData.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useTreeData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,2BAA2B;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,WAAW,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,GAAG,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,2BAA2B;IAC3B,IAAI,EAAE,MAAM,OAAO,EAAE,CAAA;IACrB,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC7C,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACrC,uBAAuB;IACvB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClD,2CAA2C;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IAChD,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IACzC,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,CAAA;IAChD,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,6BAA6B;IAC7B,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC/C,6DAA6D;IAC7D,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC1D,sDAAsD;IACtD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChC,oCAAoC;IACpC,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,iCAAiC;IACjC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAA;IACrC,4BAA4B;IAC5B,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC3B,wBAAwB;IACxB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3F,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,GACnC,iBAAiB,CAAC,OAAO,CAAC,CA2J5B"}
+{"version":3,"file":"useTreeData.d.ts","sourceRoot":"","sources":["../../../../../table/src/composables/useTreeData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,2BAA2B;IAC3B,MAAM,EAAE,OAAO,CAAA;IACf,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,WAAW,EAAE,OAAO,CAAA;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,GAAG,CAAA;CAChB;AAED,MAAM,WAAW,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnE,2BAA2B;IAC3B,IAAI,EAAE,MAAM,OAAO,EAAE,CAAA;IACrB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,OAAO,EAAE,CAAA;IAC1B,sEAAsE;IACtE,yBAAyB,CAAC,EAAE,MAAM,OAAO,CAAA;IACzC,sDAAsD;IACtD,kBAAkB,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAC7C,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IACrC,uBAAuB;IACvB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAA;IAClD,2CAA2C;IAC3C,sBAAsB,CAAC,EAAE,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IAChD,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,EAAE,GAAG,SAAS,CAAA;IACzC,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,CAAA;IAChD,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,iBAAiB,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE,6BAA6B;IAC7B,WAAW,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC/C,6DAA6D;IAC7D,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC1D,sDAAsD;IACtD,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAChC,oCAAoC;IACpC,gBAAgB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1D,iCAAiC;IACjC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,OAAO,CAAA;IACrC,4BAA4B;IAC5B,YAAY,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC3B,wBAAwB;IACxB,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAChC;AAED,wBAAgB,WAAW,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3F,OAAO,EAAE,kBAAkB,CAAC,OAAO,CAAC,GACnC,iBAAiB,CAAC,OAAO,CAAC,CAmK5B"}