fix(filemanager): fix invalid uri when using scrolling triggers cursor pagination

Author: YUDONGLING

src/component/FileManager/Explorer/GalleryView/GalleryView.tsx

@@ -7,6 +7,7 @@ import DndWrappedFile from "../../Dnd/DndWrappedFile.tsx";
 import { FmIndexContext } from "../../FmIndexContext.tsx";
 import { FmFile, loadingPlaceHolderNumb } from "../GridView/GridView.tsx";
 import GalleryImage from "./GalleryImage.tsx";
+import { CrUriPrefix } from "../../../../util/uri.ts";
 
 const GalleryView = React.forwardRef(
   (
@@ -52,8 +53,8 @@ const GalleryView = React.forwardRef(
           const id = `loadingPlaceholder-${pagination.next_token}-${i}`;
           list.push({
             ...files[0],
-            path: "/" + id,
-            id: `loadingPlaceholder-${pagination.next_token}-${i}`,
+            path: `${CrUriPrefix}${id}`,
+            id: id,
             first: i == 0,
             placeholder: true,
           });

src/component/FileManager/Explorer/GridView/GridView.tsx

@@ -4,9 +4,9 @@ import { useTranslation } from "react-i18next";
 import { FileResponse, FileType } from "../../../../api/explorer.ts";
 import { useAppSelector } from "../../../../redux/hooks.ts";
 import DndWrappedFile from "../../Dnd/DndWrappedFile.tsx";
-
 import { FmIndexContext } from "../../FmIndexContext.tsx";
 import GridFile from "./GridFile.tsx";
+import { CrUriPrefix } from "../../../../util/uri.ts";
 
 export interface GridViewProps {
   [key: string]: any;
@@ -96,8 +96,8 @@ const GridView = React.forwardRef(({ ...rest }: GridViewProps, ref) => {
                 showThumb={list.Files.length > 0 ? showThumb : mixedType}
                 file={{
                   ...files[0],
-                  path: "/" + id,
-                  id: `loadingPlaceholder-${pagination.next_token}-${i}`,
+                  path: `${CrUriPrefix}${id}`,
+                  id: id,
                   first: i == 0,
                   placeholder: true,
                 }}

src/component/FileManager/Explorer/ListView/ListBody.tsx

@@ -6,6 +6,7 @@ import { FmIndexContext } from "../../FmIndexContext.tsx";
 import { FmFile, loadingPlaceHolderNumb } from "../GridView/GridView.tsx";
 import { ListViewColumn } from "./Column.tsx";
 import Row from "./Row.tsx";
+import { CrUriPrefix } from "../../../../util/uri.ts";
 
 export interface ListBodyProps {
   columns: ListViewColumn[];
@@ -34,8 +35,8 @@ const ListBody = ({ columns }: ListBodyProps) => {
         const id = `loadingPlaceholder-${pagination.next_token}-${i}`;
         list.push({
           ...files[0],
-          path: "/" + id,
-          id: `loadingPlaceholder-${pagination.next_token}-${i}`,
+          path: `${CrUriPrefix}${id}`,
+          id: id,
           first: i == 0,
           placeholder: true,
         });