@v-c/virtual-list 1.0.4 → 1.0.6

package/dist/hooks/useScrollDrag.cjs

@@ -1,86 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-function smoothScrollOffset(offset) {
-	return Math.floor(offset ** .5);
-}
-function getPageXY(e, horizontal) {
-	return ("touches" in e ? e.touches[0] : e)[horizontal ? "pageX" : "pageY"] - window[horizontal ? "scrollX" : "scrollY"];
-}
-function useScrollDrag(inVirtual, componentRef, onScrollOffset) {
-	let cachedElement = null;
-	let cachedDocument = null;
-	let mouseDownLock = false;
-	let rafId = null;
-	let offset = 0;
-	const stopScroll = () => {
-		if (rafId !== null) {
-			cancelAnimationFrame(rafId);
-			rafId = null;
-		}
-	};
-	const continueScroll = () => {
-		stopScroll();
-		rafId = requestAnimationFrame(() => {
-			onScrollOffset(offset);
-			continueScroll();
-		});
-	};
-	const clearDragState = () => {
-		mouseDownLock = false;
-		stopScroll();
-	};
-	const onMouseDown = (e) => {
-		if (e.target.draggable || e.button !== 0) return;
-		const event = e;
-		if (!event._virtualHandled) {
-			event._virtualHandled = true;
-			mouseDownLock = true;
-		}
-	};
-	const onMouseMove = (e) => {
-		if (mouseDownLock && cachedElement) {
-			const mouseY = getPageXY(e, false);
-			const { top, bottom } = cachedElement.getBoundingClientRect();
-			if (mouseY <= top) {
-				offset = -smoothScrollOffset(top - mouseY);
-				continueScroll();
-			} else if (mouseY >= bottom) {
-				offset = smoothScrollOffset(mouseY - bottom);
-				continueScroll();
-			} else stopScroll();
-		}
-	};
-	const teardown = () => {
-		if (cachedElement) {
-			cachedElement.removeEventListener("mousedown", onMouseDown);
-			cachedElement = null;
-		}
-		if (cachedDocument) {
-			cachedDocument.removeEventListener("mouseup", clearDragState);
-			cachedDocument.removeEventListener("mousemove", onMouseMove);
-			cachedDocument.removeEventListener("dragend", clearDragState);
-			cachedDocument = null;
-		}
-		clearDragState();
-	};
-	(0, vue.onUnmounted)(teardown);
-	(0, vue.watch)([inVirtual, componentRef], ([enabled, ele], _prev, onCleanup) => {
-		if (enabled && ele) {
-			cachedElement = ele;
-			cachedDocument = ele.ownerDocument;
-			cachedElement.addEventListener("mousedown", onMouseDown);
-			cachedDocument.addEventListener("mouseup", clearDragState);
-			cachedDocument.addEventListener("mousemove", onMouseMove);
-			cachedDocument.addEventListener("dragend", clearDragState);
-			onCleanup(() => {
-				teardown();
-			});
-		} else teardown();
-	}, { immediate: true });
-}
-exports.default = useScrollDrag;
-exports.getPageXY = getPageXY;

package/dist/hooks/useScrollTo.cjs

@@ -1,106 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var MAX_TIMES = 10;
-function useScrollTo(containerRef, data, heights, itemHeight, getKey, collectHeight, syncScrollTop, triggerFlash) {
-	const syncState = (0, vue.shallowRef)(null);
-	const getTotalHeight = () => {
-		let totalHeight = 0;
-		for (let i = 0; i < data.value.length; i += 1) {
-			const key = getKey(data.value[i]);
-			const cacheHeight = heights.get(key);
-			totalHeight += cacheHeight === void 0 ? itemHeight.value : cacheHeight;
-		}
-		return totalHeight;
-	};
-	(0, vue.watch)(syncState, () => {
-		if (syncState.value && syncState.value.times < MAX_TIMES) {
-			if (!containerRef.value) {
-				syncState.value = { ...syncState.value };
-				return;
-			}
-			collectHeight();
-			const { targetAlign, originAlign, index, offset } = syncState.value;
-			const height = containerRef.value.clientHeight;
-			let needCollectHeight = false;
-			let newTargetAlign = targetAlign ?? null;
-			let targetTop = null;
-			if (height) {
-				const mergedAlign = targetAlign || originAlign;
-				let stackTop = 0;
-				let itemTop = 0;
-				let itemBottom = 0;
-				const maxLen = Math.min(data.value.length - 1, index);
-				for (let i = 0; i <= maxLen; i += 1) {
-					const key = getKey(data.value[i]);
-					itemTop = stackTop;
-					const cacheHeight = heights.get(key);
-					itemBottom = itemTop + (cacheHeight === void 0 ? itemHeight.value : cacheHeight);
-					stackTop = itemBottom;
-				}
-				let leftHeight = mergedAlign === "top" ? offset : height - offset;
-				for (let i = maxLen; i >= 0; i -= 1) {
-					const key = getKey(data.value[i]);
-					const cacheHeight = heights.get(key);
-					if (cacheHeight === void 0) {
-						needCollectHeight = true;
-						break;
-					}
-					leftHeight -= cacheHeight;
-					if (leftHeight <= 0) break;
-				}
-				switch (mergedAlign) {
-					case "top":
-						targetTop = itemTop - offset;
-						break;
-					case "bottom":
-						targetTop = itemBottom - height + offset;
-						break;
-					default: {
-						const { scrollTop } = containerRef.value;
-						const scrollBottom = scrollTop + height;
-						if (itemTop < scrollTop) newTargetAlign = "top";
-						else if (itemBottom > scrollBottom) newTargetAlign = "bottom";
-					}
-				}
-				if (targetTop !== null) syncScrollTop(targetTop);
-				if (targetTop !== syncState.value.lastTop) needCollectHeight = true;
-			}
-			if (needCollectHeight) syncState.value = {
-				...syncState.value,
-				times: syncState.value.times + 1,
-				targetAlign: newTargetAlign,
-				lastTop: targetTop
-			};
-		} else if (process.env.NODE_ENV !== "production" && syncState.value?.times === MAX_TIMES) (0, _v_c_util.warning)(false, "Seems `scrollTo` with `rc-virtual-list` reach the max limitation. Please fire issue for us. Thanks.");
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const scrollTo = (arg) => {
-		if (arg === null || arg === void 0) {
-			triggerFlash();
-			return;
-		}
-		if (typeof arg === "number") syncScrollTop(arg);
-		else if (arg && typeof arg === "object") {
-			let index;
-			const { align } = arg;
-			if ("index" in arg) ({index} = arg);
-			else index = data.value.findIndex((item) => getKey(item) === arg.key);
-			const { offset = 0 } = arg;
-			syncState.value = {
-				times: 0,
-				index,
-				offset,
-				originAlign: align
-			};
-		}
-	};
-	return [scrollTo, getTotalHeight];
-}
-exports.default = useScrollTo;

package/dist/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_List = require("./List.cjs");
-var src_default = require_List.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/utils/CacheMap.cjs

@@ -1,28 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-var CacheMap = class {
-	maps;
-	id = 0;
-	diffRecords = /* @__PURE__ */ new Map();
-	constructor() {
-		this.maps = Object.create(null);
-	}
-	set(key, value) {
-		this.diffRecords.set(key, this.maps[key]);
-		this.maps[key] = value;
-		this.id += 1;
-	}
-	get(key) {
-		return this.maps[key];
-	}
-	resetRecord() {
-		this.diffRecords.clear();
-	}
-	getRecord() {
-		return this.diffRecords;
-	}
-};
-var CacheMap_default = CacheMap;
-exports.default = CacheMap_default;

package/dist/utils/algorithmUtil.cjs

@@ -1,47 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getIndexByStartLoc(min, max, start, index) {
-	const beforeCount = start - min;
-	const afterCount = max - start;
-	if (index <= Math.min(beforeCount, afterCount) * 2) {
-		const stepIndex = Math.floor(index / 2);
-		if (index % 2) return start + stepIndex + 1;
-		return start - stepIndex;
-	}
-	if (beforeCount > afterCount) return start - (index - afterCount);
-	return start + (index - beforeCount);
-}
-function findListDiffIndex(originList, targetList, getKey) {
-	const originLen = originList.length;
-	const targetLen = targetList.length;
-	let shortList;
-	let longList;
-	if (originLen === 0 && targetLen === 0) return null;
-	if (originLen < targetLen) {
-		shortList = originList;
-		longList = targetList;
-	} else {
-		shortList = targetList;
-		longList = originList;
-	}
-	const notExistKey = { __EMPTY_ITEM__: true };
-	function getItemKey(item) {
-		if (item !== void 0) return getKey(item);
-		return notExistKey;
-	}
-	let diffIndex = null;
-	let multiple = Math.abs(originLen - targetLen) !== 1;
-	for (let i = 0; i < longList.length; i += 1) {
-		const shortKey = getItemKey(shortList[i]);
-		if (shortKey !== getItemKey(longList[i])) {
-			diffIndex = i;
-			multiple = multiple || shortKey !== getItemKey(longList[i + 1]);
-			break;
-		}
-	}
-	return diffIndex === null ? null : {
-		index: diffIndex,
-		multiple
-	};
-}
-exports.findListDiffIndex = findListDiffIndex;
-exports.getIndexByStartLoc = getIndexByStartLoc;

package/dist/utils/isFirefox.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-var isFF = typeof navigator === "object" && /Firefox/i.test(navigator.userAgent);
-var isFirefox_default = isFF;
-exports.default = isFirefox_default;

package/dist/utils/scrollbarUtil.cjs

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var MIN_SIZE = 20;
-function getSpinSize(containerSize = 0, scrollRange = 0) {
-	let baseSize = containerSize / scrollRange * containerSize;
-	if (isNaN(baseSize)) baseSize = 0;
-	baseSize = Math.max(baseSize, MIN_SIZE);
-	return Math.floor(baseSize);
-}
-exports.getSpinSize = getSpinSize;