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

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

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

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

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

@@ -9,7 +9,7 @@
   &-integer,
   &-decimal {
     color: $price-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Bold';
     line-height: 1;
   }
 
@@ -18,7 +18,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-darkgray-color;
       }
     }
@@ -29,7 +29,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-primary-color;
       }
     }

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

@@ -11,15 +11,15 @@
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   line-height: 1;
 }
 .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
 }
 .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-price-symbol {

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

@@ -11,15 +11,15 @@
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   line-height: 1;
 }
 .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
 }
 .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-price-symbol {

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

@@ -9,7 +9,7 @@
   &-integer,
   &-decimal {
     color: $price-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Bold';
     line-height: 1;
   }
 
@@ -18,7 +18,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-darkgray-color;
       }
     }
@@ -29,7 +29,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-primary-color;
       }
     }

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

@@ -11,15 +11,15 @@
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   line-height: 1;
 }
 .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
 }
 .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary));
 }
 .nut-price-symbol {

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

@@ -9,7 +9,7 @@
   &-integer,
   &-decimal {
     color: $price-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Bold';
     line-height: 1;
   }
 
@@ -18,7 +18,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-darkgray-color;
       }
     }
@@ -29,7 +29,7 @@
       &-symbol,
       &-integer,
       &-decimal {
-        font-family: 'JD-Bold';
+        font-family: 'JDZH-Bold';
         color: $price-primary-color;
       }
     }

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

@@ -11,15 +11,15 @@
 }
 .nut-price-symbol, .nut-price-integer, .nut-price-decimal {
   color: var(--nutui-price-color, var(--nutui-color-text-help));
-  font-family: "JD";
+  font-family: "JDZH-Bold";
   line-height: 1;
 }
 .nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
 }
 .nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
-  font-family: "JD-Bold";
+  font-family: "JDZH-Bold";
   color: var(--nutui-price-color, var(--nutui-color-primary, #ff6666));
 }
 .nut-price-symbol {

package/dist/es/packages/pulltorefresh/pulltorefresh.js

@@ -31,7 +31,58 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
 });
 export var PullToRefresh = function(p) {
     var doRefresh = function doRefresh() {
-        return _doRefresh.apply(this, arguments);
+        return _async_to_generator(function() {
+            var e;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        setHeight(headHeight);
+                        setStatus('refreshing');
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            props.onRefresh()
+                        ];
+                    case 2:
+                        _state.sent();
+                        setStatus('complete');
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        e = _state.sent();
+                        setHeight(0);
+                        setStatus('pulling');
+                        throw e;
+                    case 4:
+                        if (!(props.completeDelay > 0)) return [
+                            3,
+                            6
+                        ];
+                        return [
+                            4,
+                            sleep(props.completeDelay)
+                        ];
+                    case 5:
+                        _state.sent();
+                        _state.label = 6;
+                    case 6:
+                        setHeight(0);
+                        setStatus('pulling');
+                        return [
+                            2
+                        ];
+                }
+            });
+        })();
     };
     var classPrefix = 'nut-pulltorefresh';
     var locale = useConfig().locale;
@@ -88,61 +139,6 @@ export var PullToRefresh = function(p) {
         }
         clearTimeout(timer.current);
     };
-    function _doRefresh() {
-        _doRefresh = _async_to_generator(function() {
-            var e;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        setHeight(headHeight);
-                        setStatus('refreshing');
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            3,
-                            ,
-                            4
-                        ]);
-                        return [
-                            4,
-                            props.onRefresh()
-                        ];
-                    case 2:
-                        _state.sent();
-                        setStatus('complete');
-                        return [
-                            3,
-                            4
-                        ];
-                    case 3:
-                        e = _state.sent();
-                        setHeight(0);
-                        setStatus('pulling');
-                        throw e;
-                    case 4:
-                        if (!(props.completeDelay > 0)) return [
-                            3,
-                            6
-                        ];
-                        return [
-                            4,
-                            sleep(props.completeDelay)
-                        ];
-                    case 5:
-                        _state.sent();
-                        _state.label = 6;
-                    case 6:
-                        setHeight(0);
-                        setStatus('pulling');
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return _doRefresh.apply(this, arguments);
-    }
     var handleTouchEnd = function() {
         if (props.disabled) return;
         pullingRef.current = false;

package/dist/es/packages/radio/index.js

@@ -1,4 +1,3 @@
-import React from "react";
 import { Radio } from "./radio";
 import { RadioGroup } from "../radiogroup/radiogroup";
 var InnerRadio = Radio;

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(/*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(event) {
+    var handleClick = useCallback(function(event) {
+        return _async_to_generator(function() {
             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,11 +280,8 @@ export var Range = function(props) {
                         ];
                 }
             });
-        });
-        return function(event) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+        })();
+    }, [
         innerValue,
         disabled,
         isRange,
@@ -294,40 +290,13 @@ export var Range = function(props) {
         updateValue,
         vertical
     ]);
-    useReady(function() {
-        var getRootRect = /*#__PURE__*/ function() {
-            var _ref = _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
-                            ];
-                    }
-                });
+    useLayoutEffect(function() {
+        if (root.current) {
+            getRectInMultiPlatform(root.current).then(function(rect) {
+                rootRect.current = rect;
             });
-            return function getRootRect() {
-                return _ref.apply(this, arguments);
-            };
-        }();
-        nextTick(function() {
-            getRootRect();
-        });
-    });
+        }
+    }, []);
     var onTouchStart = useCallback(function(event) {
         if (disabled) return;
         touch.start(event);
@@ -345,8 +314,8 @@ export var Range = function(props) {
         isRange,
         touch
     ]);
-    var onTouchMove = useCallback(/*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function(event) {
+    var onTouchMove = useCallback(function(event) {
+        return _async_to_generator(function() {
             var handleMove;
             return _ts_generator(this, function(_state) {
                 // @TODO RN、鸿蒙端垂直滑动时，页面会一同滑动，待解决
@@ -358,8 +327,8 @@ export var Range = function(props) {
                     dragStatusRef.current = 'draging';
                 }
                 touch.move(event);
-                handleMove = /*#__PURE__*/ function() {
-                    var _ref = _async_to_generator(function() {
+                handleMove = function() {
+                    return _async_to_generator(function() {
                         var delta, total, diff, newValue;
                         return _ts_generator(this, function(_state) {
                             if (!rootRect.current) return [
@@ -385,21 +354,15 @@ 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/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

@@ -100,7 +100,7 @@
     display: inline-flex;
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

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

@@ -80,7 +80,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

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

@@ -80,7 +80,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

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

@@ -100,7 +100,7 @@
     display: inline-flex;
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

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

@@ -80,7 +80,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

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

@@ -100,7 +100,7 @@
     display: inline-flex;
     align-items: center;
     color: $rate-font-color;
-    font-family: 'JD';
+    font-family: 'JDZH-Regular';
     line-height: 1;
 
     &-normal {

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

@@ -80,7 +80,7 @@
   display: inline-flex;
   align-items: center;
   color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #ff3333));
-  font-family: "JD";
+  font-family: "JDZH-Regular";
   line-height: 1;
 }
 .nut-rate-score-normal {

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/shortpassword/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;