@nutui/nutui-react 1.3.2 → 1.3.3-beta.1

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

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

package/dist/esm/InputNumber.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", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus"];
 
 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,8 +11,10 @@ import React__default, { useState, useEffect } 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), {}, {
   disabled: false,
   buttonSize: '',
   min: 1,
@@ -23,7 +25,7 @@ var defaultProps = {
   step: 1,
   decimalPlaces: 0,
   isAsync: false
-};
+});
 
 function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
@@ -164,6 +166,8 @@ var InputNumber = function InputNumber(props) {
     className: classes,
     style: styles
   }, restProps), React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
@@ -182,6 +186,8 @@ var InputNumber = function InputNumber(props) {
     onBlur: burValue,
     onFocus: focusValue
   }), React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/layout/layout.scss')
+import '../../../packages/layout/layout.scss'

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

@@ -1,3 +1,3 @@
 
-require('../../MenuItem/style')
-require('../../../packages/menu/menu.scss')
+import '../../MenuItem/style'
+import '../../../packages/menu/menu.scss'

package/dist/esm/Menu.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor"];
 
 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,7 +11,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import Icon from './Icon.js';
-var defaultProps = {
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
   activeColor: '#F2270C',
@@ -19,7 +21,7 @@ var defaultProps = {
   scrollFixed: false,
   lockScroll: true,
   titleIcon: ''
-};
+});
 
 var Menu = function Menu(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -157,6 +159,8 @@ var Menu = function Menu(props) {
     }, React__default.createElement("div", {
       className: "nut-menu__title-text"
     }, finallyTitle()), React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "nut-menu__title-icon",
       size: "10",
       name: titleIcon || (direction === 'up' ? 'arrow-up' : 'down-arrow')

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

@@ -1,3 +1,3 @@
-require('../../Icon/style')
-require('../../Popup/style')
-require('../../../packages/menuitem/menuitem.scss')
+import '../../Icon/style'
+import '../../Popup/style'
+import '../../../packages/menuitem/menuitem.scss'

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/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/navbar/navbar.scss')
+import '../../../packages/navbar/navbar.scss'

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/style/index.js

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

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),
@@ -53,7 +55,7 @@ var NoticeBar = function NoticeBar(props) {
       click = _defaultProps$props.click;
 
   var wrap = useRef(null);
-  var content = useRef(null); // const [scrollList,SetScrollList] = useState([])
+  var content = useRef(null);
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -107,7 +109,6 @@ var NoticeBar = function NoticeBar(props) {
       isCanScroll = _useState20[0],
       SetIsCanScroll = _useState20[1];
 
-  useState(0);
   useEffect(function () {
     if (direction === 'vertical') {
       if (children) {
@@ -207,7 +208,7 @@ var NoticeBar = function NoticeBar(props) {
 
   var startRollEasy = function startRollEasy() {
     showhorseLamp();
-    var timerCurr = window.setInterval(showhorseLamp, ~~(height / speed / 4) * 1000 + Number(standTime));
+    var timerCurr = setInterval(showhorseLamp, ~~(height / speed / 4) * 1000 + Number(standTime));
     SetTimer(timerCurr);
   };
 
@@ -286,7 +287,6 @@ var NoticeBar = function NoticeBar(props) {
   };
 
   var contentStyle = {
-    // paddingLeft: firstRound ? 0 : `${wrapWidth}px`,
     animationDelay: "".concat(firstRound ? delay : 0, "s"),
     animationDuration: "".concat(duration, "s"),
     transform: "translateX(".concat(firstRound ? 0 : "".concat(wrapWidth, "px"), ")")
@@ -322,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
@@ -337,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", {
@@ -369,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/Notify/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/notify/notify.scss')
+import '../../../packages/notify/notify.scss'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/numberkeyboard/numberkeyboard.scss')
+import '../../../packages/numberkeyboard/numberkeyboard.scss'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/overlay/overlay.scss')
+import '../../../packages/overlay/overlay.scss'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/pagination/pagination.scss')
+import '../../../packages/pagination/pagination.scss'

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

@@ -1,2 +1,2 @@
-require('../../Popup/style')
-require('../../../packages/picker/picker.scss')
+import '../../Popup/style'
+import '../../../packages/picker/picker.scss'

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

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

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/style/index.js

@@ -1,3 +1,3 @@
-require('../../Icon/style')
-require('../../Overlay/style')
-require('../../../packages/popup/popup.scss')
+import '../../Icon/style'
+import '../../Overlay/style'
+import '../../../packages/popup/popup.scss'

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/Price/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/price/price.scss')
+import '../../../packages/price/price.scss'

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

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

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/PullToRefresh/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/pulltorefresh/pulltorefresh.scss')
+import '../../../packages/pulltorefresh/pulltorefresh.scss'

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

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

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/RadioGroup/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/radiogroup/radiogroup.scss')
+import '../../../packages/radiogroup/radiogroup.scss'

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

@@ -1,2 +1,2 @@
-require('../../Toast/style')
-require('../../../packages/range/range.scss')
+import '../../Toast/style'
+import '../../../packages/range/range.scss'

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

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

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),
@@ -38,7 +40,7 @@ var Rate = function Rate(props) {
       readonly = _defaultProps$props.readonly,
       allowHalf = _defaultProps$props.allowHalf,
       spacing = _defaultProps$props.spacing,
-      change = _defaultProps$props.change;
+      onChange = _defaultProps$props.onChange;
 
   var b = cn('rate');
   var bi = cn('rate-item');
@@ -86,7 +88,7 @@ var Rate = function Rate(props) {
     }
     value = Math.max(value, Number(minimizeValue));
     setScore(value);
-    change && change(value);
+    onChange && onChange(value);
   };
 
   return React__default.createElement("div", {
@@ -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/Row/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/row/row.scss')
+import '../../../packages/row/row.scss'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/searchbar/searchbar.scss')
+import '../../../packages/searchbar/searchbar.scss'