@nutui/nutui-react-taro 3.0.20 → 3.0.22-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/radio.js

@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 });
 var Radio = function Radio(props) {
     var classPrefix = 'nut-radio';
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, ariaLabel = _ref.ariaLabel, others = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, shape = _$_object_spread.shape, value = _$_object_spread.value, icon = _$_object_spread.icon, activeIcon = _$_object_spread.activeIcon, onChange = _$_object_spread.onChange, ariaLabel = _$_object_spread.ariaLabel, others = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "style",

package/dist/cjs/packages/radiogroup/radiogroup.js

@@ -29,7 +29,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-radiogroup';
 var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, onChange = _ref.onChange, shape = _ref.shape, labelPosition = _ref.labelPosition, direction = _ref.direction, options = _ref.options, disabled = _ref.disabled, rest = (0, _object_without_properties._)(_ref, [
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, onChange = _$_object_spread.onChange, shape = _$_object_spread.shape, labelPosition = _$_object_spread.labelPosition, direction = _$_object_spread.direction, options = _$_object_spread.options, disabled = _$_object_spread.disabled, rest = (0, _object_without_properties._)(_$_object_spread, [
         "children",
         "className",
         "value",
@@ -49,8 +49,8 @@ var RadioGroup = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         onChange: onChange
     }), 2), val2State = _usePropsValue[0], setVal2State = _usePropsValue[1];
     var renderOptionsChildren = (0, _react.useCallback)(function() {
-        return options === null || options === void 0 ? void 0 : options.map(function(_param) {
-            var label = _param.label, value = _param.value, disabled = _param.disabled, onChange = _param.onChange, rest = (0, _object_without_properties._)(_param, [
+        return options === null || options === void 0 ? void 0 : options.map(function(_0) {
+            var label = _0.label, value = _0.value, disabled = _0.disabled, onChange = _0.onChange, rest = (0, _object_without_properties._)(_0, [
                 "label",
                 "value",
                 "disabled",

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");
@@ -238,7 +239,7 @@ var Range = function Range(props) {
     ]);
     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;
+            var _ref, _event_detail, rect, x, delta, total, _ref1, _event_detail1, y, value, _innerValue, left, right, middle;
             return (0, _ts_generator._)(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -256,14 +257,14 @@ var Range = function Range(props) {
                         ];
                     case 1:
                         rect = _state.sent();
-                        x = (_event_detail_x = (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.x) !== null && _event_detail_x !== void 0 ? _event_detail_x : event.clientX;
+                        x = (_ref = (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.x) !== null && _ref !== void 0 ? _ref : event.clientX;
                         if (isHm) x = parseFloat((0, _pxtransform.pxTransform)(event.windowX || x));
                         delta = x - rect.left;
                         total = rect.width;
                         if (vertical) {
                             ;
                             ;
-                            y = (_event_detail_y = (_event_detail1 = event.detail) === null || _event_detail1 === void 0 ? void 0 : _event_detail1.y) !== null && _event_detail_y !== void 0 ? _event_detail_y : event.clientY;
+                            y = (_ref1 = (_event_detail1 = event.detail) === null || _event_detail1 === void 0 ? void 0 : _event_detail1.y) !== null && _ref1 !== void 0 ? _ref1 : event.clientY;
                             if (isHm) y = parseFloat((0, _pxtransform.pxTransform)(event.windowY || y));
                             delta = y - rect.top;
                             total = rect.height;
@@ -302,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);

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

@@ -9,22 +9,13 @@ 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) {
-    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
-    }));
+    return /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+    });
 };
 SafeArea.displayName = 'NutSafeArea';

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