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

package/dist/es/packages/button/index.d.ts

@@ -1,3 +1,2 @@
 import { Button } from "./button";
-export type { ButtonType, ButtonProps, ButtonSize, ButtonShape, ButtonFill, } from "./button";
 export default Button;

package/dist/es/packages/dialog/dialog.js

@@ -180,7 +180,11 @@ export var BaseDialog = function(props) {
         };
         var _obj;
         var closeClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), true), _define_property(_obj, "".concat(classPrefix, "-close-").concat(closeIconPosition), true), _obj));
-        var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, null) : /*#__PURE__*/ React.createElement(Failure, null);
+        var systemIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, {
+            ariaHidden: true
+        }) : /*#__PURE__*/ React.createElement(Failure, {
+            ariaHidden: true
+        });
         return /*#__PURE__*/ React.createElement(View, {
             className: closeClasses,
             onClick: handleClose,
@@ -188,7 +192,7 @@ export var BaseDialog = function(props) {
             ariaLabel: locale.close,
             // @ts-ignore
             tabIndex: 0
-        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
+        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systemIcon);
     };
     var onHandleClickOverlay = function(e) {
         if (closeOnOverlayClick && visible && e.target === e.currentTarget) {

package/dist/es/packages/divider/divider.js

@@ -6,7 +6,7 @@ import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
-import { useRtl } from "../configprovider/configprovider";
+import { useRtl } from "../configprovider/index";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: 'center',
     direction: 'horizontal'

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

@@ -1,11 +1,11 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from "../../utils/typings";
-import { ButtonFill, ButtonSize, ButtonType } from "../button/button";
+import { UIFill, UISize, UIType } from "../../types/base/atoms";
 export interface EmptyAction {
     text: React.ReactNode;
-    type?: ButtonType;
-    size?: ButtonSize;
-    fill?: ButtonFill;
+    type?: UIType;
+    size?: UISize;
+    fill?: UIFill;
     disabled?: boolean;
     onClick?: () => () => void;
 }

package/dist/es/packages/image/image.js

@@ -9,6 +9,7 @@ import { Image as TImage, View } from "@tarojs/components";
 import { Image as ImageIcon, ImageError } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { pxTransform } from "../../utils/taro/px-transform";
+import { useConfig } from "../configprovider/index";
 var defaultProps = {
     src: '',
     error: true,
@@ -30,6 +31,7 @@ export var Image = function(props) {
     ]);
     var _useState = _sliced_to_array(useState(true), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
+    var locale = useConfig().locale;
     var pxCheck = function(value) {
         return Number.isNaN(Number(value)) ? String(value) : pxTransform(+value);
     };
@@ -62,8 +64,11 @@ export var Image = function(props) {
         if (!isError) return null;
         if (typeof error === 'boolean' && error === true && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
-                className: "".concat(classPrefix, "-error")
-            }, /*#__PURE__*/ React.createElement(ImageError, null));
+                className: "".concat(classPrefix, "-error"),
+                ariaLabel: locale.image.errorTip || ''
+            }, /*#__PURE__*/ React.createElement(ImageError, {
+                ariaHidden: true
+            }));
         }
         if (/*#__PURE__*/ React.isValidElement(error) && !innerLoading) {
             return /*#__PURE__*/ React.createElement(View, {
@@ -74,7 +79,8 @@ export var Image = function(props) {
     }, [
         error,
         isError,
-        innerLoading
+        innerLoading,
+        locale
     ]);
     var renderLoading = useCallback(function() {
         if (!loading) return null;
@@ -100,6 +106,8 @@ export var Image = function(props) {
         className: classNames("".concat(classPrefix, "-default"), className && "".concat(className, "-image"), _define_property({}, "".concat(classPrefix, "-error"), isError)),
         style: imgStyle,
         src: src,
+        // @ts-ignore
+        ariaHidden: isError,
         onLoad: function(e) {
             return handleLoad(e);
         },

package/dist/es/packages/input/input.js

@@ -191,7 +191,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         confirmType: confirmType,
         onBlur: handleBlur,
         onFocus: handleFocus,
-        onInput: handleInput
+        onInput: handleInput,
+        ariaLabel: props.ariaLabel || // eslint-disable-next-line no-nested-ternary
+        (value ? undefined : placeholder === undefined ? locale.placeholder : placeholder)
     })), /*#__PURE__*/ React.createElement(View, {
         style: {
             display: clearable && !readOnly && active && value.length > 0 ? 'flex' : 'none',
@@ -204,8 +206,13 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
                 setValue('');
                 onClear === null || onClear === void 0 ? void 0 : onClear('');
             }
-        }
-    }, clearIcon || /*#__PURE__*/ React.createElement(MaskClose, {
+        },
+        ariaRole: "button",
+        ariaLabel: locale.clear || '清除'
+    }, clearIcon ? /*#__PURE__*/ React.cloneElement(clearIcon, {
+        ariaHidden: true
+    }) : /*#__PURE__*/ React.createElement(MaskClose, {
+        ariaHidden: true,
         className: "nut-input-clear"
     })));
 });

package/dist/es/packages/popup/popup.js

@@ -209,8 +209,7 @@ export var Popup = function(props) {
             onClick: handleCloseIconClick,
             ariaRole: "button",
             ariaLabel: closeAriaLabel || locale.close
-        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : // @ts-ignore
-        /*#__PURE__*/ React.createElement(Close, {
+        }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, {
             ariaHidden: true
         }));
     }, [

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

@@ -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/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/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
 }

package/dist/es/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/es/types/spec/quickenter/base.d.ts

@@ -38,6 +38,7 @@ export interface BaseQuickEnter<POPUP_PROPS = any> extends BaseProps {
     * 自定义关闭图标
     */
     closeIcon?: ReactNode
+    safeAreaInsetTop?: boolean;
     onClose?: () => void;
     onChange?: (item: QuickEnterOption, index: number) => void;
     children?: ReactNode;

package/dist/es/utils/taro/get-rect.js

@@ -34,7 +34,8 @@ export var getRectInMultiPlatform = function(element) {
                             resolve(lru.get(element));
                             return;
                         }
-                        createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createSelectorQuery()// https://taro.jd.com/docs/reference/config/page/
+                        .in((element === null || element === void 0 ? void 0 : element._scope) || element).select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = _sliced_to_array(param, 1), rects = _param[0];
                             if (rects) {
                                 lru.set(element, rects);
@@ -66,7 +67,8 @@ export var getRectInMultiPlatformWithoutCache = function(element) {
                 return [
                     2,
                     new Promise(function(resolve, reject) {
-                        createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        createSelectorQuery()// https://taro.jd.com/docs/reference/config/page/
+                        .in((element === null || element === void 0 ? void 0 : element._scope) || element).select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
                             var _param = _sliced_to_array(param, 1), rects = _param[0];
                             resolve(rects);
                         });