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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/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)() || process.env.TARO_ENV === 'dynamic' ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() ? /*#__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/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/cjs/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/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, ariaLabel = _ref.ariaLabel, 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, others = (0, _object_without_properties._)(_ref, [
         "children",
         "className",
         "style",
@@ -43,8 +43,7 @@ var Radio = function Radio(props) {
         "value",
         "icon",
         "activeIcon",
-        "onChange",
-        "ariaLabel"
+        "onChange"
     ]);
     // eslint-disable-next-line prefer-const
     var labelPosition = others.labelPosition, disabled = others.disabled;
@@ -123,12 +122,7 @@ var Radio = function Radio(props) {
     return /*#__PURE__*/ _react.default.createElement(_components.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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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);

package/dist/cjs/packages/range/range.js

@@ -19,7 +19,6 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _taro = require("@tarojs/taro");
 var _pxtransform = require("../../utils/taro/px-transform");
 var _usetouch = require("../../hooks/use-touch");
 var _typings = require("../../utils/typings");
@@ -303,37 +302,13 @@ var Range = function Range(props) {
         updateValue,
         vertical
     ]);
-    (0, _taro.useReady)(function() {
-        var getRootRect = function getRootRect() {
-            return (0, _async_to_generator._)(function() {
-                var rect;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!root.current) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(root.current)
-                            ];
-                        case 1:
-                            rect = _state.sent();
-                            rootRect.current = rect;
-                            _state.label = 2;
-                        case 2:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        };
-        (0, _taro.nextTick)(function() {
-            getRootRect();
-        });
-    });
+    (0, _react.useLayoutEffect)(function() {
+        if (root.current) {
+            (0, _getrect.getRectInMultiPlatform)(root.current).then(function(rect) {
+                rootRect.current = rect;
+            });
+        }
+    }, []);
     var onTouchStart = (0, _react.useCallback)(function(event) {
         if (disabled) return;
         touch.start(event);

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

@@ -182,21 +182,17 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
-      /* #ifndef dynamic*/
       top: initial;
-      right: initial;
-      /* #endif */
       top: 100%;
       left: 50%;
+      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
-      /* #ifndef dynamic*/
       right: initial;
-      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -211,6 +207,7 @@
     position: absolute;
     width: 36px;
     height: 100%;
+    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -260,25 +257,19 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
-      /* #ifndef dynamic*/
       right: initial;
-      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
-      /* #ifndef dynamic*/
       left: initial;
-      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
-    /* #ifndef dynamic*/
     left: initial;
-    /* #endif */
   }
 
   &-mark-text {
@@ -290,17 +281,13 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
-        /* #ifndef dynamic*/
         left: initial;
-        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
-        /* #ifndef dynamic*/
         left: initial;
-        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

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

@@ -157,19 +157,15 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
-  /* #ifndef dynamic*/
   top: initial;
-  right: initial;
-  /* #endif */
   top: 100%;
   left: 50%;
+  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -219,23 +215,17 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -245,16 +235,12 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

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

@@ -157,19 +157,15 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
-  /* #ifndef dynamic*/
   top: initial;
-  right: initial;
-  /* #endif */
   top: 100%;
   left: 50%;
+  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -219,23 +215,17 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -245,16 +235,12 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {

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

@@ -182,21 +182,17 @@
     &-wrapper,
     &-wrapper-right {
       position: absolute;
-      /* #ifndef dynamic*/
       top: initial;
-      right: initial;
-      /* #endif */
       top: 100%;
       left: 50%;
+      right: initial;
       // transform: translate3d(-50%, -50%, 0);
     }
 
     &-wrapper-left {
       top: 0px;
       left: 50%;
-      /* #ifndef dynamic*/
       right: initial;
-      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
 
@@ -211,6 +207,7 @@
     position: absolute;
     width: 36px;
     height: 100%;
+    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -260,25 +257,19 @@
     &-wrapper,
     &-wrapper-right {
       left: 0;
-      /* #ifndef dynamic*/
       right: initial;
-      /* #endif */
       // transform: translate3d(-50%, -50%, 0);
     }
     &-wrapper-left {
       right: 0;
-      /* #ifndef dynamic*/
       left: initial;
-      /* #endif */
       // transform: translate3d(50%, -50%, 0);
     }
   }
 
   &-tick {
     right: 0px;
-    /* #ifndef dynamic*/
     left: initial;
-    /* #endif */
   }
 
   &-mark-text {
@@ -290,17 +281,13 @@
       &-wrapper,
       &-wrapper-right {
         right: 50%;
-        /* #ifndef dynamic*/
         left: initial;
-        /* #endif */
         // transform: translate3d(50%, 50%, 0);
       }
 
       &-wrapper-left {
         right: 50%;
-        /* #ifndef dynamic*/
         left: initial;
-        /* #endif */
         // transform: translate3d(50%, -50%, 0);
       }
 

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

@@ -157,19 +157,15 @@
 }
 .nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
   position: absolute;
-  /* #ifndef dynamic*/
   top: initial;
-  right: initial;
-  /* #endif */
   top: 100%;
   left: 50%;
+  right: initial;
 }
 .nut-range-vertical-button-wrapper-left {
   top: 0px;
   left: 50%;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 .nut-range-vertical-button-number {
   left: 0px;
@@ -219,23 +215,17 @@
 .rtl-nut-range-button-wrapper,
 .rtl-nut-range-button-wrapper-right {
   left: 0;
-  /* #ifndef dynamic*/
   right: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-button-wrapper-left,
 .rtl-nut-range-button-wrapper-left {
   right: 0;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-tick,
 .rtl-nut-range-tick {
   right: 0px;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-mark-text,
 .rtl-nut-range-mark-text {
@@ -245,16 +235,12 @@
 .rtl-nut-range-vertical-button-wrapper,
 .rtl-nut-range-vertical-button-wrapper-right {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-button-wrapper-left,
 .rtl-nut-range-vertical-button-wrapper-left {
   right: 50%;
-  /* #ifndef dynamic*/
   left: initial;
-  /* #endif */
 }
 [dir=rtl] .nut-range-vertical-mark,
 .rtl-nut-range-vertical-mark {