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

package/dist/cjs/packages/range/range.js

@@ -19,7 +19,6 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _taro = require("@tarojs/taro");
 var _pxtransform = require("../../utils/taro/px-transform");
 var _usetouch = require("../../hooks/use-touch");
 var _typings = require("../../utils/typings");
@@ -303,37 +302,13 @@ var Range = function Range(props) {
         updateValue,
         vertical
     ]);
-    (0, _taro.useReady)(function() {
-        var getRootRect = function getRootRect() {
-            return (0, _async_to_generator._)(function() {
-                var rect;
-                return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!root.current) return [
-                                3,
-                                2
-                            ];
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(root.current)
-                            ];
-                        case 1:
-                            rect = _state.sent();
-                            rootRect.current = rect;
-                            _state.label = 2;
-                        case 2:
-                            return [
-                                2
-                            ];
-                    }
-                });
-            })();
-        };
-        (0, _taro.nextTick)(function() {
-            getRootRect();
-        });
-    });
+    (0, _react.useLayoutEffect)(function() {
+        if (root.current) {
+            (0, _getrect.getRectInMultiPlatform)(root.current).then(function(rect) {
+                rootRect.current = rect;
+            });
+        }
+    }, []);
     var onTouchStart = (0, _react.useCallback)(function(event) {
         if (disabled) return;
         touch.start(event);

package/dist/cjs/packages/rate/rate.js

@@ -17,7 +17,6 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _iconsreacttaro = require("@nutui/icons-react-taro");
-var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
@@ -96,7 +95,7 @@ var Rate = function Rate(props) {
             return 0;
         }
     };
-    var updateRects = function updateRects() {
+    var updateRects = (0, _react.useCallback)(function() {
         var _loop = function _loop(index) {
             var item = refs[index];
             if (item) {
@@ -106,10 +105,14 @@ var Rate = function Rate(props) {
             }
         };
         for(var index = 0; index < refs.length; index++)_loop(index);
-    };
-    (0, _taro.useReady)(function() {
+    }, [
+        refs
+    ]);
+    (0, _react.useLayoutEffect)(function() {
         updateRects();
-    });
+    }, [
+        updateRects
+    ]);
     var handleTouchStart = function handleTouchStart(e) {
         if (!touchable || readOnly || disabled) {
             return;

package/dist/cjs/packages/resultpage/resultpage.js

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

package/dist/cjs/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/cjs/packages/safearea/safearea.js

@@ -9,13 +9,22 @@ Object.defineProperty(exports, "SafeArea", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var classPrefix = 'nut-safe-area';
 var SafeArea = function SafeArea(props) {
-    return /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
-    });
+    var className = props.className, style = props.style, position = props.position, rest = (0, _object_without_properties._)(props, [
+        "className",
+        "style",
+        "position"
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(position), className),
+        style: style
+    }));
 };
 SafeArea.displayName = 'NutSafeArea';

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/searchbar/searchbar.js

@@ -34,9 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     left: '',
     right: '',
     rightIn: '',
-    leftIn: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Search, {
-        ariaHidden: true
-    }),
+    leftIn: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Search, null),
     tag: false
 });
 var SearchBar = function SearchBar(props) {
@@ -191,15 +189,12 @@ var SearchBar = function SearchBar(props) {
                 onClick: function onClick(e) {
                     return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
                 }
-            }, item, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-                ariaLabel: locale.close
-            }));
+            }, item, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null));
         }));
     }, [
         value,
         onItemClick,
-        innerTag,
-        locale.close
+        innerTag
     ]);
     var renderLeftIn = (0, _react.useCallback)(function() {
         if (!leftIn) return null;
@@ -212,16 +207,11 @@ var SearchBar = function SearchBar(props) {
     var renderLeft = (0, _react.useCallback)(function() {
         if (!backable && !left) return null;
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
-            className: "".concat(classPrefix, "-left"),
-            ariaRole: backable ? 'button' : undefined,
-            ariaLabel: backable ? locale.back : undefined
-        }, backable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ArrowLeft, {
-            ariaHidden: true
-        }) : left);
+            className: "".concat(classPrefix, "-left")
+        }, backable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.ArrowLeft, null) : left);
     }, [
         backable,
-        left,
-        locale
+        left
     ]);
     var renderRightIn = (0, _react.useCallback)(function() {
         if (!rightIn) return null;
@@ -248,17 +238,13 @@ var SearchBar = function SearchBar(props) {
                 visibility: "".concat(!innerTag && value && clearable ? 'visible' : 'hidden')
             },
             onClick: clearaVal,
-            ariaRole: "button",
-            ariaLabel: locale.clear
-        }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, {
-            ariaHidden: true
-        }));
+            "aria-label": "清除"
+        }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.MaskClose, null));
     }, [
         value,
         clearable,
         clearaVal,
-        innerTag,
-        locale
+        innerTag
     ]);
     var onConfirm = function onConfirm() {
         onSearch && onSearch(value);

package/dist/cjs/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/cjs/packages/step/step.js

@@ -58,7 +58,8 @@ var Step = function Step(props) {
         type,
         className,
         description,
-        classPrefix
+        classPrefix,
+        parentType
     ]);
     // 头部渲染
     var renderHeadType = (0, _react.useMemo)(function() {
@@ -81,7 +82,10 @@ var Step = function Step(props) {
     }, [
         type,
         value,
-        icon
+        icon,
+        parentIcon,
+        parentType,
+        classPrefix
     ]);
     // 内容渲染
     var renderContent = (0, _react.useMemo)(function() {
@@ -95,7 +99,8 @@ var Step = function Step(props) {
         }, description));
     }, [
         title,
-        description
+        description,
+        classPrefix
     ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: classes,

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;