@nutui/nutui-react 3.0.19-beta.2 → 3.0.19

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

@@ -12,7 +12,7 @@
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
   background: var(--nutui-navbar-background, #ffffff);
-  box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
+  box-shadow: var(--nutui-navbar-box-shadow, none);
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
   overflow: hidden;
@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -28,8 +28,10 @@
   }
 
   &-safe-area-inset-top {
+    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
+    /* #endif */
   }
 
   &-title-wrapper {

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

@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -28,8 +28,10 @@
   }
 
   &-safe-area-inset-top {
+    /* #ifndef dynamic*/
     padding-top: constant(safe-area-inset-top);
     padding-top: env(safe-area-inset-top);
+    /* #endif */
   }
 
   &-title-wrapper {

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

@@ -30,8 +30,10 @@
   width: 100%;
 }
 .nut-navbar-safe-area-inset-top {
+  /* #ifndef dynamic*/
   padding-top: constant(safe-area-inset-top);
   padding-top: env(safe-area-inset-top);
+  /* #endif */
 }
 .nut-navbar-title-wrapper {
   justify-content: space-between;

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -36,11 +36,15 @@
       justify-content: center;
 
       .nut-noticebar-box-wrap {
+        /* #ifndef dynamic*/
         flex: initial;
+        /* #endif */
 
         .nut-noticebar-box-wrap-content {
           position: relative;
+          /* #ifndef dynamic*/
           display: initial;
+          /* #endif */
         }
       }
     }

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

@@ -32,11 +32,15 @@
   justify-content: center;
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
+  /* #ifndef dynamic*/
   flex: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
   position: relative;
+  /* #ifndef dynamic*/
   display: initial;
+  /* #endif */
 }
 .nut-noticebar .nut-noticebar-box-left-icon {
   display: flex;

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -75,7 +75,12 @@
 
   &-left-icon,
   &-right-icon {
+    /* #ifdef dynamic*/
+    display: flex;
+    /* #endif */
+    /* #ifndef dynamic*/
     display: inline-flex;
+    /* #endif */
   }
 
   &-left-icon {

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

@@ -76,7 +76,12 @@
   text-align: left;
 }
 .nut-notify-left-icon, .nut-notify-right-icon {
+  /* #ifdef dynamic*/
+  display: flex;
+  /* #endif */
+  /* #ifndef dynamic*/
   display: inline-flex;
+  /* #endif */
 }
 .nut-notify-left-icon {
   margin-right: 6px;

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

@@ -9,7 +9,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

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

@@ -13,15 +13,17 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   padding: var(--nutui-popup-title-padding, 16px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-numberkeyboard-header-title {
   color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-numberkeyboard-header-close {
   position: absolute;
@@ -93,7 +95,7 @@
   height: auto;
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
-  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 15px));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
   background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }

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

@@ -9,7 +9,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

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

@@ -13,7 +13,9 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   padding: var(--nutui-popup-title-padding, 12px);
   color: var(--nutui-color-title);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-h1));

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

@@ -9,7 +9,9 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    /* #ifndef dynamic*/
     box-sizing: content-box;
+    /* #endif */
     padding: $popup-title-padding;
     color: $color-title;
     font-size: $popup-title-font-size;

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

@@ -13,7 +13,9 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  /* #ifndef dynamic*/
   box-sizing: content-box;
+  /* #endif */
   padding: var(--nutui-popup-title-padding, 12px);
   color: var(--nutui-color-title);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-h1));

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

@@ -12,7 +12,7 @@
   height: var(--nutui-popup-title-height, 50px);
   padding: var(--nutui-popup-title-padding, 16px);
   box-sizing: border-box;
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-picker-cancel-btn {
   color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
@@ -29,7 +29,7 @@
   white-space: nowrap;
   text-align: center;
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
 }
 .nut-picker-panel {

package/dist/es/packages/pickerview/pickerview.js

@@ -53,7 +53,8 @@ var InternalPickerView = function(props, ref) {
                 var index = currentOptions.findIndex(function(columnItem) {
                     return columnItem.value === currentValue;
                 });
-                columnOptions = currentOptions[index === -1 ? 0 : index]; // 如果未找到，默认取第一个
+                columnOptions = currentOptions[index === -1 ? 0 : index] // 如果未找到，默认取第一个
+                ;
             } else {
                 return "break" // 如果 currentValue 不存在，终止循环
                 ;

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

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

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

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
   color: var(--nutui-popover-text-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, 8px);

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

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

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

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

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

@@ -73,8 +73,10 @@
     font-size: $popover-font-size;
     color: $popover-text-color;
     line-height: 28px;
+    /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
+    /* #endif */
 
     &-group {
       padding: 0 $popover-padding;

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

@@ -66,8 +66,10 @@
   font-size: var(--nutui-popover-font-size, var(--nutui-font-text));
   color: var(--nutui-popover-text-color, var(--nutui-color-text));
   line-height: 28px;
+  /* #ifndef dynamic*/
   max-height: initial;
   overflow-y: initial;
+  /* #endif */
 }
 .nut-popover .nut-popover-content-group {
   padding: 0 var(--nutui-popover-padding, var(--nutui-spacing-xl));

package/dist/es/packages/popup/popup.js

@@ -10,6 +10,7 @@ import { Close } from "@nutui/icons-react";
 import { defaultOverlayProps } from "../overlay/overlay";
 import Overlay from "../overlay";
 import { useLockScroll } from "../../hooks/use-lock-scroll";
+import { useConfig } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -39,8 +40,9 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
 // 默认1000，参看variables
 var _zIndex = 1100;
 export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
     var nodeRef = React.useRef(null);
+    var topNodeRef = React.useRef(null);
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
@@ -52,6 +54,7 @@ export var Popup = function(props) {
     // 首次可调整时记录的默认高度
     var defaultHeightRef = useRef(0);
     var isTouching = useRef(false);
+    var locale = useConfig().locale;
     useLockScroll(nodeRef, innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
@@ -75,6 +78,14 @@ export var Popup = function(props) {
         }
         onOpen && onOpen();
     };
+    useEffect(function() {
+        if (topNodeRef.current && nodeRef.current) {
+            var _nodeRef_current;
+            topNodeRef.current.style.bottom = "".concat((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.clientHeight, "px");
+        }
+    }, [
+        innerVisible
+    ]);
     var close = function() {
         if (innerVisible) {
             setInnerVisible(false);
@@ -99,9 +110,19 @@ export var Popup = function(props) {
         var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
         return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement("div", {
             className: closeClasses,
-            onClick: handleCloseIconClick
+            onClick: handleCloseIconClick,
+            role: "button",
+            "aria-label": closeAriaLabel || locale.close,
+            tabIndex: -1
         }, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
     };
+    var renderTop = function() {
+        if (!top) return null;
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "".concat(classPrefix, "-bottom-top"),
+            ref: topNodeRef
+        }, top);
+    };
     var renderTitle = function() {
         if (left || title || description) {
             return /*#__PURE__*/ React.createElement("div", {
@@ -174,7 +195,7 @@ export var Popup = function(props) {
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             onTouchCancel: handleTouchEnd
-        }, renderTitle(), showChildren && children));
+        }, renderTop(), renderTitle(), showChildren && children));
     };
     var renderNode = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay && /*#__PURE__*/ React.createElement(Overlay, {

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

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

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

@@ -29,8 +29,8 @@
 .nut-popup-title-title {
   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-l, 16px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
+  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);
@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

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

@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -96,6 +96,10 @@
     &.nut-popup-round {
       border-radius: $popup-border-radius $popup-border-radius 0 0;
     }
+
+    &-top {
+      position: absolute;
+    }
   }
 
   &-right {

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

@@ -88,6 +88,9 @@
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px) var(--nutui-popup-border-radius, 12px) 0 0;
 }
+.nut-popup-bottom-top {
+  position: absolute;
+}
 .nut-popup-right {
   top: 0;
   right: 0;

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

@@ -4,7 +4,7 @@
 /* #endif */
 .nut-price {
   direction: ltr;
-  font-size: var(--nutui-font-size-l, 16px);
+  font-size: var(--nutui-font-size-l, 15px);
   display: flex;
   flex-direction: row;
   align-items: baseline;