@nutui/nutui-react-taro 3.0.19-beta.1 → 3.0.19-beta.2

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

@@ -3,6 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useEffect, useState } from "react";
+import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
@@ -52,27 +53,20 @@ export var Overlay = function(props) {
         return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
             ref: nodeRef,
             className: classes,
-            style: _object_spread_props(_object_spread({}, styles), {
-                display: innerVisible ? 'block' : 'none'
-            })
+            style: styles
         }, rest), {
             catchMove: lockScroll,
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, renderOverlay());
-// return (
-//   <CSSTransition
-//     nodeRef={nodeRef}
-//     classNames={`${classPrefix}-slide`}
-//     unmountOnExit
-//     timeout={duration}
-//     in={innerVisible}
-//     onEntered={afterShow}
-//     onExited={afterClose}
-//   >
-//     {renderOverlay()}
-//   </CSSTransition>
-// )
+    return /*#__PURE__*/ React.createElement(CSSTransition, {
+        nodeRef: nodeRef,
+        classNames: "".concat(classPrefix, "-slide"),
+        unmountOnExit: true,
+        timeout: duration,
+        in: innerVisible,
+        onEntered: afterShow,
+        onExited: afterClose
+    }, renderOverlay());
 };
 Overlay.displayName = 'NutOverlay';

package/dist/es/packages/picker/style/style.css

@@ -12,7 +12,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -29,7 +29,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

package/dist/es/packages/picker/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -464,7 +461,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -481,7 +478,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

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

@@ -73,10 +73,8 @@
     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/es/packages/popover/style/style.css

@@ -66,10 +66,8 @@
   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/es/packages/popover/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;
@@ -446,10 +443,8 @@
   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/es/packages/popover/style-jmapp/popover.scss

@@ -73,10 +73,8 @@
     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/es/packages/popover/style-jmapp/style.css

@@ -66,10 +66,8 @@
   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/es/packages/popover/style-jrkf/popover.scss

@@ -73,10 +73,8 @@
     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/es/packages/popover/style-jrkf/style.css

@@ -66,10 +66,8 @@
   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/es/packages/popup/popup.js

@@ -5,9 +5,8 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { useState, useEffect, useRef } from "react";
-import { nextTick } from "@tarojs/taro";
 import { createPortal } from "react-dom";
-// import { CSSTransition } from 'react-transition-group'
+import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
@@ -17,7 +16,6 @@ import Overlay from "../overlay/index";
 import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
 import { harmony } from "../../utils/taro/platform";
 import { pxTransform } from "../../utils/taro/px-transform";
-import { useConfig } from "../configprovider/configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -47,21 +45,19 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
 // 默认1000，参看variables
 var _zIndex = 1100;
 export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, 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 innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
     var _useState2 = _sliced_to_array(useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = _sliced_to_array(useState(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
     var nodeRef = useLockScrollTaro(innerVisible && lockScroll);
-    var topNodeRef = React.useRef(null);
     var rootRect = useRef(null);
     var touchStartRef = useRef(0);
     var touchMoveDistanceRef = useRef(0);
     var heightRef = useRef(0);
     var defaultHeightRef = useRef(0);
     var isTouching = useRef(false);
-    var locale = useConfig().locale;
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
     var contentZIndex = harmony() ? index + 1 : index // 解决harmony层级问题
@@ -73,7 +69,6 @@ export var Popup = function(props) {
     var _obj;
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
     var _useState4 = _sliced_to_array(useState(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(''), 2), topBottom = _useState5[0], setTopBottom = _useState5[1];
     var resizeStyles = function() {
         if (popupHeight !== '') {
             return {
@@ -95,38 +90,6 @@ export var Popup = function(props) {
         }
         onOpen && onOpen();
     };
-    var getPopupHeight = function() {
-        return _async_to_generator(function() {
-            var _nodeRef_current, rect, height;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        return [
-                            4,
-                            getRectInMultiPlatformWithoutCache(nodeRef.current)
-                        ];
-                    case 1:
-                        rect = _state.sent();
-                        height = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || (rect === null || rect === void 0 ? void 0 : rect.height);
-                        setTopBottom(pxTransform(height));
-                        return [
-                            2
-                        ];
-                }
-            });
-        })();
-    };
-    useEffect(function() {
-        if (innerVisible && topNodeRef.current && nodeRef.current) {
-            nextTick(function() {
-                nextTick(function() {
-                    getPopupHeight();
-                });
-            });
-        }
-    }, [
-        innerVisible
-    ]);
     var close = function() {
         if (innerVisible) {
             setInnerVisible(false);
@@ -151,21 +114,9 @@ export var Popup = function(props) {
         var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
         return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement(View, {
             className: closeClasses,
-            onClick: handleCloseIconClick,
-            ariaRole: "button",
-            ariaLabel: closeAriaLabel || locale.close
+            onClick: handleCloseIconClick
         }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
     };
-    var renderTop = function() {
-        if (!top) return null;
-        return /*#__PURE__*/ React.createElement(View, {
-            className: "".concat(classPrefix, "-bottom-top"),
-            ref: topNodeRef,
-            style: {
-                bottom: topBottom
-            }
-        }, top);
-    };
     var renderTitle = function() {
         if (left || title || description) {
             return /*#__PURE__*/ React.createElement(View, {
@@ -243,7 +194,7 @@ export var Popup = function(props) {
         var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
         onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
     };
-    var renderPop = function() {
+    var renderContent = function() {
         return /*#__PURE__*/ React.createElement(View, {
             ref: nodeRef,
             style: _object_spread(_object_spread_props(_object_spread({}, popStyles), {
@@ -256,24 +207,20 @@ export var Popup = function(props) {
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             onTouchCancel: handleTouchEnd
-        }, renderTop(), renderTitle(), showChildren ? children : null);
+        }, renderTitle(), showChildren ? children : null);
+    };
+    var renderPop = function() {
+        return /*#__PURE__*/ React.createElement(CSSTransition, {
+            nodeRef: nodeRef,
+            classNames: transitionName,
+            mountOnEnter: true,
+            unmountOnExit: destroyOnClose,
+            timeout: duration,
+            in: innerVisible,
+            onEntered: afterShow,
+            onExited: afterClose
+        }, renderContent());
     };
-    // const renderPop = () => {
-    // return (
-    //   <CSSTransition
-    //     nodeRef={nodeRef}
-    //     classNames={transitionName}
-    //     mountOnEnter
-    //     unmountOnExit={destroyOnClose}
-    //     timeout={duration}
-    //     in={innerVisible}
-    //     onEntered={afterShow}
-    //     onExited={afterClose}
-    //   >
-    //     {renderContent()}
-    //   </CSSTransition>
-    // )
-    // }
     var renderNode = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, {
             zIndex: index,

package/dist/es/packages/popup/style/popup.scss

@@ -96,10 +96,6 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
-
-    &-top {
-      position: absolute;
-    }
   }
 
   &-right {

package/dist/es/packages/popup/style/style.css

@@ -29,8 +29,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -88,9 +88,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;

package/dist/es/packages/popup/style/style.harmony.css

@@ -83,8 +83,8 @@
 .nut-popup-title-title {
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -142,9 +142,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;

package/dist/es/packages/popup/style-jmapp/popup.scss

@@ -96,10 +96,6 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
-
-    &-top {
-      position: absolute;
-    }
   }
 
   &-right {

package/dist/es/packages/popup/style-jmapp/style.css

@@ -88,9 +88,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;

package/dist/es/packages/popup/style-jrkf/popup.scss

@@ -96,10 +96,6 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
-
-    &-top {
-      position: absolute;
-    }
   }
 
   &-right {

package/dist/es/packages/popup/style-jrkf/style.css

@@ -88,9 +88,6 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
-.nut-popup-bottom-top {
-  position: absolute;
-}
 .nut-popup-right {
   top: 0;
   right: 0;

package/dist/es/packages/price/price.js

@@ -106,7 +106,7 @@ export var Price = function(props) {
             style: priceColorStyle
         }, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
     };
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, harmony() || process.env.TARO_ENV === 'dynamic' ? /*#__PURE__*/ React.createElement(Text, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, harmony() ? /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(color, " ").concat(className),
         style: style
     }, renderInner()) : /*#__PURE__*/ React.createElement(View, {

package/dist/es/packages/price/style/style.css

@@ -4,7 +4,7 @@
 /* #endif */
 .nut-price {
   direction: ltr;
-  font-size: var(--nutui-font-size-l, 15px);
+  font-size: var(--nutui-font-size-l, 16px);
   display: flex;
   flex-direction: row;
   align-items: baseline;

package/dist/es/packages/price/style/style.harmony.css

@@ -4,7 +4,7 @@
 /* #endif */
 .nut-price {
   direction: ltr;
-  font-size: var(--nutui-font-size-l, 15px);
+  font-size: var(--nutui-font-size-l, 16px);
   display: flex;
   flex-direction: row;
   align-items: baseline;

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

package/dist/es/packages/radio/style/radio.scss

@@ -47,12 +47,7 @@
   }
 
   &-button {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

package/dist/es/packages/radio/style/style.css

@@ -26,7 +26,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
-  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
+  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
@@ -41,12 +41,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
 }
 .nut-radio-button {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

package/dist/es/packages/radio/style/style.harmony.css

@@ -74,7 +74,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
-  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
+  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
@@ -89,12 +89,7 @@
   color: var(--nutui-color-text-disabled, #c2c4cc);
 }
 .nut-radio-button {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

package/dist/es/packages/radio/style-jmapp/radio.scss

@@ -47,12 +47,7 @@
   }
 
   &-button {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

package/dist/es/packages/radio/style-jmapp/style.css

@@ -41,12 +41,7 @@
   color: var(--nutui-color-text-disabled);
 }
 .nut-radio-button {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);

package/dist/es/packages/radio/style-jrkf/radio.scss

@@ -47,12 +47,7 @@
   }
 
   &-button {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     min-height: 30px;
     padding: $radio-button-padding;

package/dist/es/packages/radio/style-jrkf/style.css

@@ -41,12 +41,7 @@
   color: var(--nutui-color-text-disabled);
 }
 .nut-radio-button {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   min-height: 30px;
   padding: var(--nutui-radio-button-padding, 5px 18px);