@vtable-guild/vtable-guild 2.8.0 → 2.8.1

package/dist/core/src/components/VirtualList/hooks/useHeights.d.ts

@@ -7,8 +7,8 @@ import { ref } from 'vue';
  *   于是 `heights.id` 恒为 0，VirtualList 的可视区计算永远走 O(1) 的估算分支，
  *   不再每次滚动重建整表前缀和。代价是行高必须真的等于声明值（调用方负责校验）。
  */
-export default function useHeights(getKey: (item: any) => Key, onItemAdd?: (item: any) => void, onItemRemove?: (item: any) => void, disabled?: () => boolean): [
-    setInstanceRef: (item: any, instance: HTMLElement | null) => void,
+export default function useHeights(getKey: (item: any, index?: number) => Key, onItemAdd?: (item: any) => void, onItemRemove?: (item: any) => void, disabled?: () => boolean): [
+    setInstanceRef: (item: any, instance: HTMLElement | null, index?: number) => void,
     collectHeight: (sync?: boolean) => void,
     heights: CacheMap,
     updatedMark: ReturnType<typeof ref<number>>

package/dist/core/src/components/VirtualList/hooks/useHeights.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHeights.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useHeights.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAwB,GAAG,EAAE,MAAM,KAAK,CAAA;AA+B/C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,EAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,GACvB;IACD,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI;IACjE,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI;IACvC,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;CAC5C,CAoGA"}
+{"version":3,"file":"useHeights.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useHeights.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AACvC,OAAO,EAAwB,GAAG,EAAE,MAAM,KAAK,CAAA;AA+B/C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,GAAG,EAC1C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC/B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,GACvB;IACD,cAAc,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI;IACjF,aAAa,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI;IACvC,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,UAAU,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC;CAC5C,CAoGA"}

package/dist/core/src/components/VirtualList/hooks/useHeights.mjs

@@ -1,61 +1,61 @@
 import O from "../utils/CacheMap.mjs";
-import { ref as v, markRaw as y, onUnmounted as z } from "vue";
-function b(e) {
+import { ref as p, markRaw as y, onUnmounted as z } from "vue";
+function R(e) {
   const s = parseFloat(e);
   return isNaN(s) ? 0 : s;
 }
-function R(e) {
+function H(e) {
   return e instanceof HTMLElement ? e : e?.$el instanceof HTMLElement ? e.$el : null;
 }
 function B(e) {
   const s = e.getBoundingClientRect();
   return Math.abs(s.width - e.offsetWidth) > 1 ? e.offsetHeight : s.height;
 }
-function P(e, s, H, M) {
-  const h = v(0), c = v(/* @__PURE__ */ new Map()), u = y(new O()), a = v(0), f = /* @__PURE__ */ new Map(), l = () => M?.() === !0, r = !l() && typeof window < "u" && "ResizeObserver" in window ? new window.ResizeObserver(() => {
-    m();
+function P(e, s, M, E) {
+  const w = p(0), a = p(/* @__PURE__ */ new Map()), l = y(new O()), f = p(0), u = /* @__PURE__ */ new Map(), m = () => E?.() === !0, c = !m() && typeof window < "u" && "ResizeObserver" in window ? new window.ResizeObserver(() => {
+    d();
   }) : null;
-  function p() {
-    a.value += 1;
+  function b() {
+    f.value += 1;
   }
-  function m(d = !1) {
-    if (l()) return;
-    p();
-    const o = () => {
-      let t = !1;
-      c.value.forEach((w, i) => {
-        const n = R(w);
-        if (n && n.offsetParent) {
-          const { marginTop: N, marginBottom: T } = getComputedStyle(n), C = b(N), I = b(T), g = B(n) + C + I;
-          g > 0 && u.get(i) !== g && (u.set(i, g), t = !0);
+  function d(g = !1) {
+    if (m()) return;
+    b();
+    const n = () => {
+      let r = !1;
+      a.value.forEach((t, v) => {
+        const o = H(t);
+        if (o && o.offsetParent) {
+          const { marginTop: i, marginBottom: T } = getComputedStyle(o), C = R(i), I = R(T), h = B(o) + C + I;
+          h > 0 && l.get(v) !== h && (l.set(v, h), r = !0);
         }
-      }), t && (h.value += 1);
+      }), r && (w.value += 1);
     };
-    if (d)
-      o();
+    if (g)
+      n();
     else {
-      a.value += 1;
-      const t = a.value;
+      f.value += 1;
+      const r = f.value;
       Promise.resolve().then(() => {
-        t === a.value && o();
+        r === f.value && n();
       });
     }
   }
-  function E(d, o) {
-    if (l()) return;
-    const t = e(d);
-    if (c.value.get(t) === o) return;
-    const i = f.get(t);
-    if (i && r && (r.unobserve(i), f.delete(t)), o) {
-      c.value.set(t, o), m();
-      const n = R(o);
-      n && n.nodeType === 1 && r && (r.observe(n), f.set(t, n));
+  function N(g, n, r) {
+    if (m()) return;
+    const t = e(g, r);
+    if (a.value.get(t) === n) return;
+    const o = u.get(t);
+    if (o && c && (c.unobserve(o), u.delete(t)), n) {
+      a.value.set(t, n), d();
+      const i = H(n);
+      i && i.nodeType === 1 && c && (c.observe(i), u.set(t, i));
     } else
-      c.value.delete(t);
+      a.value.delete(t);
   }
   return z(() => {
-    p(), r?.disconnect?.(), f.clear();
-  }), [E, m, u, h];
+    b(), c?.disconnect?.(), u.clear();
+  }), [N, d, l, w];
 }
 export {
   P as default

package/dist/core/src/components/VirtualList/hooks/useMobileTouchMove.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMobileTouchMove.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useMobileTouchMove.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI3C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EACrC,QAAQ,EAAE,CACR,YAAY,EAAE,OAAO,EACrB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,CAAC,CAAC,EAAE,UAAU,KACX,OAAO,QA+Fb"}
+{"version":3,"file":"useMobileTouchMove.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useMobileTouchMove.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI3C,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EACrC,QAAQ,EAAE,CACR,YAAY,EAAE,OAAO,EACrB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,OAAO,EACrB,CAAC,CAAC,EAAE,UAAU,KACX,OAAO,QAqGb"}

package/dist/core/src/components/VirtualList/hooks/useMobileTouchMove.mjs

@@ -1,10 +1,10 @@
-import { ref as f, onUnmounted as R, watch as S } from "vue";
+import { ref as f, onUnmounted as S, watch as b } from "vue";
 const g = 14 / 15;
 function H(I, X, h) {
-  const l = f(!1), r = f(0), i = f(0);
-  let o = null, t = null, s = null;
+  const s = f(!1), r = f(0), i = f(0);
+  let o = null, t = null, l = null;
   const d = (e) => {
-    if (l.value) {
+    if (s.value) {
       const n = Math.ceil(e.touches[0].pageX), E = Math.ceil(e.touches[0].pageY);
       let u = r.value - n, c = i.value - E;
       const a = Math.abs(u) > Math.abs(c);
@@ -12,25 +12,25 @@ function H(I, X, h) {
       const L = h(a, a ? u : c, !1, e);
       L && e.preventDefault(), t && clearInterval(t), L && (t = setInterval(() => {
         a ? u *= g : c *= g;
-        const T = Math.floor(a ? u : c);
-        (!h(a, T, !0) || Math.abs(T) <= 0.1) && t && clearInterval(t);
+        const T = a ? u : c, R = Math.floor(T);
+        (!h(a, R, !0) || Math.abs(T) <= 0.1) && t && clearInterval(t);
       }, 16));
     }
   }, v = () => {
     o && (o.removeEventListener("touchmove", d), o.removeEventListener("touchend", m), o = null);
   }, m = () => {
-    l.value = !1, v();
+    s.value = !1, v();
   }, M = (e) => {
-    v(), e.touches.length === 1 && !l.value && (l.value = !0, r.value = Math.ceil(e.touches[0].pageX), i.value = Math.ceil(e.touches[0].pageY), o = e.target, o.addEventListener("touchmove", d, { passive: !1 }), o.addEventListener("touchend", m, { passive: !0 }));
+    v(), e.touches.length === 1 && !s.value && (s.value = !0, r.value = Math.ceil(e.touches[0].pageX), i.value = Math.ceil(e.touches[0].pageY), o = e.target, o.addEventListener("touchmove", d, { passive: !1 }), o.addEventListener("touchend", m, { passive: !0 }));
   }, Y = () => {
-    s && (s.removeEventListener("touchstart", M), s = null);
+    l && (l.removeEventListener("touchstart", M), l = null);
   }, p = () => {
     Y(), v(), t && (clearInterval(t), t = null);
   };
-  R(p), S(
+  S(p), b(
     [I, X],
     ([e, n]) => {
-      e && n ? (s = n, n.addEventListener("touchstart", M, { passive: !0 })) : p();
+      e && n ? (l = n, n.addEventListener("touchstart", M, { passive: !0 })) : p();
     },
     { immediate: !0 }
   );

package/dist/core/src/components/VirtualList/hooks/useMobileTouchMove.test.d.ts

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

package/dist/core/src/components/VirtualList/hooks/useMobileTouchMove.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMobileTouchMove.test.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useMobileTouchMove.test.ts"],"names":[],"mappings":""}

package/dist/core/src/components/VirtualList/hooks/useScrollTo.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef, Ref } from 'vue';
 import { default as CacheMap } from '../utils/CacheMap';
 import { Key } from '../interface';
-export default function useScrollTo(containerRef: Ref<HTMLElement | undefined>, data: Ref<any[]>, heights: CacheMap, itemHeight: ComputedRef<number | undefined>, getKey: (item: any) => Key, collectHeight: () => void, syncScrollTop: (top: number) => void, triggerFlash: () => void, 
+export default function useScrollTo(containerRef: Ref<HTMLElement | undefined>, data: Ref<any[]>, heights: CacheMap, itemHeight: ComputedRef<number | undefined>, getKey: (item: any, index?: number) => Key, collectHeight: () => void, syncScrollTop: (top: number) => void, triggerFlash: () => void, 
 /** 定高快路径：高度不测量，总高与任意行的位置都可以直接算出来，无需逐行累加。 */
 fixedHeight?: () => boolean): [scrollTo: (arg?: number | ScrollConfig | null) => void, getTotalHeight: () => number];
 export interface ScrollConfig {

package/dist/core/src/components/VirtualList/hooks/useScrollTo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollTo.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useScrollTo.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAIvC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,YAAY,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAC1C,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EAChB,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,EAC3C,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,EAC1B,aAAa,EAAE,MAAM,IAAI,EACzB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EACpC,YAAY,EAAE,MAAM,IAAI;AACxB,4CAA4C;AAC5C,WAAW,CAAC,EAAE,MAAM,OAAO,GAC1B,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,KAAK,IAAI,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC,CA2IxF;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb"}
+{"version":3,"file":"useScrollTo.d.ts","sourceRoot":"","sources":["../../../../../../../core/src/components/VirtualList/hooks/useScrollTo.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAA;AAC7C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAIvC,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,YAAY,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAC1C,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,EAChB,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,EAC3C,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,GAAG,EAC1C,aAAa,EAAE,MAAM,IAAI,EACzB,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,EACpC,YAAY,EAAE,MAAM,IAAI;AACxB,4CAA4C;AAC5C,WAAW,CAAC,EAAE,MAAM,OAAO,GAC1B,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,KAAK,IAAI,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC,CA2IxF;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb"}

package/dist/core/src/components/VirtualList/hooks/useScrollTo.mjs

@@ -1,12 +1,12 @@
 import { shallowRef as S, watch as j } from "vue";
 const C = 10;
-function L(g, n, T, h, m, y, A, M, B) {
+function L(T, s, d, m, p, y, A, M, B) {
   const t = S(null), H = () => B?.() === !0, I = () => {
-    if (H()) return n.value.length * (h.value ?? 0);
+    if (H()) return s.value.length * (m.value ?? 0);
     let e = 0;
-    for (let l = 0; l < n.value.length; l += 1) {
-      const a = m(n.value[l]), o = T.get(a);
-      e += o === void 0 ? h.value ?? 0 : o;
+    for (let l = 0; l < s.value.length; l += 1) {
+      const a = p(s.value[l], l), o = d.get(a);
+      e += o === void 0 ? m.value ?? 0 : o;
     }
     return e;
   };
@@ -14,36 +14,36 @@ function L(g, n, T, h, m, y, A, M, B) {
     t,
     () => {
       if (t.value && t.value.times < C) {
-        if (!g.value) {
+        if (!T.value) {
           t.value = { ...t.value };
           return;
         }
         y();
-        const { targetAlign: e, originAlign: l, index: a, offset: o } = t.value, u = g.value.clientHeight;
-        let d = !1, k = e ?? null, c = null;
+        const { targetAlign: e, originAlign: l, index: a, offset: o } = t.value, u = T.value.clientHeight;
+        let v = !1, k = e ?? null, c = null;
         if (u) {
           const w = e || l;
-          let f = 0, v = 0;
-          const b = Math.min(n.value.length - 1, a);
+          let f = 0, r = 0;
+          const b = Math.min(s.value.length - 1, a);
           if (H()) {
-            const i = h.value ?? 0;
-            f = b * i, v = f + i;
+            const n = m.value ?? 0;
+            f = b * n, r = f + n;
           } else {
-            let i = 0;
-            for (let s = 0; s <= b; s += 1) {
-              const x = m(n.value[s]);
-              f = i;
-              const r = T.get(x);
-              v = f + (r === void 0 ? h.value ?? 0 : r), i = v;
+            let n = 0;
+            for (let i = 0; i <= b; i += 1) {
+              const x = p(s.value[i], i);
+              f = n;
+              const h = d.get(x);
+              r = f + (h === void 0 ? m.value ?? 0 : h), n = r;
             }
-            let p = w === "top" ? o : u - o;
-            for (let s = b; s >= 0; s -= 1) {
-              const x = m(n.value[s]), r = T.get(x);
-              if (r === void 0) {
-                d = !0;
+            let g = w === "top" ? o : u - o;
+            for (let i = b; i >= 0; i -= 1) {
+              const x = p(s.value[i], i), h = d.get(x);
+              if (h === void 0) {
+                v = !0;
                 break;
               }
-              if (p -= r, p <= 0) break;
+              if (g -= h, g <= 0) break;
             }
           }
           switch (w) {
@@ -51,16 +51,16 @@ function L(g, n, T, h, m, y, A, M, B) {
               c = f - o;
               break;
             case "bottom":
-              c = v - u + o;
+              c = r - u + o;
               break;
             default: {
-              const { scrollTop: i } = g.value, p = i + u;
-              f < i ? k = "top" : v > p && (k = "bottom");
+              const { scrollTop: n } = T.value, g = n + u;
+              f < n ? k = "top" : r > g && (k = "bottom");
             }
           }
-          c !== null && A(c), c !== t.value.lastTop && (d = !0);
+          c !== null && A(c), c !== t.value.lastTop && (v = !0);
         }
-        d && (t.value = {
+        v && (t.value = {
           ...t.value,
           times: t.value.times + 1,
           targetAlign: k,
@@ -79,7 +79,7 @@ function L(g, n, T, h, m, y, A, M, B) {
     else if (e && typeof e == "object") {
       let l;
       const { align: a } = e;
-      "index" in e ? l = e.index : l = n.value.findIndex((u) => m(u) === e.key);
+      "index" in e ? l = e.index : l = s.value.findIndex((u, v) => p(u, v) === e.key);
       const { offset: o = 0 } = e;
       t.value = {
         times: 0,

package/dist/index.d.ts

@@ -1,30 +1,2 @@
 export * from './vtable-guild/src/index'
 export {}
-
-// Module augmentation for @vtable-guild/core
-// This file ensures type hints work correctly when importing from @vtable-guild/vtable-guild
-
-import type { ThemeOverrideConfig } from '@vtable-guild/core'
-import type {
-  TableThemeConfig,
-  ButtonThemeConfig,
-  CheckboxThemeConfig,
-  RadioThemeConfig,
-  InputThemeConfig,
-  TooltipThemeConfig,
-  ScrollbarThemeConfig,
-  PaginationThemeConfig,
-} from '@vtable-guild/theme'
-
-declare module '@vtable-guild/core' {
-  interface VTableGuildThemeOverridesMap {
-    table: ThemeOverrideConfig<TableThemeConfig>
-    button: ThemeOverrideConfig<ButtonThemeConfig>
-    checkbox: ThemeOverrideConfig<CheckboxThemeConfig>
-    radio: ThemeOverrideConfig<RadioThemeConfig>
-    input: ThemeOverrideConfig<InputThemeConfig>
-    tooltip: ThemeOverrideConfig<TooltipThemeConfig>
-    scrollbar: ThemeOverrideConfig<ScrollbarThemeConfig>
-    pagination: ThemeOverrideConfig<PaginationThemeConfig>
-  }
-}