@nutui/nutui-react-taro 3.0.19-cpp.8 → 3.0.19

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

@@ -24,24 +24,34 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
+  background-color: #ffffff;
   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));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled-special, #ffadbe);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   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

@@ -72,24 +72,34 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled, #c2c4cc);
+  background-color: #ffffff;
   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));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff0f23);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled-special, #ffadbe);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   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

@@ -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;

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

@@ -24,24 +24,34 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   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

@@ -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;

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

@@ -24,24 +24,34 @@
 }
 .nut-radio-icon {
   color: var(--nutui-color-text-disabled);
+  background-color: #ffffff;
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
   font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
+  border-radius: 50%;
 }
 .nut-radio-icon-checked {
   color: var(--nutui-color-primary, #ff6666);
+  background-color: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
   border-radius: 50%;
 }
 .nut-radio-icon-checked.nut-radio-icon-disabled {
   color: var(--nutui-color-primary-disabled-special, #ffadbe);
+  background-color: #ffffff;
   box-shadow: none;
+  border-radius: 50%;
 }
 .nut-radio-icon-disabled {
   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/range/range.js

@@ -4,10 +4,9 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 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, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import classNames from "classnames";
 import { Text, View } from "@tarojs/components";
-import { useReady, nextTick } from "@tarojs/taro";
 import { pxTransform } from "../../utils/taro/px-transform";
 import { useTouch } from "../../hooks/use-touch";
 import { ComponentDefaults } from "../../utils/typings";
@@ -225,8 +224,8 @@ export var Range = function(props) {
         onEnd,
         setInnerValue
     ]);
-    var handleClick = useCallback(function(event) {
-        return _async_to_generator(function() {
+    var handleClick = useCallback(/*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(event) {
             var _event_detail, rect, _event_detail_x, x, delta, total, _event_detail1, _event_detail_y, y, value, _innerValue, left, right, middle;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
@@ -281,8 +280,11 @@ export var Range = function(props) {
                         ];
                 }
             });
-        })();
-    }, [
+        });
+        return function(event) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
         innerValue,
         disabled,
         isRange,
@@ -291,37 +293,13 @@ export var Range = function(props) {
         updateValue,
         vertical
     ]);
-    useReady(function() {
-        var getRootRect = function() {
-            return _async_to_generator(function() {
-                var rect;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!root.current) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                getRectInMultiPlatform(root.current)
-                            ];
-                        case 1:
-                            rect = _state.sent();
-                            rootRect.current = rect;
-                            _state.label = 2;
-                        case 2:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        };
-        nextTick(function() {
-            getRootRect();
-        });
-    });
+    useLayoutEffect(function() {
+        if (root.current) {
+            getRectInMultiPlatform(root.current).then(function(rect) {
+                rootRect.current = rect;
+            });
+        }
+    }, []);
     var onTouchStart = useCallback(function(event) {
         if (disabled) return;
         touch.start(event);
@@ -339,8 +317,8 @@ export var Range = function(props) {
         isRange,
         touch
     ]);
-    var onTouchMove = useCallback(function(event) {
-        return _async_to_generator(function() {
+    var onTouchMove = useCallback(/*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(event) {
             var handleMove;
             return _ts_generator(this, function(_state) {
                 // @TODO RN、鸿蒙端垂直滑动时，页面会一同滑动，待解决
@@ -352,8 +330,8 @@ export var Range = function(props) {
                     dragStatusRef.current = 'draging';
                 }
                 touch.move(event);
-                handleMove = function() {
-                    return _async_to_generator(function() {
+                handleMove = /*#__PURE__*/ function() {
+                    var _ref = _async_to_generator(function() {
                         var delta, total, diff, newValue;
                         return _ts_generator(this, function(_state) {
                             if (!rootRect.current) return [
@@ -379,15 +357,21 @@ export var Range = function(props) {
                                 2
                             ];
                         });
-                    })();
-                };
+                    });
+                    return function handleMove() {
+                        return _ref.apply(this, arguments);
+                    };
+                }();
                 requestAnimationFrame(handleMove);
                 return [
                     2
                 ];
             });
-        })();
-    }, [
+        });
+        return function(event) {
+            return _ref.apply(this, arguments);
+        };
+    }(), [
         disabled,
         isRange,
         onStart,

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

@@ -182,17 +182,21 @@
     &-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);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-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 {
@@ -281,13 +290,17 @@
       &-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/es/packages/range/style/style.css

@@ -157,15 +157,19 @@
 }
 .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;
@@ -215,17 +219,23 @@
 .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 {
@@ -235,12 +245,16 @@
 .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/es/packages/range/style/style.harmony.css

@@ -157,15 +157,19 @@
 }
 .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;
@@ -215,17 +219,23 @@
 .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 {
@@ -235,12 +245,16 @@
 .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/es/packages/range/style-jmapp/range.scss

@@ -182,17 +182,21 @@
     &-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);
     }
 
@@ -207,7 +211,6 @@
     position: absolute;
     width: 36px;
     height: 100%;
-    // top: initial;
     top: 0px;
     right: 50%;
     overflow: visible;
@@ -257,19 +260,25 @@
     &-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 {
@@ -281,13 +290,17 @@
       &-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/es/packages/range/style-jmapp/style.css

@@ -157,15 +157,19 @@
 }
 .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;
@@ -215,17 +219,23 @@
 .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 {
@@ -235,12 +245,16 @@
 .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 {