@nutui/nutui-react-taro 3.0.19-cpp.26-beta.4 → 3.0.19-cpp.27

package/dist/es/packages/progress/progress.js

@@ -22,7 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 export var Progress = function(props) {
     var rtl = useRtl();
     var _ref = _object_spread({}, defaultProps, props), className = _ref.className, style = _ref.style, percent = _ref.percent, background = _ref.background, color = _ref.color, strokeWidth = _ref.strokeWidth, showText = _ref.showText, animated = _ref.animated, children = _ref.children, lazy = _ref.lazy, delay = _ref.delay, // tc
-    showInfo = _ref.showInfo, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeColor = _ref.activeColor, backgroundColor = _ref.backgroundColor, active = _ref.active, activeMode = _ref.activeMode, duration = _ref.duration, ariaLabel = _ref.ariaLabel, onActiveEnd = _ref.onActiveEnd, rest = _object_without_properties(_ref, [
+    showInfo = _ref.showInfo, borderRadius = _ref.borderRadius, fontSize = _ref.fontSize, activeColor = _ref.activeColor, backgroundColor = _ref.backgroundColor, active = _ref.active, activeMode = _ref.activeMode, duration = _ref.duration, onActiveEnd = _ref.onActiveEnd, rest = _object_without_properties(_ref, [
         "className",
         "style",
         "percent",
@@ -42,7 +42,6 @@ export var Progress = function(props) {
         "active",
         "activeMode",
         "duration",
-        "ariaLabel",
         "onActiveEnd"
     ]);
     var classPrefix = 'nut-progress';
@@ -209,8 +208,7 @@ export var Progress = function(props) {
         ref: progressRef,
         id: selector,
         className: classNames(classPrefix, className),
-        style: style,
-        "aria-label": ariaLabel
+        style: style
     }, rest), /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-outer"),
         style: stylesOuter

package/dist/es/packages/quickenter/quickenter.js

@@ -9,7 +9,6 @@ import Taro from "@tarojs/taro";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import Popup from "../popup/index";
-import SafeArea from "../safearea/index";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
 import Badge from "../badge/index";
@@ -17,10 +16,11 @@ import { useConfig } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     options: [],
     visible: false,
-    closeOnOverlayClick: true
+    closeOnOverlayClick: true,
+    safeAreaInsetTop: true
 });
 var InternalQuickEnter = function(props, ref) {
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, className = _ref.className, style = _ref.style, onClose = _ref.onClose, onChange = _ref.onChange, closeIcon = _ref.closeIcon, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, className = _ref.className, style = _ref.style, onClose = _ref.onClose, onChange = _ref.onChange, closeIcon = _ref.closeIcon, safeAreaInsetTop = _ref.safeAreaInsetTop, rest = _object_without_properties(_ref, [
         "children",
         "visible",
         "title",
@@ -31,12 +31,15 @@ var InternalQuickEnter = function(props, ref) {
         "style",
         "onClose",
         "onChange",
-        "closeIcon"
+        "closeIcon",
+        "safeAreaInsetTop"
     ]);
     var locale = useConfig().locale;
     var mergedTitle = title || locale.quickenter.title;
     var classPrefix = 'nut-quickenter';
-    var classes = classNames(classPrefix, className);
+    var classes = classNames(classPrefix, className, {
+        'safe-area-top': safeAreaInsetTop
+    });
     var _usePropsValue = _sliced_to_array(usePropsValue({
         value: props.visible,
         defaultValue: false,
@@ -81,7 +84,9 @@ var InternalQuickEnter = function(props, ref) {
                 e.stopPropagation();
                 onCancelEvent();
             }
-        }, closeIcon || /*#__PURE__*/ React.createElement(Close, null)));
+        }, closeIcon || /*#__PURE__*/ React.createElement(Close, {
+            ariaLabel: locale.close
+        })));
     };
     var renderContent = function() {
         return /*#__PURE__*/ React.createElement(View, {
@@ -89,20 +94,23 @@ var InternalQuickEnter = function(props, ref) {
         }, /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-list")
         }, options.map(function(item, index) {
-            var _item_badgeProps;
-            var _item_badge;
+            var _item_badgeProps, _item_badgeProps1;
+            var _item_badge, _item_badge1;
             return /*#__PURE__*/ React.createElement(View, {
                 key: index,
                 className: "".concat(classPrefix, "-item"),
+                ariaLabel: "".concat(item.title, " ").concat((_item_badge = item.badge) !== null && _item_badge !== void 0 ? _item_badge : (_item_badgeProps = item.badgeProps) === null || _item_badgeProps === void 0 ? void 0 : _item_badgeProps.value),
                 onClick: function() {
                     return handleItemClick(item, index);
                 }
             }, /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-item-icon")
+                className: "".concat(classPrefix, "-item-icon"),
+                ariaHidden: true
             }, /*#__PURE__*/ React.createElement(Badge, _object_spread_props(_object_spread({}, item.badgeProps), {
-                value: (_item_badge = item.badge) !== null && _item_badge !== void 0 ? _item_badge : (_item_badgeProps = item.badgeProps) === null || _item_badgeProps === void 0 ? void 0 : _item_badgeProps.value
+                value: (_item_badge1 = item.badge) !== null && _item_badge1 !== void 0 ? _item_badge1 : (_item_badgeProps1 = item.badgeProps) === null || _item_badgeProps1 === void 0 ? void 0 : _item_badgeProps1.value
             }), item.icon)), /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-item-title")
+                className: "".concat(classPrefix, "-item-title"),
+                ariaHidden: true
             }, item.title));
         })));
     };
@@ -127,8 +135,6 @@ var InternalQuickEnter = function(props, ref) {
             onCancelEvent();
         },
         onClose: onCancelEvent
-    }), /*#__PURE__*/ React.createElement(SafeArea, {
-        position: "top"
     }), renderQuickEnterElement()));
 };
 var QuickEnter = /*#__PURE__*/ React.forwardRef(InternalQuickEnter);

package/dist/es/packages/quickenter/style/quickenter.scss

@@ -1,6 +1,7 @@
 .nut-quickenter {
   width: 100%;
-  max-height: $quickenter-max-height; // Limit height for scrolling
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(#{$quickenter-max-height} + env(safe-area-inset-top, 0));
   background: $quickenter-bg-color;
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -10,6 +11,13 @@
   box-shadow: $quickenter-box-shadow;
   // backdrop-filter: $quickenter-backdrop-filter;
 
+  &.safe-area-top {
+    /* 使用 env fallback，确保旧浏览器返回 0 */
+    padding-top: calc(
+      env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1)
+    );
+  }
+
   &-control {
     display: flex;
     align-items: center;
@@ -44,7 +52,7 @@
   &-content {
     flex: 1;
     padding: 10px 28px;
-    overflow-y: hidden; // Default: no scrolling
+    overflow-y: hidden; // 始终可滚动，防止内容被遮挡
     box-sizing: border-box;
 
     &-scrollable {

package/dist/es/packages/quickenter/style/style.css

@@ -1,10 +1,12 @@
+@charset "UTF-8";
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
 .nut-quickenter {
   width: 100%;
-  max-height: var(--nutui-quickenter-max-height, 256px);
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
   background: var(--nutui-quickenter-bg-color, #f5f5f5);
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -13,6 +15,10 @@
   flex-direction: column;
   box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
 }
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
 .nut-quickenter-control {
   display: flex;
   align-items: center;

package/dist/es/packages/quickenter/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -405,7 +405,8 @@
 
 .nut-quickenter {
   width: 100%;
-  max-height: var(--nutui-quickenter-max-height, 256px);
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
   background: var(--nutui-quickenter-bg-color, #f5f5f5);
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -414,6 +415,10 @@
   flex-direction: column;
   box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
 }
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
 .nut-quickenter-control {
   display: flex;
   align-items: center;

package/dist/es/packages/quickenter/style-jmapp/quickenter.scss

@@ -1,6 +1,7 @@
 .nut-quickenter {
   width: 100%;
-  max-height: $quickenter-max-height; // Limit height for scrolling
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(#{$quickenter-max-height} + env(safe-area-inset-top, 0));
   background: $quickenter-bg-color;
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -10,6 +11,13 @@
   box-shadow: $quickenter-box-shadow;
   // backdrop-filter: $quickenter-backdrop-filter;
 
+  &.safe-area-top {
+    /* 使用 env fallback，确保旧浏览器返回 0 */
+    padding-top: calc(
+      env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1)
+    );
+  }
+
   &-control {
     display: flex;
     align-items: center;
@@ -44,7 +52,7 @@
   &-content {
     flex: 1;
     padding: 10px 28px;
-    overflow-y: hidden; // Default: no scrolling
+    overflow-y: hidden; // 始终可滚动，防止内容被遮挡
     box-sizing: border-box;
 
     &-scrollable {

package/dist/es/packages/quickenter/style-jmapp/style.css

@@ -1,10 +1,12 @@
+@charset "UTF-8";
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
 .nut-quickenter {
   width: 100%;
-  max-height: var(--nutui-quickenter-max-height, 256px);
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
   background: var(--nutui-quickenter-bg-color, #f5f5f5);
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -13,6 +15,10 @@
   flex-direction: column;
   box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
 }
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
 .nut-quickenter-control {
   display: flex;
   align-items: center;

package/dist/es/packages/quickenter/style-jrkf/quickenter.scss

@@ -1,6 +1,7 @@
 .nut-quickenter {
   width: 100%;
-  max-height: $quickenter-max-height; // Limit height for scrolling
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(#{$quickenter-max-height} + env(safe-area-inset-top, 0));
   background: $quickenter-bg-color;
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -10,6 +11,13 @@
   box-shadow: $quickenter-box-shadow;
   // backdrop-filter: $quickenter-backdrop-filter;
 
+  &.safe-area-top {
+    /* 使用 env fallback，确保旧浏览器返回 0 */
+    padding-top: calc(
+      env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1)
+    );
+  }
+
   &-control {
     display: flex;
     align-items: center;
@@ -44,7 +52,7 @@
   &-content {
     flex: 1;
     padding: 10px 28px;
-    overflow-y: hidden; // Default: no scrolling
+    overflow-y: hidden; // 始终可滚动，防止内容被遮挡
     box-sizing: border-box;
 
     &-scrollable {

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

@@ -1,10 +1,12 @@
+@charset "UTF-8";
 /* #ifdef harmony */
 /* #endif */
 /* #ifndef harmony */
 /* #endif */
 .nut-quickenter {
   width: 100%;
-  max-height: var(--nutui-quickenter-max-height, 256px);
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
   background: var(--nutui-quickenter-bg-color, #f5f5f5);
   border-radius: 0 0 12px 12px;
   overflow: hidden;
@@ -13,6 +15,10 @@
   flex-direction: column;
   box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
 }
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
 .nut-quickenter-control {
   display: flex;
   align-items: center;

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

@@ -39,7 +39,8 @@ export var ResultPage = function(props) {
         className: cls,
         style: style
     }, /*#__PURE__*/ React.createElement(View, {
-        className: "".concat(classPrefix, "-icon")
+        className: "".concat(classPrefix, "-icon"),
+        ariaHidden: true
     }, icon || defaultStatus[status]), typeof title === 'string' && title ? /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-title")
     }, title) : title, typeof description === 'string' && description ? /*#__PURE__*/ React.createElement(Text, {

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

@@ -22,7 +22,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: '',
     right: '',
     rightIn: '',
-    leftIn: /*#__PURE__*/ React.createElement(Search, null),
+    leftIn: /*#__PURE__*/ React.createElement(Search, {
+        ariaHidden: true
+    }),
     tag: false
 });
 export var SearchBar = function(props) {
@@ -177,12 +179,15 @@ export var SearchBar = function(props) {
                 onClick: function(e) {
                     return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
                 }
-            }, item, /*#__PURE__*/ React.createElement(Close, null));
+            }, item, /*#__PURE__*/ React.createElement(Close, {
+                ariaLabel: locale.close
+            }));
         }));
     }, [
         value,
         onItemClick,
-        innerTag
+        innerTag,
+        locale.close
     ]);
     var renderLeftIn = useCallback(function() {
         if (!leftIn) return null;
@@ -195,11 +200,16 @@ export var SearchBar = function(props) {
     var renderLeft = useCallback(function() {
         if (!backable && !left) return null;
         return /*#__PURE__*/ React.createElement(View, {
-            className: "".concat(classPrefix, "-left")
-        }, backable ? /*#__PURE__*/ React.createElement(ArrowLeft, null) : left);
+            className: "".concat(classPrefix, "-left"),
+            ariaRole: backable ? 'button' : undefined,
+            ariaLabel: backable ? locale.back : undefined
+        }, backable ? /*#__PURE__*/ React.createElement(ArrowLeft, {
+            ariaHidden: true
+        }) : left);
     }, [
         backable,
-        left
+        left,
+        locale
     ]);
     var renderRightIn = useCallback(function() {
         if (!rightIn) return null;
@@ -226,13 +236,17 @@ export var SearchBar = function(props) {
                 visibility: "".concat(!innerTag && value && clearable ? 'visible' : 'hidden')
             },
             onClick: clearaVal,
-            "aria-label": "清除"
-        }, /*#__PURE__*/ React.createElement(MaskClose, null));
+            ariaRole: "button",
+            ariaLabel: locale.clear
+        }, /*#__PURE__*/ React.createElement(MaskClose, {
+            ariaHidden: true
+        }));
     }, [
         value,
         clearable,
         clearaVal,
-        innerTag
+        innerTag,
+        locale
     ]);
     var onConfirm = function() {
         onSearch && onSearch(value);

package/dist/es/packages/shortpassword/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/es/packages/swipe/swipe.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SwipeRef, TaroSwipeProps } from "../../types";
-export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeRef>>;
+export declare const Swipe: React.ForwardRefExoticComponent<Partial<TaroSwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd"> & React.RefAttributes<SwipeRef>>;

package/dist/es/packages/tabs/tabs.js

@@ -51,6 +51,7 @@ export var Tabs = function(props) {
         onChange: onChange
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var titleItemsRef = useRef([]);
+    var tabsRef = useRef(null);
     var getTitles = function() {
         var titles = [];
         React.Children.forEach(children, function(child, idx) {
@@ -90,7 +91,8 @@ export var Tabs = function(props) {
     var classesTitle = classNames("".concat(classPrefix, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
     var getRect = function(selector) {
         return new Promise(function(resolve) {
-            createSelectorQuery().select(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            createSelectorQuery().in(((_tabsRef_current = tabsRef.current) === null || _tabsRef_current === void 0 ? void 0 : _tabsRef_current._scope) || tabsRef.current).select(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
                 resolve(rect[0]);
             });
@@ -98,7 +100,8 @@ export var Tabs = function(props) {
     };
     var getAllRect = function(selector) {
         return new Promise(function(resolve) {
-            createSelectorQuery().selectAll(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            createSelectorQuery().in(((_tabsRef_current = tabsRef.current) === null || _tabsRef_current === void 0 ? void 0 : _tabsRef_current._scope) || tabsRef.current).selectAll(selector).boundingClientRect().exec(function() {
                 var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
                 resolve(rect[0]);
             });
@@ -178,9 +181,11 @@ export var Tabs = function(props) {
             setValue(item.value);
         }
     };
-    return /*#__PURE__*/ React.createElement(View, _object_spread({
+    return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
         className: classes
-    }, rest), /*#__PURE__*/ React.createElement(ScrollView, {
+    }, rest), {
+        ref: tabsRef
+    }), /*#__PURE__*/ React.createElement(ScrollView, {
         enableFlex: true,
         scrollX: direction === 'horizontal',
         scrollY: direction === 'vertical',
@@ -212,7 +217,9 @@ export var Tabs = function(props) {
                 background: activeColor
             }
         }), activeType === 'smile' && /*#__PURE__*/ React.createElement(View, {
-            className: "".concat(classPrefix, "-titles-item-smile")
+            className: "".concat(classPrefix, "-titles-item-smile"),
+            // @ts-ignore
+            ariaHidden: true
         }, /*#__PURE__*/ React.createElement(JoySmile, {
             color: activeColor
         })), /*#__PURE__*/ React.createElement(View, {

package/dist/es/packages/timeselect/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/es/packages/tour/style/style.harmony.css

@@ -291,7 +291,7 @@
   animation-name: popup-slide-right-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-right-exit-active {
+.nut-popup-slide-right-exit {
   animation-fill-mode: both;
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
     transform: translate3d(0, 0%, 0);
   }
 }
-@keyframes popup-slide-bottom-exit {
+@keyframes slide-bottom-exit {
   from {
     transform: translate3d(0, 0%, 0);
   }
@@ -313,14 +313,14 @@
   }
 }
 .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-bottom-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-bottom-exit-active {
+.nut-popup-slide-bottom-exit {
   animation-fill-mode: both;
-  animation-name: popup-slide-bottom-exit;
+  animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
 @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
   }
 }
 .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
-  transform: translate3d(0, 0, 0);
+  transform: translate(0, 0);
   animation-fill-mode: both;
   animation-name: popup-slide-left-enter;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
-.nut-popup-slide-left-exit-active {
+.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
   animation-fill-mode: both;
   animation-name: popup-slide-left-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);

package/dist/es/types/spec/button/base.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 import { BaseProps } from '../../base/props';
 import { UIFill, UIRound, UISize, UIType } from '../../base/atoms';
 export interface BaseButton extends BaseProps {
@@ -50,5 +51,5 @@ export interface BaseButton extends BaseProps {
     /**
     * 点击按钮时触发
     */
-    onClick: (e: any) => void
+    onClick: (e: MouseEvent<HTMLButtonElement>) => void
 }