@vtable-guild/vtable-guild 2.7.1 → 2.8.0

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

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

@@ -1,92 +1,97 @@
-import { computed as s, ref as S, watch as C } from "vue";
-function D(e) {
-  const o = s(() => e.childrenColumnName?.() ?? "children"), m = s(() => e.indentSize?.() ?? 15), h = s(() => {
+import { computed as s, ref as k, watch as z } from "vue";
+function M(e) {
+  const o = s(() => e.childrenColumnName?.() ?? "children"), R = s(() => e.indentSize?.() ?? 15), v = s(() => {
     const a = o.value;
     return e.data().some(
       (t) => Array.isArray(t[a]) && t[a].length > 0
     );
-  }), r = S(/* @__PURE__ */ new Set()), y = s(() => e.expandedRowKeys?.() !== void 0);
-  C(
+  }), r = k(/* @__PURE__ */ new Set()), E = /* @__PURE__ */ new Set();
+  let g = !1;
+  const x = s(() => e.expandedRowKeys?.() !== void 0);
+  z(
     [
       () => e.data(),
       () => e.defaultExpandAllRows?.(),
       () => e.defaultExpandedRowKeys?.()
     ],
     () => {
-      if (!y.value)
+      if (!x.value)
         if (e.defaultExpandAllRows?.()) {
-          let a = function(l) {
-            l.forEach((n) => {
-              const u = n[d], i = f++;
-              Array.isArray(u) && u.length > 0 && (t.add(e.getRowKey(n, i)), a(u));
+          let a = function(n) {
+            n.forEach((u) => {
+              const c = u[w], f = l++;
+              if (Array.isArray(c) && c.length > 0) {
+                const y = e.getRowKey(u, f);
+                (!t || !E.has(y)) && d.add(y), E.add(y), a(c);
+              }
             });
           };
-          const t = /* @__PURE__ */ new Set(), d = o.value;
-          let f = 0;
-          a(e.data()), r.value = t;
-        } else e.defaultExpandedRowKeys?.() && (r.value = new Set(e.defaultExpandedRowKeys()));
+          const t = e.preserveStateOnDataChange?.() === !0, d = t ? new Set(r.value) : /* @__PURE__ */ new Set(), w = o.value;
+          let l = 0;
+          a(e.data()), r.value = d;
+        } else e.defaultExpandedRowKeys?.() && (!e.preserveStateOnDataChange?.() || !g) && (r.value = new Set(e.defaultExpandedRowKeys()), g = !0);
     },
     { immediate: !0 }
   );
-  const c = s({
-    get: () => y.value ? new Set(e.expandedRowKeys()) : r.value,
+  const i = s({
+    get: () => x.value ? new Set(e.expandedRowKeys()) : r.value,
     set: (a) => {
       r.value = a;
     }
   });
-  function R(a) {
-    return c.value.has(a);
+  function A(a) {
+    return i.value.has(a);
   }
-  function p(a, t) {
-    const d = e.getRowKey(a, t), l = !c.value.has(d);
-    if (y.value) {
+  function C(a, t) {
+    const d = e.getRowKey(a, t), l = !i.value.has(d);
+    if (x.value) {
       e.onExpand?.(l, a);
-      const n = new Set(c.value);
+      const n = new Set(i.value);
       l ? n.add(d) : n.delete(d), e.onExpandedRowsChange?.(Array.from(n));
     } else {
       const n = new Set(r.value);
       l ? n.add(d) : n.delete(d), r.value = n, e.onExpand?.(l, a), e.onExpandedRowsChange?.(Array.from(n));
     }
   }
-  const v = s(() => {
-    const a = e.data();
-    if (!h.value)
+  const K = s(() => {
+    const a = e.pageData?.() ?? e.data();
+    if (!v.value)
       return a.map((n) => ({
         record: n,
         level: 0,
         expanded: !1,
         hasChildren: !1
       }));
-    const t = o.value, d = [], f = c.value;
-    function l(n, u, i) {
-      n.forEach((x, k) => {
-        const w = x[t], E = Array.isArray(w) && w.length > 0, K = e.getRowKey(x, d.length), g = E && f.has(K);
+    const t = o.value, d = [], w = i.value;
+    function l(n, u, c) {
+      n.forEach((f, y) => {
+        const h = f[t], S = Array.isArray(h) && h.length > 0, m = e.getRowKey(f, d.length), p = S && w.has(m);
         d.push({
-          record: x,
+          record: f,
           level: u,
-          expanded: g,
-          hasChildren: E,
-          parentKey: i
-        }), g && w && l(w, u + 1, K);
+          expanded: p,
+          hasChildren: S,
+          parentKey: c
+        }), p && h && l(h, u + 1, m);
       });
     }
     return l(a, 0), d;
-  }), A = s(() => {
+  }), D = s(() => {
     const a = /* @__PURE__ */ new Map();
-    for (const t of v.value)
+    for (const t of K.value)
       a.set(t.record, t);
     return a;
   });
   return {
-    flattenData: v,
-    rowMetaMap: A,
-    isTreeData: h,
-    toggleTreeExpand: p,
-    isTreeExpanded: R,
+    flattenData: K,
+    rowMetaMap: D,
+    isTreeData: v,
+    toggleTreeExpand: C,
+    isTreeExpanded: A,
     expandedKeys: r,
-    indentSize: m
+    indentSize: R
   };
 }
 export {
-  D as useTreeData
+  M as useTreeData
 };

package/dist/table/src/context.d.ts

@@ -8,6 +8,7 @@ import { FlattenRow } from './composables/useTreeData';
 import { SelectionState } from './composables/useSelection';
 import { RowDragBindings, RowDragDropTarget } from './composables/useRowDragSort';
 import { SummaryFixed } from './components/VTableSummary';
+import { ColumnLayout } from './composables/useColumnLayout';
 /**
  * 子组件主题 slot class 映射。
  *
@@ -16,6 +17,9 @@ import { SummaryFixed } from './components/VTableSummary';
  * 中调用具体字段才建立细粒度依赖，避免任一 variant 变化让全表失效。
  */
 export interface SubThemeSlots {
+    widthConstraintCell: () => string;
+    widthConstraintInner: () => string;
+    widthLayoutCell: () => string;
     thSortable: () => string;
     thSorted: () => string;
     tdSorted: () => string;
@@ -106,6 +110,7 @@ export interface SubThemeSlots {
  * 所有后代组件（TableCell、TableHeaderCell 等）通过 inject 获取。
  */
 export interface TableContext {
+    columnLayout?: ColumnLayout;
     /**
      * 用户定义的 bodyCell slot 函数。
      * 来自 Table.vue 的 useSlots().bodyCell。
@@ -174,7 +179,7 @@ export interface TableContext {
     /** 切换某行选中状态 */
     toggleRow?: (record: Record<string, unknown>, index: number, nativeEvent?: MouseEvent) => void;
     /** 全选/取消全选 */
-    toggleAll?: (selected: boolean) => void;
+    toggleAll?: (selected: boolean, allData?: boolean) => void;
     /** 全选状态 */
     allCheckedState?: () => 'all' | 'partial' | 'none';
     /** 获取行 key */