@nutui/nutui-react-taro 2.0.18 → 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.18 Wed Sep 20 2023 14:56:58 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) {
@@ -11807,7 +11809,8 @@ const MenuItem = forwardRef((props, ref) => {
   usePageScroll(updateItemOffset);
   useImperativeHandle(ref, () => ({
     toggle: (s) => {
-      s ? parent.toggleMenuItem(index) : parent.hideMenuItem(index);
+      const from = "REF";
+      s ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
     }
   }));
   const getIconCName = (optionVal, value2) => {
@@ -11887,7 +11890,7 @@ const MenuItem = forwardRef((props, ref) => {
       visible: showPopup,
       closeOnOverlayClick: parent.closeOnOverlayClick,
       onClick: () => {
-        parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+        parent.closeOnOverlayClick && parent.hideMenuItem(index);
       }
     }
   ) : null, /* @__PURE__ */ React__default.createElement(
@@ -11957,9 +11960,9 @@ const defaultProps$T = {
   lockScroll: true,
   overlay: true,
   icon: null,
-  onOpen: (index) => {
+  onOpen: (index, from) => {
   },
-  onClose: (index) => {
+  onClose: (index, from) => {
   }
 };
 const Menu = (props) => {
@@ -11998,22 +12001,22 @@ const Menu = (props) => {
   }, []);
   const [showMenuItem, setShowMenuItem] = useState([]);
   const [menuItemTitle, setMenuItemTitle] = useState([]);
-  const toggleMenuItem = (index) => {
+  const toggleMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = !showMenuItem[index];
     if (showMenuItem[index]) {
-      onOpen && onOpen(index);
+      onOpen && onOpen(index, from);
     } else {
-      onClose && onClose(index);
+      onClose && onClose(index, from);
     }
     const temp = showMenuItem.map(
       (i, idx) => idx === index ? i : false
     );
     setShowMenuItem([...temp]);
   };
-  const hideMenuItem = (index) => {
+  const hideMenuItem = (index, from = "NORMAL") => {
     showMenuItem[index] = false;
     setShowMenuItem([...showMenuItem]);
-    onClose && onClose(index);
+    onClose && onClose(index, from);
   };
   const updateTitle = (text, index) => {
     menuItemTitle[index] = text;
@@ -13440,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", "");
@@ -13534,6 +13463,9 @@ class UploadOptions {
     __publicField(this, "beforeXhrUpload");
   }
 }
+const UPLOADING = "uploading";
+const SUCCESS = "success";
+const ERROR = "error";
 class Upload {
   constructor(options) {
     __publicField(this, "options");
@@ -13655,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: "",
@@ -13663,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",
@@ -13686,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 {
@@ -13744,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: () => {
@@ -13841,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);
@@ -13931,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)) {
@@ -13952,7 +14039,7 @@ const InternalUploader = (props, ref) => {
         fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
       }
       fileList.push(fileItem);
-      setFileList([...fileList]);
+      setFileList(fileList);
       executeUpload(fileItem, index);
     });
   };
@@ -13977,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);
@@ -13992,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 })
   ));
 };
@@ -17464,7 +17497,7 @@ const Indicator = (props) => {
     }
     return childs;
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderElement());
+  return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$4, classes, className), ...rest }, renderElement());
 };
 Indicator.defaultProps = defaultProps$i;
 Indicator.displayName = "NutIndicator";
@@ -17488,6 +17521,7 @@ const Swiper = forwardRef((props, ref) => {
     duration,
     direction,
     defaultValue,
+    onChange,
     ...rest
   } = {
     ...defaultProps$h,
@@ -17572,14 +17606,24 @@ const Swiper = forwardRef((props, ref) => {
           autoplay: autoPlay,
           vertical: direction === "vertical",
           indicatorDots: false,
-          onChange: handleOnChange,
+          onChange: (e) => {
+            var _a;
+            handleOnChange(e);
+            (_a = props.onChange) == null ? void 0 : _a.call(props, e);
+          },
           style: {
             width: !width ? "100%" : `${width}px`,
             height: !height ? "150px" : `${height}px`
           },
           ...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()
@@ -17641,7 +17685,9 @@ const ImagePreview = (props) => {
   });
   const [showPop, setShowPop] = useState(visible);
   const [active, setActive] = useState(0);
-  const [maxNo] = useState((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+  const [maxNo, setMaxNo] = useState(
+    (images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0)
+  );
   const [store, setStore] = useState({
     scale: 1,
     moveable: false
@@ -17730,6 +17776,9 @@ const ImagePreview = (props) => {
   useEffect(() => {
     setActive(innerNo);
   }, [innerNo]);
+  useEffect(() => {
+    setMaxNo((images == null ? void 0 : images.length) || 0 + ((videos == null ? void 0 : videos.length) || 0));
+  }, [images, videos]);
   const scaleNow = () => {
     if (ref.current) {
       ref.current.style.transform = `scale(${store.scale})`;
@@ -17746,7 +17795,7 @@ const ImagePreview = (props) => {
   };
   const onCloseInner = () => {
     setShowPop(false);
-    setActive(1);
+    setActive(innerNo);
     scaleNow();
     onClose && onClose();
     setStore({