fix(pagination): fix incorrect pagination after refreshing (#224)

src/hooks/usePath.ts

@@ -6,6 +6,7 @@ import {
   State,
   getPagination,
   objStore,
+  recordScroll,
   recoverScroll,
   me,
 } from "~/store"
@@ -141,9 +142,9 @@ export const usePath = () => {
     retry_pass = rp ?? false
     handleErr("")
     if (IsDirRecord[path]) {
-      handleFolder(path, globalPage, undefined, undefined, force)
+      return handleFolder(path, globalPage, undefined, undefined, force)
     } else {
-      handleObj(path)
+      return handleObj(path)
     }
   }
 
@@ -228,18 +229,34 @@ export const usePath = () => {
     }
   }
   const pageChange = (index?: number, size?: number, append = false) => {
-    handleFolder(pathname(), index, size, append)
+    return handleFolder(pathname(), index, size, append)
+  }
+  const loadMore = () => {
+    return pageChange(globalPage + 1, undefined, true)
   }
   return {
     handlePathChange: handlePathChange,
     setPathAs: setPathAs,
-    refresh: (retry_pass?: boolean, force?: boolean) => {
-      handlePathChange(pathname(), retry_pass, force)
+    refresh: async (retry_pass?: boolean, force?: boolean) => {
+      const path = pathname()
+      recordScroll(path)
+      if (
+        pagination.type === "load_more" ||
+        pagination.type === "auto_load_more"
+      ) {
+        const page = globalPage
+        resetGlobalPage()
+        await handlePathChange(path, retry_pass, force)
+        while (globalPage < page) {
+          await loadMore()
+        }
+      } else {
+        await handlePathChange(path, retry_pass, force)
+      }
+      recoverScroll(path)
     },
     pageChange: pageChange,
-    loadMore: () => {
-      pageChange(globalPage + 1, undefined, true)
-    },
+    loadMore: loadMore,
     allLoaded: () => globalPage >= Math.ceil(objStore.total / pagination.size),
   }
 }

src/store/scroll.ts

@@ -2,7 +2,7 @@ import { log } from "~/utils"
 
 export const ScrollMap = new Map<string, number>()
 
-export const recordScroll = (path: string, scroll: number) => {
+export const recordScroll = (path: string, scroll: number = window.scrollY) => {
   ScrollMap.set(path, scroll)
   log("recordScroll", path, scroll)
 }