fix: fix frameHeight change

src/component/recycleScroller/recycleScroller.svelte

@@ -36,7 +36,7 @@
   // sort by key
   let visible: { key: number; index: number; show: boolean }[] = [];
 
-  const updateVisible = createRecycleManager()
+  const updateVisible = createRecycleManager();
 
   const getScrollExtent = () =>
     Math.max(0, frameHeight + footerHeight - viewportHeight);
@@ -137,11 +137,7 @@
     refreshScrollbar();
   }
 
-  function refresh(
-    items: any[],
-    scrollTop: number,
-    viewportHeight: number,
-  ) {
+  function refresh(items: any[], scrollTop: number, viewportHeight: number) {
     let i = 0;
     let y = 0;
 
@@ -207,6 +203,13 @@
       // (window as any)._vcOrigConsole.log("viewport height resize", height);
       viewportHeight = height;
 
+      let y = 0
+      for (let i = 0; i < items.length; i += 1) {
+        y += heightMap[i];
+      }
+      frameHeight = Math.max(y, viewportHeight - footerHeight);
+      frame.style.height = `${frameHeight}px`;
+
       // setTimeout to avoid ResizeObserver loop limit exceeded error
       await new Promise((resolve) => setTimeout(resolve, 0));
 
@@ -223,6 +226,14 @@
       // ;(window as any)._vcOrigConsole.log('footer height resize', height);
       // no need to fresh
       footerHeight = height;
+
+      let y = 0
+      for (let i = 0; i < items.length; i += 1) {
+        y += heightMap[i];
+      }
+      frameHeight = Math.max(y, viewportHeight - footerHeight);
+      frame.style.height = `${frameHeight}px`;
+
       if (viewportHeight !== 0) scrollToBottom(isOnBottom && stickToBottom);
       refreshScrollbar();
     }

src/core/style/view.less

@@ -74,6 +74,7 @@
 .vc-plugin-box {
   display: none;
   position: relative;
+  min-height: 100%;
 }
 .vc-plugin-box.vc-fixed-height {
   height: 100%;