@nutui/nutui-react-taro 3.0.20-beta.0 → 3.0.21-cpp

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

@@ -0,0 +1,106 @@
+@charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-quickenter {
+  width: 100%;
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
+  background: var(--nutui-quickenter-bg-color, #f5f5f5);
+  border-radius: 0 0 12px 12px;
+  overflow: hidden;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
+}
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
+.nut-quickenter-control {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30px 16px 0;
+  box-sizing: border-box;
+}
+.nut-quickenter-title {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  color: var(--nutui-quickenter-title-color, var(--nutui-color-title));
+  font-size: var(--nutui-quickenter-title-font-size, var(--nutui-font-text));
+}
+.nut-quickenter-close-btn {
+  color: var(--nutui-quickenter-close-icon-color, #808080);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.nut-quickenter-close-btn svg,
+.nut-quickenter-close-btn .nut-icon {
+  width: var(--nutui-quickenter-close-icon-size, 12px);
+  height: var(--nutui-quickenter-close-icon-size, 12px);
+}
+.nut-quickenter-content {
+  flex: 1;
+  padding: 10px 28px;
+  overflow-y: hidden;
+  box-sizing: border-box;
+}
+.nut-quickenter-content-scrollable {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.nut-quickenter-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  width: 100%;
+}
+.nut-quickenter-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width: 56px;
+  padding: 0 0 12px 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  margin-right: calc((100% - 224px) / 3);
+}
+.nut-quickenter-item:nth-child(4n) {
+  margin-right: 0;
+}
+.nut-quickenter-item-icon {
+  width: 56px;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--nutui-quickenter-item-icon-bg-color, #ffffff);
+  color: var(--nutui-quickenter-item-icon-color, var(--nutui-color-title));
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+.nut-quickenter-item-icon svg,
+.nut-quickenter-item-icon .nut-icon {
+  width: 22px;
+  height: 22px;
+}
+.nut-quickenter-item-title {
+  font-size: var(--nutui-quickenter-item-title-font-size, var(--nutui-font-text-small));
+  color: var(--nutui-quickenter-item-title-color, var(--nutui-color-title));
+  text-align: center;
+  line-height: 1.4;
+  white-space: normal;
+  word-wrap: break-word;
+  width: 72px;
+  margin-left: -8px;
+  margin-right: -8px;
+}

package/dist/es/packages/quickenter/style-jrkf/css.js

@@ -0,0 +1,2 @@
+import '../../popup/style-jrkf/css';
+import './style.css';

package/dist/es/packages/quickenter/style-jrkf/index.js

@@ -0,0 +1,2 @@
+import '../../popup/style-jrkf';
+import './quickenter.scss';

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

@@ -0,0 +1,120 @@
+.nut-quickenter {
+  width: 100%;
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(#{$quickenter-max-height} + env(safe-area-inset-top, 0));
+  background: $quickenter-bg-color;
+  border-radius: 0 0 12px 12px;
+  overflow: hidden;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  box-shadow: $quickenter-box-shadow;
+  // backdrop-filter: $quickenter-backdrop-filter;
+
+  &.safe-area-top {
+    /* 使用 env fallback，确保旧浏览器返回 0 */
+    padding-top: calc(
+      env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1)
+    );
+  }
+
+  &-control {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 30px 16px 0;
+    box-sizing: border-box;
+  }
+
+  &-title {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: left;
+    color: $quickenter-title-color;
+    font-size: $quickenter-title-font-size;
+  }
+
+  &-close-btn {
+    color: $quickenter-close-icon-color;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg,
+    .nut-icon {
+      width: $quickenter-close-icon-size;
+      height: $quickenter-close-icon-size;
+    }
+  }
+
+  &-content {
+    flex: 1;
+    padding: 10px 28px;
+    overflow-y: hidden; // 始终可滚动，防止内容被遮挡
+    box-sizing: border-box;
+
+    &-scrollable {
+      overflow-y: auto; // Only scroll when > 8 items
+      -webkit-overflow-scrolling: touch;
+    }
+  }
+
+  &-list {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    width: 100%;
+  }
+
+  &-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 56px;
+    padding: 0 0 12px 0; // Reduced from 16px to ensure 2 rows fit in 256px
+    box-sizing: border-box;
+    cursor: pointer;
+
+    // Calculate gap for 4 items per row: (100% - 4 * 56px) / 3
+    margin-right: calc((100% - 224px) / 3);
+
+    &:nth-child(4n) {
+      margin-right: 0;
+    }
+
+    &-icon {
+      width: 56px;
+      height: 56px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+      background: $quickenter-item-icon-bg-color;
+      color: $quickenter-item-icon-color;
+      margin-bottom: 8px;
+      flex-shrink: 0;
+
+      svg,
+      .nut-icon {
+        width: 22px;
+        height: 22px;
+      }
+    }
+
+    &-title {
+      font-size: $quickenter-item-title-font-size;
+      color: $quickenter-item-title-color;
+      text-align: center;
+      line-height: 1.4;
+      // Allow multi-line if text is long, preventing truncation
+      white-space: normal;
+      word-wrap: break-word;
+      width: 72px; // Allow text to be slightly wider than icon
+      margin-left: -8px; // Center 72px title over 56px icon
+      margin-right: -8px;
+    }
+  }
+}

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

@@ -0,0 +1,106 @@
+@charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-quickenter {
+  width: 100%;
+  /* 限制弹层最大高度，包含安全区 */
+  max-height: calc(var(--nutui-quickenter-max-height, 256px) + env(safe-area-inset-top, 0));
+  background: var(--nutui-quickenter-bg-color, #f5f5f5);
+  border-radius: 0 0 12px 12px;
+  overflow: hidden;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--nutui-quickenter-box-shadow, 0px 8px 16px rgba(141, 153, 167, 0.2), 0px -0.5px 0px rgba(0, 0, 0, 0.05) inset);
+}
+.nut-quickenter.safe-area-top {
+  /* 使用 env fallback，确保旧浏览器返回 0 */
+  padding-top: calc(env(safe-area-inset-top, 0) * var(--nutui-safe-area-multiple, 1));
+}
+.nut-quickenter-control {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 30px 16px 0;
+  box-sizing: border-box;
+}
+.nut-quickenter-title {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  color: var(--nutui-quickenter-title-color, var(--nutui-color-title));
+  font-size: var(--nutui-quickenter-title-font-size, var(--nutui-font-text));
+}
+.nut-quickenter-close-btn {
+  color: var(--nutui-quickenter-close-icon-color, #808080);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.nut-quickenter-close-btn svg,
+.nut-quickenter-close-btn .nut-icon {
+  width: var(--nutui-quickenter-close-icon-size, 12px);
+  height: var(--nutui-quickenter-close-icon-size, 12px);
+}
+.nut-quickenter-content {
+  flex: 1;
+  padding: 10px 28px;
+  overflow-y: hidden;
+  box-sizing: border-box;
+}
+.nut-quickenter-content-scrollable {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.nut-quickenter-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  width: 100%;
+}
+.nut-quickenter-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  width: 56px;
+  padding: 0 0 12px 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  margin-right: calc((100% - 224px) / 3);
+}
+.nut-quickenter-item:nth-child(4n) {
+  margin-right: 0;
+}
+.nut-quickenter-item-icon {
+  width: 56px;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--nutui-quickenter-item-icon-bg-color, #ffffff);
+  color: var(--nutui-quickenter-item-icon-color, var(--nutui-color-title));
+  margin-bottom: 8px;
+  flex-shrink: 0;
+}
+.nut-quickenter-item-icon svg,
+.nut-quickenter-item-icon .nut-icon {
+  width: 22px;
+  height: 22px;
+}
+.nut-quickenter-item-title {
+  font-size: var(--nutui-quickenter-item-title-font-size, var(--nutui-font-text-small));
+  color: var(--nutui-quickenter-item-title-color, var(--nutui-color-title));
+  text-align: center;
+  line-height: 1.4;
+  white-space: normal;
+  word-wrap: break-word;
+  width: 72px;
+  margin-left: -8px;
+  margin-right: -8px;
+}

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,9 +4,10 @@ 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, useLayoutEffect, useMemo, useRef, useState } from "react";
+import React, { useCallback, useEffect, 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";
@@ -224,8 +225,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){
@@ -280,11 +281,8 @@ export var Range = function(props) {
                         ];
                 }
             });
-        });
-        return function(event) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+        })();
+    }, [
         innerValue,
         disabled,
         isRange,
@@ -293,13 +291,37 @@ export var Range = function(props) {
         updateValue,
         vertical
     ]);
-    useLayoutEffect(function() {
-        if (root.current) {
-            getRectInMultiPlatform(root.current).then(function(rect) {
-                rootRect.current = rect;
-            });
-        }
-    }, []);
+    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();
+        });
+    });
     var onTouchStart = useCallback(function(event) {
         if (disabled) return;
         touch.start(event);
@@ -317,8 +339,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、鸿蒙端垂直滑动时，页面会一同滑动，待解决
@@ -330,8 +352,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 [
@@ -357,21 +379,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,9 +2,10 @@ 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, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import React, { useEffect, 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";
@@ -83,7 +84,7 @@ export var Rate = function(props) {
             return 0;
         }
     };
-    var updateRects = useCallback(function() {
+    var updateRects = function() {
         var _loop = function(index) {
             var item = refs[index];
             if (item) {
@@ -93,14 +94,10 @@ export var Rate = function(props) {
             }
         };
         for(var index = 0; index < refs.length; index++)_loop(index);
-    }, [
-        refs
-    ]);
-    useLayoutEffect(function() {
+    };
+    useReady(function() {
         updateRects();
-    }, [
-        updateRects
-    ]);
+    });
     var handleTouchStart = function(e) {
         if (!touchable || readOnly || disabled) {
             return;

package/dist/es/packages/resultpage/resultpage.js

@@ -39,7 +39,8 @@ export var ResultPage = function(props) {
         className: cls,
         style: style
     }, /*#__PURE__*/ React.createElement(View, {
-        className: "".concat(classPrefix, "-icon")
+        className: "".concat(classPrefix, "-icon"),
+        ariaHidden: true
     }, 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,9 +60,6 @@
   /* #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,19 +1,10 @@
-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) {
-    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
-    }));
+    return /*#__PURE__*/ React.createElement(View, {
+        className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+    });
 };
 SafeArea.displayName = 'NutSafeArea';

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

@@ -3,18 +3,12 @@
   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,10 +7,8 @@
   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,10 +7,8 @@
   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,18 +3,12 @@
   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,10 +7,8 @@
   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,18 +3,12 @@
   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,10 +7,8 @@
   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));
 }