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

package/dist/cjs/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/cjs/packages/quickenter/style-jrkf/css.js

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

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

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

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

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _radio = require("./radio");
 var _radiogroup = require("../radiogroup/radiogroup");
 var InnerRadio = _radio.Radio;

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

@@ -19,6 +19,7 @@ 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");
@@ -236,8 +237,8 @@ var Range = function Range(props) {
         onEnd,
         setInnerValue
     ]);
-    var handleClick = (0, _react.useCallback)(/*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(event) {
+    var handleClick = (0, _react.useCallback)(function(event) {
+        return (0, _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 (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
@@ -292,11 +293,8 @@ var Range = function Range(props) {
                         ];
                 }
             });
-        });
-        return function(event) {
-            return _ref.apply(this, arguments);
-        };
-    }(), [
+        })();
+    }, [
         innerValue,
         disabled,
         isRange,
@@ -305,13 +303,37 @@ var Range = function Range(props) {
         updateValue,
         vertical
     ]);
-    (0, _react.useLayoutEffect)(function() {
-        if (root.current) {
-            (0, _getrect.getRectInMultiPlatform)(root.current).then(function(rect) {
-                rootRect.current = rect;
-            });
-        }
-    }, []);
+    (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();
+        });
+    });
     var onTouchStart = (0, _react.useCallback)(function(event) {
         if (disabled) return;
         touch.start(event);
@@ -329,8 +351,8 @@ var Range = function Range(props) {
         isRange,
         touch
     ]);
-    var onTouchMove = (0, _react.useCallback)(/*#__PURE__*/ function() {
-        var _ref = (0, _async_to_generator._)(function(event) {
+    var onTouchMove = (0, _react.useCallback)(function(event) {
+        return (0, _async_to_generator._)(function() {
             var handleMove;
             return (0, _ts_generator._)(this, function(_state) {
                 // @TODO RN、鸿蒙端垂直滑动时，页面会一同滑动，待解决
@@ -342,8 +364,8 @@ var Range = function Range(props) {
                     dragStatusRef.current = 'draging';
                 }
                 touch.move(event);
-                handleMove = /*#__PURE__*/ function() {
-                    var _ref = (0, _async_to_generator._)(function() {
+                handleMove = function handleMove() {
+                    return (0, _async_to_generator._)(function() {
                         var delta, total, diff, newValue;
                         return (0, _ts_generator._)(this, function(_state) {
                             if (!rootRect.current) return [
@@ -369,21 +391,15 @@ var Range = function Range(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/cjs/packages/rate/rate.js

@@ -17,6 +17,7 @@ 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");
@@ -95,7 +96,7 @@ var Rate = function Rate(props) {
             return 0;
         }
     };
-    var updateRects = (0, _react.useCallback)(function() {
+    var updateRects = function updateRects() {
         var _loop = function _loop(index) {
             var item = refs[index];
             if (item) {
@@ -105,14 +106,10 @@ var Rate = function Rate(props) {
             }
         };
         for(var index = 0; index < refs.length; index++)_loop(index);
-    }, [
-        refs
-    ]);
-    (0, _react.useLayoutEffect)(function() {
+    };
+    (0, _taro.useReady)(function() {
         updateRects();
-    }, [
-        updateRects
-    ]);
+    });
     var handleTouchStart = function handleTouchStart(e) {
         if (!touchable || readOnly || disabled) {
             return;

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

@@ -50,7 +50,8 @@ var ResultPage = function ResultPage(props) {
         className: cls,
         style: style
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "".concat(classPrefix, "-icon")
+        className: "".concat(classPrefix, "-icon"),
+        ariaHidden: true
     }, 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,9 +60,6 @@
   /* #ifdef dynamic*/
   pointer-events: none;
   /* #endif */
-  /* #ifndef dynamic*/
-  pointer-events: auto;
-  /* #endif */
 }
 .nut-button::after {
   border: none;

package/dist/cjs/packages/searchbar/searchbar.js

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

package/dist/cjs/packages/shortpassword/shortpassword.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    InternalShortPassword: function() {
+    get InternalShortPassword () {
         return InternalShortPassword;
     },
-    ShortPassword: function() {
+    get ShortPassword () {
         return ShortPassword;
     }
 });