From a4f31e56dbb504ed850f1a311f34f712a2fc44f9 Mon Sep 17 00:00:00 2001
From: sakurayinfei <970412446@qq.com>
Date: Tue, 28 Oct 2025 11:27:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(virtual-list):=20=E8=A7=A3=E5=86=B3ts?=
 =?UTF-8?q?=E5=8F=8Aeslint=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/virtual-list/OVirtualList.vue         | 44 +++++++++----------
 packages/opendesign/src/virtual-list/types.ts |  2 +-
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/packages/opendesign/src/virtual-list/OVirtualList.vue b/packages/opendesign/src/virtual-list/OVirtualList.vue
index 338244cec..e48a9e857 100644
--- a/packages/opendesign/src/virtual-list/OVirtualList.vue
+++ b/packages/opendesign/src/virtual-list/OVirtualList.vue
@@ -1,13 +1,12 @@
 <script lang="ts" setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue';
-import { vScrollbar } from '../scrollbar';
+import { vScrollbar, type BaseScrollerPropsT } from '../scrollbar';
 import { virtualListProps, RenderIndexInfo } from './types';
 import { isUndefined } from '../_utils/is';
 import { vOnResize } from '../directives/on-resize';
 import { debounceRAF } from '../_utils/helper';
 
 const props = defineProps(virtualListProps);
-
 const emits = defineEmits<{
   (e: 'renderChange', renderIndex: RenderIndexInfo): void;
 }>();
@@ -19,7 +18,7 @@ const scrollbarProps = computed(() => {
     return {
       showType: 'always',
       size: 'medium',
-    };
+    } as Partial<BaseScrollerPropsT>;
   }
   return props.scrollbar;
 });
@@ -88,6 +87,24 @@ const renderList = computed(() => {
   return listData.value.slice(startIndex.value, endIndex.value + 1);
 });
 
+interface ItemMeta {
+  id: string | number;
+  index: number;
+  top: number;
+  bottom: number;
+  size: number;
+  measured: boolean;
+  isScrolling: boolean;
+}
+const wrapperRef = ref<HTMLElement>();
+// 虚拟列表偏移量，用于虚拟滚动
+const offset = ref(0);
+/**
+ * 初始化滚动位置
+ */
+let initialScroll = props.itemSize ? true : false;
+let listMetaData: Array<ItemMeta> = [];
+
 watch(listData, (value) => {
   if (!isUndefined(visibleStartId) && wrapperRef.value) {
     // 计算滚动偏移量
@@ -102,8 +119,6 @@ watch(listData, (value) => {
   }
 });
 
-const wrapperRef = ref<HTMLElement>();
-
 // 列表虚拟总高度，先给定初始值
 const contentSize = ref((props.itemSize ? props.itemSize : props.defaultItemSize) * listData.value.length);
 
@@ -160,19 +175,12 @@ const contentStyle = computed(() => ({
   '--content-height': `${contentSize.value}px`,
 }));
 
-// 虚拟列表偏移量，用于虚拟滚动
-const offset = ref(0);
 const renderListStyle = computed(() => {
   return {
     '--offsetY': `${offset.value}px`,
   };
 });
 
-/**
- * 初始化滚动位置
- */
-let initialScroll = props.itemSize ? true : false;
-
 /**
  * 将指定项滚动到视口内，不定高场景下，可能存在滚动不准确
  * @param index 指定项
@@ -222,17 +230,6 @@ const scrollToView = (index: number, align: 'start' | 'end' | 'center' | 'neares
   });
 };
 
-interface ItemMeta {
-  id: string | number;
-  index: number;
-  top: number;
-  bottom: number;
-  size: number;
-  measured: boolean;
-  isScrolling: boolean;
-}
-
-let listMetaData: Array<ItemMeta> = [];
 // 列表数据变换时，重新计算尺寸数据
 watch(
   [() => props.itemSize, () => listData.value],
@@ -401,6 +398,7 @@ onMounted(() => {
 });
 
 defineExpose({
+  /** expose: scroll into view */
   scrollToView,
 });
 </script>
diff --git a/packages/opendesign/src/virtual-list/types.ts b/packages/opendesign/src/virtual-list/types.ts
index 0a9d7f94f..d18329846 100644
--- a/packages/opendesign/src/virtual-list/types.ts
+++ b/packages/opendesign/src/virtual-list/types.ts
@@ -26,7 +26,7 @@ export const virtualListProps = {
   list: {
     type: Array<any>,
     required: true,
-    default: [],
+    default: () => [],
   },
   /**
    * 每一项的高度，如果每一项高度不一致或不确定（渲染时确定），则不传
-- 
Gitee