@nutui/nutui-react-taro 3.0.20-cpp → 3.0.20

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/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/resultpage/resultpage.js

@@ -39,8 +39,7 @@ export var ResultPage = function(props) {
         className: cls,
         style: style
     }, /*#__PURE__*/ React.createElement(View, {
-        className: "".concat(classPrefix, "-icon"),
-        ariaHidden: true
+        className: "".concat(classPrefix, "-icon")
     }, icon || defaultStatus[status]), typeof title === 'string' && title ? /*#__PURE__*/ React.createElement(View, {
         className: "".concat(classPrefix, "-title")
     }, title) : title, typeof description === 'string' && description ? /*#__PURE__*/ React.createElement(Text, {

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;

package/dist/es/packages/safearea/safearea.js

@@ -1,10 +1,19 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 var classPrefix = 'nut-safe-area';
 export var SafeArea = function(props) {
-    return /*#__PURE__*/ React.createElement(View, {
-        className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
-    });
+    var className = props.className, style = props.style, position = props.position, rest = _object_without_properties(props, [
+        "className",
+        "style",
+        "position"
+    ]);
+    return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({}, rest), {
+        className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(position), className),
+        style: style
+    }));
 };
 SafeArea.displayName = 'NutSafeArea';

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -3,12 +3,18 @@
   width: 100%;
 
   &-position-top {
+    padding-top: calc(
+      constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-top: calc(
       env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1)
     );
   }
 
   &-position-bottom {
+    padding-bottom: calc(
+      constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
+    );
     padding-bottom: calc(
       env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1)
     );

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

@@ -7,8 +7,10 @@
   width: 100%;
 }
 .nut-safe-area-position-top {
+  padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
   padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
 }
 .nut-safe-area-position-bottom {
+  padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
   padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
 }

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

@@ -22,9 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: '',
     right: '',
     rightIn: '',
-    leftIn: /*#__PURE__*/ React.createElement(Search, {
-        ariaHidden: true
-    }),
+    leftIn: /*#__PURE__*/ React.createElement(Search, null),
     tag: false
 });
 export var SearchBar = function(props) {
@@ -179,15 +177,12 @@ export var SearchBar = function(props) {
                 onClick: function(e) {
                     return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
                 }
-            }, item, /*#__PURE__*/ React.createElement(Close, {
-                ariaLabel: locale.close
-            }));
+            }, item, /*#__PURE__*/ React.createElement(Close, null));
         }));
     }, [
         value,
         onItemClick,
-        innerTag,
-        locale.close
+        innerTag
     ]);
     var renderLeftIn = useCallback(function() {
         if (!leftIn) return null;
@@ -200,16 +195,11 @@ export var SearchBar = function(props) {
     var renderLeft = useCallback(function() {
         if (!backable && !left) return null;
         return /*#__PURE__*/ React.createElement(View, {
-            className: "".concat(classPrefix, "-left"),
-            ariaRole: backable ? 'button' : undefined,
-            ariaLabel: backable ? locale.back : undefined
-        }, backable ? /*#__PURE__*/ React.createElement(ArrowLeft, {
-            ariaHidden: true
-        }) : left);
+            className: "".concat(classPrefix, "-left")
+        }, backable ? /*#__PURE__*/ React.createElement(ArrowLeft, null) : left);
     }, [
         backable,
-        left,
-        locale
+        left
     ]);
     var renderRightIn = useCallback(function() {
         if (!rightIn) return null;
@@ -236,17 +226,13 @@ export var SearchBar = function(props) {
                 visibility: "".concat(!innerTag && value && clearable ? 'visible' : 'hidden')
             },
             onClick: clearaVal,
-            ariaRole: "button",
-            ariaLabel: locale.clear
-        }, /*#__PURE__*/ React.createElement(MaskClose, {
-            ariaHidden: true
-        }));
+            "aria-label": "清除"
+        }, /*#__PURE__*/ React.createElement(MaskClose, null));
     }, [
         value,
         clearable,
         clearaVal,
-        innerTag,
-        locale
+        innerTag
     ]);
     var onConfirm = function() {
         onSearch && onSearch(value);

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

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 11px);
+  padding: var(--nutui-popup-title-padding, 16px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,6 +84,7 @@
   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));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -95,13 +96,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 11px);
-  right: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 16px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -112,22 +113,20 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  top: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 11px);
-  left: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 11px);
-  bottom: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 16px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
-  right: auto;
-  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -138,8 +137,6 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
-  right: auto;
-  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -151,8 +148,6 @@
 .nut-popup-right {
   top: 0;
   right: 0;
-  left: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -162,8 +157,6 @@
 .nut-popup-left {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -173,8 +166,6 @@
 .nut-popup-top {
   top: 0;
   left: 0;
-  right: auto;
-  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -251,9 +242,6 @@
   }
 }
 @keyframes popup-slide-top-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -278,9 +266,6 @@
   }
 }
 @keyframes popup-slide-right-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -305,9 +290,6 @@
   }
 }
 @keyframes slide-bottom-exit {
-  from {
-    transform: translate3d(0, 0%, 0);
-  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -332,9 +314,6 @@
   }
 }
 @keyframes popup-slide-left-exit {
-  from {
-    transform: translate3d(0%, 0, 0);
-  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -360,27 +339,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 16px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {

package/dist/es/packages/step/step.js

@@ -46,7 +46,8 @@ export var Step = function(props) {
         type,
         className,
         description,
-        classPrefix
+        classPrefix,
+        parentType
     ]);
     // 头部渲染
     var renderHeadType = useMemo(function() {
@@ -69,7 +70,10 @@ export var Step = function(props) {
     }, [
         type,
         value,
-        icon
+        icon,
+        parentIcon,
+        parentType,
+        classPrefix
     ]);
     // 内容渲染
     var renderContent = useMemo(function() {
@@ -83,7 +87,8 @@ export var Step = function(props) {
         }, description));
     }, [
         title,
-        description
+        description,
+        classPrefix
     ]);
     return /*#__PURE__*/ React.createElement(View, {
         className: classes,

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

@@ -86,9 +86,11 @@
   }
 
   &-title {
+    height: 14px;
     line-height: 14px;
     font-size: $steps-base-title-font-size;
     color: $steps-base-title-color;
+    overflow: hidden;
     white-space: nowrap;
   }
 

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

@@ -73,9 +73,11 @@
   z-index: 1;
 }
 .nut-step-title {
+  height: 14px;
   line-height: 14px;
   font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
+  overflow: hidden;
   white-space: nowrap;
 }
 .nut-step-description {

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

@@ -73,9 +73,11 @@
   z-index: 1;
 }
 .nut-step-title {
+  height: 14px;
   line-height: 14px;
   font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
+  overflow: hidden;
   white-space: nowrap;
 }
 .nut-step-description {

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

@@ -86,9 +86,11 @@
   }
 
   &-title {
+    height: 14px;
     line-height: 14px;
     font-size: $steps-base-title-font-size;
     color: $steps-base-title-color;
+    overflow: hidden;
     white-space: nowrap;
   }
 

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

@@ -73,9 +73,11 @@
   z-index: 1;
 }
 .nut-step-title {
+  height: 14px;
   line-height: 14px;
   font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-text-small));
   color: var(--nutui-steps-base-title-color, var(--nutui-color-title));
+  overflow: hidden;
   white-space: nowrap;
 }
 .nut-step-description {

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

@@ -86,9 +86,11 @@
   }
 
   &-title {
+    height: 14px;
     line-height: 14px;
     font-size: $steps-base-title-font-size;
     color: $steps-base-title-color;
+    overflow: hidden;
     white-space: nowrap;
   }
 

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

@@ -73,9 +73,11 @@
   z-index: 1;
 }
 .nut-step-title {
+  height: 14px;
   line-height: 14px;
   font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-text-small));
   color: var(--nutui-steps-base-title-color, var(--nutui-color-title));
+  overflow: hidden;
   white-space: nowrap;
 }
 .nut-step-description {

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

@@ -128,7 +128,7 @@
 
         &-head {
           justify-content: center;
-          margin-bottom: 5px;
+          margin-bottom: 6px;
 
           &-dot-wrap,
           &-icon-wrap,
@@ -151,14 +151,7 @@
         &-main {
           align-items: center;
           margin-left: 0;
-        }
-
-        &-title {
-          height: auto;
-          line-height: 20px;
-          white-space: normal;
-          overflow-wrap: break-word;
-          text-align: center;
+          margin-top: 2px;
         }
       }
 
@@ -219,7 +212,7 @@
       &-head {
         align-items: center;
         justify-content: center;
-        height: 20px;
+        height: 18px;
 
         &-icon {
           width: $steps-vertical-head-icon-size;