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

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";
@@ -291,37 +290,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);

package/dist/es/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/es/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/es/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/es/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/es/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 {

package/dist/es/packages/range/style-jrkf/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/es/packages/range/style-jrkf/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/es/packages/rate/rate.js

@@ -2,10 +2,9 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
 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 React, { useEffect, useRef, useState } from "react";
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import { StarFill } from "@nutui/icons-react-taro";
-import { useReady } from "@tarojs/taro";
 import { Text, View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
@@ -84,7 +83,7 @@ export var Rate = function(props) {
             return 0;
         }
     };
-    var updateRects = function() {
+    var updateRects = useCallback(function() {
         var _loop = function(index) {
             var item = refs[index];
             if (item) {
@@ -94,10 +93,14 @@ export var Rate = function(props) {
             }
         };
         for(var index = 0; index < refs.length; index++)_loop(index);
-    };
-    useReady(function() {
+    }, [
+        refs
+    ]);
+    useLayoutEffect(function() {
         updateRects();
-    });
+    }, [
+        updateRects
+    ]);
     var handleTouchStart = function(e) {
         if (!touchable || readOnly || disabled) {
             return;

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

@@ -97,12 +97,7 @@
   }
 
   &-score {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     color: $rate-font-color;
     font-family: 'JDZH-Regular';

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

@@ -77,12 +77,7 @@
   transform: none;
 }
 .nut-rate-score {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";

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

@@ -77,12 +77,7 @@
   transform: none;
 }
 .nut-rate-score {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";

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

@@ -97,12 +97,7 @@
   }
 
   &-score {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     color: $rate-font-color;
     font-family: 'JDZH-Regular';

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

@@ -77,12 +77,7 @@
   transform: none;
 }
 .nut-rate-score {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";

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

@@ -97,12 +97,7 @@
   }
 
   &-score {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     align-items: center;
     color: $rate-font-color;
     font-family: 'JDZH-Regular';

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

@@ -77,12 +77,7 @@
   transform: none;
 }
 .nut-rate-score {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
   font-family: "JDZH-Regular";

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

@@ -5,12 +5,7 @@
   align-items: center;
   margin: 0 auto;
   &-icon {
-    /* #ifdef dynamic*/
-    display: flex;
-    /* #endif */
-    /* #ifndef dynamic*/
     display: inline-flex;
-    /* #endif */
     margin-bottom: $resultpage-icon-margin-bottom;
     .nut-icon {
       height: $resultpage-icon-size;

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

@@ -10,12 +10,7 @@
   margin: 0 auto;
 }
 .nut-resultpage-icon {
-  /* #ifdef dynamic*/
-  display: flex;
-  /* #endif */
-  /* #ifndef dynamic*/
   display: inline-flex;
-  /* #endif */
   margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 12px);
 }
 .nut-resultpage-icon .nut-icon {