zy-react-library 1.0.3 → 1.0.5

package/components/FormBuilder/FormItemsRenderer.d.ts

@@ -15,12 +15,6 @@ export type FormItemRenderType
  * 选项项数据类型
  */
 export interface OptionItem {
-  /** 值字段 */
-  value?: any;
-  /** 标签字段 */
-  label?: string;
-  /** 字典ID */
-  dictionariesId?: any;
   /** ID字段 */
   id?: any;
   /** 名称字段 */
@@ -32,9 +26,9 @@ export interface OptionItem {
  * 字段键配置
  */
 export interface itemsFieldConfig {
-  /** 值字段的键名，默认为 'value' */
+  /** 值字段的键名，默认为 'id' */
   valueKey?: string;
-  /** 标签字段的键名，默认为 'label' */
+  /** 标签字段的键名，默认为 'name' */
   labelKey?: string;
 }
 

package/components/FormBuilder/FormItemsRenderer.js

@@ -75,8 +75,8 @@ const FormItemsRenderer = ({
   // 获取items里的value和label字段key
   const getItemsFieldKey = (option) => {
     return {
-      valueKey: option?.itemsField?.valueKey || "value",
-      labelKey: option?.itemsField?.labelKey || "label",
+      valueKey: option?.itemsField?.valueKey || "id",
+      labelKey: option?.itemsField?.labelKey || "name",
     };
   };
 
@@ -90,7 +90,7 @@ const FormItemsRenderer = ({
     // 支持动态计算 required
     const required = typeof option.required === "function"
       ? option.required(form.getFieldsValue())
-      : (option.required || true);
+      : (option.required ?? true);
 
     if (required) {
       const isBlurTrigger = !option.render || [
@@ -144,8 +144,8 @@ const FormItemsRenderer = ({
         return (
           <Select placeholder={placeholder} {...componentProps}>
             {(option.items || []).map((item) => {
-              const value = item[itemsFieldKey.valueKey] ?? item.dictionariesId ?? item.id;
-              const label = item[itemsFieldKey.labelKey] ?? item.name;
+              const value = item[itemsFieldKey.valueKey];
+              const label = item[itemsFieldKey.labelKey];
               return (
                 <Select.Option key={value} value={value}>
                   {label}
@@ -159,8 +159,8 @@ const FormItemsRenderer = ({
         return (
           <Radio.Group {...componentProps}>
             {(option.items || []).map((item) => {
-              const value = item[itemsFieldKey.valueKey] ?? item.dictionariesId ?? item.id;
-              const label = item[itemsFieldKey.labelKey] ?? item.name;
+              const value = item[itemsFieldKey.valueKey];
+              const label = item[itemsFieldKey.labelKey];
               return (
                 <Radio key={value} value={value}>
                   {label}
@@ -174,8 +174,8 @@ const FormItemsRenderer = ({
         return (
           <Checkbox.Group {...componentProps}>
             {(option.items || []).map((item) => {
-              const value = item[itemsFieldKey.valueKey] ?? item.dictionariesId ?? item.id;
-              const label = item[itemsFieldKey.labelKey] ?? item.name;
+              const value = item[itemsFieldKey.valueKey];
+              const label = item[itemsFieldKey.labelKey];
               return (
                 <Checkbox key={value} value={value}>
                   {label}
@@ -274,7 +274,7 @@ const FormItemsRenderer = ({
         }
 
         // 如果配置了 shouldUpdate 或 dependencies，使用 Form.Item 的联动机制
-        if (option.shouldUpdate || option.dependencies || option?.componentProps?.shouldUpdate || option?.componentProps?.dependencies) {
+        if ((option.shouldUpdate ?? option.dependencies) || (option?.componentProps?.shouldUpdate ?? option?.componentProps?.dependencies)) {
           return (
             option.customizeRender
               ? (renderFormControl(option))
@@ -282,14 +282,14 @@ const FormItemsRenderer = ({
                   <Col key={option.name || index} span={itemSpan} style={style}>
                     <Form.Item
                       noStyle
-                      shouldUpdate={option.shouldUpdate || option?.componentProps?.shouldUpdate}
+                      shouldUpdate={option.shouldUpdate ?? option?.componentProps?.shouldUpdate}
                       dependencies={option.dependencies || option?.componentProps?.dependencies}
                     >
                       {(form) => {
                       // 支持动态计算 hidden
                         const hidden = typeof option.hidden === "function"
                           ? option.hidden(form.getFieldsValue())
-                          : (option.hidden || false);
+                          : (option.hidden ?? false);
 
                         if (hidden)
                           return null;

package/hooks/useDownloadBlob/index.d.ts

@@ -7,10 +7,14 @@ interface UseDownloadBlobOptions {
   params?: Record<string, any>;
 }
 
+export interface downloadBlobOptions {
+  url: string;
+  options?: UseDownloadBlobOptions;
+}
+
+export type DeleteFileFunction = (options: downloadBlobOptions) => Promise<any>;
+
 /**
  * 下载Blob流文件
  */
-export default function useDownloadBlob(
-  url: string,
-  options?: UseDownloadBlobOptions
-): Promise<any>;
+export default function useDownloadBlob(): [boolean, DeleteFileFunction];

package/hooks/useDownloadBlob/index.js

@@ -1,52 +1,62 @@
 import { message } from "antd";
 import dayjs from "dayjs";
+import { useState } from "react";
 import { getFileUrl } from "../../utils/index.js";
 
 /**
  * 下载Blob流文件
  */
-export default function useDownloadBlob(
-  url,
-  options = { name: "", type: "", params: {} },
-) {
-  const fileUrl = getFileUrl();
-  return new Promise((resolve, reject) => {
-    const finalUrl = !url.includes(fileUrl) ? fileUrl + url : url;
-    Object.entries(options.params).forEach(([key, value]) => {
-      finalUrl.searchParams.append(key, value);
-    });
-    fetch(finalUrl, {
-      method: "GET",
-      mode: "cors",
-      headers: {
-        "Content-Type": "application/json",
-      },
-    })
-      .then((response) => {
-        if (!response.ok) {
-          throw new Error("Network response was not ok");
-        }
-        return response.blob();
+export default function useDownloadBlob() {
+  // loading状态
+  const [loading, setLoading] = useState(false);
+
+  // 下载Blob流文件
+  const downloadBlob = (url, options = { name: "", type: "", params: {} }) => {
+    setLoading(true);
+    const fileUrl = getFileUrl();
+    return new Promise((resolve, reject) => {
+      const finalUrl = !url.includes(fileUrl) ? fileUrl + url : url;
+      Object.entries(options.params).forEach(([key, value]) => {
+        finalUrl.searchParams.append(key, value);
+      });
+      fetch(finalUrl, {
+        method: "GET",
+        mode: "cors",
+        headers: {
+          "Content-Type": "application/json",
+        },
       })
-      .then((blob) => {
-        const finalBlob = new Blob([blob], {
-          type: options.type || "application/vnd.ms-excel",
+        .then((response) => {
+          if (!response.ok) {
+            throw new Error("Network response was not ok");
+          }
+          return response.blob();
+        })
+        .then((blob) => {
+          const finalBlob = new Blob([blob], {
+            type: options.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");
+          document.body.appendChild(downloadElement);
+          downloadElement.click();
+          document.body.removeChild(downloadElement);
+          window.URL.revokeObjectURL(href);
+          resolve({ data: finalBlob });
+        })
+        .catch((err) => {
+          message.error("导出失败");
+          reject(err);
+        })
+        .finally(() => {
+          setLoading(false);
         });
-        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");
-        document.body.appendChild(downloadElement);
-        downloadElement.click();
-        document.body.removeChild(downloadElement);
-        window.URL.revokeObjectURL(href);
-        resolve({ data: finalBlob });
-      })
-      .catch((err) => {
-        message.error("导出失败");
-        reject(err);
-      });
-  });
+    });
+  };
+
+  return [loading, downloadBlob];
 }

package/package.json

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