@nutui/nutui-react 1.3.3-beta.0 → 1.3.3-beta.2

package/dist/esm/MenuItem.js

@@ -11,9 +11,11 @@ import { CSSTransition } from 'react-transition-group';
 import { useConfig } from './ConfigProvider.js';
 import Icon from './Icon.js';
 import { O as Overlay } from './overlay-ed3eb37d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
   columns: 1,
@@ -26,7 +28,7 @@ var defaultProps = {
   onChange: function onChange(value) {
     return undefined;
   }
-};
+});
 
 var MenuItem = function MenuItem(props) {
   useConfig();
@@ -178,10 +180,10 @@ var MenuItem = function MenuItem(props) {
         handleClick(item);
       }
     }, item.value === _value ? React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: getIconCName(item.value, value),
       name: optionsIcon,
-      classPrefix: iconClassPrefix,
-      fontClassName: fontClassName,
       color: activeColor
     }) : null, React__default.createElement("div", {
       className: getIconCName(item.value, value),

package/dist/esm/NavBar.js

@@ -8,8 +8,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: '',
   desc: '',
   leftShow: true,
@@ -22,7 +24,7 @@ var defaultProps = {
   placeholder: false,
   zIndex: 10,
   style: {}
-};
+});
 
 var NavBar = function NavBar(props) {
   var _classNames;
@@ -70,6 +72,8 @@ var NavBar = function NavBar(props) {
         return onClickBack(e);
       }
     }, leftShow && React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "left",
       color: "#979797"
     }), leftText && React__default.createElement("div", {
@@ -90,6 +94,8 @@ var NavBar = function NavBar(props) {
         return onClickIcon(e);
       }
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titIcon
     })), slot.content);
   };

package/dist/esm/NoticeBar.js

@@ -10,8 +10,10 @@ import classNames from 'classnames';
 import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   // 滚动方向  across 横向 vertical 纵向
   direction: 'across',
   list: [],
@@ -27,7 +29,7 @@ var defaultProps = {
   delay: 1,
   scrollable: null,
   speed: 50
-};
+});
 
 var NoticeBar = function NoticeBar(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -320,6 +322,8 @@ var NoticeBar = function NoticeBar(props) {
       backgroundImage: "url(".concat(iconBg() || '', ")")
     }
   }, !iconBg() ? React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "notice",
     size: "16",
     color: color
@@ -335,6 +339,8 @@ var NoticeBar = function NoticeBar(props) {
     className: "right-icon",
     onClick: onClickIcon
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: rightIcon || 'close',
     color: color
   })) : null) : null, scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
@@ -367,6 +373,8 @@ var NoticeBar = function NoticeBar(props) {
       handleClickIcon();
     }
   }, rightIcon || (closeMode ? React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "cross",
     color: color,
     size: "11px"

package/dist/esm/Popover.js

@@ -21,6 +21,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import Icon from './Icon.js';
 import Overlay from './Overlay.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 /**
  * 过滤ref
  */
@@ -102,7 +103,7 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   return Trigger;
 }(React__default.Component);
 
-var defaultProps = {
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   list: [],
   theme: 'light',
   location: 'bottom',
@@ -111,7 +112,7 @@ var defaultProps = {
   className: '',
   onClick: function onClick(e) {},
   onChoose: function onChoose(item, index) {}
-};
+});
 
 var Popover = function Popover(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -239,6 +240,8 @@ var Popover = function Popover(props) {
         handleChoose(item, i);
       }
     }, item.icon ? React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "popover-menu-item-img",
       name: item.icon
     }) : '', React__default.createElement("div", {

package/dist/esm/Popup.js

@@ -13,9 +13,10 @@ import { d as defaultOverlayProps } from './overlay-ed3eb37d.js';
 import Icon from './Icon.js';
 import Overlay from './Overlay.js';
 import { c as cn } from './bem-893ad28d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
 
-var defaultProps = _objectSpread({
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   position: 'center',
   transition: '',
   style: {},
@@ -186,6 +187,8 @@ var Popup = function Popup(props) {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: closeIcon,
       size: "12px"
     })) : ''));

package/dist/esm/Progress.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children"];
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"],
+    _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children"];
 
 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; }
 
@@ -8,10 +9,72 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+var defaultProps$1 = {
+  name: '',
+  size: '',
+  classPrefix: 'nut-icon',
+  fontClassName: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  onClick: function onClick(e) {},
+  className: ''
+};
+
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+
+function Icon(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      name = _defaultProps$1$props.name,
+      size = _defaultProps$1$props.size,
+      classPrefix = _defaultProps$1$props.classPrefix,
+      color = _defaultProps$1$props.color,
+      tag = _defaultProps$1$props.tag,
+      children = _defaultProps$1$props.children,
+      className = _defaultProps$1$props.className,
+      fontClassName = _defaultProps$1$props.fontClassName,
+      style = _defaultProps$1$props.style,
+      onClick = _defaultProps$1$props.onClick,
+      rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+  };
+
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
+    style: _objectSpread({
+      color: color,
+      fontSize: pxCheck(size),
+      width: pxCheck(size),
+      height: pxCheck(size)
+    }, style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+}
+
+Icon.defaultProps = defaultProps$1;
+Icon.displayName = 'NutIcon';
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
   isShowPercentage: true,
@@ -31,7 +94,7 @@ var defaultProps = {
   iconSize: '16px',
   rounded: true,
   children: undefined
-};
+});
 
 var Progress = function Progress(props) {
   var _classNames, _classNames2, _classNames4;
@@ -57,7 +120,7 @@ var Progress = function Progress(props) {
       iconSize = _defaultProps$props.iconSize,
       rounded = _defaultProps$props.rounded,
       children = _defaultProps$props.children,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
 
   var b = cn('progress');
   var classes = classNames(b(''));
@@ -119,6 +182,8 @@ var Progress = function Progress(props) {
       color: textColor || '#333'
     }
   }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: iconSize,
     name: iconName,
     color: iconColor

package/dist/esm/Radio.js

@@ -11,7 +11,9 @@ import React__default, { useState, useContext, useEffect } from 'react';
 import Icon from './Icon.js';
 import { R as RadioContext } from './context-aa058329.js';
 import RadioGroup from './RadioGroup.js';
-var defaultProps = {
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
   disabled: false,
@@ -23,7 +25,7 @@ var defaultProps = {
   iconActiveName: 'check-checked',
   iconSize: 18,
   onChange: function onChange(e) {}
-};
+});
 
 var Radio = function Radio(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -94,6 +96,8 @@ var Radio = function Radio(props) {
         iconSize = props.iconSize,
         iconActiveName = props.iconActiveName;
     return React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: checkedStatement ? iconActiveName : iconName,
       size: iconSize,
       className: color()

package/dist/esm/Rate.js

@@ -8,8 +8,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   count: 5,
   modelValue: 0,
   minimizeValue: 0,
@@ -22,7 +24,7 @@ var defaultProps = {
   readonly: false,
   allowHalf: false,
   spacing: 14
-};
+});
 
 var Rate = function Rate(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -102,16 +104,22 @@ var Rate = function Rate(props) {
         marginRight: pxCheck(spacing)
       }
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: iconSize,
       className: "".concat(bi('icon'), " ").concat(disabled || n > score ? bi('icon--disabled') : ''),
       name: n <= score ? checkedIcon : uncheckedIcon,
       color: n <= score ? activeColor : voidColor
     }), allowHalf && score > n - 1 && React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "".concat(bi('icon'), " ").concat(bi('icon--half')),
       color: n <= score ? activeColor : voidColor,
       size: iconSize,
       name: checkedIcon
     }), allowHalf && score < n - 1 && React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "".concat(bi('icon'), " ").concat(bi('icon--disabled'), " ").concat(bi('icon--half')),
       color: voidColor,
       size: iconSize,

package/dist/esm/SearchBar.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 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; }
 
@@ -9,8 +9,10 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   placeholder: '',
   shape: 'square',
   disabled: false,
@@ -24,7 +26,7 @@ var defaultProps = {
     name: "search",
     size: "12"
   })
-};
+});
 
 var SearchBar = function SearchBar(props) {
   var searchbarBem = cn('searchbar');
@@ -192,6 +194,8 @@ var SearchBar = function SearchBar(props) {
         return clearaVal(e);
       }
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "circle-close",
       size: "12",
       color: "#555"

package/dist/esm/ShortPassword.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete"];
 
 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,8 +13,10 @@ import { c as cn } from './bem-893ad28d.js';
 import Popup from './Popup.js';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: '',
   desc: '',
   tips: '',
@@ -31,7 +33,7 @@ var defaultProps = {
   onClose: function onClose() {},
   onTips: function onTips() {},
   onComplete: function onComplete(value) {}
-};
+});
 
 var ShortPassword = function ShortPassword(props) {
   var _useConfig = useConfig(),
@@ -189,6 +191,8 @@ var ShortPassword = function ShortPassword(props) {
   }, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
     className: b('message__forget')
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "icon",
     size: "11px",
     name: "tips"

package/dist/esm/Step.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
@@ -11,15 +11,17 @@ import classNames from 'classnames';
 import { D as DataContext } from './UserContext-68f62e66.js';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: '',
   content: '',
   activeIndex: 0,
   icon: '',
   iconColor: '',
   size: '12px'
-};
+});
 
 var Step = function Step(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -79,6 +81,8 @@ var Step = function Step(props) {
   }), React__default.createElement("div", {
     className: renderIconClass()
   }, icon ? React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "nut-step-icon-inner",
     color: iconColor,
     name: icon,

package/dist/esm/TabbarItem.js

@@ -8,8 +8,10 @@ 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 { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false,
   size: '',
   classPrefix: 'nut-icon',
@@ -23,7 +25,7 @@ var defaultProps = {
   unactiveColor: '',
   index: 0,
   handleClick: function handleClick(idx) {}
-};
+});
 
 var TabbarItem = function TabbarItem(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -73,9 +75,10 @@ var TabbarItem = function TabbarItem(props) {
   }, "99+")) : React__default.createElement("div", {
     className: "".concat(bIcon('dot'))
   }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: size,
-    name: icon,
-    classPrefix: classPrefix
+    name: icon
   })), React__default.createElement("div", {
     className: bIcon({
       'nav-word': true

package/dist/esm/Table.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter"];
 
 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; }
@@ -12,8 +12,10 @@ import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
   columns: [],
@@ -21,7 +23,7 @@ var defaultProps = {
   bordered: true,
   striped: false,
   noData: '无数据'
-};
+});
 
 var Table = function Table(props) {
   var _useConfig = useConfig(),
@@ -89,6 +91,8 @@ var Table = function Table(props) {
           return handleSorterClick(item);
         }
       }, item.title, item.sorter && React__default.createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "down-arrow",
         size: "12px"
       }));

package/dist/esm/Tabs.js

@@ -1,7 +1,8 @@
-import { T as Tabs } from './tabs-a48583e9.js';
-export { T as default } from './tabs-a48583e9.js';
+import { T as Tabs } from './tabs-41234c2c.js';
+export { T as default } from './tabs-41234c2c.js';
 import 'react';
 import 'classnames';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
 import './Icon.js';
+import './typings-1c5f2628.js';

package/dist/esm/Tag.js

@@ -7,7 +7,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useEffect } from 'react';
 import Icon from './Icon.js';
-var defaultProps = {
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: 'default',
   color: '',
   textColor: '',
@@ -18,7 +20,7 @@ var defaultProps = {
   prefixCls: 'nut-tag',
   onClose: function onClose(e) {},
   onClick: function onClick(e) {}
-};
+});
 
 var Tag = function Tag(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -87,6 +89,8 @@ var Tag = function Tag(props) {
   }, children && React__default.createElement("span", {
     className: "text"
   }, children), React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "_icon",
     name: "close",
     size: "12",

package/dist/esm/Uploader.js

@@ -15,6 +15,7 @@ import classNames from 'classnames';
 import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
 
 var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
@@ -108,7 +109,7 @@ var Upload = /*#__PURE__*/function () {
   return Upload;
 }();
 
-var defaultProps = {
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   url: '',
   maximum: 1,
   uploadIcon: 'photograph',
@@ -134,7 +135,7 @@ var defaultProps = {
   beforeDelete: function beforeDelete(file, files) {
     return true;
   }
-};
+});
 
 var FileItem = /*#__PURE__*/_createClass(function FileItem() {
   _classCallCheck(this, FileItem);
@@ -483,11 +484,15 @@ var InternalUploader = function InternalUploader(props, ref) {
     }, item.message)) : item.status !== 'success' && React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       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, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "rgba(0,0,0,0.6)",
       className: "close",
       name: "failure",
@@ -516,6 +521,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       },
       className: "nut-uploader__preview-img__file__name"
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       name: "link"
     }), "\xA0", item.name))), React__default.createElement("div", {
@@ -528,8 +535,12 @@ var InternalUploader = function InternalUploader(props, ref) {
         return handleItemClick(item);
       }
     }, React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "link"
     }), "\xA0", item.name), React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       name: "del",
@@ -540,6 +551,8 @@ var InternalUploader = function InternalUploader(props, ref) {
   }), maximum > fileList.length && listType === 'picture' && !children && React__default.createElement("div", {
     className: "nut-uploader__upload ".concat(listType)
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon