✨ 加载更多功能

Author: zhaojun1998

src/stores/file-data.ts

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia'
 
 // @ts-ignore
 import common from "~/common";
+import useStorageConfigStore from "./storage-config";
 
 // 当前存储源的配置信息，数据来源为服务端配置。请求存储源后会获取其配置信息。
 const useFileDataStore = defineStore('fileDataStore', {
@@ -21,6 +22,7 @@ const useFileDataStore = defineStore('fileDataStore', {
       oldStorageKey: null,
       searchParam: '',
       fileListSource: [],
+      loadFileSize: -1,
       audioArray: [],
       audioIndex: 0,
     }
@@ -39,15 +41,19 @@ const useFileDataStore = defineStore('fileDataStore', {
       };
     },
     fileList: state => {
-      let tableData = state.fileListSource;
+      if (state.loadFileSize === -1) return [];
+      let firstIsBack = state.fileListSource[0]?.type === 'BACK';
+      let toSize = firstIsBack ? state.loadFileSize + 1 : state.loadFileSize;
+      toSize = toSize > state.fileListSource.length ? state.fileListSource.length : toSize;
+      let tableData = state.fileListSource.slice(0, toSize);
       tableData.forEach((item:any) => {
         // 生成图标
         if (!item.icon) {
           item['icon'] = common.getFileIconName(item);
         }
         if (item.preview !== null) {
           // 获取文件类型
-          var fileType = common.getFileType(item.name);
+          let fileType = common.getFileType(item.name);
           if (fileType) {
             // 获取文件是否可预览
             item['fileType'] = fileType;
@@ -59,6 +65,15 @@ const useFileDataStore = defineStore('fileDataStore', {
       });
       return tableData;
     },
+    getFileUrlByName: state => {
+      return (name: string) => {
+        let item = state.fileListSource.find((item:any) => item.name === name);
+        if (item) {
+          return item.url;
+        }
+        return '';
+      };
+    }
   },
   actions: {
     updateCurrentStorageSource(val: any) {
@@ -78,10 +93,14 @@ const useFileDataStore = defineStore('fileDataStore', {
     },
     updateFileList(val: any) {
       this.fileListSource = val;
+      this.loadFileSize = useStorageConfigStore().globalConfig.maxShowSize;
     },
     updateOldStorageKey(val: any) {
       this.oldStorageKey = val;
     },
+    updateLoadFileSize(val: number) {
+      this.loadFileSize = val;
+    }
   },
 })