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

package/dist/es/packages/range/style-jrkf/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-jrkf/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/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,7 +97,12 @@
   }
 
   &-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,7 +77,12 @@
   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,7 +77,12 @@
   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,7 +97,12 @@
   }
 
   &-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,7 +77,12 @@
   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,7 +97,12 @@
   }
 
   &-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,7 +77,12 @@
   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,7 +5,12 @@
   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,7 +10,12 @@
   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 {

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

@@ -60,6 +60,9 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
+  /* #ifndef dynamic*/
+  pointer-events: auto;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -390,7 +393,12 @@
   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 {

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

@@ -5,7 +5,12 @@
   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-jmapp/style.css

@@ -10,7 +10,12 @@
   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, 16px);
 }
 .nut-resultpage-icon .nut-icon {

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

@@ -5,7 +5,12 @@
   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-jrkf/style.css

@@ -10,7 +10,12 @@
   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, 16px);
 }
 .nut-resultpage-icon .nut-icon {

package/dist/es/packages/searchbar/searchbar.js

@@ -29,7 +29,7 @@ export var SearchBar = function(props) {
     var classPrefix = 'nut-searchbar';
     var locale = useConfig().locale;
     var searchInputRef = useRef(null);
-    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
+    var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, inputProps = _$_object_spread.inputProps, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
     var _usePropsValue = _sliced_to_array(usePropsValue({
         value: outerValue,
         defaultValue: defaultValue,
@@ -124,7 +124,7 @@ export var SearchBar = function(props) {
     ]);
     var renderField = function() {
         var inputCls = classNames("".concat(classPrefix, "-input"));
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
             className: inputCls,
             ref: searchInputRef,
             style: _object_spread({}, style, {
@@ -140,7 +140,7 @@ export var SearchBar = function(props) {
             onBlur: handleBlur,
             onClick: onInputClick,
             onConfirm: onConfirm
-        }) : /*#__PURE__*/ React.createElement(TaroInput, {
+        }, inputProps)) : /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
             className: inputCls,
             ref: searchInputRef,
             style: _object_spread({}, style, {
@@ -156,7 +156,7 @@ export var SearchBar = function(props) {
             onBlur: handleBlur,
             onClick: onInputClick,
             onConfirm: onConfirm
-        }));
+        }, inputProps)));
     };
     var renderValueByTags = useCallback(function() {
         if (!innerTag) return null;

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

@@ -121,7 +121,12 @@
 
   &-left,
   &-right {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
 
     &.nut-icon {

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

@@ -109,7 +109,12 @@
   margin-left: 4px;
 }
 .nut-searchbar-left, .nut-searchbar-right {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
 }
 .nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {

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

@@ -109,7 +109,12 @@
   margin-left: 4px;
 }
 .nut-searchbar-left, .nut-searchbar-right {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
 }
 .nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {

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

@@ -121,7 +121,12 @@
 
   &-left,
   &-right {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
 
     &.nut-icon {

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

@@ -109,7 +109,12 @@
   margin-left: 4px;
 }
 .nut-searchbar-left, .nut-searchbar-right {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
 }
 .nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {

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

@@ -121,7 +121,12 @@
 
   &-left,
   &-right {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
     align-items: center;
 
     &.nut-icon {

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

@@ -109,7 +109,12 @@
   margin-left: 4px;
 }
 .nut-searchbar-left, .nut-searchbar-right {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   align-items: center;
 }
 .nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {

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

@@ -1,5 +1,10 @@
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: $segmented-height;
   min-width: 24px;
   padding: $segmented-padding;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-segmented-height, 24px);
   min-width: 24px;
   padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs, 2px));

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-segmented-height, 24px);
   min-width: 24px;
   padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs, 2px));

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

@@ -1,5 +1,10 @@
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: $segmented-height;
   min-width: 24px;
   padding: $segmented-padding;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-segmented-height, 24px);
   min-width: 24px;
   padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs));

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

@@ -1,5 +1,10 @@
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: $segmented-height;
   min-width: 24px;
   padding: $segmented-padding;

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

@@ -3,7 +3,12 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-segmented {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
   height: var(--nutui-segmented-height, 24px);
   min-width: 24px;
   padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs, 2px));

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

@@ -11,7 +11,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-sidebar-item-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-sidebaritem.inactive {
   overflow: visible;

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

@@ -7,7 +7,9 @@
   color: $color-title;
   padding: $sidebar-item-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;

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

@@ -11,7 +11,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-sidebar-item-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-sidebaritem.inactive {
   overflow: visible;

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

@@ -11,7 +11,9 @@
   color: var(--nutui-color-title, #1a1a1a);
   padding: var(--nutui-sidebar-item-padding, 24px 20px);
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 }
 .nut-sidebaritem.inactive {
   overflow: visible;

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

@@ -7,7 +7,9 @@
   color: $color-title;
   padding: $sidebar-item-padding;
   box-sizing: border-box;
+  /* #ifndef dynamic*/
   overflow: auto;
+  /* #endif */
 
   &.inactive {
     overflow: visible;