@hzab/form-render 1.7.2-beta → 1.7.3

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/form-render@1.7.3
+
+fix: useMemo 引入
+
 # @hzab/form-render@1.7.2
 
 feat: 上传图片列表支持缩略图

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.7.2-beta",
+  "version": "1.7.3",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/Upload/uploader.jsx

@@ -7,7 +7,7 @@ import {
   FileWordTwoTone,
 } from "@ant-design/icons";
 import { Button, Upload as AUpload, message } from "antd";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useMemo } from "react";
 
 import { handleInputFileList, handleOutputFileList } from "./common/handleIOFileList";
 
@@ -281,23 +281,28 @@ export function Uploader({ onChange, ...props }) {
     // },
     ...(props || {}),
   };
-
+  const isShowUploadBtn = useMemo(() => {
+    if (disabled || readOnly || readPretty) {
+      return null
+    }
+    return (maxCount && maxCount > fileList.length ? (
+      listType === "picture-card" ? (
+        checking ? (
+          "检测中"
+        ) : (
+          btnText
+        )
+      ) : (
+        <Button loading={checking} icon={<UploadOutlined />}>
+          {btnText}
+        </Button>
+      )
+    ) : null)
+  }, [maxCount, fileList, disabled, readOnly, readPretty, checking, btnText, listType])
   return (
     <>
       <AUpload className="oss-uploader" {..._uploadProps}>
-        {maxCount && maxCount > fileList.length ? (
-          listType === "picture-card" ? (
-            checking ? (
-              "检测中"
-            ) : (
-              btnText
-            )
-          ) : (
-            <Button loading={checking} icon={<UploadOutlined />}>
-              {btnText}
-            </Button>
-          )
-        ) : null}
+        {isShowUploadBtn}
       </AUpload>
       {templateUrl ? (
         <a className="uploader-template-download-btn" href={templateUrl}>