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

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

@@ -8,6 +8,7 @@ export interface BaseLang {
     select: string;
     edit: string;
     reset: string;
+    close: string;
     video: {
         errorTip: string;
         clickRetry: string;
@@ -140,4 +141,5 @@ export interface BaseLang {
     watermark: {
         errorCanvasTips: string;
     };
+    mask: string;
 }

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

@@ -18,6 +18,7 @@ var enUS = {
     select: 'Select',
     edit: 'Edit',
     reset: 'Reset',
+    close: 'Close',
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -163,6 +164,7 @@ var enUS = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Mask'
 };
 var _default = enUS;

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

@@ -18,6 +18,7 @@ var idID = {
     select: 'Pilih',
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
+    close: 'Tutup',
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -163,6 +164,7 @@ var idID = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Masker'
 };
 var _default = idID;

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

@@ -18,6 +18,7 @@ var trTR = {
     select: 'Seçiniz',
     edit: 'düzenlemek',
     reset: 'sıfırlama',
+    close: 'Kapat',
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -163,6 +164,7 @@ var trTR = {
     },
     watermark: {
         errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
-    }
+    },
+    mask: 'Maske'
 };
 var _default = trTR;

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

@@ -18,6 +18,7 @@ var zhCN = {
     select: '请选择',
     edit: '编辑',
     reset: '重置',
+    close: '关闭',
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -163,6 +164,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '当前环境不支持Canvas'
-    }
+    },
+    mask: '蒙层'
 };
 var _default = zhCN;

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

@@ -18,6 +18,7 @@ var zhCN = {
     select: '請選擇',
     edit: '編輯',
     reset: '重置',
+    close: '關閉',
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -163,6 +164,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '當前環境不支持Canvas'
-    }
+    },
+    mask: '蒙層'
 };
 var _default = zhCN;

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

@@ -18,6 +18,7 @@ var zhUG = {
     select: 'تاللاڭ',
     edit: 'يحرر',
     reset: 'إعادة ضبط',
+    close: 'تاقاش',
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -163,6 +164,7 @@ var zhUG = {
     },
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
-    }
+    },
+    mask: 'mask'
 };
 var _default = zhUG;

package/dist/cjs/packages/button/button.js

@@ -52,6 +52,7 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         "nativeType",
         "onClick"
     ]);
+    var role = 'button';
     var getStyle = (0, _react.useMemo)(function() {
         var style = {};
         if (color) {
@@ -116,7 +117,10 @@ var Button = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         style: (0, _object_spread._)({}, getStyle, style),
         onClick: function onClick(e) {
             return handleClick(e);
-        }
+        },
+        ariaRole: role,
+        // @ts-ignore
+        ariaDisabled: disabled
     }), /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-button-wrap"
     }, loading && /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Loading, {

package/dist/cjs/packages/checkbox/checkbox.js

@@ -171,7 +171,10 @@ var Checkbox = function Checkbox(props) {
     return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
         className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), (0, _define_property._)(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
-        onClick: handleClick
+        onClick: handleClick,
+        ariaRole: "checkbox",
+        tabIndex: innerDisabled ? -1 : 0,
+        ariaChecked: innerIndeterminate ? 'mixed' : innerChecked
     }), renderCheckboxItem());
 };
 Checkbox.displayName = 'NutCheckBox';

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

@@ -32,7 +32,7 @@ var defaultContentProps = {
     onClick: function onClick() {}
 };
 var Content = function Content(props) {
-    var _$_object_spread = (0, _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 = (0, _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 renderHeader() {
         return title && /*#__PURE__*/ _react.default.createElement(_components.View, {
@@ -52,7 +52,11 @@ var Content = function Content(props) {
         style: style,
         onClick: function onClick(e) {
             return handleClick(e);
-        }
+        },
+        ariaRole: ariaRole,
+        ariaLabel: ariaLabel,
+        // @ts-ignore
+        tabIndex: -1
     }, close, header, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classPrefix,
         style: {

package/dist/cjs/packages/dialog/dialog.js

@@ -70,13 +70,15 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
     onConfirm: function onConfirm() {},
     onOverlayClick: function onOverlayClick() {
         return true;
-    }
+    },
+    ariaLabel: 'dialog'
 });
 var BaseDialog = function BaseDialog(props) {
-    var _useParams = (0, _usecustomevent.useParams)((0, _mergeprops.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 = (0, _usecustomevent.useParams)((0, _mergeprops.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 = (0, _configprovider.useConfig)().locale;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), loading = _useState[0], setLoading = _useState[1];
+    var role = 'dialog';
     (0, _usecustomevent.useCustomEvent)(id, function(param) {
         var status = param.status, options = param.options;
         setParams((0, _object_spread_props._)((0, _object_spread._)({}, options), {
@@ -206,7 +208,11 @@ var BaseDialog = function BaseDialog(props) {
         var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Failure, null);
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: closeClasses,
-            onClick: handleClose
+            onClick: handleClose,
+            ariaRole: "button",
+            ariaLabel: locale.close,
+            // @ts-ignore
+            tabIndex: 0
         }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : systomIcon);
     };
     var onHandleClickOverlay = function onHandleClickOverlay(e) {
@@ -237,7 +243,9 @@ var BaseDialog = function BaseDialog(props) {
             close: renderCloseIcon(),
             footer: renderFooter(),
             footerDirection: footerDirection,
-            visible: visible
+            visible: visible,
+            ariaRole: role,
+            ariaLabel: ariaLabel
         }, content || children));
     };
     return /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/packages/overlay/overlay.js

@@ -27,6 +27,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
 var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
+var _configprovider = require("../configprovider/configprovider");
 var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
@@ -38,7 +39,7 @@ var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({},
     afterClose: function afterClose() {}
 });
 var Overlay = function Overlay(props) {
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "children",
         "zIndex",
         "duration",
@@ -49,11 +50,13 @@ var Overlay = function Overlay(props) {
         "style",
         "afterShow",
         "afterClose",
-        "onClick"
+        "onClick",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-overlay';
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = (0, _uselockscoll.useLockScrollTaro)(!!lockScroll && innerVisible);
+    var locale = (0, _configprovider.useConfig)().locale;
     (0, _react.useEffect)(function() {
         setInnerVisible(visible);
     }, [
@@ -69,7 +72,7 @@ var Overlay = function Overlay(props) {
         }
     };
     var renderOverlay = function renderOverlay() {
-        return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
+        return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)((0, _object_spread_props._)((0, _object_spread._)({
             ref: nodeRef,
             className: classes,
             style: (0, _object_spread_props._)((0, _object_spread._)({}, styles), {
@@ -78,7 +81,9 @@ var Overlay = function Overlay(props) {
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
-        }), children);
+        }), closeOnOverlayClick ? {
+            ariaLabel: ariaLabel || locale.mask
+        } : {}), children);
     };
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, renderOverlay());
 // return (

package/dist/cjs/packages/popup/popup.js

@@ -28,6 +28,7 @@ var _index = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"
 var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
 var _platform = require("../../utils/taro/platform");
 var _pxtransform = require("../../utils/taro/px-transform");
+var _configprovider = require("../configprovider/configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -57,7 +58,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
 // 默认1000，参看variables
 var _zIndex = 1100;
 var Popup = function Popup(props) {
-    var _$_object_spread = (0, _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 = (0, _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 = (0, _sliced_to_array._)((0, _react.useState)(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -71,6 +72,7 @@ var Popup = function Popup(props) {
     var heightRef = (0, _react.useRef)(0);
     var defaultHeightRef = (0, _react.useRef)(0);
     var isTouching = (0, _react.useRef)(false);
+    var locale = (0, _configprovider.useConfig)().locale;
     var classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
     var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
@@ -83,6 +85,7 @@ var Popup = function Popup(props) {
     var popClassName = (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var _useState4 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
     var _useState5 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
+    var role = 'dialog';
     var resizeStyles = function resizeStyles() {
         if (popupHeight !== '') {
             return {
@@ -160,7 +163,9 @@ var Popup = function Popup(props) {
         var closeClasses = (0, _classnames.default)("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, closeable && /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: closeClasses,
-            onClick: handleCloseIconClick
+            onClick: handleCloseIconClick,
+            ariaRole: "button",
+            ariaLabel: closeAriaLabel || locale.close
         }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null)));
     };
     var renderTop = function renderTop() {
@@ -262,7 +267,8 @@ var Popup = function Popup(props) {
             onTouchStart: handleTouchStart,
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
-            onTouchCancel: handleTouchEnd
+            onTouchCancel: handleTouchEnd,
+            ariaRole: role
         }, renderTop(), renderTitle(), showChildren ? children : null);
     };
     // const renderPop = () => {

package/dist/cjs/packages/radio/radio.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Radio = function Radio(props) {
     var classPrefix = 'nut-radio';
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "children",
         "className",
         "style",
@@ -43,7 +43,8 @@ var Radio = function Radio(props) {
         "value",
         "icon",
         "activeIcon",
-        "onChange"
+        "onChange",
+        "ariaLabel"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, disabled = others.disabled;
@@ -122,7 +123,12 @@ var Radio = function Radio(props) {
     return /*#__PURE__*/ _react.default.createElement(_components.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/cjs/packages/switch/switch.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onLoadingChange: function onLoadingChange(loading) {}
 });
 var Switch = function Switch(props) {
-    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _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 = (0, _object_without_properties._)(_ref, [
         "checked",
         "defaultChecked",
         "disabled",
@@ -44,7 +44,8 @@ var Switch = function Switch(props) {
         "style",
         "onChange",
         "loading",
-        "onLoadingChange"
+        "onLoadingChange",
+        "ariaLabel"
     ]);
     var classPrefix = 'nut-switch';
     var rtl = (0, _index.useRtl)();
@@ -126,7 +127,13 @@ var Switch = function Switch(props) {
     return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _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.default.createElement(_components.View, {
         className: (0, _classnames.default)([
             [

package/dist/cjs/packages/textarea/textarea.js

@@ -135,7 +135,8 @@ var TextArea = /*#__PURE__*/ (0, _react.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.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
     }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));

package/dist/cjs/packages/toast/toast.js

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

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

@@ -39,6 +39,7 @@ export interface BaseDialog extends DialogWrapProps {
     beforeClose: () => boolean;
     beforeCancel: () => boolean;
     onConfirm: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
+    ariaLabel?: string;
 }
 export type DialogReturnProps = {
     update: (newConfig: Partial<BaseDialog>) => void;

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

@@ -8,4 +8,5 @@ export interface BaseOverlay extends BaseProps {
     afterShow: () => void;
     afterClose: () => void;
     onClick: (event: any) => void;
+    ariaLabel?: string;
 }

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

@@ -26,4 +26,5 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     onTouchMove: (height: number, e: any, direction: 'up' | 'down') => void;
     onTouchStart: (height: number, e: any) => void;
     onTouchEnd: (height: number, e: any) => void;
+    closeAriaLabel?: string;
 }

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

@@ -19,6 +19,7 @@ export interface BaseRadio extends BaseProps {
     activeIcon: ReactNode;
     value: SimpleValue;
     onChange: (checked: boolean) => void;
+    ariaLabel?: string;
 }
 export interface BaseRadioGroup extends BaseProps {
     value?: SimpleValue;

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

@@ -10,4 +10,5 @@ export interface BaseSwitch extends BaseProps {
     loading: boolean | undefined;
     onLoadingChange: (loading: boolean) => void;
     onChange: (val: boolean) => void;
+    ariaLabel?: string;
 }

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

@@ -8,6 +8,7 @@ export interface BaseLang {
     select: string;
     edit: string;
     reset: string;
+    close: string;
     video: {
         errorTip: string;
         clickRetry: string;
@@ -140,4 +141,5 @@ export interface BaseLang {
     watermark: {
         errorCanvasTips: string;
     };
+    mask: string;
 }

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

@@ -8,6 +8,7 @@ var enUS = {
     select: 'Select',
     edit: 'Edit',
     reset: 'Reset',
+    close: 'Close',
     video: {
         errorTip: 'Error Tip',
         clickRetry: 'Click Retry'
@@ -153,6 +154,7 @@ var enUS = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Mask'
 };
 export default enUS;

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

@@ -8,6 +8,7 @@ var idID = {
     select: 'Pilih',
     edit: 'Sunting',
     reset: 'Mengatur Ulang',
+    close: 'Tutup',
     video: {
         errorTip: 'Terjadi Kesalahan',
         clickRetry: 'Coba Lagi'
@@ -153,6 +154,7 @@ var idID = {
     },
     watermark: {
         errorCanvasTips: 'Canvas is not supported in the current environment'
-    }
+    },
+    mask: 'Masker'
 };
 export default idID;

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

@@ -8,6 +8,7 @@ var trTR = {
     select: 'Seçiniz',
     edit: 'düzenlemek',
     reset: 'sıfırlama',
+    close: 'Kapat',
     video: {
         errorTip: 'Video yüklenemedi',
         clickRetry: 'Yeniden Tıklayın'
@@ -153,6 +154,7 @@ var trTR = {
     },
     watermark: {
         errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
-    }
+    },
+    mask: 'Maske'
 };
 export default trTR;

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

@@ -8,6 +8,7 @@ var zhCN = {
     select: '请选择',
     edit: '编辑',
     reset: '重置',
+    close: '关闭',
     video: {
         errorTip: '视频加载失败',
         clickRetry: '点击重试'
@@ -153,6 +154,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '当前环境不支持Canvas'
-    }
+    },
+    mask: '蒙层'
 };
 export default zhCN;

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

@@ -8,6 +8,7 @@ var zhCN = {
     select: '請選擇',
     edit: '編輯',
     reset: '重置',
+    close: '關閉',
     video: {
         errorTip: '視頻加載失敗',
         clickRetry: '點擊重試'
@@ -153,6 +154,7 @@ var zhCN = {
     },
     watermark: {
         errorCanvasTips: '當前環境不支持Canvas'
-    }
+    },
+    mask: '蒙層'
 };
 export default zhCN;

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

@@ -8,6 +8,7 @@ var zhUG = {
     select: 'تاللاڭ',
     edit: 'يحرر',
     reset: 'إعادة ضبط',
+    close: 'تاقاش',
     video: {
         errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
         clickRetry: 'قايتا سىناش'
@@ -153,6 +154,7 @@ var zhUG = {
     },
     watermark: {
         errorCanvasTips: 'Canvas نى قوللىمايدۇ'
-    }
+    },
+    mask: 'mask'
 };
 export default zhUG;

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

@@ -42,6 +42,7 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         "nativeType",
         "onClick"
     ]);
+    var role = 'button';
     var getStyle = useMemo(function() {
         var style = {};
         if (color) {
@@ -107,7 +108,10 @@ export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             style: _object_spread({}, getStyle, style),
             onClick: function(e) {
                 return handleClick(e);
-            }
+            },
+            ariaRole: role,
+            // @ts-ignore
+            ariaDisabled: disabled
         }), /*#__PURE__*/ React.createElement(View, {
             className: "nut-button-wrap"
         }, loading && /*#__PURE__*/ React.createElement(Loading, {

package/dist/es/packages/checkbox/checkbox.js

@@ -159,7 +159,10 @@ export var Checkbox = function(props) {
     return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
         className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
     }, rest), {
-        onClick: handleClick
+        onClick: handleClick,
+        ariaRole: "checkbox",
+        tabIndex: innerDisabled ? -1 : 0,
+        ariaChecked: innerIndeterminate ? 'mixed' : innerChecked
     }), renderCheckboxItem());
 };
 Checkbox.displayName = 'NutCheckBox';