@v-c/virtual-list 0.0.1 → 1.0.0

package/dist/hooks/useFrameWheel.js

@@ -1,52 +1,61 @@
-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];
+import isFirefox_default from "../utils/isFirefox.js";
+import useOriginScroll from "./useOriginScroll.js";
+import { onUnmounted, ref } from "vue";
+function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight, horizontalScroll, onWheelDelta) {
+	const offsetRef = ref(0);
+	let nextFrame = null;
+	const wheelValueRef = ref(null);
+	const isMouseScrollRef = ref(false);
+	const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight);
+	function onWheelY(e, deltaY) {
+		if (nextFrame) cancelAnimationFrame(nextFrame);
+		if (originScroll(false, deltaY)) return;
+		const event = e;
+		if (!event._virtualHandled) event._virtualHandled = true;
+		else return;
+		offsetRef.value += deltaY;
+		wheelValueRef.value = deltaY;
+		if (!isFirefox_default) event.preventDefault();
+		nextFrame = requestAnimationFrame(() => {
+			const patchMultiple = isMouseScrollRef.value ? 10 : 1;
+			onWheelDelta(offsetRef.value * patchMultiple, false);
+			offsetRef.value = 0;
+		});
+	}
+	function onWheelX(event, deltaX) {
+		onWheelDelta(deltaX, true);
+		if (!isFirefox_default) event.preventDefault();
+	}
+	const wheelDirectionRef = ref(null);
+	let wheelDirectionClean = null;
+	function onWheel(event) {
+		if (!inVirtual.value) return;
+		if (wheelDirectionClean) cancelAnimationFrame(wheelDirectionClean);
+		wheelDirectionClean = requestAnimationFrame(() => {
+			wheelDirectionRef.value = null;
+		});
+		const { deltaX, deltaY, shiftKey } = event;
+		let mergedDeltaX = deltaX;
+		let mergedDeltaY = deltaY;
+		if (wheelDirectionRef.value === "sx" || !wheelDirectionRef.value && (shiftKey || false) && deltaY && !deltaX) {
+			mergedDeltaX = deltaY;
+			mergedDeltaY = 0;
+			wheelDirectionRef.value = "sx";
+		}
+		const absX = Math.abs(mergedDeltaX);
+		const absY = Math.abs(mergedDeltaY);
+		if (wheelDirectionRef.value === null) wheelDirectionRef.value = horizontalScroll && absX > absY ? "x" : "y";
+		if (wheelDirectionRef.value === "y") onWheelY(event, mergedDeltaY);
+		else onWheelX(event, mergedDeltaX);
+	}
+	function onFireFoxScroll(event) {
+		if (!inVirtual.value) return;
+		isMouseScrollRef.value = event.detail === wheelValueRef.value;
+	}
+	onUnmounted(() => {
+		if (nextFrame) cancelAnimationFrame(nextFrame);
+		if (wheelDirectionClean) cancelAnimationFrame(wheelDirectionClean);
+	});
+	return [onWheel, onFireFoxScroll];
 }
-export {
-  _ as default
-};
+export { useFrameWheel as default };

package/dist/hooks/useGetSize.cjs

@@ -1 +1,29 @@
-"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;
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useGetSize(mergedData, getKey, heights, itemHeight) {
+	return (0, vue.computed)(() => {
+		return (startKey, endKey) => {
+			let topIndex = 0;
+			let bottomIndex = mergedData.value.length - 1;
+			if (startKey !== void 0 && startKey !== null) topIndex = mergedData.value.findIndex((item) => getKey(item) === startKey);
+			if (endKey !== void 0 && endKey !== null) bottomIndex = mergedData.value.findIndex((item) => getKey(item) === endKey);
+			let top = 0;
+			for (let i = 0; i < topIndex; i += 1) {
+				const key = getKey(mergedData.value[i]);
+				const cacheHeight = heights.get(key);
+				top += cacheHeight === void 0 ? itemHeight.value : cacheHeight;
+			}
+			let bottom = 0;
+			for (let i = mergedData.value.length - 1; i > bottomIndex; i -= 1) {
+				const key = getKey(mergedData.value[i]);
+				const cacheHeight = heights.get(key);
+				bottom += cacheHeight === void 0 ? itemHeight.value : cacheHeight;
+			}
+			return {
+				top,
+				bottom
+			};
+		};
+	});
+}
+exports.useGetSize = useGetSize;

package/dist/hooks/useGetSize.d.ts

@@ -1,7 +1,7 @@
+import { ComputedRef, Ref } from 'vue';
 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) => {
+export declare function useGetSize<T>(mergedData: Ref<T[]>, getKey: GetKey<T>, heights: CacheMap, itemHeight: Ref<number>): ComputedRef<(startKey: any, endKey?: any) => {
     top: number;
     bottom: number;
 }>;

package/dist/hooks/useGetSize.js

@@ -1,24 +1,28 @@
-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
-    };
-  });
+import { computed } from "vue";
+function useGetSize(mergedData, getKey, heights, itemHeight) {
+	return computed(() => {
+		return (startKey, endKey) => {
+			let topIndex = 0;
+			let bottomIndex = mergedData.value.length - 1;
+			if (startKey !== void 0 && startKey !== null) topIndex = mergedData.value.findIndex((item) => getKey(item) === startKey);
+			if (endKey !== void 0 && endKey !== null) bottomIndex = mergedData.value.findIndex((item) => getKey(item) === endKey);
+			let top = 0;
+			for (let i = 0; i < topIndex; i += 1) {
+				const key = getKey(mergedData.value[i]);
+				const cacheHeight = heights.get(key);
+				top += cacheHeight === void 0 ? itemHeight.value : cacheHeight;
+			}
+			let bottom = 0;
+			for (let i = mergedData.value.length - 1; i > bottomIndex; i -= 1) {
+				const key = getKey(mergedData.value[i]);
+				const cacheHeight = heights.get(key);
+				bottom += cacheHeight === void 0 ? itemHeight.value : cacheHeight;
+			}
+			return {
+				top,
+				bottom
+			};
+		};
+	});
 }
-export {
-  h as useGetSize
-};
+export { useGetSize };

package/dist/hooks/useHeights.cjs

@@ -1 +1,66 @@
-"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;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_CacheMap = require("../utils/CacheMap.cjs");
+let vue = require("vue");
+function parseNumber(value) {
+	const num = parseFloat(value);
+	return isNaN(num) ? 0 : num;
+}
+function useHeights(getKey, onItemAdd, onItemRemove) {
+	const updatedMark = (0, vue.ref)(0);
+	const instanceRef = (0, vue.ref)(/* @__PURE__ */ new Map());
+	const heightsRef = (0, vue.reactive)(new require_CacheMap.default());
+	const promiseIdRef = (0, vue.ref)(0);
+	function cancelRaf() {
+		promiseIdRef.value += 1;
+	}
+	function collectHeight(sync = false) {
+		cancelRaf();
+		const doCollect = () => {
+			let changed = false;
+			instanceRef.value.forEach((element, key) => {
+				if (element && element.offsetParent) {
+					const { offsetHeight } = element;
+					const { marginTop, marginBottom } = getComputedStyle(element);
+					const marginTopNum = parseNumber(marginTop);
+					const marginBottomNum = parseNumber(marginBottom);
+					const totalHeight = offsetHeight + marginTopNum + marginBottomNum;
+					if (heightsRef.get(key) !== totalHeight) {
+						heightsRef.set(key, totalHeight);
+						changed = true;
+					}
+				}
+			});
+			if (changed) updatedMark.value += 1;
+		};
+		if (sync) doCollect();
+		else {
+			promiseIdRef.value += 1;
+			const id = promiseIdRef.value;
+			Promise.resolve().then(() => {
+				if (id === promiseIdRef.value) doCollect();
+			});
+		}
+	}
+	function setInstanceRef(item, instance) {
+		const key = getKey(item);
+		const origin = instanceRef.value.get(key);
+		if (origin === instance) return;
+		if (instance) {
+			instanceRef.value.set(key, instance);
+			collectHeight();
+		} else instanceRef.value.delete(key);
+		if (!origin !== !instance) if (instance) onItemAdd?.(item);
+		else onItemRemove?.(item);
+	}
+	(0, vue.onUnmounted)(() => {
+		cancelRaf();
+	});
+	return [
+		setInstanceRef,
+		collectHeight,
+		heightsRef,
+		updatedMark
+	];
+}
+exports.default = useHeights;

package/dist/hooks/useHeights.d.ts

@@ -1,5 +1,5 @@
-import { GetKey } from '../interface';
 import { Ref } from 'vue';
+import { GetKey } from '../interface';
 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,

package/dist/hooks/useHeights.js

@@ -1,43 +1,64 @@
-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;
+import CacheMap_default from "../utils/CacheMap.js";
+import { onUnmounted, reactive, ref } from "vue";
+function parseNumber(value) {
+	const num = parseFloat(value);
+	return isNaN(num) ? 0 : num;
 }
-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];
+function useHeights(getKey, onItemAdd, onItemRemove) {
+	const updatedMark = ref(0);
+	const instanceRef = ref(/* @__PURE__ */ new Map());
+	const heightsRef = reactive(new CacheMap_default());
+	const promiseIdRef = ref(0);
+	function cancelRaf() {
+		promiseIdRef.value += 1;
+	}
+	function collectHeight(sync = false) {
+		cancelRaf();
+		const doCollect = () => {
+			let changed = false;
+			instanceRef.value.forEach((element, key) => {
+				if (element && element.offsetParent) {
+					const { offsetHeight } = element;
+					const { marginTop, marginBottom } = getComputedStyle(element);
+					const marginTopNum = parseNumber(marginTop);
+					const marginBottomNum = parseNumber(marginBottom);
+					const totalHeight = offsetHeight + marginTopNum + marginBottomNum;
+					if (heightsRef.get(key) !== totalHeight) {
+						heightsRef.set(key, totalHeight);
+						changed = true;
+					}
+				}
+			});
+			if (changed) updatedMark.value += 1;
+		};
+		if (sync) doCollect();
+		else {
+			promiseIdRef.value += 1;
+			const id = promiseIdRef.value;
+			Promise.resolve().then(() => {
+				if (id === promiseIdRef.value) doCollect();
+			});
+		}
+	}
+	function setInstanceRef(item, instance) {
+		const key = getKey(item);
+		const origin = instanceRef.value.get(key);
+		if (origin === instance) return;
+		if (instance) {
+			instanceRef.value.set(key, instance);
+			collectHeight();
+		} else instanceRef.value.delete(key);
+		if (!origin !== !instance) if (instance) onItemAdd?.(item);
+		else onItemRemove?.(item);
+	}
+	onUnmounted(() => {
+		cancelRaf();
+	});
+	return [
+		setInstanceRef,
+		collectHeight,
+		heightsRef,
+		updatedMark
+	];
 }
-export {
-  T as default
-};
+export { useHeights as default };

package/dist/hooks/useMobileTouchMove.cjs

@@ -1 +1,82 @@
-"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;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+var SMOOTH_PTG = 14 / 15;
+function useMobileTouchMove(inVirtual, listRef, callback) {
+	const touchedRef = (0, vue.ref)(false);
+	const touchXRef = (0, vue.ref)(0);
+	const touchYRef = (0, vue.ref)(0);
+	let elementRef = null;
+	let touchStartElement = null;
+	let intervalId = null;
+	let cleanUpEvents;
+	const onTouchMove = (e) => {
+		if (touchedRef.value) {
+			const currentX = Math.ceil(e.touches[0].pageX);
+			const currentY = Math.ceil(e.touches[0].pageY);
+			let offsetX = touchXRef.value - currentX;
+			let offsetY = touchYRef.value - currentY;
+			const isHorizontal = Math.abs(offsetX) > Math.abs(offsetY);
+			if (isHorizontal) touchXRef.value = currentX;
+			else touchYRef.value = currentY;
+			const scrollHandled = callback(isHorizontal, isHorizontal ? offsetX : offsetY, false, e);
+			if (scrollHandled) e.preventDefault();
+			if (intervalId) clearInterval(intervalId);
+			if (scrollHandled) intervalId = setInterval(() => {
+				if (isHorizontal) offsetX *= SMOOTH_PTG;
+				else offsetY *= SMOOTH_PTG;
+				const offset = Math.floor(isHorizontal ? offsetX : offsetY);
+				if (!callback(isHorizontal, offset, true) || Math.abs(offset) <= .1) {
+					if (intervalId) clearInterval(intervalId);
+				}
+			}, 16);
+		}
+	};
+	const onTouchEnd = () => {
+		touchedRef.value = false;
+		cleanUpEvents();
+	};
+	const onTouchStart = (e) => {
+		cleanUpEvents();
+		if (e.touches.length === 1 && !touchedRef.value) {
+			touchedRef.value = true;
+			touchXRef.value = Math.ceil(e.touches[0].pageX);
+			touchYRef.value = Math.ceil(e.touches[0].pageY);
+			elementRef = e.target;
+			elementRef.addEventListener("touchmove", onTouchMove, { passive: false });
+			elementRef.addEventListener("touchend", onTouchEnd, { passive: true });
+		}
+	};
+	cleanUpEvents = () => {
+		if (elementRef) {
+			elementRef.removeEventListener("touchmove", onTouchMove);
+			elementRef.removeEventListener("touchend", onTouchEnd);
+			elementRef = null;
+		}
+	};
+	const removeTouchStartListener = () => {
+		if (touchStartElement) {
+			touchStartElement.removeEventListener("touchstart", onTouchStart);
+			touchStartElement = null;
+		}
+	};
+	const teardown = () => {
+		removeTouchStartListener();
+		cleanUpEvents();
+		if (intervalId) {
+			clearInterval(intervalId);
+			intervalId = null;
+		}
+	};
+	(0, vue.onUnmounted)(teardown);
+	(0, vue.watch)([inVirtual, listRef], ([enabled, ele], _prev, onCleanup) => {
+		if (enabled && ele) {
+			touchStartElement = ele;
+			ele.addEventListener("touchstart", onTouchStart, { passive: true });
+			onCleanup(() => {
+				teardown();
+			});
+		} else teardown();
+	}, { immediate: true });
+}
+exports.default = useMobileTouchMove;

package/dist/hooks/useMobileTouchMove.js

@@ -1,44 +1,80 @@
-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 }
-  );
+import { onUnmounted, ref, watch } from "vue";
+var SMOOTH_PTG = 14 / 15;
+function useMobileTouchMove(inVirtual, listRef, callback) {
+	const touchedRef = ref(false);
+	const touchXRef = ref(0);
+	const touchYRef = ref(0);
+	let elementRef = null;
+	let touchStartElement = null;
+	let intervalId = null;
+	let cleanUpEvents;
+	const onTouchMove = (e) => {
+		if (touchedRef.value) {
+			const currentX = Math.ceil(e.touches[0].pageX);
+			const currentY = Math.ceil(e.touches[0].pageY);
+			let offsetX = touchXRef.value - currentX;
+			let offsetY = touchYRef.value - currentY;
+			const isHorizontal = Math.abs(offsetX) > Math.abs(offsetY);
+			if (isHorizontal) touchXRef.value = currentX;
+			else touchYRef.value = currentY;
+			const scrollHandled = callback(isHorizontal, isHorizontal ? offsetX : offsetY, false, e);
+			if (scrollHandled) e.preventDefault();
+			if (intervalId) clearInterval(intervalId);
+			if (scrollHandled) intervalId = setInterval(() => {
+				if (isHorizontal) offsetX *= SMOOTH_PTG;
+				else offsetY *= SMOOTH_PTG;
+				const offset = Math.floor(isHorizontal ? offsetX : offsetY);
+				if (!callback(isHorizontal, offset, true) || Math.abs(offset) <= .1) {
+					if (intervalId) clearInterval(intervalId);
+				}
+			}, 16);
+		}
+	};
+	const onTouchEnd = () => {
+		touchedRef.value = false;
+		cleanUpEvents();
+	};
+	const onTouchStart = (e) => {
+		cleanUpEvents();
+		if (e.touches.length === 1 && !touchedRef.value) {
+			touchedRef.value = true;
+			touchXRef.value = Math.ceil(e.touches[0].pageX);
+			touchYRef.value = Math.ceil(e.touches[0].pageY);
+			elementRef = e.target;
+			elementRef.addEventListener("touchmove", onTouchMove, { passive: false });
+			elementRef.addEventListener("touchend", onTouchEnd, { passive: true });
+		}
+	};
+	cleanUpEvents = () => {
+		if (elementRef) {
+			elementRef.removeEventListener("touchmove", onTouchMove);
+			elementRef.removeEventListener("touchend", onTouchEnd);
+			elementRef = null;
+		}
+	};
+	const removeTouchStartListener = () => {
+		if (touchStartElement) {
+			touchStartElement.removeEventListener("touchstart", onTouchStart);
+			touchStartElement = null;
+		}
+	};
+	const teardown = () => {
+		removeTouchStartListener();
+		cleanUpEvents();
+		if (intervalId) {
+			clearInterval(intervalId);
+			intervalId = null;
+		}
+	};
+	onUnmounted(teardown);
+	watch([inVirtual, listRef], ([enabled, ele], _prev, onCleanup) => {
+		if (enabled && ele) {
+			touchStartElement = ele;
+			ele.addEventListener("touchstart", onTouchStart, { passive: true });
+			onCleanup(() => {
+				teardown();
+			});
+		} else teardown();
+	}, { immediate: true });
 }
-export {
-  H as default
-};
+export { useMobileTouchMove as default };

package/dist/hooks/useOriginScroll.cjs

@@ -1 +1,23 @@
-"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;
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useOriginScroll(isScrollAtTop, isScrollAtBottom, isScrollAtLeft, isScrollAtRight) {
+	const lockRef = (0, vue.ref)(false);
+	let lockTimeout = null;
+	function lockScroll() {
+		if (lockTimeout) clearTimeout(lockTimeout);
+		lockRef.value = true;
+		lockTimeout = setTimeout(() => {
+			lockRef.value = false;
+		}, 50);
+	}
+	return (isHorizontal, delta, smoothOffset = false) => {
+		const originScroll = isHorizontal ? delta < 0 && isScrollAtLeft.value || delta > 0 && isScrollAtRight.value : delta < 0 && isScrollAtTop.value || delta > 0 && isScrollAtBottom.value;
+		if (smoothOffset && originScroll) {
+			if (lockTimeout) clearTimeout(lockTimeout);
+			lockRef.value = false;
+		} else if (!originScroll || lockRef.value) lockScroll();
+		return !lockRef.value && originScroll;
+	};
+}
+exports.default = useOriginScroll;