@vtable-guild/vtable-guild 2.7.1 → 2.8.1

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;;sBA6LZ,GAAG,KAAG,OAAO;yBA9FV,OAAO,KAAG,OAAO;gCAgIV,OAAO,SAAS,MAAM,KAAG,cAAc;wBA8J/C,OAAO,SAAS,MAAM,gBAAgB,UAAU,KAAG,IAAI;0BAarD,OAAO,wBAAoB,IAAI;;2BAyChC,IAAI;0BAmBL,IAAI;gCAQE,GAAG,EAAE;EAgBvC"}