@nutui/nutui-react-taro 3.0.19-cpp.9 → 3.0.20-beta.0

package/dist/cjs/packages/popover/popover.js

@@ -86,91 +86,93 @@ var Popover = function Popover(props) {
     ]);
     var uid = (0, _useuuid.useUuid)();
     var popoverId = "popover-".concat(uid);
-    var getWrapperPosition = function getWrapperPosition() {
-        return (0, _async_to_generator._)(function() {
+    var getWrapperPosition = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
-                (0, _taro.nextTick)(function() {
-                    return (0, _async_to_generator._)(function() {
-                        var rect, _tmp, width, height, right, left, top;
-                        return (0, _ts_generator._)(this, function(_state) {
-                            switch(_state.label){
-                                case 0:
-                                    if (!targetId) return [
-                                        3,
-                                        2
-                                    ];
-                                    return [
-                                        4,
-                                        (0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
-                                    ];
-                                case 1:
-                                    _tmp = _state.sent();
-                                    return [
-                                        3,
-                                        4
-                                    ];
-                                case 2:
-                                    return [
-                                        4,
-                                        (0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
-                                    ];
-                                case 3:
-                                    _tmp = _state.sent();
-                                    _state.label = 4;
-                                case 4:
-                                    rect = _tmp;
-                                    width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
-                                    setWrapperPosition({
-                                        width: width,
-                                        height: height,
-                                        left: rtl ? right : left,
-                                        top: top,
-                                        right: rtl ? left : right
-                                    });
-                                    getPopoverContentW();
-                                    return [
-                                        2
-                                    ];
-                            }
-                        });
-                    })();
-                });
+                (0, _taro.nextTick)(/*#__PURE__*/ (0, _async_to_generator._)(function() {
+                    var rect, _tmp, width, height, right, left, top;
+                    return (0, _ts_generator._)(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                if (!targetId) return [
+                                    3,
+                                    2
+                                ];
+                                return [
+                                    4,
+                                    (0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
+                                ];
+                            case 1:
+                                _tmp = _state.sent();
+                                return [
+                                    3,
+                                    4
+                                ];
+                            case 2:
+                                return [
+                                    4,
+                                    (0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
+                                ];
+                            case 3:
+                                _tmp = _state.sent();
+                                _state.label = 4;
+                            case 4:
+                                rect = _tmp;
+                                width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
+                                setWrapperPosition({
+                                    width: width,
+                                    height: height,
+                                    left: rtl ? right : left,
+                                    top: top,
+                                    right: rtl ? left : right
+                                });
+                                getPopoverContentW();
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                }));
                 return [
                     2
                 ];
             });
-        })();
-    };
-    var getPopoverContentW = function getPopoverContentW() {
-        return (0, _async_to_generator._)(function() {
+        });
+        return function getWrapperPosition() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var getPopoverContentW = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             return (0, _ts_generator._)(this, function(_state) {
-                (0, _taro.nextTick)(function() {
-                    return (0, _async_to_generator._)(function() {
-                        var rectContent;
-                        return (0, _ts_generator._)(this, function(_state) {
-                            switch(_state.label){
-                                case 0:
-                                    return [
-                                        4,
-                                        (0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
-                                    ];
-                                case 1:
-                                    rectContent = _state.sent();
-                                    setPopWidth(rectContent.width);
-                                    setPopHeight(rectContent.height);
-                                    return [
-                                        2
-                                    ];
-                            }
-                        });
-                    })();
-                });
+                (0, _taro.nextTick)(/*#__PURE__*/ (0, _async_to_generator._)(function() {
+                    var rectContent;
+                    return (0, _ts_generator._)(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                return [
+                                    4,
+                                    (0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
+                                ];
+                            case 1:
+                                rectContent = _state.sent();
+                                setPopWidth(rectContent.width);
+                                setPopHeight(rectContent.height);
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                }));
                 return [
                     2
                 ];
             });
-        })();
-    };
+        });
+        return function getPopoverContentW() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var clickAway = function clickAway() {
         if (closeOnOutsideClick) {
             onClick === null || onClick === void 0 ? void 0 : onClick();

package/dist/cjs/packages/popover/style/popover.scss

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style/style.css

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);

package/dist/cjs/packages/popover/style/style.harmony.css

@@ -446,8 +446,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);

package/dist/cjs/packages/popover/style-jmapp/popover.scss

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style-jmapp/style.css

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

package/dist/cjs/packages/popover/style-jrkf/popover.scss

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

package/dist/cjs/packages/popover/style-jrkf/style.css

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

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

@@ -19,6 +19,7 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _taro = require("@tarojs/taro");
 var _reactdom = require("react-dom");
+var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
@@ -28,6 +29,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 +59,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 +73,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层级问题
@@ -104,8 +107,8 @@ var Popup = function Popup(props) {
         }
         onOpen && onOpen();
     };
-    var getPopupHeight = function getPopupHeight() {
-        return (0, _async_to_generator._)(function() {
+    var getPopupHeight = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function() {
             var _nodeRef_current, rect, height;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -123,8 +126,11 @@ var Popup = function Popup(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function getPopupHeight() {
+            return _ref.apply(this, arguments);
+        };
+    }();
     (0, _react.useEffect)(function() {
         if (innerVisible && topNodeRef.current && nodeRef.current) {
             (0, _taro.nextTick)(function() {
@@ -160,7 +166,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() {
@@ -191,8 +199,8 @@ var Popup = function Popup(props) {
             return renderCloseIcon();
         }
     };
-    var handleTouchStart = function handleTouchStart(event) {
-        return (0, _async_to_generator._)(function() {
+    var handleTouchStart = /*#__PURE__*/ function() {
+        var _ref = (0, _async_to_generator._)(function(event) {
             var _nodeRef_current, _rootRect_current, e, rect;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -220,8 +228,11 @@ var Popup = function Popup(props) {
                         ];
                 }
             });
-        })();
-    };
+        });
+        return function handleTouchStart(event) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     var handleTouchMove = function handleTouchMove(event) {
         if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
         var e = event;
@@ -250,11 +261,11 @@ var Popup = function Popup(props) {
         var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
         onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
     };
-    var renderPop = function renderPop() {
+    var renderContent = function renderContent() {
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
             ref: nodeRef,
             style: (0, _object_spread._)((0, _object_spread_props._)((0, _object_spread._)({}, popStyles), {
-                display: innerVisible ? 'block' : 'none'
+                display: innerVisible ? (popStyles === null || popStyles === void 0 ? void 0 : popStyles.display) || 'block' : 'none'
             }), resizeStyles()),
             className: popClassName,
             onClick: onClick,
@@ -265,22 +276,18 @@ var Popup = function Popup(props) {
             onTouchCancel: handleTouchEnd
         }, renderTop(), renderTitle(), showChildren ? children : null);
     };
-    // const renderPop = () => {
-    // return (
-    //   <CSSTransition
-    //     nodeRef={nodeRef}
-    //     classNames={transitionName}
-    //     mountOnEnter
-    //     unmountOnExit={destroyOnClose}
-    //     timeout={duration}
-    //     in={innerVisible}
-    //     onEntered={afterShow}
-    //     onExited={afterClose}
-    //   >
-    //     {renderContent()}
-    //   </CSSTransition>
-    // )
-    // }
+    var renderPop = function renderPop() {
+        return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
+            nodeRef: nodeRef,
+            classNames: transitionName,
+            mountOnEnter: true,
+            unmountOnExit: destroyOnClose,
+            timeout: duration,
+            in: innerVisible,
+            onEntered: afterShow,
+            onExited: afterClose
+        }, renderContent());
+    };
     var renderNode = function renderNode() {
         return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, overlay ? /*#__PURE__*/ _react.default.createElement(_index.default, {
             zIndex: index,

package/dist/cjs/packages/price/price.js

@@ -118,7 +118,7 @@ var Price = function Price(props) {
             style: priceColorStyle
         }, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() || (0, _platform.td)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(color, " ").concat(className),
         style: style
     }, renderInner()) : /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/packages/pulltorefresh/pulltorefresh.js

@@ -43,58 +43,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var PullToRefresh = function PullToRefresh(p) {
     var doRefresh = function doRefresh() {
-        return (0, _async_to_generator._)(function() {
-            var e;
-            return (0, _ts_generator._)(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setHeight(headHeight);
-                        setStatus('refreshing');
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            3,
-                            ,
-                            4
-                        ]);
-                        return [
-                            4,
-                            props.onRefresh()
-                        ];
-                    case 2:
-                        _state.sent();
-                        setStatus('complete');
-                        return [
-                            3,
-                            4
-                        ];
-                    case 3:
-                        e = _state.sent();
-                        setHeight(0);
-                        setStatus('pulling');
-                        throw e;
-                    case 4:
-                        if (!(props.completeDelay > 0)) return [
-                            3,
-                            6
-                        ];
-                        return [
-                            4,
-                            (0, _sleep.sleep)(props.completeDelay)
-                        ];
-                    case 5:
-                        _state.sent();
-                        _state.label = 6;
-                    case 6:
-                        setHeight(0);
-                        setStatus('pulling');
-                        return [
-                            2
-                        ];
-                }
-            });
-        })();
+        return _doRefresh.apply(this, arguments);
     };
     var classPrefix = 'nut-pulltorefresh';
     var locale = (0, _index.useConfig)().locale;
@@ -151,6 +100,61 @@ var PullToRefresh = function PullToRefresh(p) {
         }
         clearTimeout(timer.current);
     };
+    function _doRefresh() {
+        _doRefresh = (0, _async_to_generator._)(function() {
+            var e;
+            return (0, _ts_generator._)(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setHeight(headHeight);
+                        setStatus('refreshing');
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            props.onRefresh()
+                        ];
+                    case 2:
+                        _state.sent();
+                        setStatus('complete');
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        setHeight(0);
+                        setStatus('pulling');
+                        throw e;
+                    case 4:
+                        if (!(props.completeDelay > 0)) return [
+                            3,
+                            6
+                        ];
+                        return [
+                            4,
+                            (0, _sleep.sleep)(props.completeDelay)
+                        ];
+                    case 5:
+                        _state.sent();
+                        _state.label = 6;
+                    case 6:
+                        setHeight(0);
+                        setStatus('pulling');
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return _doRefresh.apply(this, arguments);
+    }
     var handleTouchEnd = function handleTouchEnd() {
         if (props.disabled) return;
         pullingRef.current = false;

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

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _radio = require("./radio");
 var _radiogroup = require("../radiogroup/radiogroup");
 var InnerRadio = _radio.Radio;

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;
@@ -78,21 +79,25 @@ var Radio = function Radio(props) {
     var renderIcon = function renderIcon() {
         var icon = props.icon, activeIcon = props.activeIcon;
         if (disabled && !checkedStatement) {
+            // @ts-ignore
             return /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckDisabled, {
-                className: (0, _classnames.default)(color())
+                className: (0, _classnames.default)(color()),
+                ariaHidden: true
             });
         }
         if (checkedStatement) {
             return /*#__PURE__*/ _react.default.isValidElement(activeIcon) ? /*#__PURE__*/ _react.default.cloneElement(activeIcon, (0, _object_spread_props._)((0, _object_spread._)({}, activeIcon.props), {
                 className: (0, _classnames.default)(activeIcon.props.className, color())
             })) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckChecked, {
-                className: (0, _classnames.default)(color())
+                className: (0, _classnames.default)(color()),
+                ariaHidden: true
             });
         }
         return /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.cloneElement(icon, (0, _object_spread_props._)((0, _object_spread._)({}, icon.props), {
             className: (0, _classnames.default)(icon.props.className, color())
         })) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckNormal, {
-            className: (0, _classnames.default)(color())
+            className: (0, _classnames.default)(color()),
+            ariaHidden: true
         });
     };
     var renderLabel = function renderLabel() {
@@ -122,7 +127,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/radio/style/radio.scss

@@ -24,20 +24,25 @@
 
   &-icon {
     color: $color-text-disabled;
+    background-color: $white;
     transition-duration: 0.3s;
     transition-property: color, border-color, background-color;
     font-size: $radio-icon-font-size;
+    border-radius: 50%;
   }
 
   &-icon {
     &-checked {
       color: $color-primary;
+      background-color: $white;
       box-shadow: 0px 2px 4px 0px #ff0f2333;
       border-radius: 50%;
 
       &.nut-radio-icon-disabled {
         color: $color-primary-disabled-special;
+        background-color: $white;
         box-shadow: none;
+        border-radius: 50%;
       }
     }
 
@@ -47,7 +52,12 @@
   }
 
   &-button {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;