@nutui/nutui-react 4.0.0-beta.1 → 4.0.0-beta.3

package/CHANGELOG.md

@@ -1,24 +1,39 @@
-# v4.0.0-beta.1
-`2026-06-05`
+# v4.0.0-beta.3
+`2026-06-12`
+
+
+* 🏡 chore(deps): update actions/setup-python action to v6 (#3477)
+* :sparkles: feat(switch): 适配 v16 (#3483)
+* :sparkles: feat: indicator基础升级完成 (#3480)
+* :bug: fix: 解决taro版本demo变量文件重复注入导致超时的问题 (#3482)
+
 
+# v4.0.0-beta.2
 
-* 🤖 ci: add strict error handling and exit codes to issue resolver agent
-* 📖 docs: 修订文档
-* :sparkles: feat(agents): add local issue watcher daemon script
-* :sparkles: feat(toast): 适配v16，增加升级v4版本的文档 (#3471)
-* :sparkles: feat: inputnumber暗黑适配 (#3470)
-* :sparkles: feat: inputnumber更新 (#3466)
-* :sparkles: feat(checkbox): 适配v16并补充主题相关文档 (#3469)
-* :sparkles: feat(radio): 适配V16 (#3468)
-* :sparkles: feat(test): 单测处理 (#3467)
-* :sparkles: feat(button): v16 重构+无障碍支持 (#3465)
-* :bug: fix(swipe): resolve infinite re-render loop causing page freeze
-* :bug: fix(datepicker): 解决时间解析为 Invalid Date 的 Bug (#3472)
-* :bug: fix: conflicts
-* 🪵 refactor: 添加手动触发 (#3474)
-* 🪵 refactor: 添加GitHub Actions 自动化的 workflow 配置文件 (#3473)
-* 💡 test(swipe): add touch interaction tests for coverage
+`2026-06-08`
+
+- :bug: fix: 移除jmfe桥接方式 (#3479)
+
+# v4.0.0-beta.1
+
+`2026-06-05`
 
+- 🤖 ci: add strict error handling and exit codes to issue resolver agent
+- 📖 docs: 修订文档
+- :sparkles: feat(agents): add local issue watcher daemon script
+- :sparkles: feat(toast): 适配v16，增加升级v4版本的文档 (#3471)
+- :sparkles: feat: inputnumber暗黑适配 (#3470)
+- :sparkles: feat: inputnumber更新 (#3466)
+- :sparkles: feat(checkbox): 适配v16并补充主题相关文档 (#3469)
+- :sparkles: feat(radio): 适配V16 (#3468)
+- :sparkles: feat(test): 单测处理 (#3467)
+- :sparkles: feat(button): v16 重构+无障碍支持 (#3465)
+- :bug: fix(swipe): resolve infinite re-render loop causing page freeze
+- :bug: fix(datepicker): 解决时间解析为 Invalid Date 的 Bug (#3472)
+- :bug: fix: conflicts
+- 🪵 refactor: 添加手动触发 (#3474)
+- 🪵 refactor: 添加GitHub Actions 自动化的 workflow 配置文件 (#3473)
+- 💡 test(swipe): add touch interaction tests for coverage
 
 # v3.0.20
 

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-actionsheet {
   text-align: center;
 }
@@ -55,7 +51,7 @@ page {
   color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
 }
 .nut-actionsheet-cancel-disabled, .nut-actionsheet-item-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc) !important;
+  color: var(--nutui-color-text-disabled, #b4b8bf) !important;
   cursor: not-allowed;
 }
 .nut-actionsheet-cancel {

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-address-exist {
   display: block;
   padding: calc(15px * var(--nut-scale-f, 1)) calc(20px * var(--nut-scale-f, 1)) 0;
@@ -48,7 +44,7 @@ page {
   background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));
   border-radius: calc(21px * var(--nut-scale-f, 1));
   font-size: var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))));
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 
 .nut-address-title {
@@ -112,7 +108,7 @@ page {
 }
 .nut-address-selected-border {
   margin: 0 calc(2px * var(--nut-scale-f, 1));
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-address-elevator {
   margin-top: 0;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-animate {
   /* Animation CSS */
   /* Slide Animations */

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

@@ -6,9 +6,4 @@ page {
   --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
-}
-
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
+}

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-audio-icon {
   position: relative;
   display: inline-block;
@@ -24,7 +20,7 @@ page {
   height: calc(30px * var(--nut-scale-f, 1));
   background: #ffffff;
   border-radius: 50%;
-  box-shadow: 0 0 calc(8px * var(--nut-scale-f, 1)) var(--nutui-color-text-disabled, #c2c4cc);
+  box-shadow: 0 0 calc(8px * var(--nut-scale-f, 1)) var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-audio-icon .nut-audio-icon-stop {
   position: relative;
@@ -37,7 +33,7 @@ page {
   content: "";
   height: calc(2px * var(--nut-scale-f, 1));
   width: calc(30px * var(--nut-scale-f, 1));
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-color-text-disabled, #b4b8bf);
   transform: rotate(45deg);
   transform-origin: calc(8px * var(--nut-scale-f, 1)) calc(-18px * var(--nut-scale-f, 1));
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar {
   position: relative;
   flex: 0 0 auto;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar-cropper {
   position: relative;
   display: flex;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-avatar-group {
   display: flex;
   flex-direction: row;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-backtop {
   display: none;
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-badge {
   position: relative;
   /* #ifdef dynamic*/
@@ -49,7 +45,7 @@ page {
   left: -50%;
   right: -50%;
   transform: scale(0.5);
-  border: var(--nutui-badge-border, calc(1px * var(--nut-scale-f, 1)) solid #ffffff);
+  border: var(--nutui-badge-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary-text, #ffffff));
   border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, calc(14px * var(--nut-scale-f, 1))));
 }
 .nut-badge-sup {
@@ -63,7 +59,7 @@ page {
   min-width: var(--nutui-badge-min-width, calc(6px * var(--nut-scale-f, 1)));
   padding: var(--nutui-badge-padding, calc(1px * var(--nut-scale-f, 1)) calc(4px * var(--nut-scale-f, 1)));
   box-sizing: border-box;
-  color: var(--nutui-badge-color, #ffffff);
+  color: var(--nutui-badge-color, var(--nutui-color-primary-text, #ffffff));
   font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxxs, calc(9px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
   line-height: calc(12px * var(--nut-scale-f, 1));
   white-space: nowrap;
@@ -73,7 +69,7 @@ page {
   z-index: 1;
 }
 .nut-badge-disabled {
-  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-badge-number {
   font-family: "JDZH-Regular";
@@ -91,7 +87,7 @@ page {
   border-radius: 50%;
 }
 .nut-badge-dot::after {
-  border: var(--nutui-badge-dot-border, calc(1px * var(--nut-scale-f, 1)) solid #ffffff);
+  border: var(--nutui-badge-dot-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary-text, #ffffff));
   border-radius: 50%;
 }
 .nut-badge-dot-normal {
@@ -110,7 +106,7 @@ page {
   height: var(--nutui-badge-dot-large-width, calc(8px * var(--nut-scale-f, 1)));
 }
 .nut-badge-outline {
-  background: #ffffff;
+  background: var(--nutui-color-primary-text, #ffffff);
   color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-badge-outline::after {

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-barrage {
   position: absolute;
   left: 0;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-button {
   position: relative;
   display: flex;
@@ -121,20 +117,20 @@ page {
 .nut-button-default {
   padding: var(--nutui-button-default-padding, 0px calc(12px * var(--nut-scale-f, 1)));
   border-style: solid;
-  border-color: var(--nutui-button-default-border-color, var(--nutui-color-text-disabled, #c2c4cc));
+  border-color: var(--nutui-button-default-border-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-button-default-disabled, .nut-button-default-solid-disabled {
-  color: var(--nutui-button-primary-color, #ffffff);
-  background: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
-  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
+  background: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #b4b8bf));
+  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-button-default-none-disabled {
   color: var(--nutui-button-default-disabled-color, var(--nutui-color-text-help, #888b94));
 }
 .nut-button-default-outline-disabled, .nut-button-default-dashed-disabled {
   background: transparent;
-  color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
-  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #b4b8bf));
+  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-button-default:active:not(.nut-button-disabled):not(.nut-button-loading) {
   background: var(--nutui-button-default-pressed, var(--nutui-color-default-pressed, #e6e6e6));
@@ -278,16 +274,16 @@ page {
   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-primary {
-  color: var(--nutui-button-primary-color, #ffffff);
+  color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));
   background-origin: border-box;
   border-color: transparent;
 }
 .nut-button-primary-children {
-  color: var(--nutui-button-primary-color, #ffffff);
+  color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-primary-disabled, .nut-button-primary-solid-disabled {
-  color: var(--nutui-button-primary-color, #ffffff);
+  color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ff91a5));
   border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ff91a5));
 }
@@ -347,16 +343,16 @@ page {
   background: var(--nutui-color-primary-light-pressed, #ffe8ee);
 }
 .nut-button-success {
-  color: var(--nutui-button-success-color, #ffffff);
+  color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-success-background-color, var(--nutui-color-success, #0acc2a));
   background-origin: border-box;
   border-color: transparent;
 }
 .nut-button-success-children {
-  color: var(--nutui-button-success-color, #ffffff);
+  color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-success-disabled, .nut-button-success-solid-disabled {
-  color: var(--nutui-button-success-color, #ffffff);
+  color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
   border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
 }
@@ -390,16 +386,16 @@ page {
   background: var(--nutui-button-success-pressed, var(--nutui-color-success-pressed, #00801e));
 }
 .nut-button-info {
-  color: var(--nutui-button-info-color, #ffffff);
+  color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-info-background-color, var(--nutui-color-info-background, #0c82f7));
   background-origin: border-box;
   border-color: transparent;
 }
 .nut-button-info-children {
-  color: var(--nutui-button-info-color, #ffffff);
+  color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-info-disabled, .nut-button-info-solid-disabled {
-  color: var(--nutui-button-info-color, #ffffff);
+  color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
   border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
 }
@@ -433,16 +429,16 @@ page {
   background: var(--nutui-button-info-pressed, var(--nutui-color-info-pressed, #496af2));
 }
 .nut-button-danger {
-  color: var(--nutui-button-danger-color, #ffffff);
+  color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-danger-background-color, var(--nutui-color-danger, #ff0f23));
   background-origin: border-box;
   border-color: transparent;
 }
 .nut-button-danger-children {
-  color: var(--nutui-button-danger-color, #ffffff);
+  color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-danger-disabled, .nut-button-danger-solid-disabled {
-  color: var(--nutui-button-danger-color, #ffffff);
+  color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ff91a5)));
   border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ff91a5)));
 }
@@ -476,16 +472,16 @@ page {
   background: var(--nutui-button-danger-pressed, var(--nutui-color-danger-pressed, #ff3333));
 }
 .nut-button-warning {
-  color: var(--nutui-button-warning-color, #ffffff);
+  color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffaa00));
   background-origin: border-box;
   border-color: transparent;
 }
 .nut-button-warning-children {
-  color: var(--nutui-button-warning-color, #ffffff);
+  color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
 }
 .nut-button-warning-disabled, .nut-button-warning-solid-disabled {
-  color: var(--nutui-button-warning-color, #ffffff);
+  color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
   background: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
   border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-calendar {
   position: relative;
   display: flex;
@@ -144,7 +140,7 @@ page {
 }
 .nut-calendar-day-active {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
-  color: #ffffff !important;
+  color: var(--nutui-color-primary-text, #ffffff) !important;
   border-radius: var(--nutui-calendar-day-active-border-radius, calc(4px * var(--nut-scale-f, 1)));
 }
 .nut-calendar-day-active.active-start {
@@ -158,16 +154,16 @@ page {
   border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, calc(4px * var(--nut-scale-f, 1)));
 }
 .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 .nut-calendar-day-disabled {
-  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #b4b8bf)) !important;
 }
 .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
-  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-calendar-day-disabled .nut-calendar-day-info-curr {
   display: none;
@@ -181,10 +177,10 @@ page {
 }
 .nut-calendar-day-choose-disabled {
   background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
-  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #b4b8bf)) !important;
 }
 .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
-  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
   display: none;
@@ -202,7 +198,7 @@ page {
   text-align: center;
   border-radius: var(--nutui-radius-base, calc(8px * var(--nut-scale-f, 1)));
   background: var(--nutui-button-primary-background-color, var(--nutui-color-primary, #ff0f23));
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
   font-weight: var(--nutui-font-weight-bold, 600);
 }
 

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-calendarcard {
   background: var(--nutui-color-background-overlay, #ffffff);
   border-radius: calc(12px * var(--nut-scale-f, 1));
@@ -92,7 +88,7 @@ page {
 .nut-calendarcard-day.active .nut-calendarcard-day-top,
 .nut-calendarcard-day.active .nut-calendarcard-day-inner,
 .nut-calendarcard-day.active .nut-calendarcard-day-bottom {
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 .nut-calendarcard-day.start, .nut-calendarcard-day.end {
   background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
@@ -102,7 +98,7 @@ page {
 .nut-calendarcard-day.start .nut-calendarcard-day-bottom, .nut-calendarcard-day.end .nut-calendarcard-day-top,
 .nut-calendarcard-day.end .nut-calendarcard-day-inner,
 .nut-calendarcard-day.end .nut-calendarcard-day-bottom {
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 .nut-calendarcard-day.start {
   border-top-left-radius: var(--nutui-calendar-day-active-border-radius, calc(4px * var(--nut-scale-f, 1)));
@@ -121,7 +117,7 @@ page {
   color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-calendarcard-day .nut-calendar-day-info {
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
 }
 .nut-calendarcard-day.prev, .nut-calendarcard-day.next, .nut-calendarcard-day.disabled {
   cursor: not-allowed;
@@ -133,7 +129,7 @@ page {
 .nut-calendarcard-day.next .nut-calendarcard-day-bottom, .nut-calendarcard-day.disabled .nut-calendarcard-day-top,
 .nut-calendarcard-day.disabled .nut-calendarcard-day-inner,
 .nut-calendarcard-day.disabled .nut-calendarcard-day-bottom {
-  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 
 [dir=rtl] .nut-calendarcard-header-left .left, [dir=rtl] .nut-calendarcard-header-right .left,

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

@@ -6,9 +6,4 @@ page {
   --nut-icon-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-width: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
-}
-
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
+}

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-card {
   width: 100%;
   display: flex;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-cascader {
   width: 100%;
   font-size: var(--nutui-cascader-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-cell {
   position: relative;
   display: flex;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-cell-group {
   display: block;
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-checkbox {
   display: flex;
   align-items: center;
@@ -23,7 +19,7 @@ page {
   justify-content: center;
 }
 .nut-checkbox-icon {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   background-color: var(--nutui-color-background-overlay, #ffffff);
   transition-duration: 0.3s;
   transition-property: color, border-color, background-color;
@@ -57,7 +53,7 @@ page {
   flex-shrink: 0;
 }
 .nut-checkbox-label-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-checkbox-icon-indeterminate {
   color: var(--nutui-color-primary, #ff0f23);
@@ -71,7 +67,7 @@ page {
   box-shadow: none;
 }
 .nut-checkbox-icon-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   background-color: var(--nutui-color-background-overlay, #ffffff);
   border-radius: 50%;
   box-shadow: none;
@@ -108,7 +104,7 @@ page {
   border: var(--nutui-checkbox-button-active-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23));
 }
 .nut-checkbox-button-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-background, #f2f3f5);
 }
 .nut-checkbox-button-icon {
@@ -146,9 +142,9 @@ page {
   margin-left: calc(6px * var(--nut-scale-f, 1));
 }
 .nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled {
-  background: var(--nutui-color-text-disabled, #c2c4cc);
+  background: var(--nutui-color-text-disabled, #b4b8bf);
   color: #ffffff;
-  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #c2c4cc);
+  border: calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-checkbox-list-item {
   display: flex;

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-checkboxgroup .nut-checkbox-button {
   background-color: var(--nutui-color-background, #f2f3f5);
 }

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

@@ -8,10 +8,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 .nut-circleprogress {
   position: relative;
 }