@nutui/nutui-react-taro 2.0.19-beta.0 → 2.0.19

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.19-beta.0 Mon Sep 25 2023 18:03:38 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.19 Wed Sep 27 2023 18:15:02 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11794,6 +11794,8 @@ const MenuItem = forwardRef((props, ref) => {
   }, [showPopup]);
   const windowHeight = useMemo$1(() => getSystemInfoSync().windowHeight, []);
   const updateItemOffset = useCallback(() => {
+    if (!parent.lockScroll)
+      return;
     const p = parent.menuRef.current;
     p.getBoundingClientRect().then((rect) => {
       if (rect) {
@@ -13441,80 +13443,6 @@ const TextArea = (props) => {
 };
 TextArea.defaultProps = defaultProps$J;
 TextArea.displayName = "NutTextArea";
-const defaultProps$I = {
-  ...ComponentDefaults,
-  percent: 0,
-  showText: false,
-  animated: false,
-  delay: 0
-};
-const Progress = (props) => {
-  const {
-    className,
-    style,
-    percent,
-    background,
-    color,
-    strokeWidth,
-    showText,
-    animated,
-    children,
-    delay,
-    ...rest
-  } = {
-    ...defaultProps$I,
-    ...props
-  };
-  const classPrefix2 = "nut-progress";
-  const classesInner = classNames({
-    [`${classPrefix2}-inner`]: true,
-    [`${classPrefix2}-active`]: animated
-  });
-  const stylesOuter = {
-    height: `${strokeWidth}px`,
-    background
-  };
-  const [displayPercent, setDispalyPercent] = useState(0);
-  const stylesInner = {
-    width: `${displayPercent}%`,
-    background: color
-  };
-  useEffect(() => {
-    setDispalyPercent(percent);
-  }, [percent]);
-  useEffect(() => {
-    let timer = null;
-    if (delay) {
-      setDispalyPercent(0);
-      timer = setTimeout(() => {
-        setDispalyPercent(percent);
-      }, delay);
-    }
-    return () => {
-      timer && clearTimeout(timer);
-    };
-  }, []);
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-outer`, style: stylesOuter }, /* @__PURE__ */ React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      className: `${classPrefix2}-text`,
-      style: { left: `${displayPercent}%` }
-    },
-    children || /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: `${classPrefix2}-text__inner`,
-        style: {
-          background: color
-        }
-      },
-      percent,
-      "%"
-    )
-  ))));
-};
-Progress.defaultProps = defaultProps$I;
-Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
     __publicField(this, "url", "");
@@ -13535,6 +13463,9 @@ class UploadOptions {
     __publicField(this, "beforeXhrUpload");
   }
 }
+const UPLOADING = "uploading";
+const SUCCESS = "success";
+const ERROR = "error";
 class Upload {
   constructor(options) {
     __publicField(this, "options");
@@ -13656,6 +13587,179 @@ const funcInterceptor = (interceptor, {
     done();
   }
 };
+class FileItem {
+  constructor() {
+    __publicField(this, "status", "ready");
+    __publicField(this, "message", "准备中..");
+    __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
+    __publicField(this, "name");
+    __publicField(this, "url");
+    __publicField(this, "type");
+    __publicField(this, "path");
+    __publicField(this, "percentage", 0);
+    __publicField(this, "formData", {});
+    __publicField(this, "responseText");
+    __publicField(this, "loadingIcon");
+    __publicField(this, "failIcon");
+  }
+}
+const defaultProps$I = {
+  ...ComponentDefaults,
+  percent: 0,
+  showText: false,
+  animated: false,
+  delay: 0
+};
+const Progress = (props) => {
+  const {
+    className,
+    style,
+    percent,
+    background,
+    color,
+    strokeWidth,
+    showText,
+    animated,
+    children,
+    delay,
+    ...rest
+  } = {
+    ...defaultProps$I,
+    ...props
+  };
+  const classPrefix2 = "nut-progress";
+  const classesInner = classNames({
+    [`${classPrefix2}-inner`]: true,
+    [`${classPrefix2}-active`]: animated
+  });
+  const stylesOuter = {
+    height: `${strokeWidth}px`,
+    background
+  };
+  const [displayPercent, setDispalyPercent] = useState(0);
+  const stylesInner = {
+    width: `${displayPercent}%`,
+    background: color
+  };
+  useEffect(() => {
+    setDispalyPercent(percent);
+  }, [percent]);
+  useEffect(() => {
+    let timer = null;
+    if (delay) {
+      setDispalyPercent(0);
+      timer = setTimeout(() => {
+        setDispalyPercent(percent);
+      }, delay);
+    }
+    return () => {
+      timer && clearTimeout(timer);
+    };
+  }, []);
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-outer`, style: stylesOuter }, /* @__PURE__ */ React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: `${classPrefix2}-text`,
+      style: { left: `${displayPercent}%` }
+    },
+    children || /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `${classPrefix2}-text__inner`,
+        style: {
+          background: color
+        }
+      },
+      percent,
+      "%"
+    )
+  ))));
+};
+Progress.defaultProps = defaultProps$I;
+Progress.displayName = "NutProgress";
+const Preview = ({
+  fileList,
+  previewType,
+  deletable,
+  onDeleteItem,
+  handleItemClick,
+  previewUrl,
+  children
+}) => {
+  const renderIcon = (item) => {
+    if (item.status === ERROR) {
+      return item.failIcon || /* @__PURE__ */ React__default.createElement(a$n, { color: "#fff" });
+    }
+    return item.loadingIcon || /* @__PURE__ */ React__default.createElement(r$h, { className: "nut-icon-loading", color: "#fff" });
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index) => {
+    var _a;
+    return /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `nut-uploader__preview ${previewType}`,
+        key: item.uid
+      },
+      previewType === "picture" && deletable && /* @__PURE__ */ React__default.createElement(
+        a$n,
+        {
+          color: "rgba(0,0,0,0.6)",
+          className: "close",
+          onClick: () => onDeleteItem(item, index)
+        }
+      ),
+      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
+        Image$2,
+        {
+          className: "nut-uploader__preview-img__c",
+          style: { objectFit: "fill" },
+          mode: "aspectFit",
+          src: item.url,
+          onClick: () => handleItemClick(item)
+        }
+      )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, previewUrl ? /* @__PURE__ */ React__default.createElement(
+        Image$2,
+        {
+          className: "nut-uploader__preview-img__c",
+          mode: "aspectFit",
+          src: previewUrl,
+          onClick: () => handleItemClick(item)
+        }
+      ) : /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img__file" }, /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          onClick: () => handleItemClick(item),
+          className: "nut-uploader__preview-img__file__name"
+        },
+        /* @__PURE__ */ React__default.createElement(a$i, { color: "#808080" }),
+        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
+      ))), item.status === "success" ? /* @__PURE__ */ React__default.createElement("div", { className: "tips" }, item.name) : null),
+      previewType === "list" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-list" }, /* @__PURE__ */ React__default.createElement(
+        "div",
+        {
+          className: `nut-uploader__preview-img__file__name ${item.status}`,
+          onClick: () => handleItemClick(item)
+        },
+        /* @__PURE__ */ React__default.createElement(a$i, null),
+        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
+      ), deletable && /* @__PURE__ */ React__default.createElement(
+        a$p,
+        {
+          color: "#808080",
+          className: "nut-uploader__preview-img__file__del",
+          onClick: () => onDeleteItem(item, index)
+        }
+      ), item.status === "uploading" && /* @__PURE__ */ React__default.createElement(
+        Progress,
+        {
+          percent: item.percentage,
+          color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+          showText: false
+        }
+      ))
+    );
+  }));
+};
 const defaultProps$H = {
   ...ComponentDefaults,
   url: "",
@@ -13664,7 +13768,7 @@ const defaultProps$H = {
   sourceType: ["album", "camera"],
   mediaType: ["image", "video"],
   camera: "back",
-  uploadIcon: null,
+  uploadIcon: /* @__PURE__ */ React__default.createElement(a$a, { size: "20px", color: "#808080" }),
   uploadLabel: "",
   previewType: "picture",
   fit: "cover",
@@ -13687,19 +13791,6 @@ const defaultProps$H = {
     return true;
   }
 };
-class FileItem {
-  constructor() {
-    __publicField(this, "status", "ready");
-    __publicField(this, "message", "准备中..");
-    __publicField(this, "uid", Date.now().toString());
-    __publicField(this, "name");
-    __publicField(this, "url");
-    __publicField(this, "type");
-    __publicField(this, "path");
-    __publicField(this, "percentage", 0);
-    __publicField(this, "formData", {});
-  }
-}
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig$1();
   const {
@@ -13745,13 +13836,15 @@ const InternalUploader = (props, ref) => {
     beforeDelete,
     ...restProps
   } = { ...defaultProps$H, ...props };
-  const [fileList, setFileList] = useState(defaultValue || []);
-  const [uploadQueue, setUploadQueue] = useState([]);
-  useEffect(() => {
-    if (value) {
-      setFileList(value);
+  const [fileList, setFileList] = usePropsValue({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange: (v) => {
+      onChange == null ? void 0 : onChange(v);
     }
-  }, [value]);
+  });
+  const [uploadQueue, setUploadQueue] = useState([]);
   const classes = classNames(className, "nut-uploader");
   useImperativeHandle(ref, () => ({
     submit: () => {
@@ -13842,63 +13935,60 @@ const InternalUploader = (props, ref) => {
     uploadOption.beforeXhrUpload = beforeXhrUpload;
     uploadOption.onStart = (option) => {
       clearUploadQueue(index);
-      setFileList((fileList2) => {
-        fileList2.forEach((item) => {
+      setFileList(
+        fileList.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "ready";
             item.message = locale.uploader.readyUpload;
           }
-        });
-        return [...fileList2];
-      });
+          return item;
+        })
+      );
       onStart && onStart(option);
     };
     uploadOption.onProgress = (e, option) => {
-      setFileList((fileList2) => {
-        fileList2.forEach((item) => {
+      setFileList(
+        fileList.map((item) => {
           if (item.uid === fileItem.uid) {
-            item.status = "uploading";
+            item.status = UPLOADING;
             item.message = locale.uploader.uploading;
             item.percentage = e.progress;
             onProgress && onProgress({ e, option, percentage: item.percentage });
           }
-        });
-        return [...fileList2];
-      });
+          return item;
+        })
+      );
     };
     uploadOption.onSuccess = (responseText, option) => {
-      setFileList((fileList2) => {
-        onUpdate && onUpdate(fileList2);
-        fileList2.forEach((item) => {
-          if (item.uid === fileItem.uid) {
-            item.status = "success";
-            item.message = locale.uploader.success;
-            item.responseText = responseText;
-          }
-        });
-        return [...fileList2];
+      const list = fileList.map((item) => {
+        if (item.uid === fileItem.uid) {
+          item.status = SUCCESS;
+          item.message = locale.uploader.success;
+          item.responseText = responseText;
+        }
+        return item;
       });
-      onSuccess && onSuccess({
+      setFileList(list);
+      onSuccess == null ? void 0 : onSuccess({
         responseText,
         option,
-        fileList
+        fileList: list
       });
     };
     uploadOption.onFailure = (responseText, option) => {
-      setFileList((fileList2) => {
-        fileList2.forEach((item) => {
-          if (item.uid === fileItem.uid) {
-            item.status = "error";
-            item.message = locale.uploader.error;
-            item.responseText = responseText;
-          }
-        });
-        return [...fileList2];
+      const list = fileList.map((item) => {
+        if (item.uid === fileItem.uid) {
+          item.status = ERROR;
+          item.message = locale.uploader.error;
+          item.responseText = responseText;
+        }
+        return item;
       });
-      onFailure && onFailure({
+      setFileList(list);
+      onFailure == null ? void 0 : onFailure({
         responseText,
         option,
-        fileList
+        fileList: list
       });
     };
     const task = new UploaderTaro(uploadOption);
@@ -13932,11 +14022,7 @@ const InternalUploader = (props, ref) => {
       fileItem.status = "ready";
       fileItem.type = fileType;
       fileItem.uid = `${fileItem.uid}_${index}`;
-      if (autoUpload) {
-        fileItem.message = locale.uploader.readyUpload;
-      } else {
-        fileItem.message = locale.uploader.waitingUpload;
-      }
+      fileItem.message = autoUpload ? locale.uploader.readyUpload : locale.uploader.waitingUpload;
       if (getEnv() === "WEB") {
         const formData = new FormData();
         for (const [key, value2] of Object.entries(data)) {
@@ -13953,7 +14039,7 @@ const InternalUploader = (props, ref) => {
         fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
       }
       fileList.push(fileItem);
-      setFileList([...fileList]);
+      setFileList(fileList);
       executeUpload(fileItem, index);
     });
   };
@@ -13978,9 +14064,9 @@ const InternalUploader = (props, ref) => {
     return filterFile;
   };
   const deleted = (file, index) => {
-    fileList.splice(index, 1);
-    onDelete && onDelete(file, fileList);
-    setFileList([...fileList]);
+    const deletedFileList = fileList.filter((file2, idx) => idx !== index);
+    onDelete == null ? void 0 : onDelete(file, deletedFileList);
+    setFileList(deletedFileList);
   };
   const onDeleteItem = (file, index) => {
     clearUploadQueue(index);
@@ -13993,88 +14079,34 @@ const InternalUploader = (props, ref) => {
     const { tempFiles } = res;
     const _files = filterFiles(tempFiles);
     readFile(_files);
-    onChange && onChange({ fileList });
   };
   const onChangeImage = (res) => {
     const { tempFiles } = res;
     const _files = filterFiles(tempFiles);
     readFile(_files);
-    onChange && onChange({ fileList });
   };
   const handleItemClick = (file) => {
-    onFileItemClick && onFileItemClick(file);
+    onFileItemClick == null ? void 0 : onFileItemClick(file);
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), fileList.length !== 0 && Array.isArray(fileList) && fileList.map((item, index) => {
-    return /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: `nut-uploader__preview ${previewType}`,
-        key: item.uid
-      },
-      previewType === "picture" && deletable && /* @__PURE__ */ React__default.createElement(
-        a$n,
-        {
-          color: "rgba(0,0,0,0.6)",
-          className: "close",
-          onClick: () => onDeleteItem(item, index)
-        }
-      ),
-      previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress" }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ React__default.createElement(a$n, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ React__default.createElement(r$h, { color: "#fff" })), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
-        Image$2,
-        {
-          className: "nut-uploader__preview-img__c",
-          style: { objectFit: fit },
-          mode: "aspectFit",
-          src: item.url,
-          onClick: () => handleItemClick(item)
-        }
-      )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, previewUrl ? /* @__PURE__ */ React__default.createElement(
-        Image$2,
-        {
-          className: "nut-uploader__preview-img__c",
-          mode: "aspectFit",
-          src: previewUrl,
-          onClick: () => handleItemClick(item)
-        }
-      ) : /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-img__file" }, /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          onClick: () => handleItemClick(item),
-          className: "nut-uploader__preview-img__file__name"
-        },
-        /* @__PURE__ */ React__default.createElement(a$i, { color: "#808080" }),
-        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
-      ))), item.status === "success" ? /* @__PURE__ */ React__default.createElement("div", { className: "tips" }, item.name) : null),
-      previewType === "list" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__preview-list" }, /* @__PURE__ */ React__default.createElement(
-        "div",
-        {
-          className: `nut-uploader__preview-img__file__name ${item.status}`,
-          onClick: () => handleItemClick(item)
-        },
-        /* @__PURE__ */ React__default.createElement(a$i, null),
-        /* @__PURE__ */ React__default.createElement("span", null, " ", item.name)
-      ), deletable && /* @__PURE__ */ React__default.createElement(
-        a$p,
-        {
-          color: "#808080",
-          className: "nut-uploader__preview-img__file__del",
-          onClick: () => onDeleteItem(item, index)
-        }
-      ), item.status === "uploading" && /* @__PURE__ */ React__default.createElement(
-        Progress,
-        {
-          percent: item.percentage,
-          color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
-          showText: false
-        }
-      ))
-    );
-  }), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, ...restProps }, (children || previewType === "list") && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__slot" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children || /* @__PURE__ */ React__default.createElement(Button, { size: "small", type: "primary" }, "上传文件"), maxCount > fileList.length && /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))), /* @__PURE__ */ React__default.createElement(
+    Preview,
+    {
+      ...{
+        fileList,
+        previewType,
+        deletable,
+        onDeleteItem,
+        handleItemClick,
+        previewUrl,
+        children
+      }
+    }
+  ), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement(
     "div",
     {
       className: `nut-uploader__upload ${previewType} ${disabled ? "nut-uploader__upload-disabled" : ""}`
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__icon" }, uploadIcon || /* @__PURE__ */ React__default.createElement(a$a, { size: "20px", color: "#808080" }), /* @__PURE__ */ React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
+    /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader__icon" }, uploadIcon, /* @__PURE__ */ React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
     /* @__PURE__ */ React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })
   ));
 };
@@ -17585,7 +17617,13 @@ const Swiper = forwardRef((props, ref) => {
           },
           ...rest
         },
-        Children.toArray(children).map((child, index) => /* @__PURE__ */ React__default.createElement(SwiperItem$1, { key: index }, child))
+        Children.toArray(children).map((child, index) => {
+          let className2;
+          if (React__default.isValidElement(child)) {
+            className2 = child.props.className;
+          }
+          return /* @__PURE__ */ React__default.createElement(SwiperItem$1, { className: className2, key: index }, child);
+        })
       )
     ),
     renderIndicator()