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

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() {
@@ -6913,14 +6928,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 +6946,7 @@
       "disabled",
       "onChange",
       "indeterminate",
-      "indeterminateIcon",
-      "timeout"
+      "indeterminateIcon"
     ]);
     var labelPosition = others.labelPosition, rest = _object_without_properties(others, [
       "labelPosition"
@@ -7025,14 +7038,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 +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";
@@ -12654,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",
@@ -12664,7 +12674,8 @@
       "value",
       "icon",
       "activeIcon",
-      "onChange"
+      "onChange",
+      "ariaLabel"
     ]);
     var labelPosition = others.labelPosition, disabled = others.disabled;
     var _usePropsValue = _sliced_to_array(usePropsValue({
@@ -12741,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";
@@ -14055,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",
@@ -14066,7 +14082,8 @@
       "style",
       "onChange",
       "loading",
-      "onLoadingChange"
+      "onLoadingChange",
+      "ariaLabel"
     ]);
     var classPrefix2 = "nut-switch";
     var rtl = useRtl();
@@ -14147,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([
         [
@@ -14278,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)));
@@ -15096,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, {
@@ -15116,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: {
@@ -15160,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), {
@@ -15295,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) {
@@ -15326,7 +15360,9 @@
           close: renderCloseIcon(),
           footer: renderFooter(),
           footerDirection,
-          visible
+          visible,
+          ariaRole: role,
+          ariaLabel
         }, content2 || children)
       );
     };
@@ -17411,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, {