@nutui/nutui-react-taro 3.0.19-cpp.17 → 3.0.19-cpp.19

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/checkbox/base.d.ts

@@ -52,7 +52,6 @@ export interface BaseCheckbox extends BaseProps {
     * 复选框的文本内容
     */
     label: ReactNode
-    timeout: number;
     /**
     * 值变化时触发
     */

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

@@ -978,6 +978,7 @@
     select: "请选择",
     edit: "编辑",
     reset: "重置",
+    close: "关闭",
     video: {
       errorTip: "视频加载失败",
       clickRetry: "点击重试"
@@ -1123,7 +1124,8 @@
     },
     watermark: {
       errorCanvasTips: "当前环境不支持Canvas"
-    }
+    },
+    mask: "蒙层"
   };
   var classPrefix$t = "nut-configprovider";
   var defaultConfigRef = {
@@ -4423,7 +4425,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 +4441,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;
@@ -4526,7 +4529,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() {
@@ -6913,14 +6918,13 @@
     icon: null,
     activeIcon: null,
     indeterminateIcon: null,
-    timeout: 300,
     onChange: function(value2) {
     }
   });
   var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
     var children = _object_spread({}, defaultProps$14, props).children;
-    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, timeout = props.timeout, others = _object_without_properties(props, [
+    var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
       "icon",
       "label",
       "className",
@@ -6932,8 +6936,7 @@
       "disabled",
       "onChange",
       "indeterminate",
-      "indeterminateIcon",
-      "timeout"
+      "indeterminateIcon"
     ]);
     var labelPosition = others.labelPosition, rest = _object_without_properties(others, [
       "labelPosition"
@@ -7025,14 +7028,8 @@
         className: classNames("".concat(classPrefix$j, "-label "), _define_property({}, "".concat(classPrefix$j, "-label-disabled"), innerDisabled))
       }, children || label);
     };
-    var loadingRef = React.useRef(false);
     var handleClick = function() {
       if (disabled) return;
-      if (loadingRef.current) return;
-      loadingRef.current = true;
-      setTimeout(function() {
-        loadingRef.current = false;
-      }, timeout);
       var latestChecked = !innerChecked;
       setChecked(latestChecked);
     };
@@ -7060,7 +7057,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";
@@ -12654,7 +12654,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",
@@ -12664,7 +12664,8 @@
       "value",
       "icon",
       "activeIcon",
-      "onChange"
+      "onChange",
+      "ariaLabel"
     ]);
     var labelPosition = others.labelPosition, disabled = others.disabled;
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -12741,7 +12742,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";
@@ -14055,7 +14061,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",
@@ -14066,7 +14072,8 @@
       "style",
       "onChange",
       "loading",
-      "onLoadingChange"
+      "onLoadingChange",
+      "ariaLabel"
     ]);
     var classPrefix2 = "nut-switch";
     var rtl = useRtl();
@@ -14147,7 +14154,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([
         [
@@ -14278,7 +14291,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)));
@@ -15295,7 +15309,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) {
@@ -17411,7 +17429,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, {