@nutui/nutui-react-taro 4.0.0-beta.5 → 4.0.0-beta.7

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+# v4.0.0-beta.7
+
+`2026-08-31`
+
+- :sparkles: Feat v16 noticebar simple (#3491)
+- :bug: fix(deps): update all non-major dependencies (#3503)
+- 🪵 refactor(popover): v16适配 (#3492)
+
+# v4.0.0-beta.6
+
+`2026-08-10`
+
+- :sparkles: feat: 为 @nutui/nutui-react-taro 补齐 AI-Coding 能力(CLI / MCP / Skill + 站点文档) (#3500)
+- :bug: fix(Cascader): preserve normalized option keys (#3501)
+
 # v4.0.0-beta.5
 
 `2026-07-21`

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

@@ -189,12 +189,6 @@ page {
 .nut-popup-top.nut-popup-round {
   border-radius: 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1)))) var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1))));
 }
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
 @keyframes popup-scale-fade-in {
   from {
     opacity: 0;
@@ -251,6 +245,9 @@ page {
   animation-name: popup-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从顶部滑出 */
+}
 @keyframes popup-slide-top-enter {
   from {
     transform: translate3d(0, -100%, 0);
@@ -278,6 +275,9 @@ page {
   animation-name: popup-slide-top-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从右侧滑出 */
+}
 @keyframes popup-slide-right-enter {
   from {
     transform: translate3d(100%, 0, 0);
@@ -305,6 +305,9 @@ page {
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从底部滑出 */
+}
 @keyframes popup-slide-bottom-enter {
   from {
     transform: translate3d(0, 100%, 0);
@@ -332,6 +335,9 @@ page {
   animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从左侧滑出 */
+}
 @keyframes popup-slide-left-enter {
   from {
     transform: translate3d(-100%, 0, 0);

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

@@ -339,12 +339,6 @@ page {
 .nut-popup-top.nut-popup-round {
   border-radius: 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1)))) var(--nutui-popup-border-radius, var(--nutui-radius-xl, calc(12px * var(--nut-scale-f, 1))));
 }
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
 @keyframes popup-scale-fade-in {
   from {
     opacity: 0;
@@ -401,6 +395,9 @@ page {
   animation-name: popup-fade-out;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从顶部滑出 */
+}
 @keyframes popup-slide-top-enter {
   from {
     transform: translate3d(0, -100%, 0);
@@ -428,6 +425,9 @@ page {
   animation-name: popup-slide-top-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从右侧滑出 */
+}
 @keyframes popup-slide-right-enter {
   from {
     transform: translate3d(100%, 0, 0);
@@ -455,6 +455,9 @@ page {
   animation-name: popup-slide-right-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从底部滑出 */
+}
 @keyframes popup-slide-bottom-enter {
   from {
     transform: translate3d(0, 100%, 0);
@@ -482,6 +485,9 @@ page {
   animation-name: slide-bottom-exit;
   animation-duration: var(--nutui-popup-animation-duration, 0.3s);
 }
+.nut-popup-slide {
+  /* 从左侧滑出 */
+}
 @keyframes popup-slide-left-enter {
   from {
     transform: translate3d(-100%, 0, 0);

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

@@ -10,21 +10,15 @@ page {
 
 .nut-animate {
   /* Animation CSS */
-  /* Slide Animations */
-  /* Shake Animation */
-  /* Ripple Animation */
-  /* Breath Animation */
-  /* Twinkle Animation */
-  /* Flicker Animation */
-  /* Jump Animation */
-  /* Float Animation */
-  /* Loop Animation */
 }
 .nut-animate [class*=nut-animate-] {
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: both;
 }
+.nut-animate {
+  /* Slide Animations */
+}
 @keyframes slide-right {
   0% {
     opacity: 0;
@@ -77,6 +71,9 @@ page {
 .nut-animate .nut-animate-slide-bottom {
   animation-name: slide-bottom;
 }
+.nut-animate {
+  /* Shake Animation */
+}
 @keyframes shake {
   0%, 100% {
     transform: translateX(0);
@@ -112,6 +109,9 @@ page {
 .nut-animate .nut-animate-shake {
   animation-name: shake;
 }
+.nut-animate {
+  /* Ripple Animation */
+}
 @keyframes ripple {
   0% {
     transform: scale(1);
@@ -123,6 +123,9 @@ page {
 .nut-animate .nut-animate-ripple {
   animation-name: ripple;
 }
+.nut-animate {
+  /* Breath Animation */
+}
 @keyframes breath {
   0%, 100% {
     transform: scale(1);
@@ -137,6 +140,9 @@ page {
   animation-timing-function: ease-in-out;
   animation-direction: alternate;
 }
+.nut-animate {
+  /* Twinkle Animation */
+}
 .nut-animate .nut-animate-twinkle {
   position: relative;
 }
@@ -170,6 +176,9 @@ page {
     opacity: 0;
   }
 }
+.nut-animate {
+  /* Flicker Animation */
+}
 .nut-animate .nut-animate-flicker {
   position: relative;
   overflow: hidden;
@@ -195,6 +204,9 @@ page {
     transform: translateX(calc(150px * var(--nut-scale-f, 1))) skewX(-20deg);
   }
 }
+.nut-animate {
+  /* Jump Animation */
+}
 @keyframes jump {
   0% {
     transform: rotate(0) translateY(0);
@@ -216,6 +228,9 @@ page {
   transform-origin: center center;
   animation: jump 0.7s linear;
 }
+.nut-animate {
+  /* Float Animation */
+}
 @keyframes float-pop {
   0% {
     top: 0;
@@ -237,6 +252,9 @@ page {
   position: relative;
   animation-name: float-pop;
 }
+.nut-animate {
+  /* Loop Animation */
+}
 .nut-animate .loop {
   animation-iteration-count: infinite;
 }

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

@@ -10,21 +10,15 @@ page {
 
 .nut-animate {
   /* Animation CSS */
-  /* Slide Animations */
-  /* Shake Animation */
-  /* Ripple Animation */
-  /* Breath Animation */
-  /* Twinkle Animation */
-  /* Flicker Animation */
-  /* Jump Animation */
-  /* Float Animation */
-  /* Loop Animation */
 }
 .nut-animate [class*=nut-animate-] {
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: both;
 }
+.nut-animate {
+  /* Slide Animations */
+}
 @keyframes slide-right {
   0% {
     opacity: 0;
@@ -77,6 +71,9 @@ page {
 .nut-animate .nut-animate-slide-bottom {
   animation-name: slide-bottom;
 }
+.nut-animate {
+  /* Shake Animation */
+}
 @keyframes shake {
   0%, 100% {
     transform: translateX(0);
@@ -112,6 +109,9 @@ page {
 .nut-animate .nut-animate-shake {
   animation-name: shake;
 }
+.nut-animate {
+  /* Ripple Animation */
+}
 @keyframes ripple {
   0% {
     transform: scale(1);
@@ -123,6 +123,9 @@ page {
 .nut-animate .nut-animate-ripple {
   animation-name: ripple;
 }
+.nut-animate {
+  /* Breath Animation */
+}
 @keyframes breath {
   0%, 100% {
     transform: scale(1);
@@ -137,6 +140,9 @@ page {
   animation-timing-function: ease-in-out;
   animation-direction: alternate;
 }
+.nut-animate {
+  /* Twinkle Animation */
+}
 .nut-animate .nut-animate-twinkle {
   position: relative;
 }
@@ -170,6 +176,9 @@ page {
     opacity: 0;
   }
 }
+.nut-animate {
+  /* Flicker Animation */
+}
 .nut-animate .nut-animate-flicker {
   position: relative;
   overflow: hidden;
@@ -195,6 +204,9 @@ page {
     transform: translateX(calc(150px * var(--nut-scale-f, 1))) skewX(-20deg);
   }
 }
+.nut-animate {
+  /* Jump Animation */
+}
 @keyframes jump {
   0% {
     transform: rotate(0) translateY(0);
@@ -216,6 +228,9 @@ page {
   transform-origin: center center;
   animation: jump 0.7s linear;
 }
+.nut-animate {
+  /* Float Animation */
+}
 @keyframes float-pop {
   0% {
     top: 0;
@@ -237,6 +252,9 @@ page {
   position: relative;
   animation-name: float-pop;
 }
+.nut-animate {
+  /* Loop Animation */
+}
 .nut-animate .loop {
   animation-iteration-count: infinite;
 }

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

@@ -4,21 +4,15 @@
 /* #endif */
 .nut-animate {
   /* Animation CSS */
-  /* Slide Animations */
-  /* Shake Animation */
-  /* Ripple Animation */
-  /* Breath Animation */
-  /* Twinkle Animation */
-  /* Flicker Animation */
-  /* Jump Animation */
-  /* Float Animation */
-  /* Loop Animation */
 }
 .nut-animate [class*=nut-animate-] {
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: both;
 }
+.nut-animate {
+  /* Slide Animations */
+}
 @keyframes slide-right {
   0% {
     opacity: 0;
@@ -71,6 +65,9 @@
 .nut-animate .nut-animate-slide-bottom {
   animation-name: slide-bottom;
 }
+.nut-animate {
+  /* Shake Animation */
+}
 @keyframes shake {
   0%, 100% {
     transform: translateX(0);
@@ -106,6 +103,9 @@
 .nut-animate .nut-animate-shake {
   animation-name: shake;
 }
+.nut-animate {
+  /* Ripple Animation */
+}
 @keyframes ripple {
   0% {
     transform: scale(1);
@@ -117,6 +117,9 @@
 .nut-animate .nut-animate-ripple {
   animation-name: ripple;
 }
+.nut-animate {
+  /* Breath Animation */
+}
 @keyframes breath {
   0%, 100% {
     transform: scale(1);
@@ -131,6 +134,9 @@
   animation-timing-function: ease-in-out;
   animation-direction: alternate;
 }
+.nut-animate {
+  /* Twinkle Animation */
+}
 .nut-animate .nut-animate-twinkle {
   position: relative;
 }
@@ -164,6 +170,9 @@
     opacity: 0;
   }
 }
+.nut-animate {
+  /* Flicker Animation */
+}
 .nut-animate .nut-animate-flicker {
   position: relative;
   overflow: hidden;
@@ -189,6 +198,9 @@
     transform: translateX(scale-px(150px)) skewX(-20deg);
   }
 }
+.nut-animate {
+  /* Jump Animation */
+}
 @keyframes jump {
   0% {
     transform: rotate(0) translateY(0);
@@ -210,6 +222,9 @@
   transform-origin: center center;
   animation: jump 0.7s linear;
 }
+.nut-animate {
+  /* Float Animation */
+}
 @keyframes float-pop {
   0% {
     top: 0;
@@ -231,6 +246,9 @@
   position: relative;
   animation-name: float-pop;
 }
+.nut-animate {
+  /* Loop Animation */
+}
 .nut-animate .loop {
   animation-iteration-count: infinite;
 }

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

@@ -4,21 +4,15 @@
 /* #endif */
 .nut-animate {
   /* Animation CSS */
-  /* Slide Animations */
-  /* Shake Animation */
-  /* Ripple Animation */
-  /* Breath Animation */
-  /* Twinkle Animation */
-  /* Flicker Animation */
-  /* Jump Animation */
-  /* Float Animation */
-  /* Loop Animation */
 }
 .nut-animate [class*=nut-animate-] {
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: both;
 }
+.nut-animate {
+  /* Slide Animations */
+}
 @keyframes slide-right {
   0% {
     opacity: 0;
@@ -71,6 +65,9 @@
 .nut-animate .nut-animate-slide-bottom {
   animation-name: slide-bottom;
 }
+.nut-animate {
+  /* Shake Animation */
+}
 @keyframes shake {
   0%, 100% {
     transform: translateX(0);
@@ -106,6 +103,9 @@
 .nut-animate .nut-animate-shake {
   animation-name: shake;
 }
+.nut-animate {
+  /* Ripple Animation */
+}
 @keyframes ripple {
   0% {
     transform: scale(1);
@@ -117,6 +117,9 @@
 .nut-animate .nut-animate-ripple {
   animation-name: ripple;
 }
+.nut-animate {
+  /* Breath Animation */
+}
 @keyframes breath {
   0%, 100% {
     transform: scale(1);
@@ -131,6 +134,9 @@
   animation-timing-function: ease-in-out;
   animation-direction: alternate;
 }
+.nut-animate {
+  /* Twinkle Animation */
+}
 .nut-animate .nut-animate-twinkle {
   position: relative;
 }
@@ -164,6 +170,9 @@
     opacity: 0;
   }
 }
+.nut-animate {
+  /* Flicker Animation */
+}
 .nut-animate .nut-animate-flicker {
   position: relative;
   overflow: hidden;
@@ -189,6 +198,9 @@
     transform: translateX(scale-px(150px)) skewX(-20deg);
   }
 }
+.nut-animate {
+  /* Jump Animation */
+}
 @keyframes jump {
   0% {
     transform: rotate(0) translateY(0);
@@ -210,6 +222,9 @@
   transform-origin: center center;
   animation: jump 0.7s linear;
 }
+.nut-animate {
+  /* Float Animation */
+}
 @keyframes float-pop {
   0% {
     top: 0;
@@ -231,6 +246,9 @@
   position: relative;
   animation-name: float-pop;
 }
+.nut-animate {
+  /* Loop Animation */
+}
 .nut-animate .loop {
   animation-iteration-count: infinite;
 }

package/dist/cjs/packages/audio/audio.js

@@ -37,20 +37,6 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     onCanPlay: function onCanPlay(ctx) {}
 });
 var Audio = function Audio(props) {
-    var formatSeconds = function formatSeconds(value) {
-        if (!value) {
-            return '00:00:00';
-        }
-        var time = parseInt(value);
-        var hours = Math.floor(time / 3600);
-        var minutes = Math.floor((time - hours * 3600) / 60);
-        var secondss = time - hours * 3600 - minutes * 60;
-        var result = '';
-        result += "".concat("0".concat(hours.toString()).slice(-2), ":");
-        result += "".concat("0".concat(minutes.toString()).slice(-2), ":");
-        result += "0".concat(secondss.toString()).slice(-2);
-        return result;
-    };
     var classPrefix = 'nut-audio';
     var locale = (0, _index2.useConfig)().locale;
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, src = _$_object_spread.src, style = _$_object_spread.style, autoplay = _$_object_spread.autoplay, loop = _$_object_spread.loop, type = _$_object_spread.type, onFastBack = _$_object_spread.onFastBack, onForward = _$_object_spread.onForward, onPause = _$_object_spread.onPause, onPlay = _$_object_spread.onPlay, onPlayEnd = _$_object_spread.onPlayEnd, onCanPlay = _$_object_spread.onCanPlay, children = _$_object_spread.children, iconClassPrefix = _$_object_spread.iconClassPrefix, iconFontClassName = _$_object_spread.iconFontClassName, rest = (0, _object_without_properties._)(_$_object_spread, [
@@ -120,6 +106,20 @@ var Audio = function Audio(props) {
     audioCtx.onError(function(res) {
         console.warn('onError', res.errCode, res.errMsg);
     });
+    function formatSeconds(value) {
+        if (!value) {
+            return '00:00:00';
+        }
+        var time = parseInt(value);
+        var hours = Math.floor(time / 3600);
+        var minutes = Math.floor((time - hours * 3600) / 60);
+        var secondss = time - hours * 3600 - minutes * 60;
+        var result = '';
+        result += "".concat("0".concat(hours.toString()).slice(-2), ":");
+        result += "".concat("0".concat(minutes.toString()).slice(-2), ":");
+        result += "0".concat(secondss.toString()).slice(-2);
+        return result;
+    }
     var handleBack = function handleBack() {
         var currentTime = Math.floor(audioCtx.currentTime);
         statusRef.current.currentTime = Math.max(currentTime - 1, 0);

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

@@ -162,7 +162,6 @@ page {
   padding: var(--nutui-button-xlarge-padding, 0px calc(20px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, calc(18px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))));
-  font-weight: var(--nutui-font-weight-bold, 600);
 }
 .nut-button-xlarge .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, calc(6px * var(--nut-scale-f, 1)));
@@ -178,12 +177,14 @@ page {
 .nut-button-xlarge-children {
   font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, calc(18px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
+.nut-button-xlarge {
+  font-weight: var(--nutui-font-weight-bold, 600);
+}
 .nut-button-44 {
   height: var(--nutui-button-44-height, calc(44px * var(--nut-scale-f, 1)));
   padding: var(--nutui-button-44-padding, 0px calc(16px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-44-font-size, var(--nutui-font-size-15));
   border-radius: var(--nutui-button-44-border-radius, var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))));
-  font-weight: var(--nutui-font-weight-bold, 600);
 }
 .nut-button-44 .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, calc(6px * var(--nut-scale-f, 1)));
@@ -199,12 +200,14 @@ page {
 .nut-button-44-children {
   font-size: var(--nutui-button-44-font-size, var(--nutui-font-size-15));
 }
+.nut-button-44 {
+  font-weight: var(--nutui-font-weight-bold, 600);
+}
 .nut-button-large {
   height: var(--nutui-button-large-height, calc(40px * var(--nut-scale-f, 1)));
   padding: var(--nutui-button-large-padding, 0px calc(12px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))));
-  min-width: calc(84px * var(--nut-scale-f, 1));
 }
 .nut-button-large .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, calc(6px * var(--nut-scale-f, 1)));
@@ -220,12 +223,14 @@ page {
 .nut-button-large-children {
   font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
+.nut-button-large {
+  min-width: calc(84px * var(--nut-scale-f, 1));
+}
 .nut-button-36 {
   height: var(--nutui-button-36-height, calc(36px * var(--nut-scale-f, 1)));
   padding: var(--nutui-button-36-padding, 0px calc(12px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-36-font-size, var(--nutui-font-size-14));
   border-radius: var(--nutui-button-36-border-radius, var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1))));
-  min-width: calc(66px * var(--nut-scale-f, 1));
 }
 .nut-button-36 .nut-button-text {
   margin-left: var(--nutui-button-xlarge-text-icon-margin, calc(6px * var(--nut-scale-f, 1)));
@@ -241,13 +246,14 @@ page {
 .nut-button-36-children {
   font-size: var(--nutui-button-36-font-size, var(--nutui-font-size-14));
 }
+.nut-button-36 {
+  min-width: calc(66px * var(--nut-scale-f, 1));
+}
 .nut-button-small {
   height: var(--nutui-button-small-height, calc(28px * var(--nut-scale-f, 1)));
   padding: var(--nutui-button-small-padding, 0px calc(8px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, calc(6px * var(--nut-scale-f, 1))));
-  min-width: calc(52px * var(--nut-scale-f, 1));
-  font-weight: var(--nutui-font-weight, 400);
 }
 .nut-button-small .nut-icon {
   font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
@@ -257,13 +263,15 @@ page {
 .nut-button-small-children {
   font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, calc(12px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
+.nut-button-small {
+  min-width: calc(52px * var(--nut-scale-f, 1));
+  font-weight: var(--nutui-font-weight, 400);
+}
 .nut-button-mini {
   height: var(--nutui-button-mini-height, calc(24px * var(--nut-scale-f, 1)));
   padding: var(--nutui-button-mini-padding, 0px calc(6px * var(--nut-scale-f, 1)));
   font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, calc(11px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, calc(4px * var(--nut-scale-f, 1))));
-  min-width: calc(48px * var(--nut-scale-f, 1));
-  font-weight: var(--nutui-font-weight, 400);
 }
 .nut-button-mini .nut-icon {
   font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, calc(11px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
@@ -273,6 +281,10 @@ page {
 .nut-button-mini-children {
   font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, calc(11px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
+.nut-button-mini {
+  min-width: calc(48px * var(--nut-scale-f, 1));
+  font-weight: var(--nutui-font-weight, 400);
+}
 .nut-button-primary {
   color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));