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

package/dist/nutui.react.mjs

@@ -5,7 +5,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.
 */
@@ -2796,7 +2796,7 @@ const defaultProps$1s = {
   onClick: (event) => {
   }
 };
-const classPrefix$6 = "nut-cell";
+const classPrefix$7 = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -2825,26 +2825,26 @@ const Cell = (props) => {
     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`
       })]
     })
   });
@@ -2856,7 +2856,7 @@ const defaultProps$1r = {
   title: "",
   description: ""
 };
-const classPrefix$5 = "nut-cell-group";
+const classPrefix$6 = "nut-cell-group";
 const CellGroup = (props) => {
   const {
     children,
@@ -2870,16 +2870,16 @@ const CellGroup = (props) => {
     ...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
     })]
   });
@@ -3446,7 +3446,7 @@ const defaultOverlayProps = {
   visible: false,
   lockScroll: true
 };
-const classPrefix$4 = `nut-overlay`;
+const classPrefix$5 = `nut-overlay`;
 const Overlay = (props) => {
   const {
     children,
@@ -3490,7 +3490,7 @@ const Overlay = (props) => {
     "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`,
@@ -5267,152 +5267,25 @@ CSSTransition.propTypes = process.env.NODE_ENV !== "production" ? _extends$3({},
   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(module) {
-  if (process.env.NODE_ENV === "production") {
-    module.exports = requireClassname_production_min();
-  } else {
-    module.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;
@@ -5423,7 +5296,7 @@ const Popup = (props) => {
     overlay,
     closeOnOverlayClick,
     overlayStyle,
-    overlayClass,
+    overlayClassName,
     zIndex,
     lockScroll,
     duration,
@@ -5434,23 +5307,22 @@ const Popup = (props) => {
     transition,
     round,
     position,
-    popClass,
     className,
     destroyOnClose,
-    teleport,
+    portal,
     onOpen,
     onClose,
     onClickOverlay,
     onClickCloseIcon,
-    onOpened,
-    onClosed,
+    afterShow,
+    afterClose,
     onClick
   } = props;
   const [index, setIndex] = useState(zIndex || _zIndex);
   const [innerVisible, setInnerVisible] = useState(visible);
   const [showChildren, setShowChildren] = useState(true);
   const [transitionName, setTransitionName] = useState("");
-  const b2 = cn("popup");
+  const classPrefix2 = "nut-popup";
   const baseStyle = {
     zIndex: index,
     animationDuration: `${duration}s`
@@ -5463,15 +5335,15 @@ const Popup = (props) => {
     ...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) {
@@ -5489,29 +5361,29 @@ const Popup = (props) => {
       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;
@@ -5526,7 +5398,7 @@ const Popup = (props) => {
   };
   const renderIcon = () => {
     if (closeable) {
-      return /* @__PURE__ */ jsx("div", {
+      return /* @__PURE__ */ jsx(View, {
         className: closeClasses,
         onClick: onHandleClickCloseIcon,
         children: React__default.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ jsx(a$p, {
@@ -5545,9 +5417,9 @@ const Popup = (props) => {
       in: innerVisible,
       onEntered: onHandleOpened,
       onExited: onHandleClosed,
-      children: /* @__PURE__ */ jsxs("div", {
+      children: /* @__PURE__ */ jsxs(View, {
         style: popStyles,
-        className: classes,
+        className: popClassName,
         onClick: onHandleClick,
         children: [showChildren ? children : "", renderIcon()]
       })
@@ -5558,7 +5430,7 @@ const Popup = (props) => {
       children: overlay ? /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx(Overlay, {
           style: overlayStyles,
-          className: overlayClass,
+          className: overlayClassName,
           visible: innerVisible,
           closeOnOverlayClick,
           zIndex,
@@ -5576,16 +5448,17 @@ const Popup = (props) => {
     !visible && close();
   }, [visible]);
   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 = createContext({});
 const defaultProps$1n = {
+  ...ComponentDefaults,
   span: "24",
   offset: "0",
   gutter: "0"
@@ -5593,7 +5466,7 @@ const defaultProps$1n = {
 const Col = (props) => {
   const {
     className,
-    style = {},
+    style,
     span,
     offset,
     children,
@@ -5639,7 +5512,7 @@ const defaultProps$1m = {
   contentPosition: "center",
   direction: "horizontal"
 };
-const classPrefix$3 = `nut-divider`;
+const classPrefix$4 = `nut-divider`;
 const Divider = (props) => {
   const {
     children,
@@ -5653,14 +5526,14 @@ const Divider = (props) => {
     ...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 || ""}`,
@@ -5847,7 +5720,9 @@ const Layout = (props) => {
 };
 Layout.defaultProps = defaultProps$1j;
 Layout.displayName = "NutLayout";
+const classPrefix$3 = "nut-row";
 const defaultProps$1i = {
+  ...ComponentDefaults,
   type: "",
   justify: "start",
   align: "flex-start",
@@ -5857,7 +5732,7 @@ const defaultProps$1i = {
 const Row = (props) => {
   const {
     className,
-    style = {},
+    style,
     children,
     type,
     justify,
@@ -5869,7 +5744,6 @@ const Row = (props) => {
     ...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}`;
@@ -5881,7 +5755,7 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${prefixCls2}
+    ${classPrefix$3}
    `;
   };
   const parentRow = {
@@ -6080,6 +5954,126 @@ const Sticky = (props) => {
 };
 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(module) {
+  if (process.env.NODE_ENV === "production") {
+    module.exports = requireClassname_production_min();
+  } else {
+    module.exports = requireClassname_development();
+  }
+})(classname);
+const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const elevatorContext = createContext({});
 const defaultProps$1g = {
   height: "200px",
@@ -7002,7 +6996,6 @@ const defaultProps$19 = {
   width: "80%"
 };
 const SideNavBar = (props) => {
-  useConfig$1();
   const {
     title,
     visible,
@@ -8933,7 +8926,7 @@ const InternalCascader = (props, ref) => {
   };
   return /* @__PURE__ */ jsx(Fragment, {
     children: poppable ? /* @__PURE__ */ jsx(Popup, {
-      popClass: "cascadar-popup",
+      className: "cascadar-popup",
       visible,
       position: "bottom",
       round: true,
@@ -11041,7 +11034,7 @@ const NumberKeyboard = (props) => {
       visible: show,
       overlay,
       position: "bottom",
-      popClass,
+      className: popClass,
       onClickOverlay: onClose,
       onClickCloseIcon: onClose,
       overlayStyle: {
@@ -12832,31 +12825,31 @@ const funcInterceptor = (interceptor, {
 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;
   }
 };
@@ -12880,26 +12873,27 @@ const InternalUploader = (props, ref) => {
   const {
     children,
     uploadIcon,
-    uploadIconSize,
-    uploadIconTip,
+    uploadLabel,
     accept,
     name,
     camera,
-    defaultFileList,
-    listType,
+    defaultValue,
+    value,
+    previewType,
+    imageFit,
     disabled,
     multiple,
     url,
-    defaultImg,
+    previewUrl,
     headers,
     timeout: timeout2,
     method,
     xhrState,
     data,
-    isPreview,
-    isDeletable,
-    maximum,
-    maximize,
+    preview,
+    deletable,
+    maxCount,
+    maxFileSize,
     mediaType,
     className,
     autoUpload,
@@ -12907,7 +12901,7 @@ const InternalUploader = (props, ref) => {
     sourceType,
     maxDuration,
     onStart,
-    onRemove,
+    onDelete,
     onChange,
     onFileItemClick,
     onProgress,
@@ -12915,22 +12909,21 @@ const InternalUploader = (props, ref) => {
     onUpdate,
     onFailure,
     onOversize,
-    onBeforeXhrUpload,
-    onBeforeDelete,
+    beforeXhrUpload,
+    beforeDelete,
     ...restProps
   } = {
     ...defaultProps$K,
     ...props
   };
-  const [fileList, setFileList] = useState([]);
+  const [fileList, setFileList] = useState(defaultValue || []);
   const [uploadQueue, setUploadQueue] = useState([]);
   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");
   useImperativeHandle(ref, () => ({
     submit: () => {
       Promise.all(uploadQueue).then((res) => {
@@ -12971,7 +12964,7 @@ const InternalUploader = (props, ref) => {
     if (getEnv() === "WEAPP") {
       chooseMedia({
         /** 最多可以选择的文件个数 */
-        count: multiple ? maximum * 1 - fileList.length : 1,
+        count: multiple ? maxCount * 1 - fileList.length : 1,
         /** 文件类型 */
         mediaType,
         /** 图片和视频选择的来源 */
@@ -12992,7 +12985,7 @@ const InternalUploader = (props, ref) => {
     } else {
       chooseImage({
         // 选择数量
-        count: multiple ? maximum * 1 - fileList.length : 1,
+        count: multiple ? maxCount * 1 - fileList.length : 1,
         // 可以指定是原图还是压缩图，默认二者都有
         sizeType,
         sourceType,
@@ -13014,7 +13007,7 @@ const InternalUploader = (props, ref) => {
     uploadOption.xhrState = xhrState;
     uploadOption.headers = headers;
     uploadOption.taroFilePath = fileItem.path;
-    uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+    uploadOption.beforeXhrUpload = beforeXhrUpload;
     uploadOption.onStart = (option) => {
       clearUploadQueue(index);
       setFileList((fileList2) => {
@@ -13113,8 +13106,8 @@ const InternalUploader = (props, ref) => {
       }
       if (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;
@@ -13123,7 +13116,7 @@ const InternalUploader = (props, ref) => {
       } else {
         fileItem.formData = data;
       }
-      if (isPreview) {
+      if (preview) {
         fileItem.url = fileType == "video" ? file.thumbTempFilePath : filepath;
       }
       fileList.push(fileItem);
@@ -13132,11 +13125,11 @@ const InternalUploader = (props, ref) => {
     });
   };
   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;
       }
@@ -13146,19 +13139,19 @@ const InternalUploader = (props, ref) => {
       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)
     });
@@ -13192,20 +13185,20 @@ const InternalUploader = (props, ref) => {
     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", {
@@ -13225,15 +13218,18 @@ const InternalUploader = (props, ref) => {
           }), item.type.includes("image") ? /* @__PURE__ */ jsx(Fragment, {
             children: item.url && /* @__PURE__ */ jsx(Image$2, {
               className: "nut-uploader__preview-img__c",
+              style: {
+                objectFit: imageFit
+              },
               mode: "aspectFit",
               src: item.url,
               onClick: () => handleItemClick(item)
             })
           }) : /* @__PURE__ */ jsx(Fragment, {
-            children: defaultImg ? /* @__PURE__ */ jsx(Image$2, {
+            children: previewUrl ? /* @__PURE__ */ jsx(Image$2, {
               className: "nut-uploader__preview-img__c",
               mode: "aspectFit",
-              src: defaultImg,
+              src: previewUrl,
               onClick: () => handleItemClick(item)
             }) : /* @__PURE__ */ jsx("div", {
               className: "nut-uploader__preview-img__file",
@@ -13249,16 +13245,16 @@ const InternalUploader = (props, ref) => {
             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,
@@ -13267,16 +13263,16 @@ const InternalUploader = (props, ref) => {
           })]
         })]
       }, 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",
@@ -21236,7 +21232,7 @@ const ImagePreview = (props) => {
   };
   return /* @__PURE__ */ jsxs(Popup, {
     visible: showPop,
-    popClass: "custom-pop",
+    className: "custom-pop",
     style: {
       width: "100%"
     },