zy-react-library 1.0.28 → 1.0.30

package/hooks/useDownloadBlob/index.d.ts

@@ -12,9 +12,10 @@ export interface downloadBlobOptions {
   options?: UseDownloadBlobOptions;
 }
 
-export type DeleteFileFunction = (options: downloadBlobOptions) => Promise<any>;
+export type DownloadBlobFunction = (options: downloadBlobOptions) => Promise<any>;
 
 /**
  * 下载Blob流文件
  */
-export default function useDownloadBlob(): [boolean, DeleteFileFunction];
+export default function useImportFile(returnType: "array"): [boolean, DownloadBlobFunction];
+export default function useImportFile(returnType?: "object"): { loading: boolean; importFile: DownloadBlobFunction };

package/hooks/useDownloadBlob/index.js

@@ -5,16 +5,18 @@ import { useState } from "react";
 /**
  * 下载Blob流文件
  */
-export default function useDownloadBlob() {
+export default function useDownloadBlob(returnType = "object") {
   // loading状态
   const [loading, setLoading] = useState(false);
 
   // 下载Blob流文件
-  const downloadBlob = (url, options = { name: "", type: "", params: {} }) => {
+  const downloadBlob = (url, options) => {
     setLoading(true);
+
     return new Promise((resolve, reject) => {
+      const { name = "", type = "", params = {} } = options;
       const finalUrl = (process.env.app.API_HOST || window.__JJB_ENVIRONMENT__.API_HOST) + url;
-      Object.entries(options.params).forEach(([key, value]) => {
+      Object.entries(params).forEach(([key, value]) => {
         finalUrl.searchParams.append(key, value);
       });
       fetch(finalUrl, {
@@ -32,14 +34,14 @@ export default function useDownloadBlob() {
         })
         .then((blob) => {
           const finalBlob = new Blob([blob], {
-            type: options.type || "application/vnd.ms-excel",
+            type: type || "application/vnd.ms-excel",
           });
           const downloadElement = document.createElement("a");
           const href = window.URL.createObjectURL(finalBlob);
           downloadElement.style.display = "none";
           downloadElement.href = href;
           downloadElement.download
-            = options.name || dayjs().format("YYYY-MM-DD HH:mm:ss");
+            = name || dayjs().format("YYYY-MM-DD HH:mm:ss");
           document.body.appendChild(downloadElement);
           downloadElement.click();
           document.body.removeChild(downloadElement);
@@ -56,5 +58,7 @@ export default function useDownloadBlob() {
     });
   };
 
-  return [loading, downloadBlob];
+  if (returnType === "array")
+    return [loading, downloadBlob];
+  return { loading, downloadBlob };
 }

package/hooks/useImportFile/index.d.ts

@@ -0,0 +1,25 @@
+export interface UploadFile {
+  /** 原始文件对象 */
+  originFileObj?: File;
+  [key: string]: any;
+}
+
+interface UseImportFileOptions {
+  /** 要上传的文件数组 */
+  files: UploadFile[];
+  /** 额外携带的参数对象 */
+  params?: Record<string, any>;
+}
+
+export interface ImportFileOptions {
+  url: string;
+  options: UseImportFileOptions;
+}
+
+export type ImportFileFunction = (url: string, options: UseImportFileOptions) => Promise<any>;
+
+/**
+ * 导入文件
+ */
+export default function useImportFile(returnType: "array"): [boolean, ImportFileFunction];
+export default function useImportFile(returnType?: "object"): { loading: boolean; importFile: ImportFileFunction };

package/hooks/useImportFile/index.js

@@ -0,0 +1,46 @@
+import { request } from "@cqsjjb/jjb-common-lib/http";
+import { useState } from "react";
+
+/**
+ * 导入文件
+ */
+export default function useImportFile(returnType = "object") {
+  // loading状态
+  const [loading, setLoading] = useState(false);
+
+  // 导入文件
+  const importFile = (url, options) => {
+    setLoading(true);
+
+    return new Promise((resolve, reject) => {
+      const { files = [], params = {} } = options;
+      const formData = new FormData();
+
+      // 将文件添加到formData中
+      files.forEach((f) => {
+        f.originFileObj && formData.append("file", f.originFileObj);
+      });
+
+      // 将额外携带的参数添加到formData中
+      Object.keys(params).forEach((key) => {
+        formData.append(key, params[key]);
+      });
+
+      // 发送请求
+      request(url, "post", formData, { "Content-Type": "multipart/form-data" })
+        .then((res) => {
+          resolve(res);
+        })
+        .catch((err) => {
+          reject(err);
+        })
+        .finally(() => {
+          setLoading(false);
+        });
+    });
+  };
+
+  if (returnType === "array")
+    return [loading, importFile];
+  return { loading, importFile };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zy-react-library",
   "private": false,
-  "version": "1.0.28",
+  "version": "1.0.30",
   "type": "module",
   "description": "",
   "author": "LiuJiaNan",