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

package/dist/cjs/packages/quickenter/quickenter.js

@@ -21,18 +21,18 @@ var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
-var _index1 = /*#__PURE__*/ _interop_require_default._(require("../safearea/index"));
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
-var _index2 = /*#__PURE__*/ _interop_require_default._(require("../badge/index"));
+var _index1 = /*#__PURE__*/ _interop_require_default._(require("../badge/index"));
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     options: [],
     visible: false,
-    closeOnOverlayClick: true
+    closeOnOverlayClick: true,
+    safeAreaInsetTop: true
 });
 var InternalQuickEnter = function InternalQuickEnter(props, ref) {
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "children",
         "visible",
         "title",
@@ -43,12 +43,15 @@ var InternalQuickEnter = function InternalQuickEnter(props, ref) {
         "style",
         "onClose",
         "onChange",
-        "closeIcon"
+        "closeIcon",
+        "safeAreaInsetTop"
     ]);
     var locale = (0, _configprovider.useConfig)().locale;
     var mergedTitle = title || locale.quickenter.title;
     var classPrefix = 'nut-quickenter';
-    var classes = (0, _classnames.default)(classPrefix, className);
+    var classes = (0, _classnames.default)(classPrefix, className, {
+        'safe-area-top': safeAreaInsetTop
+    });
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
         value: props.visible,
         defaultValue: false,
@@ -93,7 +96,9 @@ var InternalQuickEnter = function InternalQuickEnter(props, ref) {
                 e.stopPropagation();
                 onCancelEvent();
             }
-        }, closeIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null)));
+        }, closeIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+            ariaLabel: locale.close
+        })));
     };
     var renderContent = function renderContent() {
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
@@ -101,20 +106,23 @@ var InternalQuickEnter = function InternalQuickEnter(props, ref) {
         }, /*#__PURE__*/ _react.default.createElement(_components.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.default.createElement(_components.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 onClick() {
                     return handleItemClick(item, index);
                 }
             }, /*#__PURE__*/ _react.default.createElement(_components.View, {
-                className: "".concat(classPrefix, "-item-icon")
-            }, /*#__PURE__*/ _react.default.createElement(_index2.default, (0, _object_spread_props._)((0, _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
+                className: "".concat(classPrefix, "-item-icon"),
+                ariaHidden: true
+            }, /*#__PURE__*/ _react.default.createElement(_index1.default, (0, _object_spread_props._)((0, _object_spread._)({}, item.badgeProps), {
+                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.default.createElement(_components.View, {
-                className: "".concat(classPrefix, "-item-title")
+                className: "".concat(classPrefix, "-item-title"),
+                ariaHidden: true
             }, item.title));
         })));
     };
@@ -139,8 +147,6 @@ var InternalQuickEnter = function InternalQuickEnter(props, ref) {
             onCancelEvent();
         },
         onClose: onCancelEvent
-    }), /*#__PURE__*/ _react.default.createElement(_index1.default, {
-        position: "top"
     }), renderQuickEnterElement()));
 };
 var QuickEnter = /*#__PURE__*/ _react.default.forwardRef(InternalQuickEnter);

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/resultpage/resultpage.js

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

package/dist/cjs/packages/searchbar/searchbar.js

@@ -34,7 +34,9 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     left: '',
     right: '',
     rightIn: '',
-    leftIn: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Search, null),
+    leftIn: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Search, {
+        ariaHidden: true
+    }),
     tag: false
 });
 var SearchBar = function SearchBar(props) {
@@ -189,12 +191,15 @@ var SearchBar = function SearchBar(props) {
                 onClick: function onClick(e) {
                     return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
                 }
-            }, item, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null));
+            }, item, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+                ariaLabel: locale.close
+            }));
         }));
     }, [
         value,
         onItemClick,
-        innerTag
+        innerTag,
+        locale.close
     ]);
     var renderLeftIn = (0, _react.useCallback)(function() {
         if (!leftIn) return null;
@@ -207,11 +212,16 @@ var SearchBar = function SearchBar(props) {
     var renderLeft = (0, _react.useCallback)(function() {
         if (!backable && !left) return null;
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "".concat(classPrefix, "-left")
-        }, backable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ArrowLeft, null) : left);
+            className: "".concat(classPrefix, "-left"),
+            ariaRole: backable ? 'button' : undefined,
+            ariaLabel: backable ? locale.back : undefined
+        }, backable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ArrowLeft, {
+            ariaHidden: true
+        }) : left);
     }, [
         backable,
-        left
+        left,
+        locale
     ]);
     var renderRightIn = (0, _react.useCallback)(function() {
         if (!rightIn) return null;
@@ -238,13 +248,17 @@ var SearchBar = function SearchBar(props) {
                 visibility: "".concat(!innerTag && value && clearable ? 'visible' : 'hidden')
             },
             onClick: clearaVal,
-            "aria-label": "清除"
-        }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, null));
+            ariaRole: "button",
+            ariaLabel: locale.clear
+        }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, {
+            ariaHidden: true
+        }));
     }, [
         value,
         clearable,
         clearaVal,
-        innerTag
+        innerTag,
+        locale
     ]);
     var onConfirm = function onConfirm() {
         onSearch && onSearch(value);

package/dist/cjs/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/cjs/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/cjs/packages/tabs/tabs.js

@@ -63,6 +63,7 @@ var Tabs = function Tabs(props) {
         onChange: onChange
     }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
     var titleItemsRef = (0, _react.useRef)([]);
+    var tabsRef = (0, _react.useRef)(null);
     var getTitles = function getTitles() {
         var titles = [];
         _react.default.Children.forEach(children, function(child, idx) {
@@ -102,7 +103,8 @@ var Tabs = function Tabs(props) {
     var classesTitle = (0, _classnames.default)("".concat(classPrefix, "-titles"), (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), (0, _define_property._)(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
     var getRect = function getRect(selector) {
         return new Promise(function(resolve) {
-            (0, _taro.createSelectorQuery)().select(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            (0, _taro.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]);
             });
@@ -110,7 +112,8 @@ var Tabs = function Tabs(props) {
     };
     var getAllRect = function getAllRect(selector) {
         return new Promise(function(resolve) {
-            (0, _taro.createSelectorQuery)().selectAll(selector).boundingClientRect().exec(function() {
+            var _tabsRef_current;
+            (0, _taro.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]);
             });
@@ -190,9 +193,11 @@ var Tabs = function Tabs(props) {
             setValue(item.value);
         }
     };
-    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)({
+    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
         className: classes
-    }, rest), /*#__PURE__*/ _react.default.createElement(_components.ScrollView, {
+    }, rest), {
+        ref: tabsRef
+    }), /*#__PURE__*/ _react.default.createElement(_components.ScrollView, {
         enableFlex: true,
         scrollX: direction === 'horizontal',
         scrollY: direction === 'vertical',
@@ -224,7 +229,9 @@ var Tabs = function Tabs(props) {
                 background: activeColor
             }
         }), activeType === 'smile' && /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "".concat(classPrefix, "-titles-item-smile")
+            className: "".concat(classPrefix, "-titles-item-smile"),
+            // @ts-ignore
+            ariaHidden: true
         }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.JoySmile, {
             color: activeColor
         })), /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/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/cjs/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/cjs/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 {
@@ -14,5 +15,5 @@ export interface BaseButton extends BaseProps {
     rightIcon: ReactNode;
     id: string;
     nativeType: 'submit' | 'reset' | 'button';
-    onClick: (e: any) => void;
+    onClick: (e: MouseEvent<HTMLButtonElement>) => void;
 }

package/dist/cjs/types/spec/button/taro.d.ts

@@ -1,3 +1,7 @@
+import { ButtonProps as MiniProgramButtonProps } from '@tarojs/components';
 import { BaseButton } from './base';
-export interface TaroButtonProps extends BaseButton {
+type OmitMiniProgramButtonProps = Omit<MiniProgramButtonProps, 'size' | 'type' | 'onClick' | 'style' | 'disabled' | 'loading' | 'id'>;
+export interface TaroButtonProps extends BaseButton, OmitMiniProgramButtonProps {
+    nativeType: 'submit' | 'reset';
 }
+export {};

package/dist/cjs/types/spec/quickenter/base.d.ts

@@ -20,6 +20,7 @@ export interface BaseQuickEnter<POPUP_PROPS = any> extends BaseProps {
     popupProps?: POPUP_PROPS;
     closeOnOverlayClick?: boolean;
     closeIcon?: ReactNode;
+    safeAreaInsetTop?: boolean;
     onClose?: () => void;
     onChange?: (item: QuickEnterOption, index: number) => void;
     children?: ReactNode;