@nutui/nutui-react 2.0.24 → 2.1.0-beta.1

package/dist/esm/Skeleton.js

@@ -38,7 +38,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var Skeleton = function Skeleton2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, animated = _defaultProps$props.animated, rows = _defaultProps$props.rows, title = _defaultProps$props.title, avatar = _defaultProps$props.avatar, avatarSize = _defaultProps$props.avatarSize, visible = _defaultProps$props.visible, children = _defaultProps$props.children, avatarShape = _defaultProps$props.avatarShape, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-skeleton";
-  var classes = classNames(className, classPrefix);
+  var classes = classNames(classPrefix, className);
   var avatarClass = classNames(_defineProperty({
     avatar: true
   }, "avatar--".concat(avatarShape), avatarShape));

package/dist/esm/Space.js

@@ -28,7 +28,7 @@ var defaultProps = {
 };
 var Space = function Space2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, wrap = _defaultProps$props.wrap, align = _defaultProps$props.align, direction = _defaultProps$props.direction, justify = _defaultProps$props.justify;
-  var cls = classNames(className, prefixCls, wrap && "".concat(prefixCls, "-wrap"), direction && "".concat(prefixCls, "-").concat(direction), align && "".concat(prefixCls, "-align-").concat(align), justify && "".concat(prefixCls, "-justify-").concat(justify));
+  var cls = classNames(prefixCls, wrap && "".concat(prefixCls, "-wrap"), direction && "".concat(prefixCls, "-").concat(direction), align && "".concat(prefixCls, "-align-").concat(align), justify && "".concat(prefixCls, "-justify-").concat(justify), className);
   return React__default.createElement("div", {
     className: cls,
     style

package/dist/esm/Step.js

@@ -47,7 +47,7 @@ var Step = function Step2(props) {
     ((_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.onStepClick) && ((_parent$propSteps2 = parent.propSteps) === null || _parent$propSteps2 === void 0 ? void 0 : _parent$propSteps2.onStepClick(value));
   };
   var classPrefix = "nut-step";
-  var classes = classNames(_defineProperty({}, "".concat(classPrefix, "-").concat(getCurrentStatus()), true), className, classPrefix);
+  var classes = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-").concat(getCurrentStatus()), true), className);
   var renderIconClass = function renderIconClass2() {
     if (icon) {
       return "".concat(classPrefix, "-icon is-icon");

package/dist/esm/Steps.js

@@ -39,7 +39,7 @@ var Steps = function Steps2(props) {
     propSteps
   };
   var classPrefix = "nut-steps";
-  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(direction), true), _defineProperty(_classNames, "".concat(classPrefix, "-dot"), !!props.dot), _classNames), className, classPrefix);
+  var classes = classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(direction), true), _defineProperty(_classNames, "".concat(classPrefix, "-dot"), !!props.dot), _classNames), className);
   return React__default.createElement(DataContext.Provider, {
     value: parentSteps
   }, React__default.createElement("div", _objectSpread({

package/dist/esm/TabPane.js

@@ -30,9 +30,9 @@ var defaultProps = {
 var TabPane = function TabPane2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, autoHeightClassName = _defaultProps$props.autoHeightClassName, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled;
   var classPrefix = "nut-tabpane";
-  var classes = classNames({
+  var classes = classNames(classPrefix, {
     active: !disabled && props.active
-  }, classPrefix, autoHeightClassName, className);
+  }, autoHeightClassName, className);
   return children ? React__default.createElement("div", {
     className: classes
   }, !disabled && children) : null;

package/dist/esm/Tabbar.js

@@ -46,7 +46,7 @@ var Tabbar = function Tabbar2(props) {
     onChange: onSwitch2
   }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectIndex = _usePropsValue2[0], setSelectIndex = _usePropsValue2[1];
   return React__default.createElement("div", {
-    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "__fixed"), fixed)),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__fixed"), fixed), className),
     style
   }, React__default.createElement("div", {
     className: "".concat(classPrefix, "__wrap")

package/dist/esm/TextArea.js

@@ -91,7 +91,7 @@ var TextArea = function TextArea2(props) {
     onBlur && onBlur(event);
   };
   return React__default.createElement("div", {
-    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "__disabled"), disabled))
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__disabled"), disabled), className)
   }, React__default.createElement("textarea", _objectSpread({
     ref: textareaRef,
     className: "".concat(classPrefix, "__textarea"),

package/dist/esm/Toast.js

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() {
 }
 import * as React from "react";
 import classNames from "classnames";
-import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
+import { Tips, Failure, Loading, Check } from "@nutui/icons-react";
 import { r as render, u as unmount } from "./render.js";
 import { O as Overlay } from "./overlay2.js";
 import { C as ComponentDefaults } from "./typings.js";
@@ -143,7 +143,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
             iconNode = React.createElement(Failure, null);
             break;
           case "warn":
-            iconNode = React.createElement(Issue, null);
+            iconNode = React.createElement(Tips, null);
             break;
         }
         return React.createElement("p", {
@@ -275,18 +275,7 @@ function show(option) {
   return notice(_objectSpread({}, option));
 }
 function config(config2) {
-  if (config2.duration !== void 0) {
-    options.duration = config2.duration;
-  }
-  if (config2.position !== void 0) {
-    options.position = config2.position;
-  }
-  if (config2.closeOnOverlayClick !== void 0) {
-    options.closeOnOverlayClick = config2.closeOnOverlayClick;
-  }
-  if (config2.lockScroll !== void 0) {
-    options.lockScroll = config2.lockScroll;
-  }
+  options = _objectSpread(_objectSpread({}, options), config2);
 }
 var Toast = {
   show,

package/dist/esm/Tour.js

@@ -60,7 +60,7 @@ var Tour = function Tour2(props) {
     width: 0,
     height: 0
   }), _useState8 = _slicedToArray(_useState7, 2), maskRect = _useState8[0], setMaskRect = _useState8[1];
-  var classes = classNames(className, classPrefix);
+  var classes = classNames(classPrefix, className);
   useEffect(function() {
     if (visible) {
       getRootPosition();

package/dist/esm/Video.js

@@ -43,7 +43,7 @@ var classPrefix = "nut-video";
 var Video = function Video2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var rootRef = useRef(null);
-  var classes = classNames(className, classPrefix);
+  var classes = classNames(classPrefix, className);
   useEffect(function() {
     init();
   }, []);

package/dist/esm/VirtualList.js

@@ -24,6 +24,7 @@ function _objectSpread(e) {
   return e;
 }
 import React__default, { useRef, useState, useEffect, useCallback } from "react";
+import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 var initPositinoCache = function initPositinoCache2(reaItemSize) {
   var length = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
@@ -241,17 +242,23 @@ var VirtualList = function VirtualList2(props) {
     };
   }, [getElement, scroll]);
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: className ? "".concat(className, " nut-virtualList-box") : "nut-virtualList-box"
+    className: classNames("nut-virtualList-box", className)
   }, rest), {}, {
     style: _defineProperty({}, sizeKey, containerHeight ? "".concat(offSetSize, "px") : "")
   }), React__default.createElement("div", {
     ref: scrollRef,
-    className: horizontal ? "nut-horizontal-box" : "nut-vertical-box",
+    className: classNames({
+      "nut-horizontal-box": horizontal,
+      "nut-vertical-box": !horizontal
+    }),
     style: _defineProperty({
       position: "relative"
     }, sizeKey, "".concat(listTotalSize, "px"))
   }, React__default.createElement("ul", {
-    className: horizontal ? "nut-virtuallist-items nut-horizontal-items" : "nut-virtuallist-items nut-vertical-items",
+    className: classNames("nut-virtuallist-items", {
+      "nut-horizontal-items": horizontal,
+      "nut-vertical-items": !horizontal
+    }),
     ref: itemsRef,
     style: {
       transform: horizontal ? "translate3d(".concat(options.startOffset, "px,0,0)") : "translate3d(0,".concat(options.startOffset, "px,0)")

package/dist/esm/checkbox2.js

@@ -118,7 +118,7 @@ var Checkbox = function Checkbox2(props) {
     setChecked(latestChecked);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"))
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className)
   }, rest), {}, {
     onClick: handleClick
   }), renderIcon(), renderLabel());

package/dist/esm/configprovider2.js

@@ -986,7 +986,7 @@ var zhCN = {
   },
   infiniteloading: {
     pullRefreshText: "松开刷新",
-    loadText: "加载中……",
+    loadText: "加载中",
     loadMoreText: "哎呀，这里是底部了啦"
   },
   pagination: {
@@ -1095,8 +1095,8 @@ var zhCN = {
   },
   pullToRefresh: {
     pullingText: "下拉刷新",
-    canReleaseText: "松开刷新",
-    refreshingText: "加载中...",
+    canReleaseText: "松手刷新",
+    refreshingText: "刷新中",
     completeText: "刷新成功"
   },
   tour: {

package/dist/esm/menuitem2.js

@@ -153,10 +153,10 @@ var MenuItem = forwardRef(function(props, ref) {
       parent.closeOnOverlayClick && parent.hideMenuItem(index);
     }
   }) : null, React__default.createElement("div", {
-    className: classNames(className, {
+    className: classNames({
       "nut-menu-item__wrap": direction === "down",
       "nut-menu-item__wrap-up": direction !== "down"
-    }),
+    }, className),
     style: _objectSpread(_objectSpread({}, style), isShow())
   }, React__default.createElement(CSSTransition, {
     "in": showPopup,

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

@@ -12,185 +12,187 @@ import { default as default12 } from "./Layout.js";
 import { default as default13 } from "./Row.js";
 import { default as default14 } from "./Space.js";
 import { default as default15 } from "./Sticky.js";
-import { default as default16 } from "./BackTop.js";
-import { default as default17 } from "./Elevator.js";
-import { default as default18 } from "./FixedNav.js";
-import { default as default19 } from "./NavBar.js";
-import { default as default20 } from "./SideNavBar.js";
-import { default as default21 } from "./SideNavBarItem.js";
-import { default as default22 } from "./SubSideNavBar.js";
-import { default as default23 } from "./Tabbar.js";
-import { default as default24 } from "./TabbarItem.js";
-import { default as default25 } from "./TabPane.js";
-import { default as default26 } from "./Tabs.js";
-import { default as default27 } from "./Address.js";
-import { default as default28 } from "./Calendar.js";
-import { default as default29 } from "./CalendarItem.js";
-import { default as default30 } from "./CalendarCard.js";
-import { default as default31 } from "./Cascader.js";
-import { default as default32 } from "./Checkbox.js";
-import { default as default33 } from "./CheckboxGroup.js";
-import { default as default34 } from "./DatePicker.js";
-import { default as default35 } from "./Form.js";
-import { default as default36 } from "./FormItem.js";
-import { default as default37 } from "./Input.js";
-import { default as default38 } from "./InputNumber.js";
-import { default as default39 } from "./Menu.js";
-import { default as default40 } from "./MenuItem.js";
-import { default as default41 } from "./NumberKeyboard.js";
-import { default as default42 } from "./Picker.js";
-import { default as default43 } from "./Radio.js";
-import { default as default44 } from "./RadioGroup.js";
-import { default as default45 } from "./Range.js";
-import { default as default46 } from "./Rate.js";
-import { default as default47 } from "./SearchBar.js";
-import { default as default48 } from "./ShortPassword.js";
-import { default as default49 } from "./Signature.js";
-import { default as default50 } from "./Switch.js";
-import { default as default51 } from "./TextArea.js";
-import { default as default52 } from "./Uploader.js";
-import { default as default53 } from "./ActionSheet.js";
-import { default as default54 } from "./Badge.js";
-import { default as default55 } from "./Dialog.js";
-import { default as default56 } from "./Drag.js";
-import { default as default57 } from "./Empty.js";
-import { default as default58 } from "./InfiniteLoading.js";
-import { default as default59 } from "./Loading.js";
-import { default as default60 } from "./NoticeBar.js";
-import { default as default61 } from "./Notify.js";
-import { default as default62 } from "./Popover.js";
-import { default as default63 } from "./Popup.js";
-import { default as default64 } from "./PullToRefresh.js";
-import { default as default65 } from "./Skeleton.js";
-import { default as default66 } from "./Swipe.js";
-import { default as default67 } from "./Toast.js";
-import { default as default68 } from "./Animate.js";
-import { default as default69 } from "./AnimatingNumbers.js";
-import { default as default70 } from "./Audio.js";
-import { default as default71 } from "./Avatar.js";
-import { default as default72 } from "./AvatarGroup.js";
-import { default as default73 } from "./CircleProgress.js";
-import { default as default74 } from "./Collapse.js";
-import { default as default75 } from "./CollapseItem.js";
-import { default as default76 } from "./CountDown.js";
-import { default as default77 } from "./Ellipsis.js";
-import { default as default78 } from "./ImagePreview.js";
-import { default as default79 } from "./Indicator.js";
-import { default as default80 } from "./Pagination.js";
-import { default as default81 } from "./Price.js";
-import { default as default82 } from "./Progress.js";
-import { default as default83 } from "./Step.js";
-import { default as default84 } from "./Steps.js";
-import { default as default85 } from "./Swiper.js";
-import { default as default86 } from "./SwiperItem.js";
-import { default as default87 } from "./Table.js";
-import { default as default88 } from "./Tag.js";
-import { default as default89 } from "./Tour.js";
-import { default as default90 } from "./Video.js";
-import { default as default91 } from "./VirtualList.js";
-import { default as default92 } from "./Barrage.js";
-import { default as default93 } from "./Card.js";
-import { default as default94 } from "./TimeDetail.js";
-import { default as default95 } from "./TimeSelect.js";
-import { default as default96 } from "./TrendArrow.js";
-import { default as default97 } from "./WaterMark.js";
-import { default as default98 } from "./AvatarCropper.js";
+import { default as default16 } from "./SafeArea.js";
+import { default as default17 } from "./BackTop.js";
+import { default as default18 } from "./Elevator.js";
+import { default as default19 } from "./FixedNav.js";
+import { default as default20 } from "./NavBar.js";
+import { default as default21 } from "./SideNavBar.js";
+import { default as default22 } from "./SideNavBarItem.js";
+import { default as default23 } from "./SubSideNavBar.js";
+import { default as default24 } from "./Tabbar.js";
+import { default as default25 } from "./TabbarItem.js";
+import { default as default26 } from "./TabPane.js";
+import { default as default27 } from "./Tabs.js";
+import { default as default28 } from "./Address.js";
+import { default as default29 } from "./Calendar.js";
+import { default as default30 } from "./CalendarItem.js";
+import { default as default31 } from "./CalendarCard.js";
+import { default as default32 } from "./Cascader.js";
+import { default as default33 } from "./Checkbox.js";
+import { default as default34 } from "./CheckboxGroup.js";
+import { default as default35 } from "./DatePicker.js";
+import { default as default36 } from "./Form.js";
+import { default as default37 } from "./FormItem.js";
+import { default as default38 } from "./Input.js";
+import { default as default39 } from "./InputNumber.js";
+import { default as default40 } from "./Menu.js";
+import { default as default41 } from "./MenuItem.js";
+import { default as default42 } from "./NumberKeyboard.js";
+import { default as default43 } from "./Picker.js";
+import { default as default44 } from "./Radio.js";
+import { default as default45 } from "./RadioGroup.js";
+import { default as default46 } from "./Range.js";
+import { default as default47 } from "./Rate.js";
+import { default as default48 } from "./SearchBar.js";
+import { default as default49 } from "./ShortPassword.js";
+import { default as default50 } from "./Signature.js";
+import { default as default51 } from "./Switch.js";
+import { default as default52 } from "./TextArea.js";
+import { default as default53 } from "./Uploader.js";
+import { default as default54 } from "./ActionSheet.js";
+import { default as default55 } from "./Badge.js";
+import { default as default56 } from "./Dialog.js";
+import { default as default57 } from "./Drag.js";
+import { default as default58 } from "./Empty.js";
+import { default as default59 } from "./InfiniteLoading.js";
+import { default as default60 } from "./Loading.js";
+import { default as default61 } from "./NoticeBar.js";
+import { default as default62 } from "./Notify.js";
+import { default as default63 } from "./Popover.js";
+import { default as default64 } from "./Popup.js";
+import { default as default65 } from "./PullToRefresh.js";
+import { default as default66 } from "./Skeleton.js";
+import { default as default67 } from "./Swipe.js";
+import { default as default68 } from "./Toast.js";
+import { default as default69 } from "./Animate.js";
+import { default as default70 } from "./AnimatingNumbers.js";
+import { default as default71 } from "./Audio.js";
+import { default as default72 } from "./Avatar.js";
+import { default as default73 } from "./AvatarGroup.js";
+import { default as default74 } from "./CircleProgress.js";
+import { default as default75 } from "./Collapse.js";
+import { default as default76 } from "./CollapseItem.js";
+import { default as default77 } from "./CountDown.js";
+import { default as default78 } from "./Ellipsis.js";
+import { default as default79 } from "./ImagePreview.js";
+import { default as default80 } from "./Indicator.js";
+import { default as default81 } from "./Pagination.js";
+import { default as default82 } from "./Price.js";
+import { default as default83 } from "./Progress.js";
+import { default as default84 } from "./Step.js";
+import { default as default85 } from "./Steps.js";
+import { default as default86 } from "./Swiper.js";
+import { default as default87 } from "./SwiperItem.js";
+import { default as default88 } from "./Table.js";
+import { default as default89 } from "./Tag.js";
+import { default as default90 } from "./Tour.js";
+import { default as default91 } from "./Video.js";
+import { default as default92 } from "./VirtualList.js";
+import { default as default93 } from "./Barrage.js";
+import { default as default94 } from "./Card.js";
+import { default as default95 } from "./TimeDetail.js";
+import { default as default96 } from "./TimeSelect.js";
+import { default as default97 } from "./TrendArrow.js";
+import { default as default98 } from "./WaterMark.js";
+import { default as default99 } from "./AvatarCropper.js";
 export {
-  default53 as ActionSheet,
-  default27 as Address,
-  default68 as Animate,
-  default69 as AnimatingNumbers,
-  default70 as Audio,
-  default71 as Avatar,
-  default98 as AvatarCropper,
-  default72 as AvatarGroup,
-  default16 as BackTop,
-  default54 as Badge,
-  default92 as Barrage,
+  default54 as ActionSheet,
+  default28 as Address,
+  default69 as Animate,
+  default70 as AnimatingNumbers,
+  default71 as Audio,
+  default72 as Avatar,
+  default99 as AvatarCropper,
+  default73 as AvatarGroup,
+  default17 as BackTop,
+  default55 as Badge,
+  default93 as Barrage,
   default2 as Button,
-  default28 as Calendar,
-  default30 as CalendarCard,
-  default29 as CalendarItem,
-  default93 as Card,
-  default31 as Cascader,
+  default29 as Calendar,
+  default31 as CalendarCard,
+  default30 as CalendarItem,
+  default94 as Card,
+  default32 as Cascader,
   default3 as Cell,
   default4 as CellGroup,
-  default32 as Checkbox,
-  default33 as CheckboxGroup,
-  default73 as CircleProgress,
+  default33 as Checkbox,
+  default34 as CheckboxGroup,
+  default74 as CircleProgress,
   default8 as Col,
-  default74 as Collapse,
-  default75 as CollapseItem,
+  default75 as Collapse,
+  default76 as CollapseItem,
   default5 as ConfigProvider,
-  default76 as CountDown,
-  default34 as DatePicker,
-  default55 as Dialog,
+  default77 as CountDown,
+  default35 as DatePicker,
+  default56 as Dialog,
   default9 as Divider,
-  default56 as Drag,
-  default17 as Elevator,
-  default77 as Ellipsis,
-  default57 as Empty,
-  default18 as FixedNav,
-  default35 as Form,
-  default36 as FormItem,
+  default57 as Drag,
+  default18 as Elevator,
+  default78 as Ellipsis,
+  default58 as Empty,
+  default19 as FixedNav,
+  default36 as Form,
+  default37 as FormItem,
   default10 as Grid,
   default11 as GridItem,
   default6 as Image,
-  default78 as ImagePreview,
-  default79 as Indicator,
-  default58 as InfiniteLoading,
-  default37 as Input,
-  default38 as InputNumber,
+  default79 as ImagePreview,
+  default80 as Indicator,
+  default59 as InfiniteLoading,
+  default38 as Input,
+  default39 as InputNumber,
   default12 as Layout,
-  default59 as Loading,
-  default39 as Menu,
-  default40 as MenuItem,
-  default19 as NavBar,
-  default60 as NoticeBar,
-  default61 as Notify,
-  default41 as NumberKeyboard,
+  default60 as Loading,
+  default40 as Menu,
+  default41 as MenuItem,
+  default20 as NavBar,
+  default61 as NoticeBar,
+  default62 as Notify,
+  default42 as NumberKeyboard,
   default7 as Overlay,
-  default80 as Pagination,
-  default42 as Picker,
-  default62 as Popover,
-  default63 as Popup,
-  default81 as Price,
-  default82 as Progress,
-  default64 as PullToRefresh,
-  default43 as Radio,
-  default44 as RadioGroup,
-  default45 as Range,
-  default46 as Rate,
+  default81 as Pagination,
+  default43 as Picker,
+  default63 as Popover,
+  default64 as Popup,
+  default82 as Price,
+  default83 as Progress,
+  default65 as PullToRefresh,
+  default44 as Radio,
+  default45 as RadioGroup,
+  default46 as Range,
+  default47 as Rate,
   default13 as Row,
-  default47 as SearchBar,
-  default48 as ShortPassword,
-  default20 as SideNavBar,
-  default21 as SideNavBarItem,
-  default49 as Signature,
-  default65 as Skeleton,
+  default16 as SafeArea,
+  default48 as SearchBar,
+  default49 as ShortPassword,
+  default21 as SideNavBar,
+  default22 as SideNavBarItem,
+  default50 as Signature,
+  default66 as Skeleton,
   default14 as Space,
-  default83 as Step,
-  default84 as Steps,
+  default84 as Step,
+  default85 as Steps,
   default15 as Sticky,
-  default22 as SubSideNavBar,
-  default66 as Swipe,
-  default85 as Swiper,
-  default86 as SwiperItem,
-  default50 as Switch,
-  default25 as TabPane,
-  default23 as Tabbar,
-  default24 as TabbarItem,
-  default87 as Table,
-  default26 as Tabs,
-  default88 as Tag,
-  default51 as TextArea,
-  default94 as TimeDetail,
-  default95 as TimeSelect,
-  default67 as Toast,
-  default89 as Tour,
-  default96 as TrendArrow,
-  default52 as Uploader,
-  default90 as Video,
-  default91 as VirtualList,
-  default97 as WaterMark
+  default23 as SubSideNavBar,
+  default67 as Swipe,
+  default86 as Swiper,
+  default87 as SwiperItem,
+  default51 as Switch,
+  default26 as TabPane,
+  default24 as Tabbar,
+  default25 as TabbarItem,
+  default88 as Table,
+  default27 as Tabs,
+  default89 as Tag,
+  default52 as TextArea,
+  default95 as TimeDetail,
+  default96 as TimeSelect,
+  default68 as Toast,
+  default90 as Tour,
+  default97 as TrendArrow,
+  default53 as Uploader,
+  default91 as Video,
+  default92 as VirtualList,
+  default98 as WaterMark
 };

package/dist/esm/overlay2.js

@@ -121,7 +121,7 @@ var Overlay = function Overlay2(props) {
     }
   }, [visible]);
   useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
-  var classes = classNames(className, classPrefix);
+  var classes = classNames(classPrefix, className);
   var styles = _objectSpread({}, style);
   var handleClick = function handleClick2(e) {
     if (closeOnOverlayClick) {

package/dist/esm/radio2.js

@@ -97,14 +97,10 @@ var Radio = function Radio2(props) {
       className: classNames(color())
     });
   };
-  var reverse = labelPosition === "left";
   var renderRadioItem = function renderRadioItem2() {
     if (shape === "button") {
       return renderButton();
     }
-    if (reverse) {
-      return React__default.createElement(React__default.Fragment, null, renderLabel(), renderIcon());
-    }
     return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
   };
   var handleClick = function handleClick2(e) {
@@ -113,7 +109,7 @@ var Radio = function Radio2(props) {
     setCheckedStatement(!checkedStatement);
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className, " ").concat(reverse ? "".concat(classPrefix, "--reverse") : ""),
+    className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--reverse"), labelPosition === "left"), className),
     style,
     onClick: handleClick
   }, rest), renderRadioItem());

package/dist/esm/safearea2.js

@@ -0,0 +1,11 @@
+import React__default from "react";
+import classNames from "classnames";
+var classPrefix = "nut-safe-area";
+var SafeArea = function SafeArea2(props) {
+  return React__default.createElement("div", {
+    className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+  });
+};
+export {
+  SafeArea as S
+};

package/dist/esm/tabbaritem2.js

@@ -40,7 +40,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 var TabbarItem = function TabbarItem2(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, active = _defaultProps$props.active, activeColor = _defaultProps$props.activeColor, inactiveColor = _defaultProps$props.inactiveColor, index = _defaultProps$props.index, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, handleClick = _defaultProps$props.handleClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-tabbar-item";
-  var tabbarItemClass = classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active));
+  var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
   var boxPrefix = "".concat(classPrefix, "__icon-box");
   var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
   var badgeProps = {