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

package/dist/cjs/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/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/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/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;

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

@@ -55,7 +55,8 @@ var getRectInMultiPlatform = function getRectInMultiPlatform(element) {
                             resolve(lru.get(element));
                             return;
                         }
-                        (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        (0, _taro.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 = (0, _sliced_to_array._)(param, 1), rects = _param[0];
                             if (rects) {
                                 lru.set(element, rects);
@@ -86,7 +87,8 @@ var getRectInMultiPlatformWithoutCache = function getRectInMultiPlatformWithoutC
                 return [
                     2,
                     new Promise(function(resolve, reject) {
-                        (0, _taro.createSelectorQuery)().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                        (0, _taro.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 = (0, _sliced_to_array._)(param, 1), rects = _param[0];
                             resolve(rects);
                         });

package/dist/es/locales/base.d.ts

@@ -9,6 +9,11 @@ export interface BaseLang {
     edit: string;
     reset: string;
     close: string;
+    back: string;
+    clear: string;
+    image: {
+        errorTip: string;
+    };
     video: {
         errorTip: string;
         clickRetry: string;

package/dist/es/locales/en-US.js

@@ -9,6 +9,11 @@ var enUS = {
     edit: 'Edit',
     reset: 'Reset',
     close: 'Close',
+    back: 'Back',
+    clear: 'Clear',
+    image: {
+        errorTip: 'Image failed to load'
+    },
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'

package/dist/es/locales/id-ID.js

@@ -9,6 +9,11 @@ var idID = {
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
     close: 'Tutup',
+    back: 'Kembali',
+    clear: 'Bersihkan',
+    image: {
+        errorTip: 'Gambar gagal dimuat'
+    },
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'

package/dist/es/locales/ja-JP.js

@@ -8,6 +8,12 @@ var jaJP = {
     select: '選択してください',
     edit: '編集',
     reset: 'リセット',
+    close: '閉じる',
+    back: '戻る',
+    clear: 'クリア',
+    image: {
+        errorTip: '画像の読み込みに失敗しました'
+    },
     video: {
         errorTip: '動画の読み込みに失敗しました',
         clickRetry: 'クリックして再試行'
@@ -155,7 +161,6 @@ var jaJP = {
         errorCanvasTips: '現在の環境はCanvasをサポートしていません'
     },
     mask: 'マスク',
-    close: '閉じる',
     quickenter: {
         title: 'クイックアクセス'
     }

package/dist/es/locales/tr-TR.js

@@ -9,6 +9,11 @@ var trTR = {
     edit: 'düzenlemek',
     reset: 'sıfırlama',
     close: 'Kapat',
+    back: 'Geri',
+    clear: 'Temizle',
+    image: {
+        errorTip: 'Resim yüklenemedi'
+    },
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'

package/dist/es/locales/zh-CN.js

@@ -9,6 +9,11 @@ var zhCN = {
     edit: '编辑',
     reset: '重置',
     close: '关闭',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '图片加载失败'
+    },
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'

package/dist/es/locales/zh-TW.js

@@ -9,6 +9,11 @@ var zhCN = {
     edit: '編輯',
     reset: '重置',
     close: '關閉',
+    back: '返回',
+    clear: '清除',
+    image: {
+        errorTip: '圖片加載失敗'
+    },
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'

package/dist/es/locales/zh-UG.js

@@ -9,6 +9,11 @@ var zhUG = {
     edit: 'يحرر',
     reset: 'إعادة ضبط',
     close: 'تاقاش',
+    back: 'قايتىش',
+    clear: 'تاقاش',
+    image: {
+        errorTip: 'رەسىم يۈكلەش مەغلۇپ بولدى'
+    },
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { AddressRef, TaroAddressProps } from "../../types";
-export declare const Address: React.ForwardRefExoticComponent<Partial<TaroAddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "onClick" | "title" | "onLoad"> & React.RefAttributes<AddressRef>>;
+export declare const Address: React.ForwardRefExoticComponent<Partial<TaroAddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "title" | "onClick" | "onLoad"> & React.RefAttributes<AddressRef>>;

package/dist/es/packages/animatingnumbers/countup.js

@@ -48,7 +48,9 @@ export var CountUp = function(props) {
     var isLoaded = useRef(false);
     var setNumberTransform = useCallback(function() {
         if (countupRef.current && numberArr.length) {
-            createSelectorQuery().selectAll('.nut-countup-listitem').node(function(numberItems) {
+            var _countupRef_current;
+            createSelectorQuery()// @ts-ignore
+            .in(((_countupRef_current = countupRef.current) === null || _countupRef_current === void 0 ? void 0 : _countupRef_current._scope) || countupRef.current).selectAll('.nut-countup-listitem').node(function(numberItems) {
                 var transformArrCache = [];
                 Object.keys(numberItems).forEach(function(key) {
                     var elem = numberItems[Number(key)];

package/dist/es/packages/avatar/avatar.js

@@ -1,6 +1,7 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useContext, useEffect, useRef, useState } from "react";
 import { Image, View } from "@tarojs/components";
@@ -25,7 +26,23 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 var classPrefix = "nut-avatar";
 export var Avatar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, mode = _$_object_spread.mode, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
+    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, size = _ref.size, shape = _ref.shape, background = _ref.background, color = _ref.color, src = _ref.src, alt = _ref.alt, icon = _ref.icon, mode = _ref.mode, fit = _ref.fit, avatarIndex = _ref.avatarIndex, className = _ref.className, style = _ref.style, onClick = _ref.onClick, onError = _ref.onError, rest = _object_without_properties(_ref, [
+        "children",
+        "size",
+        "shape",
+        "background",
+        "color",
+        "src",
+        "alt",
+        "icon",
+        "mode",
+        "fit",
+        "avatarIndex",
+        "className",
+        "style",
+        "onClick",
+        "onError"
+    ]);
     var _useState // 是否显示的最大头像个数
      = _sliced_to_array(useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
     var avatarRef = useRef(null);
@@ -62,7 +79,8 @@ export var Avatar = function(props) {
         }
     }, [
         avatarIndex,
-        groupCount
+        groupCount,
+        groupMax
     ]);
     var errorEvent = function() {
         onError && onError();
@@ -70,19 +88,26 @@ export var Avatar = function(props) {
     var clickAvatar = function(e) {
         onClick && onClick(e);
     };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, (showMax || !groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ React.createElement(View, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, (showMax || !groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ React.createElement(View, _object_spread({
         className: cls,
         style: !showMax ? styles : maxStyles,
         onClick: clickAvatar,
-        ref: avatarRef
-    }, (!groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ React.createElement(React.Fragment, null, src && /*#__PURE__*/ React.createElement(Image, {
+        ref: avatarRef,
+        // @ts-ignore
+        ariaRole: onClick ? 'button' : undefined
+    }, rest), (!groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ React.createElement(React.Fragment, null, src && /*#__PURE__*/ React.createElement(Image, {
         className: "nut-avatar-img nut-avatar-".concat(groupSize || size || 'normal', "-img"),
         src: src,
+        nativeProps: {
+            alt: alt
+        },
         style: {
             objectFit: fit
         },
         mode: mode,
-        onError: errorEvent
+        onError: errorEvent,
+        // @ts-ignore
+        ariaHidden: true
     }), /*#__PURE__*/ React.isValidElement(icon) ? /*#__PURE__*/ React.createElement(View, {
         className: "nut-avatar-text"
     }, /*#__PURE__*/ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
@@ -96,6 +121,7 @@ export var Avatar = function(props) {
     }, children), !src && !icon && !children && /*#__PURE__*/ React.createElement(View, {
         className: "nut-avatar-text"
     }, /*#__PURE__*/ React.createElement(User, {
+        ariaHidden: true,
         style: {
             color: color
         },

package/dist/es/packages/badge/badge.js

@@ -2,6 +2,7 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _type_of } from "@swc/helpers/_/_type_of";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
@@ -41,7 +42,19 @@ export var Badge = function(props) {
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size, disabled = _$_object_spread.disabled;
+    var _ref = _object_spread({}, defaultProps, props), className = _ref.className, style = _ref.style, value = _ref.value, max = _ref.max, children = _ref.children, dot = _ref.dot, top = _ref.top, right = _ref.right, fill = _ref.fill, size = _ref.size, disabled = _ref.disabled, rest = _object_without_properties(_ref, [
+        "className",
+        "style",
+        "value",
+        "max",
+        "children",
+        "dot",
+        "top",
+        "right",
+        "fill",
+        "size",
+        "disabled"
+    ]);
     var classPrefix = 'nut-badge';
     var isHarmony = harmony();
     var classes = classNames(classPrefix, className);
@@ -69,11 +82,11 @@ export var Badge = function(props) {
         })();
     };
     var _obj1;
-    return /*#__PURE__*/ React.createElement(View, {
+    return /*#__PURE__*/ React.createElement(View, _object_spread({
         className: classes,
         style: style,
         ref: badgeRef
-    }, isIcon() && /*#__PURE__*/ React.createElement(View, {
+    }, rest), isIcon() && /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-icon"), true), _define_property(_obj1, "".concat(classPrefix, "-icon-rtl"), rtl), _obj1)),
         style: contentStyle
     }, value), children, !isIcon() && (getContent() || dot) && /*#__PURE__*/ React.createElement(View, {

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

@@ -1,22 +1,3 @@
 import React from 'react';
-import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-export type ButtonSize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
-export type ButtonShape = 'square' | 'round';
-export type ButtonFill = 'solid' | 'outline' | 'dashed' | 'none';
-export interface ButtonProps extends BasicComponent {
-    color: string;
-    shape: ButtonShape;
-    type: ButtonType;
-    size: ButtonSize;
-    fill: ButtonFill;
-    block: boolean;
-    loading: boolean;
-    disabled: boolean;
-    icon: React.ReactNode;
-    rightIcon: React.ReactNode;
-    nativeType: 'submit' | 'reset';
-    onClick: (e: MouseEvent<HTMLButtonElement>) => void;
-}
-export declare const Button: React.ForwardRefExoticComponent<Partial<ButtonProps> & React.RefAttributes<HTMLButtonElement>>;
+import { TaroButtonProps } from "../../types";
+export declare const Button: React.ForwardRefExoticComponent<Omit<Partial<TaroButtonProps>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/es/packages/button/button.js

@@ -4,8 +4,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React, { useCallback, useMemo } from "react";
 import classNames from "classnames";
-import { // ButtonProps as MiniProgramButtonProps,
-View } from "@tarojs/components";
+import { View } from "@tarojs/components";
 import { Loading } from "@nutui/icons-react-taro";
 import { ComponentDefaults } from "../../utils/typings";
 import { harmony } from "../../utils/taro/platform";
@@ -96,9 +95,7 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     //   ;(rest as any).type = formType
     // }
     return (
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        // eslint-disable-next-line react/button-has-type
         // <TaroButton
         /*#__PURE__*/ (React.createElement(View, _object_spread_props(_object_spread({}, rest), {
             ref: ref,
@@ -111,6 +108,7 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }), /*#__PURE__*/ React.createElement(View, {
             className: "nut-button-wrap"
         }, loading && /*#__PURE__*/ React.createElement(Loading, {
+            ariaHidden: true,
             className: "nut-icon-loading"
         }), !loading && icon, children && /*#__PURE__*/ React.createElement(View, {
             className: "nut-button-children nut-button-".concat(size, "-children nut-button-").concat(type, "-children ").concat(!(props.fill || disabled || loading) ? '' : "nut-button-".concat(type).concat(props.fill ? "-".concat(fill) : '').concat(disabled || loading ? '-disabled' : '')).concat(icon || loading ? " nut-button-text" : '').concat(rightIcon ? ' nut-button-text-right' : ''),