fix(VirtualList): 修复 Select 结合 VirtualList 时滚动到底部不正确的问题 (#904)

* fix(VirtualList): 修复 Select 结合 VirtualList 时滚动到底部不正确的问题 * refactor: 解决执行 build:type 提示类型警告的问题
WeBankFinTech · Nov 4, 2024 · 03836d0 · 03836d0
1 parent 402fd64
commit 03836d0
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/components/_util/popupManager.ts b/components/_util/popupManager.ts
@@ -1,7 +1,11 @@
 import { useSessionStorage } from '@vueuse/core';
+import type { Ref } from 'vue';
 import { getPrefixStorage } from '../_util/storage';
 
-const PopupManager = {
+const PopupManager: {
+    zIndex: Ref<number>;
+    nextZIndex: () => number;
+} = {
     zIndex: useSessionStorage<number>(getPrefixStorage('zIndex'), 2000),
     nextZIndex() {
         return ++PopupManager.zIndex.value;

diff --git a/components/virtual-list/virtualList.tsx b/components/virtual-list/virtualList.tsx
@@ -53,7 +53,8 @@ export default defineComponent({
             if (!virtual) {
                 return getClientSize();
             }
-            return virtual.getTotalSize() + (props.dataSources.length - virtual.sizes.size) * virtual.getEstimateSize() + getClientSize();
+            void virtual.sizes.size;
+            return virtual.getTotalSize() + (props.dataSources.length - virtual.sizes.size) * virtual.getEstimateSize();
         });
 
         const getUniqueIdFromDataSources = () => {

diff --git a/docs/.vitepress/components/virtualList/vertical.vue b/docs/.vitepress/components/virtualList/vertical.vue
@@ -17,7 +17,7 @@
             </div>
         </template>
     </FVirtualList>
-    <FButton @click="addMessage">添加消息{{ dataItems.length }}</FButton>
+    <FButton style="margin-top: 10px;" @click="addMessage">添加消息{{ dataItems.length }}</FButton>
 </template>
 
 <script>