@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.1

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:02:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2812,7 +2812,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$6 = "nut-cell";
+  const classPrefix$7 = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2841,26 +2841,26 @@ var __publicField = (obj, key, value) => {
       flex: 1
     };
     return /* @__PURE__ */ jsx("div", {
-      className: classNames(classPrefix$6, className),
+      className: classNames(classPrefix$7, className),
       onClick: (event) => handleClick(event),
       style: baseStyle,
       ...rest,
       children: children || /* @__PURE__ */ jsxs(Fragment, {
         children: [title || description ? /* @__PURE__ */ jsxs("div", {
-          className: `${classPrefix$6}__left`,
+          className: `${classPrefix$7}__left`,
           children: [title ? /* @__PURE__ */ jsx("div", {
-            className: `${classPrefix$6}__title`,
+            className: `${classPrefix$7}__title`,
             children: title
           }) : null, description ? /* @__PURE__ */ jsx("div", {
-            className: `${classPrefix$6}__description`,
+            className: `${classPrefix$7}__description`,
             children: description
           }) : null]
         }) : null, extra ? /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$6}__extra`,
+          className: `${classPrefix$7}__extra`,
           style: styles,
           children: extra
         }) : null, /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$6}__divider`
+          className: `${classPrefix$7}__divider`
         })]
       })
     });
@@ -2872,7 +2872,7 @@ var __publicField = (obj, key, value) => {
     title: "",
     description: ""
   };
-  const classPrefix$5 = "nut-cell-group";
+  const classPrefix$6 = "nut-cell-group";
   const CellGroup = (props) => {
     const {
       children,
@@ -2886,16 +2886,16 @@ var __publicField = (obj, key, value) => {
       ...props
     };
     return /* @__PURE__ */ jsxs("div", {
-      className: classNames(classPrefix$5, className),
+      className: classNames(classPrefix$6, className),
       ...rest,
       children: [title ? /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$5}__title`,
+        className: `${classPrefix$6}__title`,
         children: title
       }) : null, description ? /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$5}__description`,
+        className: `${classPrefix$6}__description`,
         children: description
       }) : null, /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$5}__wrap`,
+        className: `${classPrefix$6}__wrap`,
         children
       })]
     });
@@ -3462,7 +3462,7 @@ var __publicField = (obj, key, value) => {
     visible: false,
     lockScroll: true
   };
-  const classPrefix$4 = `nut-overlay`;
+  const classPrefix$5 = `nut-overlay`;
   const Overlay = (props) => {
     const {
       children,
@@ -3506,7 +3506,7 @@ var __publicField = (obj, key, value) => {
       "overlay-fade-enter-active": visible,
       "first-render": renderRef.current && !visible,
       "hidden-render": !visible
-    }, className, classPrefix$4);
+    }, className, classPrefix$5);
     const styles = {
       zIndex,
       animationDuration: `${props.duration}s`,
@@ -5283,152 +5283,25 @@ var __publicField = (obj, key, value) => {
     onExited: propTypesExports.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
-  var classnameExports = {};
-  var classname = {
-    get exports() {
-      return classnameExports;
-    },
-    set exports(v) {
-      classnameExports = v;
-    }
-  };
-  var classname_production_min = {};
-  var hasRequiredClassname_production_min;
-  function requireClassname_production_min() {
-    if (hasRequiredClassname_production_min)
-      return classname_production_min;
-    hasRequiredClassname_production_min = 1;
-    function r2(r3) {
-      function t2(t3, i, a2, o) {
-        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
-        if (a2) {
-          var s = " " + v + r3.m;
-          for (var u in a2)
-            if (a2.hasOwnProperty(u)) {
-              var p = a2[u];
-              true === p ? v += s + u : p && (v += s + u + n + p);
-            }
-        }
-        if (void 0 !== o)
-          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
-            var l = o[y2];
-            if (l && "string" == typeof l.valueOf())
-              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
-                var h = g[d];
-                h !== f && (v += " " + h);
-              }
-          }
-        return v;
-      }
-      var e = r3.n || "", n = r3.v || r3.m;
-      return function(r4, e2) {
-        return function(n2, i, a2) {
-          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
-        };
-      };
-    }
-    Object.defineProperty(classname_production_min, "__esModule", { value: true });
-    var t = r2({ e: "-", m: "_" });
-    classname_production_min.cn = t, classname_production_min.withNaming = r2;
-    return classname_production_min;
-  }
-  var classname_development = {};
-  var hasRequiredClassname_development;
-  function requireClassname_development() {
-    if (hasRequiredClassname_development)
-      return classname_development;
-    hasRequiredClassname_development = 1;
-    Object.defineProperty(classname_development, "__esModule", { value: true });
-    function withNaming(preset) {
-      var nameSpace = preset.n || "";
-      var modValueDelimiter = preset.v || preset.m;
-      function stringify(b2, e, m, mix) {
-        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
-        var className = entityName;
-        if (m) {
-          var modPrefix = " " + className + preset.m;
-          for (var k in m) {
-            if (m.hasOwnProperty(k)) {
-              var modVal = m[k];
-              if (modVal === true) {
-                className += modPrefix + k;
-              } else if (modVal) {
-                className += modPrefix + k + modValueDelimiter + modVal;
-              }
-            }
-          }
-        }
-        if (mix !== void 0) {
-          mix = Array.isArray(mix) ? mix : [mix];
-          for (var i = 0, len = mix.length; i < len; i++) {
-            var value = mix[i];
-            if (!value || typeof value.valueOf() !== "string")
-              continue;
-            var mixes = value.valueOf().split(" ");
-            for (var j = 0; j < mixes.length; j++) {
-              var val = mixes[j];
-              if (val !== entityName) {
-                className += " " + val;
-              }
-            }
-          }
-        }
-        return className;
-      }
-      return function cnGenerator(b2, e) {
-        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
-          if (typeof elemOrMods === "string") {
-            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
-              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
-            }
-            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
-          }
-          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
-        };
-      };
-    }
-    var cn2 = withNaming({
-      e: "-",
-      m: "_"
-    });
-    classname_development.cn = cn2;
-    classname_development.withNaming = withNaming;
-    return classname_development;
-  }
-  (function(module2) {
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = requireClassname_production_min();
-    } else {
-      module2.exports = requireClassname_development();
-    }
-  })(classname);
-  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$1o = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
     overlayStyle: {},
-    overlayClass: "",
-    popClass: "",
+    overlayClassName: "",
     closeable: false,
     closeIconPosition: "top-right",
     closeIcon: "close",
-    destroyOnClose: true,
-    teleport: null,
+    destroyOnClose: false,
+    portal: null,
     overlay: true,
     round: false,
     onOpen: () => {
     },
     onClose: () => {
     },
-    onOpened: (e) => {
-    },
-    onClosed: (e) => {
-    },
-    onClickOverlay: (e) => {
-    },
-    onClickCloseIcon: (e) => {
-    },
+    onClickOverlay: (e) => true,
+    onClickCloseIcon: (e) => true,
     ...defaultOverlayProps
   };
   let _zIndex = 2e3;
@@ -5439,7 +5312,7 @@ var __publicField = (obj, key, value) => {
       overlay,
       closeOnOverlayClick,
       overlayStyle,
-      overlayClass,
+      overlayClassName,
       zIndex,
       lockScroll,
       duration,
@@ -5450,23 +5323,22 @@ var __publicField = (obj, key, value) => {
       transition,
       round,
       position,
-      popClass,
       className,
       destroyOnClose,
-      teleport,
+      portal,
       onOpen,
       onClose,
       onClickOverlay,
       onClickCloseIcon,
-      onOpened,
-      onClosed,
+      afterShow,
+      afterClose,
       onClick
     } = props;
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
     const [transitionName, setTransitionName] = React.useState("");
-    const b2 = cn("popup");
+    const classPrefix2 = "nut-popup";
     const baseStyle = {
       zIndex: index,
       animationDuration: `${duration}s`
@@ -5479,15 +5351,15 @@ var __publicField = (obj, key, value) => {
       ...style,
       ...baseStyle
     };
-    const classes = classNames({
+    const popClassName = classNames({
       round,
-      [`nut-popup-${position}`]: true,
-      [`${popClass}`]: true,
+      [`${classPrefix2}`]: true,
+      [`${classPrefix2}-${position}`]: true,
       [`${className || ""}`]: true
-    }, b2(""));
+    });
     const closeClasses = classNames({
-      "nut-popup__close-icon": true,
-      [`nut-popup__close-icon--${closeIconPosition}`]: true
+      [`${classPrefix2}__close-icon`]: true,
+      [`${classPrefix2}__close-icon--${closeIconPosition}`]: true
     });
     const open = () => {
       if (!innerVisible) {
@@ -5505,29 +5377,29 @@ var __publicField = (obj, key, value) => {
         if (destroyOnClose) {
           setTimeout(() => {
             setShowChildren(false);
-            onClose && onClose();
           }, Number(duration) * 1e3);
         }
+        onClose && onClose();
       }
     };
     const onHandleClickOverlay = (e) => {
       if (closeOnOverlayClick) {
-        onClickOverlay && onClickOverlay(e);
-        close();
+        const closed = onClickOverlay && onClickOverlay(e);
+        closed && close();
       }
     };
     const onHandleClick = (e) => {
       onClick && onClick(e);
     };
     const onHandleClickCloseIcon = (e) => {
-      onClickCloseIcon && onClickCloseIcon(e);
-      close();
+      const closed = onClickCloseIcon && onClickCloseIcon(e);
+      closed && close();
     };
     const onHandleOpened = (e) => {
-      onOpened && onOpened(e);
+      afterShow && afterShow();
     };
     const onHandleClosed = (e) => {
-      onClosed && onClosed(e);
+      afterClose && afterClose();
     };
     const resolveContainer = (getContainer) => {
       const container = typeof getContainer === "function" ? getContainer() : getContainer;
@@ -5542,7 +5414,7 @@ var __publicField = (obj, key, value) => {
     };
     const renderIcon = () => {
       if (closeable) {
-        return /* @__PURE__ */ jsx("div", {
+        return /* @__PURE__ */ jsx(components.View, {
           className: closeClasses,
           onClick: onHandleClickCloseIcon,
           children: React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ jsx(a$p, {
@@ -5561,9 +5433,9 @@ var __publicField = (obj, key, value) => {
         in: innerVisible,
         onEntered: onHandleOpened,
         onExited: onHandleClosed,
-        children: /* @__PURE__ */ jsxs("div", {
+        children: /* @__PURE__ */ jsxs(components.View, {
           style: popStyles,
-          className: classes,
+          className: popClassName,
           onClick: onHandleClick,
           children: [showChildren ? children : "", renderIcon()]
         })
@@ -5574,7 +5446,7 @@ var __publicField = (obj, key, value) => {
         children: overlay ? /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Overlay, {
             style: overlayStyles,
-            className: overlayClass,
+            className: overlayClassName,
             visible: innerVisible,
             closeOnOverlayClick,
             zIndex,
@@ -5592,16 +5464,17 @@ var __publicField = (obj, key, value) => {
       !visible && close();
     }, [visible]);
     React.useEffect(() => {
-      setTransitionName(transition || `nut-popup-slide-${position}`);
-    }, [position]);
+      setTransitionName(transition || `${classPrefix2}-slide-${position}`);
+    }, [position, transition]);
     return /* @__PURE__ */ jsx(Fragment, {
-      children: renderToContainer(teleport, renderNode())
+      children: renderToContainer(portal, renderNode())
     });
   };
   Popup.defaultProps = defaultProps$1o;
   Popup.displayName = "NutPopup";
   const DataContext$2 = React.createContext({});
   const defaultProps$1n = {
+    ...ComponentDefaults,
     span: "24",
     offset: "0",
     gutter: "0"
@@ -5609,7 +5482,7 @@ var __publicField = (obj, key, value) => {
   const Col = (props) => {
     const {
       className,
-      style = {},
+      style,
       span,
       offset,
       children,
@@ -5655,7 +5528,7 @@ var __publicField = (obj, key, value) => {
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$3 = `nut-divider`;
+  const classPrefix$4 = `nut-divider`;
   const Divider = (props) => {
     const {
       children,
@@ -5669,14 +5542,14 @@ var __publicField = (obj, key, value) => {
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$3}`]: true,
-      [`${classPrefix$3}__center`]: children,
-      [`${classPrefix$3}__left`]: contentPosition === "left",
-      [`${classPrefix$3}__right`]: contentPosition === "right",
-      [`${classPrefix$3}__hairline`]: true
+      [`${classPrefix$4}`]: true,
+      [`${classPrefix$4}__center`]: children,
+      [`${classPrefix$4}__left`]: contentPosition === "left",
+      [`${classPrefix$4}__right`]: contentPosition === "right",
+      [`${classPrefix$4}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$3}`]: true,
-      [`${classPrefix$3}__vertical`]: direction === "vertical"
+      [`${classPrefix$4}`]: true,
+      [`${classPrefix$4}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ jsx("div", {
       className: `${classes} ${className || ""}`,
@@ -5863,7 +5736,9 @@ var __publicField = (obj, key, value) => {
   };
   Layout.defaultProps = defaultProps$1j;
   Layout.displayName = "NutLayout";
+  const classPrefix$3 = "nut-row";
   const defaultProps$1i = {
+    ...ComponentDefaults,
     type: "",
     justify: "start",
     align: "flex-start",
@@ -5873,7 +5748,7 @@ var __publicField = (obj, key, value) => {
   const Row = (props) => {
     const {
       className,
-      style = {},
+      style,
       children,
       type,
       justify,
@@ -5885,7 +5760,6 @@ var __publicField = (obj, key, value) => {
       ...defaultProps$1i,
       ...props
     };
-    const prefixCls2 = "nut-row";
     const getClass = (prefix2, type2) => {
       const classType = type2 ? `nut-row-${prefix2}-${type2}` : "";
       const className2 = prefix2 ? classType : `nut-row-${type2}`;
@@ -5897,7 +5771,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${prefixCls2}
+    ${classPrefix$3}
    `;
     };
     const parentRow = {
@@ -6096,6 +5970,126 @@ var __publicField = (obj, key, value) => {
   };
   Sticky.defaultProps = defaultProps$1h;
   Sticky.displayName = "NutSticky";
+  var classnameExports = {};
+  var classname = {
+    get exports() {
+      return classnameExports;
+    },
+    set exports(v) {
+      classnameExports = v;
+    }
+  };
+  var classname_production_min = {};
+  var hasRequiredClassname_production_min;
+  function requireClassname_production_min() {
+    if (hasRequiredClassname_production_min)
+      return classname_production_min;
+    hasRequiredClassname_production_min = 1;
+    function r2(r3) {
+      function t2(t3, i, a2, o) {
+        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
+        if (a2) {
+          var s = " " + v + r3.m;
+          for (var u in a2)
+            if (a2.hasOwnProperty(u)) {
+              var p = a2[u];
+              true === p ? v += s + u : p && (v += s + u + n + p);
+            }
+        }
+        if (void 0 !== o)
+          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
+            var l = o[y2];
+            if (l && "string" == typeof l.valueOf())
+              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
+                var h = g[d];
+                h !== f && (v += " " + h);
+              }
+          }
+        return v;
+      }
+      var e = r3.n || "", n = r3.v || r3.m;
+      return function(r4, e2) {
+        return function(n2, i, a2) {
+          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
+        };
+      };
+    }
+    Object.defineProperty(classname_production_min, "__esModule", { value: true });
+    var t = r2({ e: "-", m: "_" });
+    classname_production_min.cn = t, classname_production_min.withNaming = r2;
+    return classname_production_min;
+  }
+  var classname_development = {};
+  var hasRequiredClassname_development;
+  function requireClassname_development() {
+    if (hasRequiredClassname_development)
+      return classname_development;
+    hasRequiredClassname_development = 1;
+    Object.defineProperty(classname_development, "__esModule", { value: true });
+    function withNaming(preset) {
+      var nameSpace = preset.n || "";
+      var modValueDelimiter = preset.v || preset.m;
+      function stringify(b2, e, m, mix) {
+        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
+        var className = entityName;
+        if (m) {
+          var modPrefix = " " + className + preset.m;
+          for (var k in m) {
+            if (m.hasOwnProperty(k)) {
+              var modVal = m[k];
+              if (modVal === true) {
+                className += modPrefix + k;
+              } else if (modVal) {
+                className += modPrefix + k + modValueDelimiter + modVal;
+              }
+            }
+          }
+        }
+        if (mix !== void 0) {
+          mix = Array.isArray(mix) ? mix : [mix];
+          for (var i = 0, len = mix.length; i < len; i++) {
+            var value = mix[i];
+            if (!value || typeof value.valueOf() !== "string")
+              continue;
+            var mixes = value.valueOf().split(" ");
+            for (var j = 0; j < mixes.length; j++) {
+              var val = mixes[j];
+              if (val !== entityName) {
+                className += " " + val;
+              }
+            }
+          }
+        }
+        return className;
+      }
+      return function cnGenerator(b2, e) {
+        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
+          if (typeof elemOrMods === "string") {
+            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
+            }
+            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
+          }
+          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
+        };
+      };
+    }
+    var cn2 = withNaming({
+      e: "-",
+      m: "_"
+    });
+    classname_development.cn = cn2;
+    classname_development.withNaming = withNaming;
+    return classname_development;
+  }
+  (function(module2) {
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = requireClassname_production_min();
+    } else {
+      module2.exports = requireClassname_development();
+    }
+  })(classname);
+  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const elevatorContext = React.createContext({});
   const defaultProps$1g = {
     height: "200px",
@@ -7018,7 +7012,6 @@ var __publicField = (obj, key, value) => {
     width: "80%"
   };
   const SideNavBar = (props) => {
-    useConfig$1();
     const {
       title,
       visible,
@@ -8949,7 +8942,7 @@ var __publicField = (obj, key, value) => {
     };
     return /* @__PURE__ */ jsx(Fragment, {
       children: poppable ? /* @__PURE__ */ jsx(Popup, {
-        popClass: "cascadar-popup",
+        className: "cascadar-popup",
         visible,
         position: "bottom",
         round: true,
@@ -11057,7 +11050,7 @@ var __publicField = (obj, key, value) => {
         visible: show,
         overlay,
         position: "bottom",
-        popClass,
+        className: popClass,
         onClickOverlay: onClose,
         onClickCloseIcon: onClose,
         overlayStyle: {
@@ -12848,31 +12841,31 @@ var __publicField = (obj, key, value) => {
   const defaultProps$K = {
     ...ComponentDefaults,
     url: "",
-    maximum: 1,
+    maxCount: 1,
     sizeType: ["original", "compressed"],
     sourceType: ["album", "camera"],
     mediaType: ["image", "video"],
     camera: "back",
     uploadIcon: null,
-    uploadIconSize: "",
-    uploadIconTip: "",
-    listType: "picture",
+    uploadLabel: "",
+    previewType: "picture",
+    imageFit: "cover",
     name: "file",
     accept: "*",
     disabled: false,
     autoUpload: true,
     multiple: false,
-    maximize: Number.MAX_VALUE,
+    maxFileSize: Number.MAX_VALUE,
     data: {},
     headers: {},
     method: "post",
-    defaultImg: "",
+    previewUrl: "",
     xhrState: 200,
     timeout: 1e3 * 30,
-    isPreview: true,
-    isDeletable: true,
+    preview: true,
+    deletable: true,
     maxDuration: 10,
-    onBeforeDelete: (file, files) => {
+    beforeDelete: (file, files) => {
       return true;
     }
   };
@@ -12896,26 +12889,27 @@ var __publicField = (obj, key, value) => {
     const {
       children,
       uploadIcon,
-      uploadIconSize,
-      uploadIconTip,
+      uploadLabel,
       accept,
       name,
       camera,
-      defaultFileList,
-      listType,
+      defaultValue,
+      value,
+      previewType,
+      imageFit,
       disabled,
       multiple,
       url,
-      defaultImg,
+      previewUrl,
       headers,
       timeout,
       method,
       xhrState,
       data,
-      isPreview,
-      isDeletable,
-      maximum,
-      maximize,
+      preview,
+      deletable,
+      maxCount,
+      maxFileSize,
       mediaType,
       className,
       autoUpload,
@@ -12923,7 +12917,7 @@ var __publicField = (obj, key, value) => {
       sourceType,
       maxDuration,
       onStart,
-      onRemove,
+      onDelete,
       onChange,
       onFileItemClick,
       onProgress,
@@ -12931,22 +12925,21 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onFailure,
       onOversize,
-      onBeforeXhrUpload,
-      onBeforeDelete,
+      beforeXhrUpload,
+      beforeDelete,
       ...restProps
     } = {
       ...defaultProps$K,
       ...props
     };
-    const [fileList, setFileList] = React.useState([]);
+    const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
-      if (defaultFileList) {
-        setFileList(defaultFileList);
+      if (value) {
+        setFileList(value);
       }
-    }, [defaultFileList]);
-    const b2 = cn("uploader");
-    const classes = classNames(className, b2(""));
+    }, [value]);
+    const classes = classNames(className, "nut-uploader");
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
@@ -12987,7 +12980,7 @@ var __publicField = (obj, key, value) => {
       if (Taro.getEnv() === "WEAPP") {
         Taro.chooseMedia({
           /** 最多可以选择的文件个数 */
-          count: multiple ? maximum * 1 - fileList.length : 1,
+          count: multiple ? maxCount * 1 - fileList.length : 1,
           /** 文件类型 */
           mediaType,
           /** 图片和视频选择的来源 */
@@ -13008,7 +13001,7 @@ var __publicField = (obj, key, value) => {
       } else {
         Taro.chooseImage({
           // 选择数量
-          count: multiple ? maximum * 1 - fileList.length : 1,
+          count: multiple ? maxCount * 1 - fileList.length : 1,
           // 可以指定是原图还是压缩图，默认二者都有
           sizeType,
           sourceType,
@@ -13030,7 +13023,7 @@ var __publicField = (obj, key, value) => {
       uploadOption.xhrState = xhrState;
       uploadOption.headers = headers;
       uploadOption.taroFilePath = fileItem.path;
-      uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+      uploadOption.beforeXhrUpload = beforeXhrUpload;
       uploadOption.onStart = (option) => {
         clearUploadQueue(index);
         setFileList((fileList2) => {
@@ -13129,8 +13122,8 @@ var __publicField = (obj, key, value) => {
         }
         if (Taro.getEnv() === "WEB") {
           const formData = new FormData();
-          for (const [key, value] of Object.entries(data)) {
-            formData.append(key, value);
+          for (const [key, value2] of Object.entries(data)) {
+            formData.append(key, value2);
           }
           formData.append(name, file.originalFileObj);
           fileItem.name = (_a = file.originalFileObj) == null ? void 0 : _a.name;
@@ -13139,7 +13132,7 @@ var __publicField = (obj, key, value) => {
         } else {
           fileItem.formData = data;
         }
-        if (isPreview) {
+        if (preview) {
           fileItem.url = fileType == "video" ? file.thumbTempFilePath : filepath;
         }
         fileList.push(fileItem);
@@ -13148,11 +13141,11 @@ var __publicField = (obj, key, value) => {
       });
     };
     const filterFiles = (files) => {
-      const maximum2 = props.maximum * 1;
-      const maximize2 = props.maximize * 1;
+      const maximum = props.maxCount * 1;
+      const maximize = props.maxFileSize * 1;
       const oversizes = new Array();
       const filterFile = files.filter((file) => {
-        if (file.size > maximize2) {
+        if (file.size > maximize) {
           oversizes.push(file);
           return false;
         }
@@ -13162,19 +13155,19 @@ var __publicField = (obj, key, value) => {
         onOversize && onOversize(files);
       }
       const currentFileLength = filterFile.length + fileList.length;
-      if (currentFileLength > maximum2) {
-        filterFile.splice(filterFile.length - (currentFileLength - maximum2));
+      if (currentFileLength > maximum) {
+        filterFile.splice(filterFile.length - (currentFileLength - maximum));
       }
       return filterFile;
     };
     const deleted = (file, index) => {
       fileList.splice(index, 1);
-      onRemove && onRemove(file, fileList);
+      onDelete && onDelete(file, fileList);
       setFileList([...fileList]);
     };
-    const onDelete = (file, index) => {
+    const onDeleteItem = (file, index) => {
       clearUploadQueue(index);
-      funcInterceptor(onBeforeDelete, {
+      funcInterceptor(beforeDelete, {
         args: [file, fileList],
         done: () => deleted(file, index)
       });
@@ -13208,20 +13201,20 @@ var __publicField = (obj, key, value) => {
       children: [children && /* @__PURE__ */ jsx("div", {
         className: "nut-uploader__slot",
         children: /* @__PURE__ */ jsxs(Fragment, {
-          children: [children, maximum > fileList.length && /* @__PURE__ */ jsx(Button, {
+          children: [children, maxCount > fileList.length && /* @__PURE__ */ jsx(Button, {
             className: "nut-uploader__input",
             onClick: _chooseImage
           })]
         })
       }), fileList.length !== 0 && fileList.map((item, index) => {
         return /* @__PURE__ */ jsxs("div", {
-          className: `nut-uploader__preview ${listType}`,
-          children: [listType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
+          className: `nut-uploader__preview ${previewType}`,
+          children: [previewType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
             className: "nut-uploader__preview-img",
-            children: [isDeletable && /* @__PURE__ */ jsx(a$m, {
+            children: [deletable && /* @__PURE__ */ jsx(a$m, {
               color: "rgba(0,0,0,0.6)",
               className: "close",
-              onClick: () => onDelete(item, index)
+              onClick: () => onDeleteItem(item, index)
             }), item.status === "ready" ? /* @__PURE__ */ jsx("div", {
               className: "nut-uploader__preview__progress",
               children: /* @__PURE__ */ jsx("div", {
@@ -13241,15 +13234,18 @@ var __publicField = (obj, key, value) => {
             }), item.type.includes("image") ? /* @__PURE__ */ jsx(Fragment, {
               children: item.url && /* @__PURE__ */ jsx(components.Image, {
                 className: "nut-uploader__preview-img__c",
+                style: {
+                  objectFit: imageFit
+                },
                 mode: "aspectFit",
                 src: item.url,
                 onClick: () => handleItemClick(item)
               })
             }) : /* @__PURE__ */ jsx(Fragment, {
-              children: defaultImg ? /* @__PURE__ */ jsx(components.Image, {
+              children: previewUrl ? /* @__PURE__ */ jsx(components.Image, {
                 className: "nut-uploader__preview-img__c",
                 mode: "aspectFit",
-                src: defaultImg,
+                src: previewUrl,
                 onClick: () => handleItemClick(item)
               }) : /* @__PURE__ */ jsx("div", {
                 className: "nut-uploader__preview-img__file",
@@ -13265,16 +13261,16 @@ var __publicField = (obj, key, value) => {
               className: "tips",
               children: item.name
             }) : null]
-          }), listType === "list" && /* @__PURE__ */ jsxs("div", {
+          }), previewType === "list" && /* @__PURE__ */ jsxs("div", {
             className: "nut-uploader__preview-list",
             children: [/* @__PURE__ */ jsxs("div", {
               className: `nut-uploader__preview-img__file__name ${item.status}`,
               onClick: () => handleItemClick(item),
               children: [/* @__PURE__ */ jsx(a$h, {}), " ", item.name]
-            }), isDeletable && /* @__PURE__ */ jsx(a$o, {
+            }), deletable && /* @__PURE__ */ jsx(a$o, {
               color: "#808080",
               className: "nut-uploader__preview-img__file__del",
-              onClick: () => onDelete(item, index)
+              onClick: () => onDeleteItem(item, index)
             }), item.status === "uploading" && /* @__PURE__ */ jsx(Progress, {
               size: "small",
               percentage: item.percentage,
@@ -13283,16 +13279,16 @@ var __publicField = (obj, key, value) => {
             })]
           })]
         }, item.uid);
-      }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
-        className: `nut-uploader__upload ${listType} ${disabled ? "nut-uploader__upload-disabled" : ""}`,
+      }), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
+        className: `nut-uploader__upload ${previewType} ${disabled ? "nut-uploader__upload-disabled" : ""}`,
         children: [/* @__PURE__ */ jsxs("div", {
           className: "nut-uploader__icon",
           children: [uploadIcon || /* @__PURE__ */ jsx(a$b, {
-            size: uploadIconSize,
+            size: "20px",
             color: "#808080"
           }), /* @__PURE__ */ jsx("span", {
             className: "nut-uploader__icon-tip",
-            children: uploadIconTip
+            children: uploadLabel
           })]
         }), /* @__PURE__ */ jsx(Button, {
           className: "nut-uploader__input",
@@ -21252,7 +21248,7 @@ This message will only show in development mode. It won't appear in production.
     };
     return /* @__PURE__ */ jsxs(Popup, {
       visible: showPop,
-      popClass: "custom-pop",
+      className: "custom-pop",
       style: {
         width: "100%"
       },