refactor: ♻️ 重构了文件上传，解决文件上传不显示进度条的问题

重构了文件上传，解决文件上传不显示进度条的问题，现在多选文件上传时，每个文件有单独的进度条

src/api/file-api.ts

@@ -1,13 +1,19 @@
 import request from "@/utils/request";
 
 const FileAPI = {
-  /** 上传文件 */
-  upload(formData: FormData) {
+  /** 上传文件 （传入 FormData，上传进度回调） */
+  upload(formData: FormData, onProgress?: (percent: number) => void) {
     return request<any, FileInfo>({
       url: "/api/v1/files",
       method: "post",
       data: formData,
       headers: { "Content-Type": "multipart/form-data" },
+      onUploadProgress: (progressEvent) => {
+        if (progressEvent.total) {
+          const percent = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+          onProgress?.(percent);
+        }
+      },
     });
   },