@v-c/virtual-list 0.0.1

package/dist/ScrollBar.d.ts

@@ -0,0 +1,116 @@
+import { CSSProperties, PropType } from 'vue';
+export interface ScrollBarProps {
+    prefixCls: string;
+    scrollOffset: number;
+    scrollRange: number;
+    rtl: boolean;
+    onScroll: (scrollOffset: number, horizontal?: boolean) => void;
+    onStartMove: () => void;
+    onStopMove: () => void;
+    horizontal?: boolean;
+    style?: CSSProperties;
+    thumbStyle?: CSSProperties;
+    spinSize: number;
+    containerSize: number;
+    showScrollBar?: boolean | 'optional';
+}
+export interface ScrollBarRef {
+    delayHidden: () => void;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    scrollOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollRange: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onScroll: {
+        type: PropType<(scrollOffset: number, horizontal?: boolean) => void>;
+        required: true;
+    };
+    onStartMove: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onStopMove: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: PropType<CSSProperties>;
+    thumbStyle: PropType<CSSProperties>;
+    spinSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    containerSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    showScrollBar: {
+        type: PropType<boolean | "optional">;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    scrollOffset: {
+        type: NumberConstructor;
+        required: true;
+    };
+    scrollRange: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rtl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onScroll: {
+        type: PropType<(scrollOffset: number, horizontal?: boolean) => void>;
+        required: true;
+    };
+    onStartMove: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onStopMove: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    horizontal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    style: PropType<CSSProperties>;
+    thumbStyle: PropType<CSSProperties>;
+    spinSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    containerSize: {
+        type: NumberConstructor;
+        required: true;
+    };
+    showScrollBar: {
+        type: PropType<boolean | "optional">;
+    };
+}>> & Readonly<{}>, {
+    rtl: boolean;
+    horizontal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ScrollBar.js

@@ -0,0 +1,193 @@
+import { defineComponent as X, ref as f, computed as g, shallowRef as z, watch as E, onMounted as A, onUnmounted as M, createVNode as $ } from "vue";
+function q(e, u) {
+  return ("touches" in e ? e.touches[0] : e)[u ? "pageX" : "pageY"] - window[u ? "scrollX" : "scrollY"];
+}
+const k = /* @__PURE__ */ X({
+  name: "ScrollBar",
+  props: {
+    prefixCls: {
+      type: String,
+      required: !0
+    },
+    scrollOffset: {
+      type: Number,
+      required: !0
+    },
+    scrollRange: {
+      type: Number,
+      required: !0
+    },
+    rtl: {
+      type: Boolean,
+      default: !1
+    },
+    onScroll: {
+      type: Function,
+      required: !0
+    },
+    onStartMove: {
+      type: Function,
+      required: !0
+    },
+    onStopMove: {
+      type: Function,
+      required: !0
+    },
+    horizontal: {
+      type: Boolean,
+      default: !1
+    },
+    style: Object,
+    thumbStyle: Object,
+    spinSize: {
+      type: Number,
+      required: !0
+    },
+    containerSize: {
+      type: Number,
+      required: !0
+    },
+    showScrollBar: {
+      type: [Boolean, String]
+    }
+  },
+  setup(e, {
+    expose: u
+  }) {
+    const l = f(!1), c = f(null), v = f(null), h = g(() => !e.rtl), m = z(), R = z(), d = f(e.showScrollBar === "optional" ? !0 : e.showScrollBar);
+    let r = null;
+    const b = () => {
+      e.showScrollBar === !0 || e.showScrollBar === !1 || (r && clearTimeout(r), d.value = !0, r = setTimeout(() => {
+        d.value = !1;
+      }, 3e3));
+    }, w = g(() => e.scrollRange - e.containerSize || 0), T = g(() => e.containerSize - e.spinSize || 0), i = g(() => e.scrollOffset === 0 || w.value === 0 ? 0 : e.scrollOffset / w.value * T.value), S = z({
+      top: i.value,
+      dragging: l.value,
+      pageY: c.value,
+      startTop: v.value
+    });
+    E([i, l, c, v], () => {
+      S.value = {
+        top: i.value,
+        dragging: l.value,
+        pageY: c.value,
+        startTop: v.value
+      };
+    });
+    const j = (t) => {
+      t.stopPropagation(), t.preventDefault();
+    }, p = (t) => {
+      l.value = !0, c.value = q(t, e.horizontal || !1), v.value = S.value.top, e.onStartMove(), t.stopPropagation(), t.preventDefault();
+    };
+    return A(() => {
+      const t = (a) => {
+        a.preventDefault();
+      }, o = m.value, n = R.value;
+      o && n && (o.addEventListener("touchstart", t, {
+        passive: !1
+      }), n.addEventListener("touchstart", p, {
+        passive: !1
+      }), M(() => {
+        o.removeEventListener("touchstart", t), n.removeEventListener("touchstart", p);
+      }));
+    }), E(l, (t) => {
+      if (t) {
+        let o = null;
+        const n = (Y) => {
+          const {
+            dragging: C,
+            pageY: D,
+            startTop: F
+          } = S.value;
+          o && cancelAnimationFrame(o);
+          const L = m.value.getBoundingClientRect(), N = e.containerSize / (e.horizontal ? L.width : L.height);
+          if (C) {
+            const x = (q(Y, e.horizontal || !1) - (D || 0)) * N;
+            let y = F || 0;
+            !h.value && e.horizontal ? y -= x : y += x;
+            const O = w.value, B = T.value, P = B ? y / B : 0;
+            let s = Math.ceil(P * O);
+            s = Math.max(s, 0), s = Math.min(s, O), o = requestAnimationFrame(() => {
+              e.onScroll(s, e.horizontal);
+            });
+          }
+        }, a = () => {
+          l.value = !1, e.onStopMove();
+        };
+        window.addEventListener("mousemove", n, {
+          passive: !0
+        }), window.addEventListener("touchmove", n, {
+          passive: !0
+        }), window.addEventListener("mouseup", a, {
+          passive: !0
+        }), window.addEventListener("touchend", a, {
+          passive: !0
+        }), M(() => {
+          window.removeEventListener("mousemove", n), window.removeEventListener("touchmove", n), window.removeEventListener("mouseup", a), window.removeEventListener("touchend", a), o && cancelAnimationFrame(o);
+        });
+      }
+    }), E(() => e.scrollOffset, () => {
+      b();
+    }), M(() => {
+      r && clearTimeout(r);
+    }), u({
+      delayHidden: b
+    }), () => {
+      const t = `${e.prefixCls}-scrollbar`, o = {
+        position: "absolute",
+        visibility: d.value ? void 0 : "hidden"
+      }, n = {
+        position: "absolute",
+        borderRadius: "99px",
+        background: "var(--vc-virtual-list-scrollbar-bg, rgba(0, 0, 0, 0.5))",
+        cursor: "pointer",
+        userSelect: "none"
+      };
+      return e.horizontal ? (Object.assign(o, {
+        height: "8px",
+        left: 0,
+        right: 0,
+        bottom: 0
+      }), Object.assign(n, {
+        height: "100%",
+        width: `${e.spinSize}px`,
+        [h.value ? "left" : "right"]: `${i.value}px`
+      })) : (Object.assign(o, {
+        width: "8px",
+        top: 0,
+        bottom: 0,
+        [h.value ? "right" : "left"]: 0
+      }), Object.assign(n, {
+        width: "100%",
+        height: `${e.spinSize}px`,
+        top: `${i.value}px`
+      })), $("div", {
+        ref: m,
+        class: [t, {
+          [`${t}-horizontal`]: e.horizontal,
+          [`${t}-vertical`]: !e.horizontal,
+          [`${t}-visible`]: d.value
+        }],
+        style: {
+          ...o,
+          ...e.style
+        },
+        onMousedown: j,
+        onMousemove: b
+      }, [$("div", {
+        ref: R,
+        class: [`${t}-thumb`, {
+          [`${t}-thumb-moving`]: l.value
+        }],
+        style: {
+          ...n,
+          ...e.thumbStyle
+        },
+        onMousedown: p
+      }, null)]);
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/hooks/useDiffItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");function d(i,u){const r=t.ref([]),o=t.ref();return t.watch(i,e=>{const f=r.value;if(e!==f){const s=e.find(n=>{const a=u(n);return!f.some(c=>u(c)===a)});o.value=s,r.value=e}},{immediate:!0}),o}exports.default=d;

package/dist/hooks/useDiffItem.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export default function useDiffItem<T>(data: Ref<T[]>, getKey: (item: T) => any): Ref<T | undefined>;

package/dist/hooks/useDiffItem.js

@@ -0,0 +1,21 @@
+import { ref as u, watch as c } from "vue";
+function v(a, t) {
+  const f = u([]), r = u();
+  return c(
+    a,
+    (e) => {
+      const o = f.value;
+      if (e !== o) {
+        const i = e.find((m) => {
+          const n = t(m);
+          return !o.some((s) => t(s) === n);
+        });
+        r.value = i, f.value = e;
+      }
+    },
+    { immediate: !0 }
+  ), r;
+}
+export {
+  v as default
+};

package/dist/hooks/useFrameWheel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),F=require("../utils/isFirefox.cjs"),X=require("./useOriginScroll.cjs");function _(c,h,b,g,x,A,v){const r=i.ref(0);let a=null;const m=i.ref(null),d=i.ref(!1),M=X.default(h,b,g,x);function S(e,l){if(a&&cancelAnimationFrame(a),M(!1,l))return;const t=e;if(!t._virtualHandled)t._virtualHandled=!0;else return;r.value+=l,m.value=l,F.default||t.preventDefault(),a=requestAnimationFrame(()=>{const o=d.value?10:1;v(r.value*o,!1),r.value=0})}function p(e,l){v(l,!0),F.default||e.preventDefault()}const n=i.ref(null);let u=null;function q(e){if(!c.value)return;u&&cancelAnimationFrame(u),u=requestAnimationFrame(()=>{n.value=null});const{deltaX:l,deltaY:t,shiftKey:o}=e;let f=l,s=t;(n.value==="sx"||!n.value&&o&&t&&!l)&&(f=t,s=0,n.value="sx");const y=Math.abs(f),R=Math.abs(s);n.value===null&&(n.value=A&&y>R?"x":"y"),n.value==="y"?S(e,s):p(e,f)}function D(e){c.value&&(d.value=e.detail===m.value)}return i.onUnmounted(()=>{a&&cancelAnimationFrame(a),u&&cancelAnimationFrame(u)}),[q,D]}exports.default=_;

package/dist/hooks/useFrameWheel.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+interface FireFoxDOMMouseScrollEvent {
+    detail: number;
+    preventDefault: VoidFunction;
+}
+export default function useFrameWheel(inVirtual: Ref<boolean>, isScrollAtTop: Ref<boolean>, isScrollAtBottom: Ref<boolean>, isScrollAtLeft: Ref<boolean>, isScrollAtRight: Ref<boolean>, horizontalScroll: boolean, 
+/**
+ * Return `true` when you need to prevent default event
+ */
+onWheelDelta: (offset: number, horizontal: boolean) => void): [(e: WheelEvent) => void, (e: FireFoxDOMMouseScrollEvent) => void];
+export {};

package/dist/hooks/useFrameWheel.js

@@ -0,0 +1,52 @@
+import { ref as u, onUnmounted as y } from "vue";
+import h from "../utils/isFirefox.js";
+import W from "./useOriginScroll.js";
+function _(c, d, p, x, A, D, m) {
+  const r = u(0);
+  let t = null;
+  const v = u(null), F = u(!1), b = W(
+    d,
+    p,
+    x,
+    A
+  );
+  function g(e, l) {
+    if (t && cancelAnimationFrame(t), b(!1, l))
+      return;
+    const a = e;
+    if (!a._virtualHandled)
+      a._virtualHandled = !0;
+    else
+      return;
+    r.value += l, v.value = l, h || a.preventDefault(), t = requestAnimationFrame(() => {
+      const o = F.value ? 10 : 1;
+      m(r.value * o, !1), r.value = 0;
+    });
+  }
+  function M(e, l) {
+    m(l, !0), h || e.preventDefault();
+  }
+  const n = u(null);
+  let i = null;
+  function R(e) {
+    if (!c.value)
+      return;
+    i && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+      n.value = null;
+    });
+    const { deltaX: l, deltaY: a, shiftKey: o } = e;
+    let f = l, s = a;
+    (n.value === "sx" || !n.value && o && a && !l) && (f = a, s = 0, n.value = "sx");
+    const X = Math.abs(f), w = Math.abs(s);
+    n.value === null && (n.value = D && X > w ? "x" : "y"), n.value === "y" ? g(e, s) : M(e, f);
+  }
+  function S(e) {
+    c.value && (F.value = e.detail === v.value);
+  }
+  return y(() => {
+    t && cancelAnimationFrame(t), i && cancelAnimationFrame(i);
+  }), [R, S];
+}
+export {
+  _ as default
+};

package/dist/hooks/useGetSize.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("vue");function p(e,t,c,v){return b.computed(()=>(n,u)=>{let f=0,r=e.value.length-1;n!=null&&(f=e.value.findIndex(o=>t(o)===n)),u!=null&&(r=e.value.findIndex(o=>t(o)===u));let d=0;for(let o=0;o<f;o+=1){const i=t(e.value[o]),l=c.get(i);d+=l===void 0?v:l}let s=0;for(let o=e.value.length-1;o>r;o-=1){const i=t(e.value[o]),l=c.get(i);s+=l===void 0?v:l}return{top:d,bottom:s}})}exports.useGetSize=p;

package/dist/hooks/useGetSize.d.ts

@@ -0,0 +1,7 @@
+import { GetKey } from '../interface';
+import { default as CacheMap } from '../utils/CacheMap';
+import { ComputedRef, Ref } from 'vue';
+export declare function useGetSize<T>(mergedData: Ref<T[]>, getKey: GetKey<T>, heights: CacheMap, itemHeight: number): ComputedRef<(startKey: any, endKey?: any) => {
+    top: number;
+    bottom: number;
+}>;

package/dist/hooks/useGetSize.js

@@ -0,0 +1,24 @@
+import { computed as r } from "vue";
+function h(l, t, v, e) {
+  return r(() => (u, i) => {
+    let f = 0, p = l.value.length - 1;
+    u != null && (f = l.value.findIndex((o) => t(o) === u)), i != null && (p = l.value.findIndex((o) => t(o) === i));
+    let x = 0;
+    for (let o = 0; o < f; o += 1) {
+      const c = t(l.value[o]), n = v.get(c);
+      x += n === void 0 ? e : n;
+    }
+    let d = 0;
+    for (let o = l.value.length - 1; o > p; o -= 1) {
+      const c = t(l.value[o]), n = v.get(c);
+      d += n === void 0 ? e : n;
+    }
+    return {
+      top: x,
+      bottom: d
+    };
+  });
+}
+export {
+  h as useGetSize
+};

package/dist/hooks/useHeights.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),C=require("../utils/CacheMap.cjs");function h(f){const s=parseFloat(f);return isNaN(s)?0:s}function P(f,s,m){const i=n.ref(0),a=n.ref(new Map),l=n.ref(new C.default),r=n.ref(0);function c(){r.value+=1}function g(u=!1){c();const e=()=>{let t=!1;a.value.forEach((o,v)=>{if(o&&o.offsetParent){const{offsetHeight:M}=o,{marginTop:N,marginBottom:R}=getComputedStyle(o),H=h(N),b=h(R),d=M+H+b;l.value.get(v)!==d&&(l.value.set(v,d),t=!0)}}),t&&(i.value+=1)};if(u)e();else{r.value+=1;const t=r.value;Promise.resolve().then(()=>{t===r.value&&e()})}}function p(u,e){const t=f(u),o=a.value.get(t);o!==e&&(e?(a.value.set(t,e),g()):a.value.delete(t),!o!=!e&&(e?s?.(u):m?.(u)))}return n.onUnmounted(()=>{c()}),[p,g,l.value,i]}exports.default=P;

package/dist/hooks/useHeights.d.ts

@@ -0,0 +1,9 @@
+import { GetKey } from '../interface';
+import { Ref } from 'vue';
+import { default as CacheMap } from '../utils/CacheMap';
+export default function useHeights<T>(getKey: GetKey<T>, onItemAdd?: (item: T) => void, onItemRemove?: (item: T) => void): [
+    setInstanceRef: (item: T, instance: HTMLElement | null) => void,
+    collectHeight: (sync?: boolean) => void,
+    cacheMap: CacheMap,
+    updatedMark: Ref<number>
+];

package/dist/hooks/useHeights.js

@@ -0,0 +1,43 @@
+import { ref as u, onUnmounted as w } from "vue";
+import B from "../utils/CacheMap.js";
+function p(r) {
+  const a = parseFloat(r);
+  return isNaN(a) ? 0 : a;
+}
+function T(r, a, d) {
+  const l = u(0), s = u(/* @__PURE__ */ new Map()), i = u(new B()), f = u(0);
+  function c() {
+    f.value += 1;
+  }
+  function g(n = !1) {
+    c();
+    const e = () => {
+      let t = !1;
+      s.value.forEach((o, m) => {
+        if (o && o.offsetParent) {
+          const { offsetHeight: N } = o, { marginTop: R, marginBottom: H } = getComputedStyle(o), C = p(R), M = p(H), v = N + C + M;
+          i.value.get(m) !== v && (i.value.set(m, v), t = !0);
+        }
+      }), t && (l.value += 1);
+    };
+    if (n)
+      e();
+    else {
+      f.value += 1;
+      const t = f.value;
+      Promise.resolve().then(() => {
+        t === f.value && e();
+      });
+    }
+  }
+  function h(n, e) {
+    const t = r(n), o = s.value.get(t);
+    o !== e && (e ? (s.value.set(t, e), g()) : s.value.delete(t), !o != !e && (e ? a?.(n) : d?.(n)));
+  }
+  return w(() => {
+    c();
+  }), [h, g, i.value, l];
+}
+export {
+  T as default
+};

package/dist/hooks/useMobileTouchMove.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),L=14/15;function X(S,b,M){const u=s.ref(!1),v=s.ref(0),f=s.ref(0);let o=null,r=null,t=null,c;const m=e=>{if(u.value){const n=Math.ceil(e.touches[0].pageX),d=Math.ceil(e.touches[0].pageY);let l=v.value-n,i=f.value-d;const a=Math.abs(l)>Math.abs(i);a?v.value=n:f.value=d;const g=M(a,a?l:i,!1,e);g&&e.preventDefault(),t&&clearInterval(t),g&&(t=setInterval(()=>{a?l*=L:i*=L;const T=Math.floor(a?l:i);(!M(a,T,!0)||Math.abs(T)<=.1)&&t&&clearInterval(t)},16))}},p=()=>{u.value=!1,c()},E=e=>{c(),e.touches.length===1&&!u.value&&(u.value=!0,v.value=Math.ceil(e.touches[0].pageX),f.value=Math.ceil(e.touches[0].pageY),o=e.target,o.addEventListener("touchmove",m,{passive:!1}),o.addEventListener("touchend",p,{passive:!0}))};c=()=>{o&&(o.removeEventListener("touchmove",m),o.removeEventListener("touchend",p),o=null)};const I=()=>{r&&(r.removeEventListener("touchstart",E),r=null)},h=()=>{I(),c(),t&&(clearInterval(t),t=null)};s.onUnmounted(h),s.watch([S,b],([e,n],d,l)=>{e&&n?(r=n,n.addEventListener("touchstart",E,{passive:!0}),l(()=>{h()})):h()},{immediate:!0})}exports.default=X;

package/dist/hooks/useMobileTouchMove.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export default function useMobileTouchMove(inVirtual: Ref<boolean>, listRef: Ref<HTMLDivElement | null | undefined>, callback: (isHorizontal: boolean, offset: number, smoothOffset: boolean, e?: TouchEvent) => boolean): void;

package/dist/hooks/useMobileTouchMove.js

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

package/dist/hooks/useOriginScroll.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue");function v(r,i,t,a){const e=s.ref(!1);let l=null;function c(){l&&clearTimeout(l),e.value=!0,l=setTimeout(()=>{e.value=!1},50)}return(f,u,n=!1)=>{const o=f?u<0&&t.value||u>0&&a.value:u<0&&r.value||u>0&&i.value;return n&&o?(l&&clearTimeout(l),e.value=!1):(!o||e.value)&&c(),!e.value&&o}}exports.default=v;

package/dist/hooks/useOriginScroll.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export default function useOriginScroll(isScrollAtTop: Ref<boolean>, isScrollAtBottom: Ref<boolean>, isScrollAtLeft: Ref<boolean>, isScrollAtRight: Ref<boolean>): (isHorizontal: boolean, delta: number, smoothOffset?: boolean) => boolean;

package/dist/hooks/useOriginScroll.js

@@ -0,0 +1,17 @@
+import { ref as s } from "vue";
+function m(r, i, a, f) {
+  const e = s(!1);
+  let l = null;
+  function t() {
+    l && clearTimeout(l), e.value = !0, l = setTimeout(() => {
+      e.value = !1;
+    }, 50);
+  }
+  return (c, u, n = !1) => {
+    const o = c ? u < 0 && a.value || u > 0 && f.value : u < 0 && r.value || u > 0 && i.value;
+    return n && o ? (l && clearTimeout(l), e.value = !1) : (!o || e.value) && t(), !e.value && o;
+  };
+}
+export {
+  m as default
+};

package/dist/hooks/useScrollDrag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("vue");function b(n){return Math.floor(n**.5)}function S(n,r){return("touches"in n?n.touches[0]:n)[r?"pageX":"pageY"]-window[r?"scrollX":"scrollY"]}function h(n,r,w){let o=null,t=null,c=!1,u=null,i=0;const d=()=>{u!==null&&(cancelAnimationFrame(u),u=null)},f=()=>{d(),u=requestAnimationFrame(()=>{w(i),f()})},l=()=>{c=!1,d()},E=s=>{if(s.target.draggable||s.button!==0)return;const e=s;e._virtualHandled||(e._virtualHandled=!0,c=!0)},L=s=>{if(c&&o){const e=S(s,!1),{top:v,bottom:a}=o.getBoundingClientRect();if(e<=v){const g=v-e;i=-b(g),f()}else if(e>=a){const g=e-a;i=b(g),f()}else d()}},m=()=>{o&&(o.removeEventListener("mousedown",E),o=null),t&&(t.removeEventListener("mouseup",l),t.removeEventListener("mousemove",L),t.removeEventListener("dragend",l),t=null),l()};p.onUnmounted(m),p.watch([n,r],([s,e],v,a)=>{s&&e?(o=e,t=e.ownerDocument,o.addEventListener("mousedown",E),t.addEventListener("mouseup",l),t.addEventListener("mousemove",L),t.addEventListener("dragend",l),a(()=>{m()})):m()},{immediate:!0})}exports.default=h;exports.getPageXY=S;

package/dist/hooks/useScrollDrag.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+export declare function getPageXY(e: MouseEvent | TouchEvent, horizontal: boolean): number;
+export default function useScrollDrag(inVirtual: Ref<boolean>, componentRef: Ref<HTMLElement | null | undefined>, onScrollOffset: (offset: number) => void): void;

package/dist/hooks/useScrollDrag.js

@@ -0,0 +1,51 @@
+import { onUnmounted as h, watch as D } from "vue";
+function L(n) {
+  return Math.floor(n ** 0.5);
+}
+function b(n, l) {
+  return ("touches" in n ? n.touches[0] : n)[l ? "pageX" : "pageY"] - window[l ? "scrollX" : "scrollY"];
+}
+function M(n, l, p) {
+  let o = null, t = null, c = !1, u = null, i = 0;
+  const d = () => {
+    u !== null && (cancelAnimationFrame(u), u = null);
+  }, m = () => {
+    d(), u = requestAnimationFrame(() => {
+      p(i), m();
+    });
+  }, r = () => {
+    c = !1, d();
+  }, w = (s) => {
+    if (s.target.draggable || s.button !== 0)
+      return;
+    const e = s;
+    e._virtualHandled || (e._virtualHandled = !0, c = !0);
+  }, E = (s) => {
+    if (c && o) {
+      const e = b(s, !1), { top: v, bottom: a } = o.getBoundingClientRect();
+      if (e <= v) {
+        const g = v - e;
+        i = -L(g), m();
+      } else if (e >= a) {
+        const g = e - a;
+        i = L(g), m();
+      } else
+        d();
+    }
+  }, f = () => {
+    o && (o.removeEventListener("mousedown", w), o = null), t && (t.removeEventListener("mouseup", r), t.removeEventListener("mousemove", E), t.removeEventListener("dragend", r), t = null), r();
+  };
+  h(f), D(
+    [n, l],
+    ([s, e], v, a) => {
+      s && e ? (o = e, t = e.ownerDocument, o.addEventListener("mousedown", w), t.addEventListener("mouseup", r), t.addEventListener("mousemove", E), t.addEventListener("dragend", r), a(() => {
+        f();
+      })) : f();
+    },
+    { immediate: !0 }
+  );
+}
+export {
+  M as default,
+  b as getPageXY
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./List.cjs");exports.default=e.default;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { default as List } from './List';
+export type { ListProps, ListRef, ScrollConfig, ScrollInfo } from './List';
+export default List;

package/dist/index.js

@@ -0,0 +1,4 @@
+import o from "./List.js";
+export {
+  o as default
+};

package/dist/interface.cjs

@@ -0,0 +1 @@
+"use strict";