@v-c/virtual-list 1.0.4 → 1.0.5

package/dist/List.cjs

@@ -143,7 +143,7 @@ var List_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				fillerOffset.value = 0;
 				return;
 			}
-			if (heights.id === 0) {
+			if (heights.id.value === 0) {
 				const safeItemHeight = itemHeight$1;
 				const safeListHeight = height;
 				const startIndex$1 = Math.max(0, Math.floor(offsetTop.value / safeItemHeight));
@@ -373,7 +373,7 @@ var List_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				offsetX: offsetLeft.value,
 				offsetY: fillerOffset.value || 0,
 				rtl: isRTL.value,
-				getSize: getSize.value
+				getSize
 			});
 			const Component = props.component;
 			return (0, vue.createVNode)("div", (0, vue.mergeProps)({ "ref": containerRef }, (0, _v_c_util_dist_props_util.pureAttrs)(attrs), {

package/dist/List.js

@@ -137,7 +137,7 @@ var List_default = /* @__PURE__ */ defineComponent({
 				fillerOffset.value = 0;
 				return;
 			}
-			if (heights.id === 0) {
+			if (heights.id.value === 0) {
 				const safeItemHeight = itemHeight$1;
 				const safeListHeight = height;
 				const startIndex$1 = Math.max(0, Math.floor(offsetTop.value / safeItemHeight));
@@ -367,7 +367,7 @@ var List_default = /* @__PURE__ */ defineComponent({
 				offsetX: offsetLeft.value,
 				offsetY: fillerOffset.value || 0,
 				rtl: isRTL.value,
-				getSize: getSize.value
+				getSize
 			});
 			const Component = props.component;
 			return createVNode("div", mergeProps({ "ref": containerRef }, pureAttrs(attrs), {

package/dist/hooks/useGetSize.cjs

@@ -2,29 +2,37 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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;
+	let key2Index = /* @__PURE__ */ new Map();
+	let bottomList = [];
+	(0, vue.watch)([
+		mergedData,
+		() => heights.id.value,
+		itemHeight
+	], () => {
+		key2Index = /* @__PURE__ */ new Map();
+		bottomList = [];
+	});
+	const getSize = (startKey, endKey = startKey) => {
+		let startIndex = key2Index.get(startKey);
+		let endIndex = key2Index.get(endKey);
+		if (startIndex === void 0 || endIndex === void 0) {
+			const dataLen = mergedData.value.length;
+			for (let i = bottomList.length; i < dataLen; i += 1) {
+				const item = mergedData.value[i];
+				const key = getKey(item);
+				key2Index.set(key, i);
+				const cacheHeight = heights.get(key) ?? itemHeight.value;
+				bottomList[i] = (bottomList[i - 1] || 0) + cacheHeight;
+				if (key === startKey) startIndex = i;
+				if (key === endKey) endIndex = i;
+				if (startIndex !== void 0 && endIndex !== void 0) break;
 			}
-			return {
-				top,
-				bottom
-			};
+		}
+		return {
+			top: bottomList[startIndex - 1] || 0,
+			bottom: bottomList[endIndex]
 		};
-	});
+	};
+	return getSize;
 }
 exports.useGetSize = useGetSize;

package/dist/hooks/useGetSize.d.ts

@@ -1,7 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
-import { GetKey } from '../interface';
+import { Ref } from 'vue';
+import { GetKey, GetSize } from '../interface';
 import { default as CacheMap } from '../utils/CacheMap';
-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;
-}>;
+export declare function useGetSize<T>(mergedData: Ref<T[]>, getKey: GetKey<T>, heights: CacheMap, itemHeight: Ref<number>): GetSize;

package/dist/hooks/useGetSize.js

@@ -1,28 +1,36 @@
-import { computed } from "vue";
+import { watch } 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;
+	let key2Index = /* @__PURE__ */ new Map();
+	let bottomList = [];
+	watch([
+		mergedData,
+		() => heights.id.value,
+		itemHeight
+	], () => {
+		key2Index = /* @__PURE__ */ new Map();
+		bottomList = [];
+	});
+	const getSize = (startKey, endKey = startKey) => {
+		let startIndex = key2Index.get(startKey);
+		let endIndex = key2Index.get(endKey);
+		if (startIndex === void 0 || endIndex === void 0) {
+			const dataLen = mergedData.value.length;
+			for (let i = bottomList.length; i < dataLen; i += 1) {
+				const item = mergedData.value[i];
+				const key = getKey(item);
+				key2Index.set(key, i);
+				const cacheHeight = heights.get(key) ?? itemHeight.value;
+				bottomList[i] = (bottomList[i - 1] || 0) + cacheHeight;
+				if (key === startKey) startIndex = i;
+				if (key === endKey) endIndex = i;
+				if (startIndex !== void 0 && endIndex !== void 0) break;
 			}
-			return {
-				top,
-				bottom
-			};
+		}
+		return {
+			top: bottomList[startIndex - 1] || 0,
+			bottom: bottomList[endIndex]
 		};
-	});
+	};
+	return getSize;
 }
 export { useGetSize };

package/dist/utils/CacheMap.cjs

@@ -2,9 +2,11 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
 var CacheMap = class {
 	maps;
-	id = 0;
+	id = (0, vue.shallowRef)(0);
 	diffRecords = /* @__PURE__ */ new Map();
 	constructor() {
 		this.maps = Object.create(null);
@@ -12,7 +14,7 @@ var CacheMap = class {
 	set(key, value) {
 		this.diffRecords.set(key, this.maps[key]);
 		this.maps[key] = value;
-		this.id += 1;
+		this.id.value += 1;
 	}
 	get(key) {
 		return this.maps[key];

package/dist/utils/CacheMap.d.ts

@@ -1,7 +1,7 @@
 import { Key } from '@v-c/util/dist/type';
 declare class CacheMap {
     maps: Record<string, number>;
-    id: number;
+    id: import('vue').ShallowRef<number, number>;
     diffRecords: Map<Key, number>;
     constructor();
     set(key: Key, value: number): void;

package/dist/utils/CacheMap.js

@@ -1,6 +1,7 @@
+import { shallowRef } from "vue";
 var CacheMap = class {
 	maps;
-	id = 0;
+	id = shallowRef(0);
 	diffRecords = /* @__PURE__ */ new Map();
 	constructor() {
 		this.maps = Object.create(null);
@@ -8,7 +9,7 @@ var CacheMap = class {
 	set(key, value) {
 		this.diffRecords.set(key, this.maps[key]);
 		this.maps[key] = value;
-		this.id += 1;
+		this.id.value += 1;
 	}
 	get(key) {
 		return this.maps[key];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/virtual-list",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Vue Virtual List Component",
   "author": "",
   "license": "MIT",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@v-c/resize-observer": "^1.0.3",
-    "@v-c/util": "^1.0.4"
+    "@v-c/util": "^1.0.5"
   },
   "scripts": {
     "build": "vite build",