@nutui/nutui-react 1.3.10 → 1.3.11

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.3.11
+`2022-11-16`
+
+* :bug: fix: CheckboxGroup和RadioGroup组件动态改变options没有导致子组件更新问题 (#464) @cuicuiworld
+* :sparkles: feat: avatar组件支持iconSize自定义图标大小 (#461) @cuicuiworld
+* :bug: fix: avatar img 标签增加 avatar-img (#462) @oasis-cloud
+* :bug: fix: button 组件中 icon 单独使用不居中  @oasis-cloud
+* :bug: fix: tag组件去除多余标签元素 (#459) @cuicuiworld
+* :bug: fix: calendar 今日标签样式错误 (#460) @Phyzait
+* :sparkles: feat: infiniteloading 组件适配 taro (#458) @junjun666
+* :bug: fix: 修复taro原生img标签无法重新渲染的问题 (#455) @junjun666
+* :sparkles: feat: swiperItem组件支持className和style属性 (#454) @cuicuiworld
+* :bug: fix: 修复TabBar组件demo演示页路由跳转失败问题 (#451) @cuicuiworld
+* :bug: fix: 修复Row组件的文档示例错误 (#453) @simpleStyle
+* 📖 docs: 修复 datepicker 文档中示例代码错误 (#449) @xxxnine
+* :sparkles: feat: 补全button的关于小程序API的typescript支持 (#447) @simpleStyle
+* :bug: fix: input组件defaultvalue值为空时不可清除问题修复 (#452) vickyYe*
+* :sparkles: feat: menuitem 支持 ref (#450) @oasis-cloud
+* :sparkles: feat: badge组件支持className和style属性 (#444) @cuicuiworld
+* :bug: fix: 引入样式文件运行报错(#439) (#441) @hydeia
+* :sparkles: feat: button组件支持原生小程序和H5的button特性 (#433) @simpleStyle
+* :sparkles: feat: row和col组件支持className和style属性 (#440) @cuicuiworld
+* :sparkles: feat: rate组件添加className和style属性 (#438) @cuicuiworld
+
 # v1.3.10
 `2022-11-09`
 

package/README.md

@@ -3,54 +3,52 @@
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
 
-<p align="center">京东风格的轻量级移动端 React 组件库</p>
+<p align="center">京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序</p>
 
 <p align="center">
     <a href="http://makeapullrequest.com">
     <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome" />
   </a>
-
-
-<a href="https://github.com/jdf2e/nutui">
-<img src="https://img.shields.io/npm/l/@nutui/nutui-react.svg" alt="license"/>
-</a>
-<a href="https://www.npmjs.com/package/@nutui/nutui-react">
-<img src="https://img.shields.io/npm/v/@nutui/nutui-react.svg?style=flat-square">
-</a>
-<a href="https://www.npmjs.com/package/@nutui/nutui-react">
-<img src="https://img.shields.io/npm/dt/@nutui/nutui-react.svg?style=flat-square">
-</a>
-
-<a href="https://github.com/jdf2e/nutui">
-  <img src="https://img.shields.io/github/contributors/jdf2e/nutui-react" alt="GitHub contributors">
-</a>
+  <a href="https://github.com/jdf2e/nutui-react">
+    <img src="https://img.shields.io/npm/l/@nutui/nutui-react.svg" alt="license"/>
+  </a>
+  <a href="https://www.npmjs.com/package/@nutui/nutui-react">
+    <img src="https://img.shields.io/npm/v/@nutui/nutui-react.svg?style=flat-square">
+  </a>
+  <a href="https://www.npmjs.com/package/@nutui/nutui-react">
+    <img src="https://img.shields.io/npm/dt/@nutui/nutui-react.svg?style=flat-square">
+  </a>
+  <a href="https://github.com/jdf2e/nutui-react">
+    <img src="https://img.shields.io/github/contributors/jdf2e/nutui-react" alt="GitHub contributors">
+  </a>
+  <a href="https://github.com/jdf2e/nutui-react">
+    <img src="https://img.shields.io/github/release-date/jdf2e/nutui-react" alt="GitHub Release Date">
+  </a>
+  <a href="https://github.com/jdf2e/nutui-react">
+    <img src="https://img.shields.io/github/commit-activity/w/jdf2e/nutui-react" alt="GitHub commit activity">
+   </a>
 </p>
 
+<p align='center'>
+  <img src="https://img12.360buyimg.com/imagetools/jfs/t1/202336/18/18586/7437/61b832ccE0b13d53d/18605da7232a5a0e.png" height="180" alt="NutUI-React" />  &nbsp;
+  <img src="https://img13.360buyimg.com/imagetools/jfs/t1/102323/22/33163/27773/632a7855E75c9fa02/8c351778f47d24f5.jpg" width="200" alt="NutUI-React" />
+</p>
 
-> Nut[nʌt]，源自电影《冰河世纪》里松鼠 Scrat "执迷不悟"，一生追求，即便引发大灾难也绝不松手的坚果。
 ---
-
+> Nut[nʌt]，源自电影《冰河世纪》里松鼠 Scrat "执迷不悟"，一生追求，即便引发大灾难也绝不松手的坚果。
 
 ##  特性
 
-* 🚀 70+ 高质量组件（React 1.0 持续开发中）,覆盖移动端主流场景
+* 🚀 60+ 高质量组件, 覆盖移动端主流场景
 * 📖 基于京东APP 10.0 视觉规范
 * 🍭 支持按需引用
 * 📖 详尽的文档和示例
 * 💪 支持 TypeScript
 * 💪 支持服务端渲染（测试阶段）
 * 🍭 支持定制主题
-* 🍭 单元测试覆盖（1.0 开发中）,保障稳定性
+* 🍭 单元测试覆盖率超过80%, 保障稳定性
 * 📖 提供 Sketch 设计资源
 
-## 示例 H5 & 小程序
-
-<p>
-   <img src="https://img12.360buyimg.com/imagetools/jfs/t1/202336/18/18586/7437/61b832ccE0b13d53d/18605da7232a5a0e.png" height="250" alt="NutUI" />  
-</p>
-<p>
-  <img src="https://img13.360buyimg.com/imagetools/jfs/t1/102323/22/33163/27773/632a7855E75c9fa02/8c351778f47d24f5.jpg" width="200" alt="NutUI-React" />
-</p>
 ## 构建版本
 
 > AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版，非模块化环境（如通过 `<script>` 标签直接引用）建议使用 umd 压缩版。
@@ -85,39 +83,49 @@
     </li>
 </ul>
 
-[//]: # (## 开发交流)
+## 开发交流
+| 版本 | 微信群 |内部咚咚群 |
+| --- | --- |--- |
+| [NutUI React](https://github.com/jdf2e/nutui-react/issues) | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> 关注后回复「NutUI-React」 | 1025679314 |
+| [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" /> 关注后回复「NutUI-React」 | 1022545110 |
 
-[//]: # ()
-[//]: # (| 版本 | 微信群 |内部咚咚群 |)
+## 参与共建
 
-[//]: # (| --- | --- |--- |)
+#### NutUI 社区共建倡议
 
-[//]: # (| [NutUI React]&#40;https://github.com/jdf2e/nutui-react/issues&#41; | 回复「NutUI」 | 1022619199)
+[NutUI-React 邀您共建，Contributor 您好](https://github.com/jdf2e/nutui-react/discussions/348)
 
-[//]: # (| [NutUI Vue]&#40;https://github.com/jdf2e/nutui/issues&#41; | <img src="https://nutui.jd.com/3x/3.1.12/vx-code1.png" width="100" /> 关注后回复「NutUI」 | 82957939)
+#### 为 NutUI 贡献代码
 
-[//]: # (| [NutUI x Taro]&#40;https://github.com/jdf2e/nutui/issues&#41; | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" /> 关注后回复「NutUI」 | 1022545110 |)
+NutUI 的共建方向主要分为：解决 issue、修复 bug、新增组件、增加国际化、UI 定制、平台适配、跨端扩展等。
 
-[//]: # ()
+欢迎社区开发者参与共建，在贡献您的代码之前请先阅读 [《NutUI 贡献指南》](https://github.com/jdf2e/nutui-react/discussions/348)。
 
+## 问题反馈与建议
 
-[//]: # (## 贡献者们)
+[给 NutUI 提 Issue](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui-react&lang=zh-cn)
 
-[//]: # ()
-[//]: # (感谢以下小伙伴们为 NutUI 发展做出的贡献：)
+> 在反馈问题之前，推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545)和[《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)，这样您能够更容易获得理解和帮助。
 
-[//]: # ()
-[//]: # (<a href="https://github.com/jdf2e/nutui/graphs/contributors">)
+[参与 NutUI 社区讨论](https://github.com/jdf2e/nutui-react/discussions)
 
-[//]: # (  <img src="https://opencollective.com/nutui/contributors.svg?width=890&button=false" alt="contributors">)
+如果您有任何想法、疑问或建议，都可以参与社区讨论分享您的观点。
 
-[//]: # (</a>)
+## 贡献者们
 
-## 参与共建
+感谢以下所有给 NutUI 贡献过代码的 [开发者](https://github.com/jdf2e/nutui-react/graphs/contributors)。
+
+<a href="https://github.com/jdf2e/nutui-react/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" />
+</a>
+
+## Stargazers 
+
+[![Stargazers repo roster for @jdf2e/nutui-react](https://reporoster.com/stars/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/stargazers)
 
-非常欢迎社区开发者为 NutUI 贡献代码，在贡献之前请先阅读 [贡献指南](https://nutui.jd.com/#/contributing)，参与共建提 [PR](https://github.com/jdf2e/nutui/pulls)。
+## Forkers
 
-感谢以下所有给 NutUI 贡献过代码的 [开发者](https://github.com/jdf2e/nutui/graphs/contributors)。
+[![Forkers repo roster for @jdf2e/nutui-react](https://reporoster.com/forks/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/network/members)
 
 ## 开发计划
 

package/dist/esm/Avatar.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onActiveAvatar", "onError", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "iconSize", "className", "style", "activeAvatar", "onActiveAvatar", "onError", "iconClassPrefix", "iconFontClassName"];
 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, useRef, useContext, useEffect } from 'react';
@@ -14,6 +14,7 @@ import '@bem-react/classname';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   size: '',
   icon: '',
+  iconSize: '',
   bgColor: '#eee',
   color: '#666',
   prefixCls: 'nut-avatar',
@@ -32,6 +33,7 @@ var Avatar = function Avatar(props) {
     url = _defaultProps$props.url,
     alt = _defaultProps$props.alt,
     icon = _defaultProps$props.icon,
+    iconSize = _defaultProps$props.iconSize,
     className = _defaultProps$props.className,
     style = _defaultProps$props.style,
     activeAvatar = _defaultProps$props.activeAvatar,
@@ -109,6 +111,7 @@ var Avatar = function Avatar(props) {
     onClick: clickAvatar,
     ref: avatarRef
   }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
+    className: "avatar-img",
     src: url,
     alt: alt,
     onError: errorEvent
@@ -116,7 +119,8 @@ var Avatar = function Avatar(props) {
     classPrefix: iconClassPrefix,
     fontClassName: iconFontClassName,
     className: "icon",
-    name: iconStyles
+    name: iconStyles,
+    size: iconSize
   }), children && React__default.createElement("span", {
     className: "text"
   }, children)), showMax && React__default.createElement("div", {

package/dist/esm/Badge.js

@@ -16,6 +16,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Badge = function Badge(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
     children = _defaultProps$props.children,
     dot = _defaultProps$props.dot,
     top = _defaultProps$props.top,
@@ -43,7 +45,8 @@ var Badge = function Badge(props) {
     return style;
   };
   return React__default.createElement("div", {
-    className: "nut-badge"
+    className: "nut-badge ".concat(className),
+    style: style
   }, icons !== '' && React__default.createElement("div", {
     className: "slot-icons"
   }, React__default.createElement(Icon, {

package/dist/esm/Button.js

@@ -77,26 +77,29 @@ var Button = function Button(props) {
       onClick(e);
     }
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(btnName, " ").concat(className),
-    style: _objectSpread(_objectSpread({}, btnStyle), style)
-  }, rest), {}, {
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }), React__default.createElement("div", {
-    className: "nut-button__warp"
-  }, loading && React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: "loading"
-  }), !loading && icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon
-  }) : '', React__default.createElement("div", {
-    className: "text"
-  }, children)));
+  return (
+    // eslint-disable-next-line react/button-has-type
+    React__default.createElement("button", _objectSpread(_objectSpread({
+      className: "".concat(btnName, " ").concat(className),
+      style: _objectSpread(_objectSpread({}, btnStyle), style)
+    }, rest), {}, {
+      onClick: function onClick(e) {
+        return handleClick(e);
+      }
+    }), React__default.createElement("div", {
+      className: "nut-button__warp"
+    }, loading && React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: "loading"
+    }), !loading && icon ? React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: icon
+    }) : '', children && React__default.createElement("div", {
+      className: icon || loading ? 'text' : ''
+    }, children)))
+  );
 };
 Button.defaultProps = defaultProps;
 Button.displayName = 'NutButton';

package/dist/esm/CheckboxGroup.js

@@ -132,7 +132,7 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
         checked: childChecked
       }));
     });
-  }, [innerValue]);
+  }, [innerValue, options]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || '')
   }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren());

package/dist/esm/Col.js

@@ -11,6 +11,9 @@ var defaultProps = {
 };
 var Col = function Col(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    _defaultProps$props$s = _defaultProps$props.style,
+    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
     span = _defaultProps$props.span,
     offset = _defaultProps$props.offset,
     children = _defaultProps$props.children,
@@ -42,8 +45,8 @@ var Col = function Col(props) {
     setColStyle(getStyle);
   }, [span, offset, gutter]);
   return React__default.createElement("div", {
-    className: "".concat(colName),
-    style: _objectSpread({}, colStyle),
+    className: "".concat(colName, " ").concat(className),
+    style: _objectSpread(_objectSpread({}, style), colStyle),
     onClick: function onClick(e) {
       _onClick && _onClick(e, 'col');
     }

package/dist/esm/Input.js

@@ -152,9 +152,7 @@ var Input = forwardRef(function (props, ref) {
   });
   useEffect(function () {
     setClasses(inputClass);
-    if (defaultValue) {
-      SetInputValue(defaultValue);
-    }
+    SetInputValue(defaultValue);
   }, [defaultValue]);
   useEffect(function () {
     if (inputValue) {

package/dist/esm/MenuItem.js

@@ -2,7 +2,7 @@ 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; }
 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 React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { useConfig } from './ConfigProvider.js';
@@ -25,7 +25,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     return undefined;
   }
 });
-var MenuItem = function MenuItem(props) {
+var MenuItem = forwardRef(function (props, ref) {
   useConfig();
   var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
@@ -60,6 +60,11 @@ var MenuItem = function MenuItem(props) {
   useEffect(function () {
     getParentOffset();
   }, [_showPopup]);
+  useImperativeHandle(ref, function () {
+    return {
+      toggle: parent.toggleItemShow
+    };
+  });
   var getIconCName = function getIconCName(optionVal, value) {
     var _classNames;
     return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
@@ -168,7 +173,7 @@ var MenuItem = function MenuItem(props) {
       }
     }, item.text));
   }), children))));
-};
+});
 MenuItem.defaultProps = defaultProps;
 MenuItem.displayName = 'NutMenuItem';
 export { MenuItem as default };

package/dist/esm/RadioGroup.js

@@ -106,7 +106,7 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
         checked: childChecked
       }));
     });
-  }, [val2State]);
+  }, [val2State, options]);
   return React__default.createElement(RadioContext.Provider, {
     value: {
       onChange: function onChange(val) {

package/dist/esm/Rate.js

@@ -23,6 +23,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Rate = function Rate(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
     count = _defaultProps$props.count,
     modelValue = _defaultProps$props.modelValue,
     minimizeValue = _defaultProps$props.minimizeValue,
@@ -79,7 +81,8 @@ var Rate = function Rate(props) {
     onChange && onChange(value);
   };
   return React__default.createElement("div", {
-    className: b()
+    className: "".concat(b(), " ").concat(className),
+    style: style
   }, countArray.map(function (n) {
     return React__default.createElement("div", {
       className: bi(),

package/dist/esm/Row.js

@@ -12,6 +12,9 @@ var defaultProps = {
 };
 var Row = function Row(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    className = _defaultProps$props.className,
+    _defaultProps$props$s = _defaultProps$props.style,
+    style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s,
     children = _defaultProps$props.children,
     type = _defaultProps$props.type,
     justify = _defaultProps$props.justify,
@@ -34,7 +37,8 @@ var Row = function Row(props) {
   return React__default.createElement(DataContext.Provider, {
     value: parentRow
   }, React__default.createElement('div', {
-    className: getClasses(),
+    className: "".concat(getClasses(), " ").concat(className),
+    style: style,
     onClick: function onClick(e) {
       _onClick && _onClick(e, 'row');
     }

package/dist/esm/SwiperItem.js

@@ -11,13 +11,15 @@ var defaultProps = {
 };
 var SwiperItem = React__default.forwardRef(function (props, ref) {
   var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = _props.children,
+  var className = _props.className,
+    style = _props.style,
+    children = _props.children,
     direction = _props.direction,
     size = _props.size;
   var parent = useContext(DataContext);
   var b = cn('swiper-item');
-  var classes = classNames(b(''));
-  var style = function style() {
+  var classes = classNames(b(''), className);
+  var getStyle = function getStyle() {
     var style = {};
     var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
     var _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
@@ -28,7 +30,7 @@ var SwiperItem = React__default.forwardRef(function (props, ref) {
   };
   return React__default.createElement("div", {
     className: classes,
-    style: style()
+    style: _objectSpread(_objectSpread({}, style), getStyle())
   }, children);
 });
 SwiperItem.defaultProps = defaultProps;

package/dist/esm/Tag.js

@@ -69,7 +69,7 @@ var Tag = function Tag(props) {
     }
     return style;
   };
-  return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
+  return React__default.createElement(React__default.Fragment, null, closeable ? isTagShow && React__default.createElement("div", {
     className: "".concat(btnName, " ").concat(className),
     style: _objectSpread(_objectSpread({}, style), getStyle()),
     onClick: function onClick(e) {

package/dist/esm/types/src/packages/avatar/avatar.d.ts

@@ -3,6 +3,7 @@ import { IComponent } from '@/utils/typings';
 export interface AvatarProps extends IComponent {
     size: string;
     icon: string;
+    iconSize?: string | number;
     shape: AvatarShape;
     bgColor: string;
     color: string;

package/dist/esm/types/src/packages/menuitem/menuitem.d.ts

@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
 import { IComponent } from '@/utils/typings';
 export interface OptionItem {
     text: string;
@@ -21,4 +21,4 @@ export interface MenuItemProps extends IComponent {
     onChange: (event: any) => void;
     children: React.ReactNode;
 }
-export declare const MenuItem: FunctionComponent<Partial<MenuItemProps>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<Partial<MenuItemProps> & React.RefAttributes<unknown>>;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.10 Wed Nov 09 2022 13:49:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:53 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.10 Wed Nov 09 2022 13:49:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:53 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.10 Wed Nov 09 2022 13:49:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:53 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.10 Wed Nov 09 2022 13:49:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:53 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.10 Wed Nov 09 2022 13:49:23 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.11 Wed Nov 16 2022 13:46:53 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */