@nutui/nutui-react 1.1.3 → 1.1.4-beta.2

package/dist/esm/ShortPassword.js

@@ -12,6 +12,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import Popup from './Popup.js';
 import Icon from './Icon.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   title: '请输入密码',
@@ -33,6 +34,9 @@ var defaultProps = {
 };
 
 var ShortPassword = function ShortPassword(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var title = props.title,
       desc = props.desc,
       tips = props.tips,
@@ -145,9 +149,9 @@ var ShortPassword = function ShortPassword(props) {
     style: _objectSpread({}, style)
   }, reset), React__default.createElement("div", {
     className: b('title')
-  }, title), React__default.createElement("div", {
+  }, locale.shortpassword.title || title), React__default.createElement("div", {
     className: b('subtitle')
-  }, desc), React__default.createElement("div", {
+  }, locale.shortpassword.desc || desc), React__default.createElement("div", {
     className: b('input')
   }, React__default.createElement("input", {
     ref: textInput,
@@ -185,17 +189,17 @@ var ShortPassword = function ShortPassword(props) {
     name: "tips"
   }), React__default.createElement("div", {
     onClick: onTips
-  }, tips)) : null), !noButton ? React__default.createElement("div", {
+  }, locale.shortpassword.tips || tips)) : null), !noButton ? React__default.createElement("div", {
     className: b('footer')
   }, React__default.createElement("div", {
     className: b('footer__cancel'),
     onClick: onCancel
-  }, "\u53D6\u6D88"), React__default.createElement("div", {
+  }, locale.cancel), React__default.createElement("div", {
     className: b('footer__sure'),
     onClick: function onClick() {
       return sure();
     }
-  }, "\u786E\u8BA4")) : null)));
+  }, locale.confirm)) : null)));
 };
 
 ShortPassword.defaultProps = defaultProps;

package/dist/esm/Signature.js

@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useRef, useState, useEffect } from 'react';
 import Button from './Button.js';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
   type: 'png',
@@ -20,6 +21,9 @@ var defaultProps = {
 };
 
 var Signature = function Signature(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       type = _defaultProps$props.type,
       lineWidth = _defaultProps$props.lineWidth,
@@ -152,19 +156,19 @@ var Signature = function Signature(props) {
     width: canvasWidth
   }) : React__default.createElement("p", {
     className: "".concat(b('unsopport'))
-  }, unSupportTpl)), React__default.createElement(Button, {
+  }, locale.signature.unSupportTpl || unSupportTpl)), React__default.createElement(Button, {
     className: "".concat(b('btn')),
     type: "default",
     onClick: function onClick() {
       return clear();
     }
-  }, "\u91CD\u7B7E"), React__default.createElement(Button, {
+  }, locale.signature.reSign), React__default.createElement(Button, {
     className: "".concat(b('btn')),
     type: "primary",
     onClick: function onClick() {
       return confirm();
     }
-  }, "\u786E\u8BA4"));
+  }, locale.confirm));
 };
 
 Signature.defaultProps = defaultProps;

package/dist/esm/Skeleton.js

@@ -12,8 +12,8 @@ import Avatar from './Avatar.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
-  width: 100,
-  height: 100,
+  width: '100px',
+  height: '100px',
   row: 1,
   animated: false,
   title: false,
@@ -59,39 +59,47 @@ var Skeleton = function Skeleton(props) {
   };
 
   var getStyle = function getStyle() {
+    if (avatarSize) {
+      return {
+        width: avatarSize,
+        height: avatarSize
+      };
+    }
+
     return {
-      width: avatarSize,
-      height: avatarSize
+      width: '50px',
+      height: '50px'
     };
   };
 
   return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
     className: classes
-  }, restProps), React__default.createElement("div", {
+  }, restProps), animated && React__default.createElement("div", {
     className: "skeleton-animation"
   }), React__default.createElement("div", {
     className: "nut-skeleton-content"
   }, avatar && React__default.createElement(Avatar, {
     className: avatarClass,
     bgColor: "rgb(239, 239, 239)",
+    shape: avatarShape,
     style: getStyle()
-  }), row === 1 ? React__default.createElement("div", {
+  }), row === 1 && React__default.createElement("div", {
     className: blockClass,
     style: {
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px")
+      width: width,
+      height: height
     }
-  }) : React__default.createElement("div", {
+  }), React__default.createElement("div", {
     className: "skeleton-content-line"
   }, title && React__default.createElement("div", {
     className: "skeleton-title"
   }), repeatLines(row).map(function (item, index) {
     return React__default.createElement("div", {
-      className: "".concat(blockClass, " skeleton-lines"),
+      className: blockClass,
       key: index,
       style: {
-        width: "".concat(width, "px"),
-        height: "".concat(height, "px")
+        width: width,
+        height: height
       }
     });
   })))));

package/dist/esm/Step.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "size", "className", "renderContent"];
+var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -17,6 +17,7 @@ var defaultProps = {
   content: '',
   activeIndex: 0,
   icon: '',
+  iconColor: '',
   size: '12px'
 };
 
@@ -27,6 +28,7 @@ var Step = function Step(props) {
       content = _defaultProps$props.content,
       activeIndex = _defaultProps$props.activeIndex,
       icon = _defaultProps$props.icon,
+      iconColor = _defaultProps$props.iconColor,
       size = _defaultProps$props.size,
       className = _defaultProps$props.className,
       renderContent = _defaultProps$props.renderContent,
@@ -41,11 +43,19 @@ var Step = function Step(props) {
     return index === +parent.propSteps.current ? 'process' : 'wait';
   };
 
+  var handleClickStep = function handleClickStep() {
+    var _parent$propSteps;
+
+    (_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.clickStep(activeIndex);
+  };
+
   var b = cn('step');
   var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));
-  return React__default.createElement("div", _objectSpread({
+  return React__default.createElement("div", _objectSpread(_objectSpread({
     className: classes
-  }, restProps), React__default.createElement("div", {
+  }, restProps), {}, {
+    onClick: handleClickStep
+  }), React__default.createElement("div", {
     className: "nut-step-head"
   }, React__default.createElement("div", {
     className: "nut-step-line"
@@ -53,6 +63,7 @@ var Step = function Step(props) {
     className: "nut-step-icon ".concat(!dot ? icon ? 'is-icon' : 'is-text' : '')
   }, icon ? React__default.createElement(Icon, {
     className: "nut-step-icon-inner",
+    color: iconColor,
     name: icon,
     size: size
   }) : dot ? React__default.createElement("span", null) : React__default.createElement("span", {

package/dist/esm/Steps.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "direction", "className"];
+var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -23,8 +23,11 @@ var Steps = function Steps(props) {
   var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
 
   var children = propSteps.children,
+      current = propSteps.current,
       direction = propSteps.direction,
       className = propSteps.className,
+      progressDot = propSteps.progressDot,
+      clickStep = propSteps.clickStep,
       restProps = _objectWithoutProperties(propSteps, _excluded);
 
   var parentSteps = {

package/dist/esm/Swiper.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -13,7 +14,7 @@ import { D as DataContext } from './UserContext-b4181162.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
-  width: window.innerWidth,
+  width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' ? window.innerWidth : 375,
   height: 0,
   duration: 500,
   initPage: 0,

package/dist/esm/TabbarItem.js

@@ -5,6 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useEffect } from 'react';
+import { useHistory } from 'react-router-dom';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import '@bem-react/classname';
@@ -12,6 +13,7 @@ var defaultProps = {
   tabTitle: '',
   icon: '',
   href: '',
+  to: '',
   num: '',
   active: false,
   activeColor: '',
@@ -25,6 +27,7 @@ var TabbarItem = function TabbarItem(props) {
       tabTitle = _defaultProps$props.tabTitle,
       icon = _defaultProps$props.icon,
       href = _defaultProps$props.href,
+      to = _defaultProps$props.to,
       num = _defaultProps$props.num,
       active = _defaultProps$props.active,
       activeColor = _defaultProps$props.activeColor,
@@ -34,9 +37,15 @@ var TabbarItem = function TabbarItem(props) {
 
   var b = cn('tabbar-item');
   var bIcon = cn('tabbar-item__icon-box');
+  var history = useHistory();
   useEffect(function () {
     if (active && href) {
       window.location.href = href;
+      return;
+    }
+
+    if (active && to) {
+      history.push(to);
     }
   }, [active]);
   return React__default.createElement("div", {

package/dist/esm/TextArea.js

@@ -6,6 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React__default, { useState, useEffect } from 'react';
+import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
@@ -21,6 +22,9 @@ var defaultProps = {
 };
 
 var TextArea = function TextArea(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       className = _defaultProps$props.className,
       defaultValue = _defaultProps$props.defaultValue,
@@ -115,7 +119,7 @@ var TextArea = function TextArea(props) {
     },
     rows: rows,
     maxLength: maxlength < 0 ? 0 : maxlength,
-    placeholder: placeholder
+    placeholder: locale.placeholder
   }), limitshow ? React__default.createElement("div", {
     className: textareaBem('limit')
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);

package/dist/esm/Toast.js

@@ -40,18 +40,12 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
     _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
     _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
-    _this.state = {
-      show: true
-    };
     return _this;
   }
 
   _createClass(Notification, [{
     key: "close",
     value: function close() {
-      this.setState({
-        show: false
-      });
       this.clearCloseTimer();
       this.props.onClose();
     }
@@ -113,7 +107,6 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
           customClass = _this$props.customClass,
           cover = _this$props.cover,
           type = _this$props.type;
-      this.state;
       var toastBem = cn('toast');
       var classes = classNames(_defineProperty({
         'nut-toast-center': center,
@@ -223,17 +216,18 @@ function notice(opts) {
     }
   }
 
-  opts = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
+  var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
     onClose: close
   });
-  getInstance(opts, function (notification) {
+
+  getInstance(opts2, function (notification) {
     messageInstance = notification;
   });
 }
 
 var errorMsg = function errorMsg(msg) {
   if (!msg) {
-    console.warn('[NutUI Toast]: msg不能为空');
+    console.warn('[NutUI Toast]: msg cannot be null');
   }
 };
 

package/dist/esm/Uploader/style/index.js

@@ -1,2 +1,3 @@
-require('../../Icon/style')
+require('../../Icon/style')
+
 require('../../../packages/uploader/uploader.scss')

package/dist/esm/Uploader.js

@@ -4,13 +4,13 @@ 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", "name", "accept", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "start", "removeImage", "progress", "success", "update", "failure", "oversize", "beforeUpload", "beforeDelete"];
+var _excluded = ["children", "uploadIcon", "uploadIconSize", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "start", "removeImage", "change", "fileItemClick", "progress", "success", "update", "failure", "oversize", "beforeUpload", "beforeDelete"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React__default, { useState, useImperativeHandle } from 'react';
+import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
@@ -111,6 +111,8 @@ var defaultProps = {
   url: '',
   maximum: 1,
   uploadIcon: 'photograph',
+  uploadIconSize: '',
+  listType: 'picture',
   name: 'file',
   accept: '*',
   disabled: false,
@@ -138,6 +140,8 @@ var FileItem = /*#__PURE__*/_createClass(function FileItem() {
 
   _defineProperty(this, "status", 'ready');
 
+  _defineProperty(this, "message", '准备中..');
+
   _defineProperty(this, "uid", new Date().getTime().toString());
 
   _defineProperty(this, "name", void 0);
@@ -153,8 +157,11 @@ var InternalUploader = function InternalUploader(props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       uploadIcon = _defaultProps$props.uploadIcon,
+      uploadIconSize = _defaultProps$props.uploadIconSize,
       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,
@@ -175,6 +182,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       clearInput = _defaultProps$props.clearInput,
       start = _defaultProps$props.start,
       removeImage = _defaultProps$props.removeImage,
+      change = _defaultProps$props.change,
+      fileItemClick = _defaultProps$props.fileItemClick,
       progress = _defaultProps$props.progress,
       success = _defaultProps$props.success,
       update = _defaultProps$props.update,
@@ -194,6 +203,11 @@ var InternalUploader = function InternalUploader(props, ref) {
       uploadQueue = _useState4[0],
       setUploadQueue = _useState4[1];
 
+  useEffect(function () {
+    if (defaultFileList) {
+      setFileList(defaultFileList);
+    }
+  }, [defaultFileList]);
   var b = cn('uploader');
   var classes = classNames(className, b(''));
   useImperativeHandle(ref, function () {
@@ -248,6 +262,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'ready';
+            item.message = '准备上传';
           }
         });
         return _toConsumableArray(fileList);
@@ -260,6 +275,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'uploading';
+            item.message = '上传中...';
           }
         });
         return _toConsumableArray(fileList);
@@ -276,6 +292,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'success';
+            item.message = '上传成功';
           }
         });
         return _toConsumableArray(fileList);
@@ -291,6 +308,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'error';
+            item.message = '上传失败';
           }
         });
         return _toConsumableArray(fileList);
@@ -323,6 +341,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
+      fileItem.message = '准备上传';
       executeUpload(fileItem, index);
 
       if (isPreview && file.type.includes('image')) {
@@ -412,9 +431,13 @@ var InternalUploader = function InternalUploader(props, ref) {
     }
   };
 
+  var handleItemClick = function handleItemClick(file) {
+    fileItemClick && fileItemClick(file);
+  };
+
   return React__default.createElement("div", _objectSpread({
     className: classes
-  }, restProps), children ? React__default.createElement("div", {
+  }, 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", {
     className: "nut-uploader__input",
@@ -433,32 +456,75 @@ var InternalUploader = function InternalUploader(props, ref) {
     disabled: disabled,
     multiple: multiple,
     onChange: fileChange
-  })))) : React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map(function (item, index) {
-    console.log('item', item);
+  })))), fileList.length !== 0 && fileList.map(function (item, index) {
     return React__default.createElement("div", {
-      className: "nut-uploader__preview",
+      className: "nut-uploader__preview ".concat(listType),
       key: item.uid
-    }, React__default.createElement("div", {
+    }, listType == 'picture' && !children && React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, isDeletable && React__default.createElement(Icon, {
+    }, item.status === 'ready' ? React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)) : item.status !== 'success' && React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, React__default.createElement(Icon, {
+      color: "#fff",
+      name: "".concat(item.status == 'error' ? 'failure' : 'loading')
+    }), React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)), isDeletable && React__default.createElement(Icon, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
-      name: "circle-close",
+      name: "failure",
       click: function click() {
         return onDelete(item, index);
       }
-    }), item.type.includes('image') && item.url && React__default.createElement("img", {
+    }), item.type.includes('image') ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: item.url
-    }), !item.type.includes('image') && defaultImg && React__default.createElement("img", {
+      src: item.url,
+      onClick: function onClick() {
+        return handleItemClick(item);
+      }
+    })) : React__default.createElement(React__default.Fragment, null, defaultImg ? React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: defaultImg
-    }), item.status !== 'success' && React__default.createElement("div", {
+      src: defaultImg,
+      onClick: function onClick() {
+        return handleItemClick(item);
+      }
+    }) : React__default.createElement("div", {
+      className: "nut-uploader__preview-img__file"
+    }, React__default.createElement("div", {
+      onClick: function onClick() {
+        return handleItemClick(item);
+      },
+      className: "nut-uploader__preview-img__file__name"
+    }, React__default.createElement(Icon, {
+      color: "#808080",
+      name: "link"
+    }), "\xA0", item.name))), React__default.createElement("div", {
       className: "tips"
-    }, item.status)));
-  }), maximum > fileList.length && React__default.createElement("div", {
-    className: "nut-uploader__upload"
+    }, item.name)), listType == '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(Icon, {
+      name: "link"
+    }), "\xA0", item.name), React__default.createElement(Icon, {
+      color: "#808080",
+      className: "nut-uploader__preview-img__file__del",
+      name: "del",
+      click: function click() {
+        return onDelete(item, index);
+      }
+    })));
+  }), maximum > fileList.length && listType == 'picture' && !children && React__default.createElement("div", {
+    className: "nut-uploader__upload ".concat(listType)
   }, React__default.createElement(Icon, {
+    size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
   }), capture ? React__default.createElement("input", {
@@ -478,7 +544,7 @@ var InternalUploader = function InternalUploader(props, ref) {
     disabled: disabled,
     multiple: multiple,
     onChange: fileChange
-  }))));
+  })));
 };
 
 var Uploader = React__default.forwardRef(InternalUploader);

package/dist/esm/nutui-react.es.js

@@ -55,6 +55,7 @@ export { default as CountDown } from './CountDown.js';
 export { default as Collapse } from './Collapse.js';
 export { default as CollapseItem } from './CollapseItem.js';
 export { default as AnimatingNumbers } from './AnimatingNumbers.js';
+export { default as ConfigProvider } from './ConfigProvider.js';
 export { default as Address } from './Address.js';
 export { default as Barrage } from './Barrage.js';
 export { default as Signature } from './Signature.js';