@nutui/nutui-react-taro 3.0.19-cpp.1 → 3.0.19-cpp.10

package/dist/cjs/packages/empty/style/style.css

@@ -35,8 +35,8 @@
   font-weight: var(--nutui-font-weight-bold, 600);
   margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-font-size-l, 16px);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-font-size-l, 15px);
+  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 15px));
 }
 .nut-empty-description {
   color: var(--nutui-color-text, #505259);

package/dist/cjs/packages/empty/style/style.harmony.css

@@ -57,6 +57,9 @@
   transform: translate(-50%, -50%);
   opacity: 0;
   content: " ";
+  /* #ifdef dynamic*/
+  pointer-events: none;
+  /* #endif */
 }
 .nut-button::after {
   border: none;
@@ -138,7 +141,7 @@
 .nut-button-large {
   height: var(--nutui-button-large-height, 40px);
   padding: var(--nutui-button-large-padding, 0px 16px);
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
 }
 .nut-button-large .nut-button-text {
@@ -148,12 +151,12 @@
   margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
 }
 .nut-button-large .nut-icon {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
-  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
+  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-large-children {
-  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 15px));
 }
 .nut-button-small {
   height: var(--nutui-button-small-height, 28px);
@@ -412,8 +415,8 @@
   font-weight: var(--nutui-font-weight-bold, 600);
   margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
   color: var(--nutui-color-title, #1a1a1a);
-  font-size: var(--nutui-font-size-l, 16px);
-  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
+  font-size: var(--nutui-font-size-l, 15px);
+  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 15px));
 }
 .nut-empty-description {
   color: var(--nutui-color-text, #505259);

package/dist/cjs/packages/fixednav/style/style.harmony.css

@@ -110,7 +110,7 @@
   background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-badge-number {
-  font-family: "JD";
+  font-family: "JDZH-Regular";
 }
 .nut-badge-one {
   height: var(--nutui-badge-height, 14px);

package/dist/cjs/packages/imagepreview/style/style.harmony.css

@@ -83,8 +83,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);

package/dist/cjs/packages/input/style/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style/style.harmony.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style-jmapp/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style-jmapp/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style-jrkf/input.scss

@@ -33,7 +33,6 @@
   flex: 1;
   color: $color-title;
   font-size: $input-font-size;
-  line-height: $input-lineheight;
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/input/style-jrkf/style.css

@@ -34,7 +34,6 @@
   flex: 1;
   color: var(--nutui-color-title);
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
-  line-height: var(--nutui-input-lineheight, var(--nutui-font-text-large));
   padding: 0;
   border: 0;
   outline: 0 none;

package/dist/cjs/packages/noticebar/noticebar.js

@@ -21,6 +21,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _useuuid = require("../../hooks/use-uuid");
 var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
@@ -48,7 +49,10 @@ var NoticeBar = function NoticeBar(props) {
     var classPrefix = 'nut-noticebar';
     var wrapRef = (0, _react.useRef)(null);
     var contentRef = (0, _react.useRef)(null);
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showNoticeBar = _useState[0], SetShowNoticeBar = _useState[1];
+    var uid = (0, _useuuid.useUuid)();
+    var wrapRefId = "wrap-ref-".concat(uid);
+    var contentRefId = "content-ref-".concat(uid);
+    var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showNoticeBar = _useState[0], setShowNoticeBar = _useState[1];
     var scrollList = (0, _react.useRef)([]);
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), wrapWidth = _useState1[0], SetWrapWidth = _useState1[1];
     var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), firstRound = _useState2[0], SetFirstRound = _useState2[1];
@@ -108,7 +112,7 @@ var NoticeBar = function NoticeBar(props) {
                 startRollEasy();
             }
         } else {
-            initScrollWrap(content);
+            initScrollWrap();
         }
         return function() {
             // 销毁事件
@@ -118,7 +122,7 @@ var NoticeBar = function NoticeBar(props) {
         childs
     ]);
     (0, _react.useEffect)(function() {
-        initScrollWrap(content);
+        initScrollWrap();
     }, [
         content
     ]);
@@ -129,7 +133,7 @@ var NoticeBar = function NoticeBar(props) {
     }, [
         list
     ]);
-    var initScrollWrap = function initScrollWrap(value) {
+    var initScrollWrap = function initScrollWrap() {
         if (showNoticeBar === false) {
             return;
         }
@@ -137,41 +141,35 @@ var NoticeBar = function NoticeBar(props) {
             return (0, _async_to_generator._)(function() {
                 var warpRes, contentRes, wrapW, offsetW, canScroll;
                 return (0, _ts_generator._)(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            if (!wrapRef.current || !contentRef.current) {
-                                return [
-                                    2
-                                ];
-                            }
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(wrapRef.current)
-                            ];
-                        case 1:
-                            warpRes = _state.sent();
-                            return [
-                                4,
-                                (0, _getrect.getRectInMultiPlatform)(contentRef.current)
-                            ];
-                        case 2:
-                            contentRes = _state.sent();
-                            wrapW = warpRes.width;
-                            offsetW = contentRes.width;
-                            canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
-                            SetIsCanScroll(canScroll);
-                            if (canScroll) {
-                                SetWrapWidth(wrapW);
-                                SetOffsetW(offsetW);
-                                SetAnimationDuration(offsetW / speed);
-                                SetAnimationClass('play');
-                            } else {
-                                SetAnimationClass('');
-                            }
-                            return [
-                                2
-                            ];
+                    if (!wrapRef.current || !contentRef.current) {
+                        return [
+                            2
+                        ];
                     }
+                    warpRes = wrapRef.current.getBoundingClientRect(); // await getRectInMultiPlatform(wrapRef.current, wrapRefId)
+                    contentRes = contentRef.current.getBoundingClientRect();
+                    // await getRectInMultiPlatform(
+                    //   contentRef.current,
+                    //   contentRefId
+                    // )
+                    if (!warpRes || !contentRes) return [
+                        2
+                    ];
+                    wrapW = warpRes.width;
+                    offsetW = contentRes.width;
+                    canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
+                    SetIsCanScroll(canScroll);
+                    if (canScroll) {
+                        SetWrapWidth(wrapW);
+                        SetOffsetW(offsetW);
+                        SetAnimationDuration(offsetW / speed);
+                        SetAnimationClass('play');
+                    } else {
+                        SetAnimationClass('');
+                    }
+                    return [
+                        2
+                    ];
                 });
             })();
         }, 0);
@@ -180,12 +178,6 @@ var NoticeBar = function NoticeBar(props) {
         click && click(event);
         onClick && onClick(event);
     };
-    var onClickIcon = function onClickIcon(event) {
-        event.stopPropagation();
-        SetShowNoticeBar(!closeable);
-        close && close(event);
-        onClose && onClose(event);
-    };
     var onAnimationEnd = function onAnimationEnd() {
         SetFirstRound(false);
         setTimeout(function() {
@@ -208,13 +200,16 @@ var NoticeBar = function NoticeBar(props) {
             SetAnimate(false);
         }, time);
     };
-    // 点击滚动单元
-    var handleClickIcon = function handleClickIcon(event) {
+    var handleClickIcon = (0, _react.useCallback)(function(event) {
         event.stopPropagation();
-        SetShowNoticeBar(!closeable);
+        setShowNoticeBar(!closeable);
         close && close(event);
         onClose && onClose(event);
-    };
+    }, [
+        close,
+        onClose,
+        closeable
+    ]);
     var isEllipsis = function isEllipsis() {
         if (isCanScroll == null && align === 'left') {
             return wrap;
@@ -362,10 +357,12 @@ var NoticeBar = function NoticeBar(props) {
     };
     // 无缝滚动第一个元素位移控制
     var itemStyle = function itemStyle(index) {
-        var style = {};
+        var style = {
+            width: '100%'
+        };
         if (height) {
             style.height = "".concat(height, "px");
-            style.lineHeight = "".concat(height, "px");
+        // style.lineHeight = `${height}px`
         }
         var offset = childOffset[index];
         if (offset) {
@@ -434,6 +431,32 @@ var NoticeBar = function NoticeBar(props) {
         container.current = ref;
         setIsContainerReady(true);
     }, []);
+    var renderLeftIcon = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-left-icon"
+        }, leftIcon) : null);
+    }, [
+        leftIcon
+    ]);
+    var renderRight = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-right"
+        }, right) : null);
+    }, [
+        right
+    ]);
+    var renderRightIcon = (0, _react.useCallback)(function() {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, rightIcon || closeable ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "nut-noticebar-box-right-icon",
+            onClick: handleClickIcon
+        }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
+            size: 12
+        })) : null);
+    }, [
+        rightIcon,
+        closeable,
+        handleClickIcon
+    ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: cls,
         style: style
@@ -441,31 +464,22 @@ var NoticeBar = function NoticeBar(props) {
         className: noticebarClass,
         style: barStyle,
         onClick: handleClick
-    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, renderLeftIcon(), /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: wrapRef,
-        className: "nut-noticebar-box-wrap"
+        className: "nut-noticebar-box-wrap",
+        id: wrapRefId
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         ref: contentRef,
+        id: contentRefId,
         className: "nut-noticebar-box-wrap-content ".concat(animationClass, " ").concat(isEllipsis() ? 'nut-ellipsis' : ''),
         style: contentStyle,
         onAnimationEnd: onAnimationEnd
-    }, children, content)), right ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right"
-    }, right) : null, closeable || rightIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right-icon",
-        onClick: onClickIcon
-    }, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-        size: 12
-    })) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, children, content)), renderRight(), renderRightIcon()) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-vertical",
         style: barStyle,
         ref: containerRefCallback,
         onClick: handleClick
-    }, leftIcon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-left-icon"
-    }, leftIcon) : null, children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, renderLeftIcon(), children ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-noticebar-box-wrap",
         ref: innerRef
     }, scrollList.current.map(function(item, index) {
@@ -480,8 +494,7 @@ var NoticeBar = function NoticeBar(props) {
         className: "nut-noticebar-box-horseLamp-list",
         style: horseLampStyle
     }, scrollList.current.map(function(item, index) {
-        return(// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-        /*#__PURE__*/ /*#__PURE__*/ _react.default.createElement(_components.View, {
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "nut-noticebar-box-horseLamp-list-item",
             style: {
                 height: height
@@ -490,14 +503,7 @@ var NoticeBar = function NoticeBar(props) {
             onClick: function onClick(e) {
                 handleItemClick(e, item);
             }
-        }, item));
-    })), /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-noticebar-box-right-icon",
-        onClick: function onClick(e) {
-            handleClickIcon(e);
-        }
-    }, rightIcon || (closeable ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
-        size: 12
-    }) : null))) : null);
+        }, item);
+    })), renderRight(), renderRightIcon()) : null);
 };
 NoticeBar.displayName = 'NutNoticeBar';

package/dist/cjs/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/cjs/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/cjs/packages/noticebar/style/style.harmony.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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/numberkeyboard/style/style.css

@@ -16,12 +16,12 @@
   box-sizing: content-box;
   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 +93,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/cjs/packages/numberkeyboard/style/style.harmony.css

@@ -83,8 +83,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);
@@ -396,12 +396,12 @@
   box-sizing: content-box;
   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;
@@ -473,7 +473,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/cjs/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/cjs/packages/picker/style/style.harmony.css

@@ -83,8 +83,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);
@@ -464,7 +464,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));
@@ -481,7 +481,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/cjs/packages/popover/style/style.harmony.css

@@ -83,8 +83,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);

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