@nutui/nutui-react-taro 4.0.0-beta.3 → 4.0.0-beta.5

package/dist/es/packages/rate/style-jrkf/style.css

@@ -12,6 +12,31 @@
 .nut-rate.readonly .nut-rate-item-icon {
   cursor: default;
 }
+.nut-rate-horizontal {
+  flex-direction: row;
+  align-items: center;
+}
+.nut-rate-vertical {
+  flex-direction: column;
+  align-items: center;
+}
+.nut-rate-list {
+  display: flex;
+  align-items: center;
+}
+.nut-rate-label {
+  color: var(--nutui-rate-label-color, var(--nutui-color-text-disabled));
+  white-space: nowrap;
+}
+.nut-rate-labels {
+  display: flex;
+  width: 100%;
+}
+.nut-rate-labels-item {
+  flex: 1;
+  text-align: center;
+  color: var(--nutui-rate-label-color, var(--nutui-color-text-disabled));
+}
 .nut-rate-item {
   display: flex;
   align-items: center;
@@ -29,30 +54,6 @@
 .nut-rate-item-half .nut-icon {
   flex-shrink: 0;
 }
-.nut-rate-item-normal {
-  margin-left: var(--nutui-rate-item-margin, 14px);
-}
-.nut-rate-item-normal .nut-icon {
-  height: var(--nutui-rate-icon-size, 12px);
-  width: var(--nutui-rate-icon-size, 12px);
-}
-.nut-rate-item-large {
-  margin-left: calc(var(--nutui-rate-item-margin, 14px) * 2);
-}
-.nut-rate-item-large .nut-icon {
-  height: calc(var(--nutui-rate-icon-size, 12px) + scale-px(8px));
-  width: calc(var(--nutui-rate-icon-size, 12px) + scale-px(8px));
-}
-.nut-rate-item-small {
-  margin-left: calc(var(--nutui-rate-item-margin, 14px) / 2);
-}
-.nut-rate-item-small .nut-icon {
-  height: calc(var(--nutui-rate-icon-size, 12px) - scale-px(4px));
-  width: calc(var(--nutui-rate-icon-size, 12px) - scale-px(4px));
-}
-.nut-rate-item-normal:first-child, .nut-rate-item-large:first-child, .nut-rate-item-small:first-child {
-  margin-left: 0;
-}
 .nut-rate-item-icon {
   display: flex;
   align-items: center;
@@ -76,6 +77,9 @@
   left: auto;
   transform: none;
 }
+.nut-rate-item-icon-animate {
+  animation: nut-rate-bounce 0.3s ease-in-out;
+}
 .nut-rate-score {
   /* #ifdef dynamic*/
   display: flex;
@@ -87,48 +91,190 @@
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";
 }
-.nut-rate-score-normal {
-  padding-left: var(--nutui-rate-item-margin, 14px);
-  font-size: var(--nutui-rate-font-size, 12px);
+.nut-rate-score-disabled {
+  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled));
+}
+.nut-rate-horizontal .nut-rate-item {
+  margin-left: var(--nutui-rate-item-margin, 14px);
+}
+.nut-rate-horizontal .nut-rate-item:first-child {
+  margin-left: 0;
+}
+.nut-rate-horizontal .nut-rate-item-small {
+  margin-left: scale-px(2px);
+}
+.nut-rate-horizontal .nut-rate-item-small:first-child {
+  margin-left: 0;
+}
+.nut-rate-horizontal .nut-rate-item-small .nut-icon {
+  height: scale-font-px(12px);
+  width: scale-font-px(12px);
+}
+.nut-rate-horizontal .nut-rate-item-normal .nut-icon {
+  height: scale-font-px(16px);
+  width: scale-font-px(16px);
+}
+.nut-rate-horizontal .nut-rate-item-large .nut-icon {
+  height: scale-font-px(20px);
+  width: scale-font-px(20px);
+}
+.nut-rate-horizontal .nut-rate-label-small {
+  font-size: var(--nutui-font-text-small);
+  margin-right: scale-px(4px);
+}
+.nut-rate-horizontal .nut-rate-label-normal {
+  font-size: var(--nutui-font-text-small);
+  margin-right: scale-px(12px);
+}
+.nut-rate-horizontal .nut-rate-label-large {
+  font-size: var(--nutui-font-text);
+  margin-right: scale-px(12px);
+}
+.nut-rate-horizontal .nut-rate-score-small {
+  padding-left: scale-px(4px);
+  font-size: var(--nutui-font-text-small);
   line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
 }
-.nut-rate-score-large {
-  font-size: var(--nutui-rate-font-size-large, calc(var(--nutui-rate-font-size, 12px) + 6px));
-  line-height: var(--nutui-line-height-xl, var(--nutui-font-h2));
-  padding-left: calc(var(--nutui-rate-item-margin, 14px) * 2);
+.nut-rate-horizontal .nut-rate-score-normal {
+  padding-left: scale-px(12px);
+  font-size: var(--nutui-font-text-small);
+  line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
 }
-.nut-rate-score-small {
-  font-size: var(--nutui-rate-font-size-small, calc(var(--nutui-rate-font-size, 12px) - 2px));
-  line-height: var(--nutui-line-height-xxs, var(--nutui-font-text-mini));
-  padding-left: calc(var(--nutui-rate-item-margin, 14px) / 2);
+.nut-rate-horizontal .nut-rate-score-large {
+  padding-left: scale-px(12px);
+  font-size: var(--nutui-font-text);
+  line-height: var(--nutui-line-height-base, var(--nutui-line-height, var(--nutui-font-text)));
 }
-.nut-rate-score-disabled {
-  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled));
+.nut-rate-vertical .nut-rate-list {
+  justify-content: center;
+  width: 100%;
+}
+.nut-rate-vertical .nut-rate-item {
+  margin-left: var(--nutui-rate-item-margin, 14px);
+}
+.nut-rate-vertical .nut-rate-item:first-child {
+  margin-left: 0;
+}
+.nut-rate-vertical .nut-rate-item-small .nut-icon,
+.nut-rate-vertical .nut-rate-item-normal .nut-icon {
+  height: scale-font-px(20px);
+  width: scale-font-px(20px);
+}
+.nut-rate-vertical .nut-rate-item-large {
+  flex: 1;
+  justify-content: center;
+}
+.nut-rate-vertical .nut-rate-item-large .nut-icon {
+  height: scale-font-px(28px);
+  width: scale-font-px(28px);
+}
+.nut-rate-vertical .nut-rate-label-small,
+.nut-rate-vertical .nut-rate-label-normal {
+  font-size: var(--nutui-font-text-xs);
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-label-large {
+  font-size: var(--nutui-font-text-small);
+  margin-top: scale-px(8px);
+}
+.nut-rate-vertical .nut-rate-labels {
+  width: 100%;
+}
+.nut-rate-vertical .nut-rate-labels-small,
+.nut-rate-vertical .nut-rate-labels-normal {
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-labels-small .nut-rate-labels-item,
+.nut-rate-vertical .nut-rate-labels-normal .nut-rate-labels-item {
+  font-size: var(--nutui-font-text-xs);
+}
+.nut-rate-vertical .nut-rate-labels-large {
+  margin-top: scale-px(8px);
+}
+.nut-rate-vertical .nut-rate-labels-large .nut-rate-labels-item {
+  font-size: var(--nutui-font-text-small);
+}
+.nut-rate-vertical .nut-rate-score-small,
+.nut-rate-vertical .nut-rate-score-normal {
+  font-size: var(--nutui-font-text-xs);
+  line-height: var(--nutui-line-height-xs, var(--nutui-font-text-xs));
+  margin-top: scale-px(6px);
+}
+.nut-rate-vertical .nut-rate-score-large {
+  font-size: var(--nutui-font-text-small);
+  line-height: var(--nutui-line-height-s, var(--nutui-font-text-small));
+  margin-top: scale-px(8px);
 }
 
-[dir=rtl] .nut-rate-item,
-.nut-rtl .nut-rate-item {
+@keyframes nut-rate-bounce {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.25);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-item,
+.nut-rtl .nut-rate-horizontal .nut-rate-item {
   margin-left: 0;
+  margin-right: var(--nutui-rate-item-margin, 14px);
 }
-[dir=rtl] .nut-rate-item:first-child,
-.nut-rtl .nut-rate-item:first-child {
+[dir=rtl] .nut-rate-horizontal .nut-rate-item:first-child,
+.nut-rtl .nut-rate-horizontal .nut-rate-item:first-child {
   margin-right: 0;
 }
-[dir=rtl] .nut-rate-item-normal,
-.nut-rtl .nut-rate-item-normal {
-  margin-right: var(--nutui-rate-item-margin, 14px);
+[dir=rtl] .nut-rate-horizontal .nut-rate-item-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-item-small {
+  margin-left: 0;
+  margin-right: scale-px(2px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-item-small:first-child,
+.nut-rtl .nut-rate-horizontal .nut-rate-item-small:first-child {
+  margin-right: 0;
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label,
+.nut-rtl .nut-rate-horizontal .nut-rate-label {
+  margin-right: 0;
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-small {
+  margin-left: scale-px(4px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-normal,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-normal {
+  margin-left: scale-px(12px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-label-large,
+.nut-rtl .nut-rate-horizontal .nut-rate-label-large {
+  margin-left: scale-px(12px);
+}
+[dir=rtl] .nut-rate-horizontal .nut-rate-score,
+.nut-rtl .nut-rate-horizontal .nut-rate-score {
+  padding-left: 0;
 }
-[dir=rtl] .nut-rate-item-large,
-.nut-rtl .nut-rate-item-large {
-  margin-right: calc(var(--nutui-rate-item-margin, 14px) * 2);
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-small,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-small {
+  padding-right: scale-px(4px);
 }
-[dir=rtl] .nut-rate-item-small,
-.nut-rtl .nut-rate-item-small {
-  margin-right: calc(var(--nutui-rate-item-margin, 14px) - scale-px(2px));
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-normal,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-normal {
+  padding-right: scale-px(12px);
 }
-[dir=rtl] .nut-rate-item:last-child,
-.nut-rtl .nut-rate-item:last-child {
+[dir=rtl] .nut-rate-horizontal .nut-rate-score-large,
+.nut-rtl .nut-rate-horizontal .nut-rate-score-large {
+  padding-right: scale-px(12px);
+}
+[dir=rtl] .nut-rate-vertical .nut-rate-item,
+.nut-rtl .nut-rate-vertical .nut-rate-item {
   margin-left: 0;
+  margin-right: var(--nutui-rate-item-margin, 14px);
+}
+[dir=rtl] .nut-rate-vertical .nut-rate-item:first-child,
+.nut-rtl .nut-rate-vertical .nut-rate-item:first-child {
+  margin-right: 0;
 }
 [dir=rtl] .nut-rate-item-half,
 .nut-rtl .nut-rate-item-half {
@@ -144,20 +290,4 @@
 .nut-rtl .nut-rate-item-icon.nut-rate-item-icon::before {
   left: auto;
   right: auto;
-}
-[dir=rtl] .nut-rate-score,
-.nut-rtl .nut-rate-score {
-  padding-left: 0;
-}
-[dir=rtl] .nut-rate-score-large,
-.nut-rtl .nut-rate-score-large {
-  padding-right: calc(var(--nutui-rate-item-margin, 14px) * 2);
-}
-[dir=rtl] .nut-rate-score-normal,
-.nut-rtl .nut-rate-score-normal {
-  padding-right: var(--nutui-rate-item-margin, 14px);
-}
-[dir=rtl] .nut-rate-score-small,
-.nut-rtl .nut-rate-score-small {
-  padding-right: calc(var(--nutui-rate-item-margin, 14px) - scale-px(2px));
 }

package/dist/es/packages/resultpage/resultpage.js

@@ -14,7 +14,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     status: 'info',
     actions: []
 });
-export var ResultPage = function(props) {
+export var ResultPage = function ResultPage(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, description = _$_object_spread.description, icon = _$_object_spread.icon, status = _$_object_spread.status, actions = _$_object_spread.actions, children = _$_object_spread.children;
     var classPrefix = "nut-resultpage";
     var cls = classNames(classPrefix, className);

package/dist/es/packages/row/row.js

@@ -13,15 +13,15 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     wrap: 'nowrap',
     gutter: '0'
 });
-export var Row = function(props) {
+export var Row = function Row(props) {
     var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
-    var getClass = function(prefix, type) {
+    var getClass = function getClass(prefix, type) {
         var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
         if (prefix) return classType;
         if (type) return "nut-row-".concat(type);
         return '';
     };
-    var getClasses = function() {
+    var getClasses = function getClasses() {
         return classNames(classPrefix, getClass('', type), getClass('justify', justify), getClass('align', align), getClass('flex', wrap));
     };
     var parentRow = {
@@ -32,7 +32,7 @@ export var Row = function(props) {
     }, /*#__PURE__*/ React.createElement(View, {
         className: classNames(getClasses(), className),
         style: style,
-        onClick: function(e) {
+        onClick: function onClick1(e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e, 'row');
         }
     }, React.Children.map(children, function(child, index) {

package/dist/es/packages/safearea/safearea.js

@@ -2,7 +2,7 @@ import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 var classPrefix = 'nut-safe-area';
-export var SafeArea = function(props) {
+export var SafeArea = function SafeArea(props) {
     return /*#__PURE__*/ React.createElement(View, {
         className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
     });

package/dist/es/packages/searchbar/searchbar.js

@@ -25,7 +25,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     leftIn: /*#__PURE__*/ React.createElement(Search, null),
     tag: false
 });
-export var SearchBar = function(props) {
+export var SearchBar = function SearchBar(props) {
     var classPrefix = 'nut-searchbar';
     var locale = useConfig().locale;
     var searchInputRef = useRef(null);
@@ -122,7 +122,7 @@ export var SearchBar = function(props) {
         forceFocus,
         innerTag
     ]);
-    var renderField = function() {
+    var renderField = function renderField() {
         var inputCls = classNames("".concat(classPrefix, "-input"));
         return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
             className: inputCls,
@@ -174,7 +174,7 @@ export var SearchBar = function(props) {
             return /*#__PURE__*/ React.createElement(View, {
                 key: "def-".concat(index),
                 className: "nut-searchbar-value",
-                onClick: function(e) {
+                onClick: function onClick(e) {
                     return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
                 }
             }, item, /*#__PURE__*/ React.createElement(Close, null));
@@ -233,7 +233,7 @@ export var SearchBar = function(props) {
         clearaVal,
         innerTag
     ]);
-    var onConfirm = function() {
+    var onConfirm = function onConfirm() {
         onSearch && onSearch(value);
     };
     return /*#__PURE__*/ React.createElement(View, {

package/dist/es/packages/segmented/segmented.js

@@ -8,9 +8,9 @@ import { usePropsValue } from "../../hooks/use-props-value";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = {
     options: [],
-    onChange: function(value) {}
+    onChange: function onChange(value) {}
 };
-export var Segmented = function(props) {
+export var Segmented = function Segmented(props) {
     var classPrefix = 'nut-segmented';
     var itemClassPrefix = 'nut-segmented-item';
     var mergedProps = mergeProps(defaultProps, props);
@@ -32,7 +32,7 @@ export var Segmented = function(props) {
                     return /*#__PURE__*/ React.createElement(View, {
                         className: classNames(itemClassPrefix, (_obj = {}, _define_property(_obj, "".concat(itemClassPrefix, "-active"), opt.value === value), _define_property(_obj, "".concat(opt.className), !!opt.className), _obj)),
                         key: opt.value,
-                        onClick: function() {
+                        onClick: function onClick() {
                             if (opt.disabled) return;
                             setValue(option.value);
                         }
@@ -47,7 +47,7 @@ export var Segmented = function(props) {
                         return /*#__PURE__*/ React.createElement(View, {
                             className: classNames(itemClassPrefix, _define_property({}, "".concat(itemClassPrefix, "-active"), index === value)),
                             key: option.toString(),
-                            onClick: function() {
+                            onClick: function onClick() {
                                 setValue(index);
                             }
                         }, option);

package/dist/es/packages/shortpassword/shortpassword.js

@@ -19,9 +19,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     length: 6,
     autoFocus: false
 });
-export var InternalShortPassword = function(props, ref) {
+export var InternalShortPassword = function InternalShortPassword(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, round = _ref.round, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), title = _$_object_spread.title, description = _$_object_spread.description, tips = _$_object_spread.tips, outerVisible = _$_object_spread.visible, value = _$_object_spread.value, error = _$_object_spread.error, hideFooter = _$_object_spread.hideFooter, length = _$_object_spread.length, plain = _$_object_spread.plain, style = _$_object_spread.style, className = _$_object_spread.className, closeable = _$_object_spread.closeable, autoFocus = _$_object_spread.autoFocus, round = _$_object_spread.round, onFocus = _$_object_spread.onFocus, onChange = _$_object_spread.onChange, onConfirm = _$_object_spread.onConfirm, onTips = _$_object_spread.onTips, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onComplete = _$_object_spread.onComplete, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, rest = _object_without_properties(_$_object_spread, [
         "title",
         "description",
         "tips",
@@ -52,7 +52,7 @@ export var InternalShortPassword = function(props, ref) {
     }, [
         length
     ]);
-    var format = function(val) {
+    var format = function format(val) {
         return val.slice(0, comLen);
     };
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -60,15 +60,15 @@ export var InternalShortPassword = function(props, ref) {
         defaultValue: false,
         finalValue: false
     }), 2), visible = _usePropsValue[0], setVisible = _usePropsValue[1];
-    var handleClose = function() {
+    var handleClose = function handleClose() {
         onClose === null || onClose === void 0 ? void 0 : onClose();
         setVisible(false);
     };
     var actions = {
-        open: function() {
+        open: function open() {
             setVisible(true);
         },
-        close: function() {
+        close: function close() {
             setVisible(false);
         }
     };
@@ -95,7 +95,7 @@ export var InternalShortPassword = function(props, ref) {
     }, [
         value
     ]);
-    var sure = function() {
+    var sure = function sure() {
         onConfirm && onConfirm(inputValue);
     };
     return /*#__PURE__*/ React.createElement(Popup, _object_spread({

package/dist/es/packages/sidebar/sidebar.js

@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     sidebarDuration: 0
 });
 var classPrefix = 'nut-sidebar';
-export var SideBar = function(props) {
+export var SideBar = function SideBar(props) {
     var _mergeProps = mergeProps(defaultProps, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
         "contentDuration",
         "sidebarDuration",
@@ -37,7 +37,7 @@ export var SideBar = function(props) {
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var titleItemsRef = useRef([]);
     var navRef = useRef(null);
-    var getTitles = function() {
+    var getTitles = function getTitles() {
         var titles = [];
         React.Children.forEach(children, function(child, idx) {
             if (/*#__PURE__*/ React.isValidElement(child)) {
@@ -69,7 +69,7 @@ export var SideBar = function(props) {
     ]);
     var classes = classNames(classPrefix, className);
     var classesTitle = classNames("".concat(classPrefix, "-titles"), "".concat(classPrefix, "-titles-scrollable"));
-    var getRect = function(selector) {
+    var getRect = function getRect(selector) {
         return new Promise(function(resolve) {
             createSelectorQuery().select(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
@@ -77,7 +77,7 @@ export var SideBar = function(props) {
             });
         });
     };
-    var getAllRect = function(selector) {
+    var getAllRect = function getAllRect(selector) {
         return new Promise(function(resolve) {
             createSelectorQuery().selectAll(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
@@ -89,7 +89,7 @@ export var SideBar = function(props) {
     var navRectRef = useRef();
     var titleRectRef = useRef([]);
     var _useState = _sliced_to_array(useState(0), 2), scrollTop = _useState[0], setScrollTop = _useState[1];
-    var scrollDirection = function(to) {
+    var scrollDirection = function scrollDirection(to) {
         if (sidebarDuration === 0) {
             setScrollTop(to);
             return;
@@ -108,7 +108,7 @@ export var SideBar = function(props) {
         }
         animate();
     };
-    var scrollIntoView = function(index) {
+    var scrollIntoView = function scrollIntoView(index) {
         raf(function() {
             Promise.all([
                 getRect("#".concat(classPrefix, "-titles-").concat(uuid, " .").concat(classPrefix, "-list")),
@@ -126,7 +126,7 @@ export var SideBar = function(props) {
             });
         });
     };
-    var getContentStyle = function() {
+    var getContentStyle = function getContentStyle() {
         var index = titles.current.findIndex(function(t) {
             return String(t.value) === String(value);
         });
@@ -145,7 +145,7 @@ export var SideBar = function(props) {
     }, [
         value
     ]);
-    var tabChange = function(item, index) {
+    var tabChange = function tabChange(item, index) {
         if (item.disabled) return;
         onClick === null || onClick === void 0 ? void 0 : onClick(item.value);
         setValue(item.value);
@@ -166,11 +166,11 @@ export var SideBar = function(props) {
         ref: navRef
     }, titles.current.map(function(item, index) {
         return /*#__PURE__*/ React.createElement(View, {
-            ref: function(ref) {
+            ref: function ref(ref) {
                 return titleItemsRef.current.push(ref);
             },
             id: "scrollIntoView".concat(index),
-            onClick: function(e) {
+            onClick: function onClick(e) {
                 tabChange(item, index);
             },
             className: classNames("".concat(classPrefix, "-titles-item"), _define_property({}, "".concat(classPrefix, "-titles-item-active"), !item.disabled && String(item.value) === String(value))),
@@ -184,13 +184,13 @@ export var SideBar = function(props) {
         className: "".concat(classPrefix, "-content"),
         style: getContentStyle()
     }, React.Children.map(children, function(child, idx) {
+        var _child_props_value;
         if (!/*#__PURE__*/ React.isValidElement(child)) {
             return null;
         }
         var childProps = _object_spread_props(_object_spread({}, child.props), {
             active: value === child.props.value
         });
-        var _child_props_value;
         if (String(value) !== String((_child_props_value = child.props.value) !== null && _child_props_value !== void 0 ? _child_props_value : idx)) {
             childProps = _object_spread({}, childProps);
         }

package/dist/es/packages/sidebar/utils.js

@@ -1,4 +1,4 @@
-var handleClick = function(e) {
+var handleClick = function handleClick(e) {
     e.stopPropagation();
     var isIcon = e.target.className.includes('arrow-icon');
     var isTitle = e.target.className.includes('-title') || isIcon;

package/dist/es/packages/sidebaritem/sidebaritem.js

@@ -7,7 +7,7 @@ var defaultProps = {
     value: '',
     disabled: false
 };
-export var SideBarItem = function(props) {
+export var SideBarItem = function SideBarItem(props) {
     var _mergeProps = mergeProps(defaultProps, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
     var classPrefix = 'nut-sidebaritem';
     var classes = classNames(classPrefix, {