@nutui/nutui-react 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/esm/Progress.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "icon", "children"];
+var _excluded = ["className", "style", "percent", "background", "color", "strokeWidth", "showText", "animated", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,93 +24,45 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { Checked } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  style: {},
-  isShowPercentage: true,
-  percentage: 0,
-  fillColor: "#f3f3f3",
-  strokeColor: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  strokeWidth: "",
-  textColor: "",
-  textWidth: "",
-  showText: true,
-  textInside: false,
-  textBackground: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  textType: "text",
-  status: false,
-  icon: null,
-  children: void 0
+  percent: 0,
+  showText: false,
+  animated: false
 });
 var Progress = function Progress2(props) {
-  var _classNames, _classNames2, _classNames4;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, isShowPercentage = _defaultProps$props.isShowPercentage, percentage = _defaultProps$props.percentage, fillColor = _defaultProps$props.fillColor, strokeColor = _defaultProps$props.strokeColor, strokeWidth = _defaultProps$props.strokeWidth, size = _defaultProps$props.size, textColor = _defaultProps$props.textColor, textWidth = _defaultProps$props.textWidth, showText = _defaultProps$props.showText, textInside = _defaultProps$props.textInside, textBackground = _defaultProps$props.textBackground, textType = _defaultProps$props.textType, status = _defaultProps$props.status, icon = _defaultProps$props.icon, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("progress");
-  var classes = classNames(b(""));
-  var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(""), "-outer"), true), _defineProperty(_classNames, "".concat(b(""), "-").concat(size || "base"), true), _classNames));
-  var classesInner = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b(""), "-inner"), true), _defineProperty(_classNames2, "".concat(b(""), "-active"), status), _classNames2));
-  var classesText = classNames(_defineProperty({}, "".concat(b(""), "-text"), true));
-  var classesInsideText = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(b(""), "-text"), true), _defineProperty(_classNames4, "".concat(b(""), "-insidetext"), true), _classNames4));
-  var classesTextInner = classNames(_defineProperty({}, "".concat(b(""), "-text__inner"), true));
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, percent = _defaultProps$props.percent, background = _defaultProps$props.background, color = _defaultProps$props.color, strokeWidth = _defaultProps$props.strokeWidth, showText = _defaultProps$props.showText, animated = _defaultProps$props.animated, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-progress";
+  var classesInner = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-inner"), true), _defineProperty(_classNames, "".concat(classPrefix, "-active"), animated), _classNames));
   var stylesOuter = {
     height: "".concat(strokeWidth, "px"),
-    // eslint-disable-next-line no-nested-ternary
-    background: "".concat(fillColor)
+    background
   };
   var stylesInner = {
-    width: "".concat(percentage, "%"),
-    // eslint-disable-next-line no-nested-ternary
-    background: "".concat(strokeColor)
-  };
-  var stylesInsideText = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%"),
-    background: textBackground || strokeColor
-  };
-  var stylesInsideIcon = {
-    width: "".concat(textWidth, "px"),
-    left: "".concat(percentage, "%")
-  };
-  var stylesText = {
-    width: "".concat(textWidth, "px")
+    width: "".concat(percent, "%"),
+    background: color
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classes, " ").concat(className),
+    className: classNames(classPrefix, className),
     style
   }, rest), React__default.createElement("div", {
-    className: classesOuter,
+    className: "".concat(classPrefix, "-outer"),
     style: stylesOuter
   }, React__default.createElement("div", {
     className: classesInner,
     style: stylesInner
-  }, showText && textInside && React__default.createElement(React__default.Fragment, null, children ? React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideIcon
-  }, children) : React__default.createElement("div", {
-    className: classesInsideText,
-    style: stylesInsideText
-  }, React__default.createElement("span", {
-    className: classesTextInner,
+  }, showText && React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text"),
     style: {
-      color: textColor
+      left: "".concat(percent, "%")
     }
-  }, percentage, isShowPercentage ? "%" : ""))))), showText && !textInside && React__default.createElement("div", {
-    className: classesText,
-    style: stylesText
-  }, textType === "text" && React__default.createElement("span", {
-    className: classesTextInner,
+  }, children || React__default.createElement("div", {
+    className: "".concat(classPrefix, "-text__inner"),
     style: {
-      color: textColor
+      background: color
     }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Checked, {
-    width: 16,
-    height: 16,
-    color: "#439422"
-  }))));
+  }, percent, "%")))));
 };
 Progress.defaultProps = defaultProps;
 Progress.displayName = "NutProgress";

package/dist/esm/Row.js

@@ -23,23 +23,24 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./UserContext.js";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var classPrefix = "nut-row";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: "",
   justify: "start",
   align: "flex-start",
   wrap: "nowrap",
   gutter: "0"
-};
+});
 var Row = function Row2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, _defaultProps$props$s = _defaultProps$props.style, style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s, children = _defaultProps$props.children, type = _defaultProps$props.type, justify = _defaultProps$props.justify, align = _defaultProps$props.align, wrap = _defaultProps$props.wrap, gutter = _defaultProps$props.gutter, _onClick = _defaultProps$props.onClick;
-  var prefixCls = "nut-row";
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, type = _defaultProps$props.type, justify = _defaultProps$props.justify, align = _defaultProps$props.align, wrap = _defaultProps$props.wrap, gutter = _defaultProps$props.gutter, _onClick = _defaultProps$props.onClick;
   var getClass = function getClass2(prefix, type2) {
     var classType = type2 ? "nut-row-".concat(prefix, "-").concat(type2) : "";
     var className2 = prefix ? classType : "nut-row-".concat(type2);
     return className2;
   };
   var getClasses = function getClasses2() {
-    return "\n    ".concat(getClass("", type), "\n    ").concat(getClass("justify", justify), "\n    ").concat(getClass("align", align), "\n    ").concat(getClass("flex", wrap), "\n    ").concat(prefixCls, "\n   ");
+    return "\n    ".concat(getClass("", type), "\n    ").concat(getClass("justify", justify), "\n    ").concat(getClass("align", align), "\n    ").concat(getClass("flex", wrap), "\n    ").concat(classPrefix, "\n   ");
   };
   var parentRow = {
     gutter

package/dist/esm/SideNavBar.js

@@ -23,7 +23,6 @@ function _objectSpread(target) {
   return target;
 }
 import React__default from "react";
-import { useConfig } from "./ConfigProvider.js";
 import Popup from "./Popup.js";
 import { h as handleClick, O as OffsetContext } from "./offsetContext.js";
 var defaultProps = {
@@ -32,7 +31,6 @@ var defaultProps = {
   width: "80%"
 };
 var SideNavBar = function SideNavBar2(props) {
-  useConfig();
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, visible = _defaultProps$props.visible, width = _defaultProps$props.width, position = _defaultProps$props.position, children = _defaultProps$props.children, className = _defaultProps$props.className, showhead = _defaultProps$props.showhead, onClose = _defaultProps$props.onClose, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = props.offset ? Number(props.offset) : 20;
   return React__default.createElement(Popup, {

package/dist/esm/Uploader.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "uploadIcon", "uploadIconSize", "uploadIconTip", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "onStart", "onRemove", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "onBeforeUpload", "onBeforeXhrUpload", "onBeforeDelete"];
+var _excluded = ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "imageFit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -30,11 +30,9 @@ import React__default, { useState, useEffect, useImperativeHandle } from "react"
 import classNames from "classnames";
 import { Failure, Loading, Link, Del, Photograph } from "@nutui/icons-react";
 import Progress from "./Progress.js";
-import { c as cn } from "./bem.js";
 import { useConfig } from "./ConfigProvider.js";
 import { i as isPromise } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var UploadOptions = /* @__PURE__ */ _createClass(function UploadOptions2() {
   _classCallCheck(this, UploadOptions2);
   _defineProperty(this, "url", "");
@@ -126,29 +124,26 @@ var funcInterceptor = function funcInterceptor2(interceptor, _ref) {
 };
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   url: "",
-  maximum: 1,
-  uploadIcon: null,
-  uploadIconSize: "",
-  uploadIconTip: "",
-  listType: "picture",
+  maxCount: 1,
+  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: "",
   xhrState: 200,
   timeout: 1e3 * 30,
   withCredentials: false,
   clearInput: true,
-  isPreview: true,
-  isDeletable: true,
+  preview: true,
+  deletable: true,
   capture: false,
-  onBeforeDelete: function onBeforeDelete(file, files) {
+  beforeDelete: function beforeDelete(file, files) {
     return true;
   }
 });
@@ -166,16 +161,15 @@ var FileItem = /* @__PURE__ */ _createClass(function FileItem2() {
 });
 var InternalUploader = function InternalUploader2(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, uploadIcon = _defaultProps$props.uploadIcon, uploadIconSize = _defaultProps$props.uploadIconSize, uploadIconTip = _defaultProps$props.uploadIconTip, name = _defaultProps$props.name, accept = _defaultProps$props.accept, defaultFileList = _defaultProps$props.defaultFileList, listType = _defaultProps$props.listType, disabled = _defaultProps$props.disabled, multiple = _defaultProps$props.multiple, url = _defaultProps$props.url, defaultImg = _defaultProps$props.defaultImg, headers = _defaultProps$props.headers, timeout = _defaultProps$props.timeout, method = _defaultProps$props.method, xhrState = _defaultProps$props.xhrState, withCredentials = _defaultProps$props.withCredentials, data = _defaultProps$props.data, isPreview = _defaultProps$props.isPreview, isDeletable = _defaultProps$props.isDeletable, maximum = _defaultProps$props.maximum, capture = _defaultProps$props.capture, maximize = _defaultProps$props.maximize, className = _defaultProps$props.className, autoUpload = _defaultProps$props.autoUpload, clearInput = _defaultProps$props.clearInput, onStart = _defaultProps$props.onStart, onRemove = _defaultProps$props.onRemove, onChange = _defaultProps$props.onChange, onFileItemClick = _defaultProps$props.onFileItemClick, onProgress = _defaultProps$props.onProgress, onSuccess = _defaultProps$props.onSuccess, onUpdate = _defaultProps$props.onUpdate, onFailure = _defaultProps$props.onFailure, onOversize = _defaultProps$props.onOversize, onBeforeUpload = _defaultProps$props.onBeforeUpload, onBeforeXhrUpload = _defaultProps$props.onBeforeXhrUpload, onBeforeDelete2 = _defaultProps$props.onBeforeDelete, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), fileList = _useState2[0], setFileList = _useState2[1];
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, uploadIcon = _defaultProps$props.uploadIcon, uploadLabel = _defaultProps$props.uploadLabel, name = _defaultProps$props.name, accept = _defaultProps$props.accept, defaultValue = _defaultProps$props.defaultValue, value = _defaultProps$props.value, previewType = _defaultProps$props.previewType, imageFit = _defaultProps$props.imageFit, disabled = _defaultProps$props.disabled, multiple = _defaultProps$props.multiple, url = _defaultProps$props.url, previewUrl = _defaultProps$props.previewUrl, headers = _defaultProps$props.headers, timeout = _defaultProps$props.timeout, method = _defaultProps$props.method, xhrState = _defaultProps$props.xhrState, withCredentials = _defaultProps$props.withCredentials, data = _defaultProps$props.data, preview = _defaultProps$props.preview, deletable = _defaultProps$props.deletable, maxCount = _defaultProps$props.maxCount, capture = _defaultProps$props.capture, maxFileSize = _defaultProps$props.maxFileSize, className = _defaultProps$props.className, autoUpload = _defaultProps$props.autoUpload, clearInput = _defaultProps$props.clearInput, onStart = _defaultProps$props.onStart, onDelete = _defaultProps$props.onDelete, onChange = _defaultProps$props.onChange, onFileItemClick = _defaultProps$props.onFileItemClick, onProgress = _defaultProps$props.onProgress, onSuccess = _defaultProps$props.onSuccess, onUpdate = _defaultProps$props.onUpdate, onFailure = _defaultProps$props.onFailure, onOversize = _defaultProps$props.onOversize, beforeUpload = _defaultProps$props.beforeUpload, beforeXhrUpload = _defaultProps$props.beforeXhrUpload, beforeDelete2 = _defaultProps$props.beforeDelete, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(defaultValue || []), _useState2 = _slicedToArray(_useState, 2), fileList = _useState2[0], setFileList = _useState2[1];
   var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), uploadQueue = _useState4[0], setUploadQueue = _useState4[1];
   useEffect(function() {
-    if (defaultFileList) {
-      setFileList(defaultFileList);
+    if (value) {
+      setFileList(value);
     }
-  }, [defaultFileList]);
-  var b = cn("uploader");
-  var classes = classNames(className, b(""));
+  }, [value]);
+  var classes = classNames(className, "nut-uploader");
   useImperativeHandle(ref, function() {
     return {
       submit: function submit() {
@@ -208,8 +202,8 @@ var InternalUploader = function InternalUploader2(props, ref) {
     var uploadOption = new UploadOptions();
     uploadOption.url = url;
     for (var _i2 = 0, _Object$entries2 = Object.entries(data); _i2 < _Object$entries2.length; _i2++) {
-      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2), key = _Object$entries2$_i[0], value = _Object$entries2$_i[1];
-      fileItem.formData.append(key, value);
+      var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2), key = _Object$entries2$_i[0], value2 = _Object$entries2$_i[1];
+      fileItem.formData.append(key, value2);
     }
     uploadOption.formData = fileItem.formData;
     uploadOption.timeout = timeout * 1;
@@ -217,7 +211,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
     uploadOption.xhrState = xhrState;
     uploadOption.headers = headers;
     uploadOption.withCredentials = withCredentials;
-    uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+    uploadOption.beforeXhrUpload = beforeXhrUpload;
     try {
       uploadOption.sourceFile = fileItem.formData.get(name);
     } catch (error) {
@@ -315,7 +309,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
         fileItem.message = locale.uploader.waitingUpload;
       }
       executeUpload(fileItem, index);
-      if (isPreview && file.type.includes("image")) {
+      if (preview && file.type.includes("image")) {
         var reader = new FileReader();
         reader.onload = function(event) {
           fileItem.url = event.target.result;
@@ -330,10 +324,10 @@ var InternalUploader = function InternalUploader2(props, ref) {
     });
   };
   var filterFiles = function filterFiles2(files) {
-    var maximum2 = props.maximum * 1;
+    var maximum = props.maxCount * 1;
     var oversizes = new Array();
     var filterFile = files.filter(function(file) {
-      if (file.size > maximize) {
+      if (file.size > maxFileSize) {
         oversizes.push(file);
         return false;
       }
@@ -342,23 +336,23 @@ var InternalUploader = function InternalUploader2(props, ref) {
     if (oversizes.length) {
       onOversize && onOversize(files);
     }
-    if (filterFile.length > maximum2) {
-      filterFile.splice(maximum2, filterFile.length - maximum2);
+    if (filterFile.length > maximum) {
+      filterFile.splice(maximum, filterFile.length - maximum);
     }
     if (fileList.length !== 0) {
-      var index = maximum2 - fileList.length;
+      var index = maximum - fileList.length;
       filterFile.splice(index, filterFile.length - index);
     }
     return filterFile;
   };
   var deleted = function deleted2(file, index) {
     fileList.splice(index, 1);
-    onRemove && onRemove(file, fileList);
+    onDelete && onDelete(file, fileList);
     setFileList(_toConsumableArray(fileList));
   };
-  var onDelete = function onDelete2(file, index) {
+  var onDeleteItem = function onDeleteItem2(file, index) {
     clearUploadQueue(index);
-    funcInterceptor(onBeforeDelete2, {
+    funcInterceptor(beforeDelete2, {
       args: [file, fileList],
       done: function done() {
         return deleted(file, index);
@@ -371,8 +365,8 @@ var InternalUploader = function InternalUploader2(props, ref) {
     }
     var $el = event.target;
     var files = $el.files;
-    if (onBeforeUpload) {
-      onBeforeUpload(new Array().slice.call(files)).then(function(f) {
+    if (beforeUpload) {
+      beforeUpload(new Array().slice.call(files)).then(function(f) {
         var _files2 = filterFiles(new Array().slice.call(f));
         readFile(_files2);
       });
@@ -395,7 +389,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
     className: classes
   }, restProps), children && React__default.createElement("div", {
     className: "nut-uploader__slot"
-  }, React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && React__default.createElement(React__default.Fragment, null, capture ? React__default.createElement("input", {
+  }, React__default.createElement(React__default.Fragment, null, children, maxCount > fileList.length && React__default.createElement(React__default.Fragment, null, capture ? React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
     capture: "user",
@@ -414,15 +408,15 @@ var InternalUploader = function InternalUploader2(props, ref) {
     onChange: fileChange
   })))), fileList.length !== 0 && fileList.map(function(item, index) {
     return React__default.createElement("div", {
-      className: "nut-uploader__preview ".concat(listType),
+      className: "nut-uploader__preview ".concat(previewType),
       key: item.uid
-    }, listType === "picture" && !children && React__default.createElement("div", {
+    }, previewType === "picture" && !children && React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, isDeletable && React__default.createElement(Failure, {
+    }, deletable && React__default.createElement(Failure, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
       onClick: function onClick() {
-        return onDelete(item, index);
+        return onDeleteItem(item, index);
       }
     }), item.status === "ready" ? React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
@@ -433,19 +427,23 @@ var InternalUploader = function InternalUploader2(props, ref) {
     }, item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || React__default.createElement(Failure, {
       color: "#fff"
     }) : item.loadingIcon || React__default.createElement(Loading, {
+      className: "nut-icon-loading",
       color: "#fff"
     })), React__default.createElement("div", {
       className: "nut-uploader__preview__progress__msg"
     }, item.message)), item.type.includes("image") ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
+      style: {
+        objectFit: imageFit
+      },
       src: item.url,
       alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
       }
-    })) : React__default.createElement(React__default.Fragment, null, defaultImg ? React__default.createElement("img", {
+    })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: defaultImg,
+      src: previewUrl,
       alt: "",
       onClick: function onClick() {
         return handleItemClick(item);
@@ -461,36 +459,35 @@ var InternalUploader = function InternalUploader2(props, ref) {
       color: "#808080"
     }), " ", item.name))), item.status === "success" ? React__default.createElement("div", {
       className: "tips"
-    }, item.name) : null), listType === "list" && React__default.createElement("div", {
+    }, item.name) : null), previewType === "list" && React__default.createElement("div", {
       className: "nut-uploader__preview-list"
     }, React__default.createElement("div", {
       className: "nut-uploader__preview-img__file__name ".concat(item.status),
       onClick: function onClick() {
         return handleItemClick(item);
       }
-    }, React__default.createElement(Link, null), " ", item.name), isDeletable && React__default.createElement(Del, {
+    }, React__default.createElement(Link, null), " ", item.name), deletable && React__default.createElement(Del, {
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       onClick: function onClick() {
-        return onDelete(item, index);
+        return onDeleteItem(item, index);
       }
     }), item.status === "uploading" && React__default.createElement(Progress, {
-      size: "small",
-      percentage: item.percentage,
-      strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+      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
     })));
-  }), maximum > fileList.length && listType === "picture" && !children && React__default.createElement("div", {
-    className: "nut-uploader__upload ".concat(listType, " ").concat(disabled ? "nut-uploader__upload-disabled" : "")
+  }), maxCount > fileList.length && previewType === "picture" && !children && React__default.createElement("div", {
+    className: "nut-uploader__upload ".concat(previewType, " ").concat(disabled ? "nut-uploader__upload-disabled" : "")
   }, React__default.createElement("div", {
     className: "nut-uploader__icon"
   }, uploadIcon || React__default.createElement(Photograph, {
-    width: uploadIconSize,
-    height: uploadIconSize,
+    width: "20px",
+    height: "20px",
     color: "#808080"
   }), React__default.createElement("span", {
     className: "nut-uploader__icon-tip"
-  }, uploadIconTip)), capture ? React__default.createElement("input", {
+  }, uploadLabel)), capture ? React__default.createElement("input", {
     className: "nut-uploader__input",
     type: "file",
     capture: "user",

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:30:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:18 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */