@nutui/nutui-react-taro 3.0.19-cpp.16 → 3.0.19-cpp.18

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

@@ -13,7 +13,7 @@ export var defaultContentProps = {
     onClick: function() {}
 };
 export var Content = function(props) {
-    var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick, ariaRole = _$_object_spread.ariaRole, ariaLabel = _$_object_spread.ariaLabel;
     var classPrefix = 'nut-dialog';
     var renderHeader = function() {
         return title && /*#__PURE__*/ React.createElement(View, {
@@ -33,7 +33,11 @@ export var Content = function(props) {
         style: style,
         onClick: function(e) {
             return handleClick(e);
-        }
+        },
+        ariaRole: ariaRole,
+        ariaLabel: ariaLabel,
+        // @ts-ignore
+        tabIndex: -1
     }, close, header, /*#__PURE__*/ React.createElement(View, {
         className: classPrefix,
         style: {

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

@@ -47,13 +47,15 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps,
     onConfirm: function() {},
     onOverlayClick: function() {
         return true;
-    }
+    },
+    ariaLabel: 'dialog'
 });
 export var BaseDialog = function(props) {
-    var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, children = _useParams_params.children, className = _useParams_params.className, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, content = _useParams_params.content, disableConfirmButton = _useParams_params.disableConfirmButton, footer = _useParams_params.footer, footerDirection = _useParams_params.footerDirection, header = _useParams_params.header, cancelBadge = _useParams_params.cancelBadge, confirmBadge = _useParams_params.confirmBadge, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, style = _useParams_params.style, title = _useParams_params.title, visible = _useParams_params.visible, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, children = _useParams_params.children, className = _useParams_params.className, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, content = _useParams_params.content, disableConfirmButton = _useParams_params.disableConfirmButton, footer = _useParams_params.footer, footerDirection = _useParams_params.footerDirection, header = _useParams_params.header, cancelBadge = _useParams_params.cancelBadge, confirmBadge = _useParams_params.confirmBadge, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, style = _useParams_params.style, title = _useParams_params.title, visible = _useParams_params.visible, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, ariaLabel = _useParams_params.ariaLabel, setParams = _useParams.setParams;
     var classPrefix = 'nut-dialog';
     var locale = useConfig().locale;
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1];
+    var role = 'dialog';
     useCustomEvent(id, function(param) {
         var status = param.status, options = param.options;
         setParams(_object_spread_props(_object_spread({}, options), {
@@ -183,7 +185,11 @@ export var BaseDialog = function(props) {
         var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, null) : /*#__PURE__*/ React.createElement(Failure, null);
         return /*#__PURE__*/ React.createElement(View, {
             className: closeClasses,
-            onClick: handleClose
+            onClick: handleClose,
+            ariaRole: "button",
+            ariaLabel: locale.close,
+            // @ts-ignore
+            tabIndex: 0
         }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
     };
     var onHandleClickOverlay = function(e) {
@@ -215,7 +221,9 @@ export var BaseDialog = function(props) {
                 close: renderCloseIcon(),
                 footer: renderFooter(),
                 footerDirection: footerDirection,
-                visible: visible
+                visible: visible,
+                ariaRole: role,
+                ariaLabel: ariaLabel
             }, content || children))
         );
     };

package/dist/es/packages/overlay/overlay.js

@@ -7,6 +7,7 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
+import { useConfig } from "../configprovider/configprovider";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
@@ -18,7 +19,7 @@ export var defaultOverlayProps = _object_spread_props(_object_spread({}, Compone
     afterClose: function() {}
 });
 export var Overlay = function(props) {
-    var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
         "children",
         "zIndex",
         "duration",
@@ -29,11 +30,13 @@ export var Overlay = function(props) {
         "style",
         "afterShow",
         "afterClose",
-        "onClick"
+        "onClick",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-overlay';
     var _useState = _sliced_to_array(useState(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = useLockScrollTaro(!!lockScroll && innerVisible);
+    var locale = useConfig().locale;
     useEffect(function() {
         setInnerVisible(visible);
     }, [
@@ -49,7 +52,7 @@ export var Overlay = function(props) {
         }
     };
     var renderOverlay = function() {
-        return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
+        return /*#__PURE__*/ React.createElement(View, _object_spread(_object_spread_props(_object_spread({
             ref: nodeRef,
             className: classes,
             style: _object_spread_props(_object_spread({}, styles), {
@@ -58,7 +61,9 @@ export var Overlay = function(props) {
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
-        }), children);
+        }), closeOnOverlayClick ? {
+            ariaLabel: ariaLabel || locale.mask
+        } : {}), children);
     };
     return /*#__PURE__*/ React.createElement(React.Fragment, null, renderOverlay());
 // return (

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

@@ -17,6 +17,7 @@ import Overlay from "../overlay/index";
 import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
 import { harmony } from "../../utils/taro/platform";
 import { pxTransform } from "../../utils/taro/px-transform";
+import { useConfig } from "../configprovider/configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -46,7 +47,7 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
 // 默认1000，参看variables
 var _zIndex = 1100;
 export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -60,6 +61,7 @@ export var Popup = function(props) {
     var heightRef = useRef(0);
     var defaultHeightRef = useRef(0);
     var isTouching = useRef(false);
+    var locale = useConfig().locale;
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
     var contentZIndex = harmony() ? index + 1 : index // 解决harmony层级问题
@@ -72,6 +74,7 @@ export var Popup = function(props) {
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var _useState4 = _sliced_to_array(useState(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
     var _useState5 = _sliced_to_array(useState(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
+    var role = 'dialog';
     var resizeStyles = function() {
         if (popupHeight !== '') {
             return {
@@ -149,7 +152,9 @@ export var Popup = function(props) {
         var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
         return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement(View, {
             className: closeClasses,
-            onClick: handleCloseIconClick
+            onClick: handleCloseIconClick,
+            ariaRole: "button",
+            ariaLabel: closeAriaLabel || locale.close
         }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
     };
     var renderTop = function() {
@@ -251,7 +256,8 @@ export var Popup = function(props) {
             onTouchStart: handleTouchStart,
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
-            onTouchCancel: handleTouchEnd
+            onTouchCancel: handleTouchEnd,
+            ariaRole: role
         }, renderTop(), renderTitle(), showChildren ? children : null);
     };
     // const renderPop = () => {

package/dist/es/packages/radio/radio.js

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var Radio = function(props) {
     var classPrefix = 'nut-radio';
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, others = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, ariaLabel = _ref.ariaLabel, others = _object_without_properties(_ref, [
         "children",
         "className",
         "style",
@@ -31,7 +31,8 @@ export var Radio = function(props) {
         "value",
         "icon",
         "activeIcon",
-        "onChange"
+        "onChange",
+        "ariaLabel"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, disabled = others.disabled;
@@ -110,7 +111,12 @@ export var Radio = function(props) {
     return /*#__PURE__*/ React.createElement(View, {
         className: cls,
         style: style,
-        onClick: handleClick
+        onClick: handleClick,
+        ariaRole: "radio",
+        ariaLabel: ariaLabel,
+        // @ts-ignore
+        ariaChecked: checkedStatement,
+        ariaDisabled: disabled
     }, renderRadioItem());
 };
 Radio.displayName = 'NutRadio';

package/dist/es/packages/switch/switch.js

@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     onLoadingChange: function(loading) {}
 });
 export var Switch = function(props) {
-    var _ref = _object_spread({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
         "checked",
         "defaultChecked",
         "disabled",
@@ -32,7 +32,8 @@ export var Switch = function(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = useRtl();
@@ -114,7 +115,13 @@ export var Switch = function(props) {
     return /*#__PURE__*/ React.createElement(View, _object_spread({
         className: classes(),
         onClick: onClick,
-        style: style
+        style: style,
+        ariaRole: "switch",
+        // @ts-ignore
+        ariaChecked: value,
+        ariaDisabled: disabled,
+        tabIndex: disabled ? -1 : 0,
+        ariaLabel: ariaLabel
     }, rest), /*#__PURE__*/ React.createElement(View, {
         className: classNames([
             [

package/dist/es/packages/textarea/textarea.js

@@ -123,7 +123,8 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
         onFocus: handleFocus,
         autoHeight: autoSize,
         maxlength: maxLength,
-        placeholder: placeholder !== undefined ? placeholder : locale.placeholder
+        placeholder: placeholder !== undefined ? placeholder : locale.placeholder,
+        showCount: showCount
     })), showCount && /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-limit"), _define_property({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));

package/dist/es/packages/toast/toast.js

@@ -132,7 +132,8 @@ export var Toast = function(props) {
         id: id
     }, /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
-        style: _object_spread({}, styles, contentStyle)
+        style: _object_spread({}, styles, contentStyle),
+        ariaRole: "alert"
     }, renderIcon(), title && /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-title")
     }, title), content && (td() ? /*#__PURE__*/ React.createElement(Text, {

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

@@ -72,6 +72,7 @@ export interface BaseDialog extends DialogWrapProps {
     * 确定按钮回调
     */
     onConfirm: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void
+    ariaLabel?: string;
 }
 export type DialogReturnProps = {
     update: (newConfig: Partial<BaseDialog>) => void;

package/dist/es/types/spec/dialog/h5.d.ts

@@ -1,6 +1,8 @@
 import { BaseDialog, BaseContentProps } from './base';
 export interface WebContentProps extends BaseContentProps {
     onClick: (event: MouseEvent) => void;
+    ariaRole?: string;
+    ariaLabel?: string;
 }
 export interface WebDialogProps extends BaseDialog {
 }

package/dist/es/types/spec/dialog/taro.d.ts

@@ -2,6 +2,8 @@ import { ITouchEvent } from '@tarojs/components';
 import { BaseDialog, BaseContentProps } from './base';
 export interface TaroContentProps extends BaseContentProps {
     onClick: (event: ITouchEvent) => void;
+    ariaRole?: string;
+    ariaLabel?: string;
 }
 export interface TaroDialogProps extends Omit<BaseDialog, 'onOverlayClick' | 'onClick'> {
     onClick: (event: ITouchEvent) => void;

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

@@ -32,4 +32,5 @@ export interface BaseOverlay extends BaseProps {
     * 点击时触发
     */
     onClick: (event: any) => void
+    ariaLabel?: string;
 }

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

@@ -89,4 +89,5 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     * 结束触碰时触发
     */
     onTouchEnd: (height: number, e: any) => void
+    closeAriaLabel?: string;
 }

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

@@ -46,6 +46,7 @@ export interface BaseRadio extends BaseProps {
     * 选中态变化时触发
     */
     onChange: (checked: boolean) => void
+    ariaLabel?: string;
 }
 export interface BaseRadioGroup extends BaseProps {
     value?: SimpleValue;

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

@@ -37,4 +37,5 @@ export interface BaseSwitch extends BaseProps {
     * 切换开关时触发
     */
     onChange: (val: boolean) => void
+    ariaLabel?: string;
 }

package/dist/nutui.react.umd.js

@@ -497,6 +497,7 @@
       "nativeType",
       "onClick"
     ]);
+    var role = "button";
     var getStyle = React.useMemo(function() {
       var style2 = {};
       if (color) {
@@ -559,7 +560,10 @@
         style: _object_spread({}, getStyle, style),
         onClick: function(e) {
           return handleClick(e);
-        }
+        },
+        ariaRole: role,
+        // @ts-ignore
+        ariaDisabled: disabled
       }), /* @__PURE__ */ React.createElement(components.View, {
         className: "nut-button-wrap"
       }, loading && /* @__PURE__ */ React.createElement(IconSVG$i, {
@@ -978,6 +982,7 @@
     select: "请选择",
     edit: "编辑",
     reset: "重置",
+    close: "关闭",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1123,7 +1128,8 @@
     },
     watermark: {
       errorCanvasTips: "当前环境不支持Canvas"
-    }
+    },
+    mask: "蒙层"
   };
   var classPrefix$t = "nut-configprovider";
   var defaultConfigRef = {
@@ -1638,7 +1644,7 @@
     var className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style;
     _ref.afterShow;
     _ref.afterClose;
-    var onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var onClick = _ref.onClick, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
       "children",
       "zIndex",
       "duration",
@@ -1649,11 +1655,13 @@
       "style",
       "afterShow",
       "afterClose",
-      "onClick"
+      "onClick",
+      "ariaLabel"
     ]);
     var classPrefix2 = "nut-overlay";
     var _useState = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = useLockScrollTaro(!!lockScroll && innerVisible);
+    var locale = useConfig().locale;
     React.useEffect(function() {
       setInnerVisible(visible);
     }, [
@@ -1669,7 +1677,7 @@
       }
     };
     var renderOverlay = function() {
-      return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
+      return /* @__PURE__ */ React.createElement(components.View, _object_spread(_object_spread_props(_object_spread({
         ref: nodeRef,
         className: classes,
         style: _object_spread_props(_object_spread({}, styles), {
@@ -1678,7 +1686,9 @@
       }, rest), {
         catchMove: lockScroll,
         onClick: handleClick
-      }), children);
+      }), closeOnOverlayClick ? {
+        ariaLabel: ariaLabel || locale.mask
+      } : {}), children);
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, renderOverlay());
   };
@@ -4423,7 +4433,7 @@
     var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left2 = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick;
     _$_object_spread.afterShow;
     _$_object_spread.afterClose;
-    var onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
+    var onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -4439,6 +4449,7 @@
     var heightRef = React.useRef(0);
     var defaultHeightRef = React.useRef(0);
     var isTouching = React.useRef(false);
+    var locale = useConfig().locale;
     var classPrefix2 = "nut-popup";
     var overlayStyles = _object_spread({}, overlayStyle);
     var contentZIndex = harmony() ? index2 + 1 : index2;
@@ -4450,6 +4461,7 @@
     var popClassName = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-round"), round || position2 === "bottom"), _define_property(_obj, "".concat(classPrefix2, "-").concat(position2), true), _obj), className);
     var _useState4 = _sliced_to_array(React.useState(""), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
     var _useState5 = _sliced_to_array(React.useState(""), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
+    var role = "dialog";
     var resizeStyles = function() {
       if (popupHeight !== "") {
         return {
@@ -4526,7 +4538,9 @@
       var closeClasses = classNames("".concat(classPrefix2, "-title-right"), "".concat(classPrefix2, "-title-right-").concat(closeIconPosition));
       return /* @__PURE__ */ React.createElement(React.Fragment, null, closeable && /* @__PURE__ */ React.createElement(components.View, {
         className: closeClasses,
-        onClick: handleCloseIconClick
+        onClick: handleCloseIconClick,
+        ariaRole: "button",
+        ariaLabel: closeAriaLabel || locale.close
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ React.createElement(IconSVG$p, null)));
     };
     var renderTop = function() {
@@ -4623,7 +4637,8 @@
         onTouchStart: handleTouchStart,
         onTouchMove: handleTouchMove,
         onTouchEnd: handleTouchEnd,
-        onTouchCancel: handleTouchEnd
+        onTouchCancel: handleTouchEnd,
+        ariaRole: role
       }, renderTop(), renderTitle(), showChildren ? children : null);
     };
     var renderNode = function() {
@@ -7052,7 +7067,10 @@
     return /* @__PURE__ */ React.createElement(components.View, _object_spread_props(_object_spread({
       className: classNames(classPrefix$j, (_obj = {}, _define_property(_obj, "".concat(classPrefix$j, "-reverse"), labelPosition === "left"), _define_property(_obj, "nut-checkbox-list-item", ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix$j, "-active"), innerChecked), _obj), className)
     }, rest), {
-      onClick: handleClick
+      onClick: handleClick,
+      ariaRole: "checkbox",
+      tabIndex: innerDisabled ? -1 : 0,
+      ariaChecked: innerIndeterminate ? "mixed" : innerChecked
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
@@ -12646,7 +12664,7 @@
     var _ref = _object_spread({}, defaultProps$T, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value2 = _ref.value;
     _ref.icon;
     _ref.activeIcon;
-    var onChange = _ref.onChange, others = _object_without_properties(_ref, [
+    var onChange = _ref.onChange, ariaLabel = _ref.ariaLabel, others = _object_without_properties(_ref, [
       "children",
       "className",
       "style",
@@ -12656,7 +12674,8 @@
       "value",
       "icon",
       "activeIcon",
-      "onChange"
+      "onChange",
+      "ariaLabel"
     ]);
     var labelPosition = others.labelPosition, disabled = others.disabled;
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -12733,7 +12752,12 @@
     return /* @__PURE__ */ React.createElement(components.View, {
       className: cls,
       style,
-      onClick: handleClick
+      onClick: handleClick,
+      ariaRole: "radio",
+      ariaLabel,
+      // @ts-ignore
+      ariaChecked: checkedStatement,
+      ariaDisabled: disabled
     }, renderRadioItem());
   };
   Radio.displayName = "NutRadio";
@@ -14047,7 +14071,7 @@
     }
   });
   var Switch = function(props) {
-    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = _object_without_properties(_ref, [
       "checked",
       "defaultChecked",
       "disabled",
@@ -14058,7 +14082,8 @@
       "style",
       "onChange",
       "loading",
-      "onLoadingChange"
+      "onLoadingChange",
+      "ariaLabel"
     ]);
     var classPrefix2 = "nut-switch";
     var rtl = useRtl();
@@ -14139,7 +14164,13 @@
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: classes(),
       onClick,
-      style
+      style,
+      ariaRole: "switch",
+      // @ts-ignore
+      ariaChecked: value2,
+      ariaDisabled: disabled,
+      tabIndex: disabled ? -1 : 0,
+      ariaLabel
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: classNames([
         [
@@ -14270,7 +14301,8 @@
       onFocus: handleFocus,
       autoHeight: autoSize,
       maxlength: maxLength,
-      placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
+      placeholder: placeholder !== void 0 ? placeholder : locale.placeholder,
+      showCount
     })), showCount && /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
     }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
@@ -15088,7 +15120,7 @@
     }
   };
   var Content = function(props) {
-    var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close2 = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultContentProps, props), visible = _$_object_spread.visible, title = _$_object_spread.title, header = _$_object_spread.header, footer = _$_object_spread.footer, close2 = _$_object_spread.close, footerDirection = _$_object_spread.footerDirection, children = _$_object_spread.children, style = _$_object_spread.style, className = _$_object_spread.className, onClick = _$_object_spread.onClick, ariaRole = _$_object_spread.ariaRole, ariaLabel = _$_object_spread.ariaLabel;
     var classPrefix2 = "nut-dialog";
     var renderHeader = function() {
       return title && /* @__PURE__ */ React.createElement(components.View, {
@@ -15108,7 +15140,11 @@
       style,
       onClick: function(e) {
         return handleClick(e);
-      }
+      },
+      ariaRole,
+      ariaLabel,
+      // @ts-ignore
+      tabIndex: -1
     }, close2, header, /* @__PURE__ */ React.createElement(components.View, {
       className: classPrefix2,
       style: {
@@ -15152,13 +15188,15 @@
     },
     onOverlayClick: function() {
       return true;
-    }
+    },
+    ariaLabel: "dialog"
   });
   var BaseDialog = function(props) {
-    var _useParams = useParams(mergeProps(defaultProps$H, props)), _useParams_params = _useParams.params, id = _useParams_params.id, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, children = _useParams_params.children, className = _useParams_params.className, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, content2 = _useParams_params.content, disableConfirmButton = _useParams_params.disableConfirmButton, footer = _useParams_params.footer, footerDirection = _useParams_params.footerDirection, header = _useParams_params.header, cancelBadge = _useParams_params.cancelBadge, confirmBadge = _useParams_params.confirmBadge, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, style = _useParams_params.style, title = _useParams_params.title, visible = _useParams_params.visible, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps$H, props)), _useParams_params = _useParams.params, id = _useParams_params.id, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, confirmText = _useParams_params.confirmText, cancelText = _useParams_params.cancelText, children = _useParams_params.children, className = _useParams_params.className, closeIconPosition = _useParams_params.closeIconPosition, closeIcon = _useParams_params.closeIcon, content2 = _useParams_params.content, disableConfirmButton = _useParams_params.disableConfirmButton, footer = _useParams_params.footer, footerDirection = _useParams_params.footerDirection, header = _useParams_params.header, cancelBadge = _useParams_params.cancelBadge, confirmBadge = _useParams_params.confirmBadge, hideConfirmButton = _useParams_params.hideConfirmButton, hideCancelButton = _useParams_params.hideCancelButton, lockScroll = _useParams_params.lockScroll, overlay = _useParams_params.overlay, overlayStyle = _useParams_params.overlayStyle, overlayClassName = _useParams_params.overlayClassName, style = _useParams_params.style, title = _useParams_params.title, visible = _useParams_params.visible, zIndex = _useParams_params.zIndex, beforeCancel = _useParams_params.beforeCancel, beforeClose = _useParams_params.beforeClose, onClose = _useParams_params.onClose, onCancel = _useParams_params.onCancel, onConfirm = _useParams_params.onConfirm, onOverlayClick = _useParams_params.onOverlayClick, ariaLabel = _useParams_params.ariaLabel, setParams = _useParams.setParams;
     var classPrefix2 = "nut-dialog";
     var locale = useConfig().locale;
     var _useState = _sliced_to_array(React.useState(false), 2), loading = _useState[0], setLoading = _useState[1];
+    var role = "dialog";
     useCustomEvent(id, function(param) {
       var status = param.status, options = param.options;
       setParams(_object_spread_props(_object_spread({}, options), {
@@ -15287,7 +15325,11 @@
       var systomIcon = closeIconPosition !== "bottom" ? /* @__PURE__ */ React.createElement(IconSVG$p, null) : /* @__PURE__ */ React.createElement(IconSVG$n, null);
       return /* @__PURE__ */ React.createElement(components.View, {
         className: closeClasses,
-        onClick: handleClose
+        onClick: handleClose,
+        ariaRole: "button",
+        ariaLabel: locale.close,
+        // @ts-ignore
+        tabIndex: 0
       }, /* @__PURE__ */ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
     };
     var onHandleClickOverlay = function(e) {
@@ -15318,7 +15360,9 @@
           close: renderCloseIcon(),
           footer: renderFooter(),
           footerDirection,
-          visible
+          visible,
+          ariaRole: role,
+          ariaLabel
         }, content2 || children)
       );
     };
@@ -17403,7 +17447,8 @@
       id
     }, /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-inner"), "".concat(classPrefix2, "-").concat(position2), contentClassName, "".concat(classPrefix2, "-inner-").concat(size), "".concat(classPrefix2, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix2, "-inner-descrption"), content2)),
-      style: _object_spread({}, styles, contentStyle)
+      style: _object_spread({}, styles, contentStyle),
+      ariaRole: "alert"
     }, renderIcon(), title && /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-title")
     }, title), content2 && (td() ? /* @__PURE__ */ React.createElement(components.Text, {