@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

package/dist/esm/{elevator.taro-e37a3fbb.js → elevator.taro-15b0d8c2.js}

@@ -1,18 +1,23 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"];
+var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "clickItem", "clickIndex", "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; }
 
 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, { useRef, useState, useEffect } from 'react';
+import React__default, { createContext, useRef, useState, useEffect } from 'react';
+import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
+var elevatorContext = createContext({});
 var defaultProps = {
   height: '200px',
   acceptKey: 'title',
   indexList: [],
+  isSticky: false,
+  spaceHeight: 23,
+  titleHeight: 35,
   className: ''
 };
 
@@ -21,18 +26,24 @@ var Elevator = function Elevator(props) {
       height = _defaultProps$props.height,
       acceptKey = _defaultProps$props.acceptKey,
       indexList = _defaultProps$props.indexList,
+      isSticky = _defaultProps$props.isSticky,
+      spaceHeight = _defaultProps$props.spaceHeight,
+      titleHeight = _defaultProps$props.titleHeight,
       className = _defaultProps$props.className,
       clickItem = _defaultProps$props.clickItem,
       clickIndex = _defaultProps$props.clickIndex,
+      children = _defaultProps$props.children,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var b = cn('elevator');
-  var spaceHeight = 23;
   var listview = useRef(null);
   var initData = {
     anchorIndex: 0,
     listHeight: [],
-    listGroup: []
+    listGroup: [],
+    scrollY: 0,
+    diff: -1,
+    fixedTop: 0
   };
   var touchState = useRef({
     y1: 0,
@@ -41,24 +52,42 @@ var Elevator = function Elevator(props) {
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
-      currentIndex = _useState2[0],
-      setCurrentIndex = _useState2[1];
+      scrollY = _useState2[0],
+      setScrollY = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = useState({}),
       _useState4 = _slicedToArray(_useState3, 2),
-      scrollStart = _useState4[0],
-      setScrollStart = _useState4[1];
+      currentData = _useState4[0],
+      setCurrentData = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentKey = _useState6[0],
+      setCurrentKey = _useState6[1];
+
+  var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentIndex = _useState8[0],
+      setCurrentIndex = _useState8[1];
+
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      codeIndex = _useState10[0],
+      setCodeIndex = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      scrollStart = _useState12[0],
+      setScrollStart = _useState12[1];
 
   var state = useRef(initData); // 重置滚动参数
 
   var resetScrollState = function resetScrollState() {
-    state.current.anchorIndex = 0;
-    setCurrentIndex(0);
     setScrollStart(false);
-    touchState.current = {
-      y1: 0,
-      y2: 0
-    };
+  };
+
+  var clientHeight = function clientHeight() {
+    return listview.current ? listview.current.clientHeight : 0;
   };
 
   var getData = function getData(el, name) {
@@ -86,21 +115,29 @@ var Elevator = function Elevator(props) {
       calculateHeight();
     }
 
-    if (index < 0) index = 0;
-    if (index > state.current.listHeight.length - 2) index = state.current.listHeight.length - 2;
-    setCurrentIndex(index);
+    var cacheIndex = index;
+
+    if (index < 0) {
+      cacheIndex = 0;
+    }
+
+    if (index > state.current.listHeight.length - 2) {
+      cacheIndex = state.current.listHeight.length - 2;
+    }
+
+    setCodeIndex(cacheIndex);
 
     if (listview.current) {
-      listview.current.scrollTo(0, state.current.listHeight[index]);
+      listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
     }
   };
 
   var touchMove = function touchMove(e) {
     var firstTouch = e.touches[0];
     touchState.current.y2 = firstTouch.pageY;
-    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight | 0;
+    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
     var cacheIndex = state.current.anchorIndex + delta;
-    setCurrentIndex(cacheIndex);
+    setCodeIndex(cacheIndex);
     scrollTo(cacheIndex);
   };
 
@@ -114,8 +151,8 @@ var Elevator = function Elevator(props) {
     var firstTouch = e.touches[0];
     touchState.current.y1 = firstTouch.pageY;
     state.current.anchorIndex = +index;
-    setCurrentIndex(function (currentIndex) {
-      return currentIndex + index;
+    setCodeIndex(function (codeIndex) {
+      return codeIndex + index;
     });
     scrollTo(index);
     var target = e.currentTarget;
@@ -125,6 +162,8 @@ var Elevator = function Elevator(props) {
 
   var handleClickItem = function handleClickItem(key, item) {
     clickItem && clickItem(key, item);
+    setCurrentData(item);
+    setCurrentKey(key);
   };
 
   var handleClickIndex = function handleClickIndex(key) {
@@ -133,48 +172,107 @@ var Elevator = function Elevator(props) {
 
   var setListGroup = function setListGroup() {
     if (listview.current) {
-      var els = listview.current.querySelectorAll('.nut-elevator__list__item');
-      els.forEach(function (el) {
+      var query = Taro.createSelectorQuery();
+      query.selectAll('.nut-elevator__list__item');
+      query.exec(function (el) {
         if (el != null && !state.current.listGroup.includes(el)) {
           state.current.listGroup.push(el);
         }
-      });
+      }); // const els = listview.current.querySelectorAll('.nut-elevator__list__item')
+      // els.forEach((el: Element) => {
+      //   if (el != null && !state.current.listGroup.includes(el)) {
+      //     state.current.listGroup.push(el)
+      //   }
+      // })
+    }
+  };
+
+  var listViewScroll = function listViewScroll(e) {
+    var listHeight = state.current.listHeight;
+
+    if (!listHeight.length) {
+      calculateHeight();
+    }
+
+    var target = e.target;
+    var scrollTop = target.scrollTop;
+    state.current.scrollY = scrollTop;
+    setScrollY(scrollTop);
+
+    for (var i = 0; i < listHeight.length - 1; i++) {
+      var height1 = listHeight[i];
+      var height2 = listHeight[i + 1];
+
+      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
+        setCurrentIndex(i);
+        state.current.diff = height2 - state.current.scrollY;
+        return;
+      }
     }
+
+    setCurrentIndex(listHeight.length - 2);
   };
 
   useEffect(function () {
     if (listview.current) {
       setListGroup();
+      listview.current.addEventListener('scroll', listViewScroll);
     }
-  }, [listview.current]);
+  }, [listview]);
+  useEffect(function () {
+    var _state$current = state.current,
+        listHeight = _state$current.listHeight,
+        diff = _state$current.diff,
+        scrollY = _state$current.scrollY;
+    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
+
+    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
+      if (fixedTop !== 0) {
+        fixedTop = 0;
+      }
+    }
+
+    if (state.current.fixedTop === fixedTop) return;
+    state.current.fixedTop = fixedTop;
+  }, [state.current.diff, titleHeight]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
-  }, rest), React__default.createElement("div", {
+  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
+    className: b('list__fixed')
+  }, React__default.createElement("span", {
+    className: "fixed-title"
+  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
     className: b('list'),
-    ref: listview,
     style: {
-      height: isNaN(+height) ? height : "".concat(height, "px")
+      height: Number.isNaN(+height) ? height : "".concat(height, "px")
     }
-  }, indexList.map(function (item) {
+  }, React__default.createElement("div", {
+    className: b('list__inner'),
+    ref: listview
+  }, indexList.map(function (item, idx) {
     return React__default.createElement("div", {
       className: b('list__item'),
-      key: item[acceptKey]
+      key: idx
     }, React__default.createElement("div", {
       className: b('list__item__code')
     }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
       return React__default.createElement("div", {
-        className: b('list__item__name'),
+        className: b('list__item__name', {
+          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
+        }),
         key: subitem.id,
         onClick: function onClick() {
           return handleClickItem(item[acceptKey], subitem);
         }
-      }, subitem.name);
+      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
+        value: subitem
+      }, children)) : subitem.name);
     })));
-  })), indexList.length && scrollStart ? React__default.createElement("div", {
-    className: b('code', {
+  }))), indexList.length && scrollStart ? React__default.createElement("div", {
+    className: b('code--current', {
       current: true
     })
-  }, ' ', indexList[currentIndex][acceptKey]) : null, React__default.createElement("div", {
+  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
     className: b('bars'),
     onTouchStart: function onTouchStart(event) {
       return touchStart(event);
@@ -186,9 +284,11 @@ var Elevator = function Elevator(props) {
     className: b('bars__inner')
   }, indexList.map(function (item, index) {
     return React__default.createElement("div", {
-      className: b('bars__inner__item'),
+      className: b('bars__inner__item', {
+        active: item[acceptKey] === indexList[currentIndex][acceptKey]
+      }),
       "data-index": index,
-      key: item[acceptKey],
+      key: index,
       onClick: function onClick() {
         return handleClickIndex(item[acceptKey]);
       }

package/dist/esm/{empty.taro-c7ccac8a.js → empty.taro-20b8adac.js}

@@ -9,7 +9,7 @@ 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 { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 /**
  * 内置图片地址
  */
@@ -79,14 +79,14 @@ var Empty = function Empty(props) {
   }, [imageSize]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
-  }, rest), React__default.createElement("div", {
+  }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: b('image'),
     style: imgStyle
   }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
     className: b('description')
   }, description) : {
     description: description
-  }, children);
+  }, children));
 };
 
 Empty.defaultProps = defaultProps;

package/dist/esm/{fixednav.taro-5b473df6.js → fixednav.taro-75e35339.js}

@@ -8,14 +8,14 @@ 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-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { O as Overlay } from './overlay-ed3eb37d.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
   fixednavClass: 'nut-fixednav',
-  activeText: '收起导航',
-  unActiveText: '快速导航',
+  activeText: '',
+  unActiveText: '',
   type: 'right',
   position: {
     top: 'auto',

package/dist/esm/grid.taro-7fb43d02.js

@@ -0,0 +1,90 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className"];
+
+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 from 'react';
+import { u as useConfig } from './configprovider-9c393a29.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  columnNum: 4,
+  border: true,
+  gutter: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: 'vertical',
+  iconSize: 28,
+  iconColor: ''
+};
+
+var Grid = function Grid(props) {
+  useConfig();
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      columnNum = _defaultProps$props.columnNum,
+      border = _defaultProps$props.border,
+      gutter = _defaultProps$props.gutter,
+      center = _defaultProps$props.center,
+      square = _defaultProps$props.square,
+      reverse = _defaultProps$props.reverse,
+      direction = _defaultProps$props.direction,
+      style = _defaultProps$props.style,
+      iconSize = _defaultProps$props.iconSize,
+      iconColor = _defaultProps$props.iconColor,
+      className = _defaultProps$props.className,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var childrenDom = React__default.Children.toArray(children);
+
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+
+  var b = cn('grid');
+
+  var rootClass = function rootClass() {
+    var prefixCls = b();
+    return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
+  };
+
+  var rootStyle = function rootStyle() {
+    var styleSelf = {};
+
+    if (style) {
+      styleSelf = style;
+    }
+
+    if (gutter) {
+      styleSelf.paddingLeft = pxCheck(gutter);
+    }
+
+    return styleSelf;
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: rootClass(),
+    style: rootStyle()
+  }, rest), childrenDom.map(function (item, idex) {
+    return React__default.cloneElement(item, {
+      index: idex,
+      columnNum: columnNum,
+      center: center,
+      border: border,
+      gutter: gutter,
+      square: square,
+      reverse: reverse,
+      direction: direction,
+      parentIconSize: iconSize,
+      parentIconColor: iconColor
+    });
+  }));
+};
+
+Grid.defaultProps = defaultProps;
+Grid.displayName = 'NutGrid';
+export { Grid as G };

package/dist/esm/griditem.taro-8020b409.js

@@ -0,0 +1,98 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction"];
+
+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 from 'react';
+import { u as useConfig } from './configprovider-9c393a29.js';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-8dc4de10.js';
+var defaultProps = {
+  text: '',
+  icon: '',
+  iconSize: '',
+  iconColor: '',
+  parentIconSize: '',
+  parentIconColor: '',
+  columnNum: 4,
+  border: true,
+  gutter: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: 'vertical'
+};
+
+var GridItem = function GridItem(props) {
+  useConfig();
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      columnNum = _defaultProps$props.columnNum,
+      index = _defaultProps$props.index,
+      gutter = _defaultProps$props.gutter,
+      square = _defaultProps$props.square,
+      text = _defaultProps$props.text,
+      icon = _defaultProps$props.icon,
+      iconColor = _defaultProps$props.iconColor,
+      iconSize = _defaultProps$props.iconSize,
+      parentIconSize = _defaultProps$props.parentIconSize,
+      parentIconColor = _defaultProps$props.parentIconColor,
+      border = _defaultProps$props.border,
+      center = _defaultProps$props.center,
+      reverse = _defaultProps$props.reverse,
+      direction = _defaultProps$props.direction,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('grid-item');
+
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+
+  var rootStyle = function rootStyle() {
+    var style = {
+      flexBasis: "".concat(100 / +columnNum, "%")
+    };
+
+    if (square) {
+      style.paddingTop = "".concat(100 / +columnNum, "%");
+    } else if (gutter) {
+      style.paddingRight = pxCheck(gutter);
+
+      if (index >= columnNum) {
+        style.marginTop = pxCheck(gutter);
+      }
+    }
+
+    return style;
+  };
+
+  var contentClass = function contentClass() {
+    return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), "  ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n      ");
+  };
+
+  var isIconName = function isIconName() {
+    return typeof icon === 'string';
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: b(),
+    style: rootStyle()
+  }, rest), React__default.createElement("div", {
+    className: contentClass()
+  }, icon && isIconName() ? React__default.createElement(Icon, {
+    name: icon,
+    size: iconSize || parentIconSize,
+    color: iconColor || parentIconColor
+  }) : React__default.createElement(React__default.Fragment, null, icon), text && React__default.createElement("div", {
+    className: "nut-grid-item__text"
+  }, text), children && React__default.createElement(React__default.Fragment, null, children)));
+};
+
+GridItem.defaultProps = defaultProps;
+GridItem.displayName = 'NutGridItem';
+export { GridItem as G };

package/dist/esm/{icon-62bd7379.js → icon-8dc4de10.js}

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "click"];
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
 
 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,11 +11,11 @@ import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   name: '',
   size: '',
-  classPrefix: 'nutui-icon',
+  classPrefix: 'nut-icon',
   fontClassName: 'nutui-iconfont',
   color: '',
   tag: 'i',
-  click: function click(e) {},
+  onClick: function onClick(e) {},
   className: ''
 };
 
@@ -23,7 +23,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
 }
 
-var Icon = function Icon(props) {
+function Icon(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       name = _defaultProps$props.name,
       size = _defaultProps$props.size,
@@ -34,7 +34,7 @@ var Icon = function Icon(props) {
       className = _defaultProps$props.className,
       fontClassName = _defaultProps$props.fontClassName,
       style = _defaultProps$props.style,
-      click = _defaultProps$props.click,
+      onClick = _defaultProps$props.onClick,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var isImage = name ? name.indexOf('/') !== -1 : false;
@@ -42,8 +42,8 @@ var Icon = function Icon(props) {
   var b = cn('icon');
 
   var handleClick = function handleClick(e) {
-    if (props.click) {
-      props.click(e);
+    if (onClick) {
+      onClick(e);
     }
   };
 
@@ -55,7 +55,7 @@ var Icon = function Icon(props) {
   };
 
   return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(fontClassName, " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
+    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),
@@ -65,7 +65,7 @@ var Icon = function Icon(props) {
   }, rest), {}, {
     onClick: handleClick
   }, hasSrc()), children);
-};
+}
 
 Icon.defaultProps = defaultProps;
 Icon.displayName = 'NutIcon';

package/dist/esm/{icon.taro-bf130544.js → icon.taro-1d0d4fb7.js}

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"];
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
 
 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,10 +11,11 @@ import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   name: '',
   size: '',
-  classPrefix: 'nutui-iconfont',
+  classPrefix: 'nut-icon',
+  fontClassName: 'nutui-iconfont',
   color: '',
   tag: 'i',
-  click: function click(e) {},
+  onClick: function onClick(e) {},
   className: ''
 };
 
@@ -22,7 +23,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
 }
 
-var Icon = function Icon(props) {
+function Icon(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       name = _defaultProps$props.name,
       size = _defaultProps$props.size,
@@ -31,8 +32,9 @@ var Icon = function Icon(props) {
       tag = _defaultProps$props.tag,
       children = _defaultProps$props.children,
       className = _defaultProps$props.className,
+      fontClassName = _defaultProps$props.fontClassName,
       style = _defaultProps$props.style,
-      click = _defaultProps$props.click,
+      onClick = _defaultProps$props.onClick,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var isImage = name ? name.indexOf('/') !== -1 : false;
@@ -40,8 +42,8 @@ var Icon = function Icon(props) {
   var b = cn('icon');
 
   var handleClick = function handleClick(e) {
-    if (props.click) {
-      props.click(e);
+    if (onClick) {
+      onClick(e);
     }
   };
 
@@ -53,7 +55,7 @@ var Icon = function Icon(props) {
   };
 
   return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
+    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),
@@ -63,7 +65,7 @@ var Icon = function Icon(props) {
   }, rest), {}, {
     onClick: handleClick
   }, hasSrc()), children);
-};
+}
 
 Icon.defaultProps = defaultProps;
 Icon.displayName = 'NutIcon';