@nutui/nutui-react 4.0.0-beta.2 → 4.0.0-beta.4

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

@@ -10,7 +10,7 @@
   align-items: center;
 }
 .nut-indicator-fixed-width {
-  width: scale-px(21px);
+  width: var(--nutui-indicator-track-width, 24px);
 }
 .nut-indicator-dot, .nut-indicator-line {
   display: inline-block;
@@ -18,51 +18,79 @@
   width: var(--nutui-indicator-dot-size, 6px);
   height: var(--nutui-indicator-dot-size, 6px);
   border-radius: 50%;
-  background-color: var(--nutui-color-border-disabled, #c2c4cc);
+  background-color: var(--nutui-indicator-dot-inactive-color, #f0f2f7);
+  border: var(--nutui-indicator-dot-border, 0.33px solid var(--nutui-color-border));
+  box-sizing: border-box;
   margin-left: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xs));
-  opacity: 0.4;
 }
 .nut-indicator-dot-0, .nut-indicator-line-0 {
   margin-left: 0;
 }
 .nut-indicator-dot-active, .nut-indicator-line-active {
   width: var(--nutui-indicator-dot-active-size, 20px);
+  height: var(--nutui-indicator-dot-size, 6px);
   border-radius: var(--nutui-indicator-border-radius, 2px);
   background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff6666));
-  opacity: 1;
+  border: var(--nutui-indicator-dot-border, 0.33px solid var(--nutui-color-border));
 }
 .nut-indicator-fixed-width .nut-indicator-dot {
-  width: scale-px(12px);
+  width: var(--nutui-indicator-dual-screen-inactive-width, 16px);
+  height: var(--nutui-indicator-dot-size, 6px);
   border-radius: var(--nutui-indicator-border-radius, 2px);
 }
 .nut-indicator-fixed-width .nut-indicator-dot-active {
-  width: scale-px(6px);
+  width: var(--nutui-indicator-dot-active-size, 20px);
+  height: var(--nutui-indicator-dot-size, 6px);
 }
 .nut-indicator-vertical.nut-indicator-fixed-width {
   justify-content: flex-start;
-  height: scale-px(21px);
+  height: var(--nutui-indicator-track-width, 24px);
   width: auto;
 }
 .nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot {
-  width: scale-px(3px);
-  height: scale-px(12px);
+  width: var(--nutui-indicator-dot-size, 6px);
+  height: var(--nutui-indicator-dual-screen-inactive-width, 16px);
   border-radius: var(--nutui-indicator-border-radius, 2px);
 }
 .nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot-active {
-  height: scale-px(6px);
-}
-.nut-indicator-vertical.nut-indicator-fixed-width.nut-indicator-fixed-width.nut-indicator-white .nut-indicator-dot-active {
-  height: scale-px(6px);
+  width: var(--nutui-indicator-dot-size, 6px);
+  height: var(--nutui-indicator-dot-active-size, 20px);
 }
 .nut-indicator-line {
-  width: var(--nutui-indicator-dot-active-size, 20px);
+  width: var(--nutui-indicator-slider-width, 8px);
   margin: 0;
   border-radius: var(--nutui-indicator-border-radius, 2px);
   background-color: transparent;
+  border: none;
 }
 .nut-indicator-line-active {
+  position: relative;
+  z-index: 1;
   transition: transform 0.3s ease-in-out;
   background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff6666));
+  border: var(--nutui-indicator-dot-border, 0.33px solid var(--nutui-color-border));
+  transform: translateX(calc(var(--nutui-indicator-current, 0) / (var(--nutui-indicator-total, 2) - 1) * (var(--nutui-indicator-track-width, 24px) - var(--nutui-indicator-slider-width, 8px))));
+}
+.nut-indicator-outside {
+  margin-top: var(--nutui-indicator-placement-gap, 8px);
+  margin-bottom: var(--nutui-indicator-placement-safe-gap, 12px);
+  justify-content: center;
+}
+.nut-indicator-inside-top-right {
+  position: absolute;
+  top: var(--nutui-indicator-placement-gap, 8px);
+  right: var(--nutui-indicator-placement-gap, 8px);
+}
+.nut-indicator-inside-bottom-center {
+  position: absolute;
+  bottom: var(--nutui-indicator-placement-gap, 8px);
+  left: 50%;
+  transform: translateX(-50%);
+}
+.nut-indicator-inside-bottom-left {
+  position: absolute;
+  bottom: var(--nutui-indicator-placement-gap, 8px);
+  left: var(--nutui-indicator-placement-gap, 8px);
 }
 
 .nut-indicator-track {
@@ -76,32 +104,30 @@
   height: 100%;
   box-sizing: border-box;
   border-radius: var(--nutui-indicator-border-radius, 2px);
-  background-color: var(--nutui-color-border-disabled, #c2c4cc);
-  opacity: 0.4;
+  background-color: var(--nutui-indicator-dot-inactive-color, #f0f2f7);
+  border: var(--nutui-indicator-dot-border, 0.33px solid var(--nutui-color-border));
 }
 
 .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
   position: relative;
-  /* #ifndef dynamic*/
-  box-sizing: content-box;
-  /* #endif */
-  background: rgba(255, 255, 255, 0.4);
-  opacity: 1;
+  background: var(--nutui-color-text-dark);
+  opacity: 0.4;
 }
 .nut-indicator-white .nut-indicator-line {
   opacity: 0;
 }
 .nut-indicator-white .nut-indicator-line-active {
   opacity: 1;
-  background: rgb(255, 255, 255);
+  background: var(--nutui-color-text-dark);
 }
 .nut-indicator-white .nut-indicator-dot-active {
-  background: rgb(255, 255, 255);
+  background: var(--nutui-color-text-dark);
+  opacity: 1;
 }
 
 .nut-indicator-track.nut-indicator-white:after {
-  border: scale-px(1px) solid rgba(0, 0, 0, 0.06);
-  background: rgba(255, 255, 255, 0.4);
+  background: var(--nutui-color-text-dark);
+  opacity: 0.4;
 }
 
 .nut-indicator-vertical {
@@ -123,11 +149,24 @@
 }
 .nut-indicator-vertical.nut-indicator-track .nut-indicator-line {
   width: var(--nutui-indicator-dot-size, 6px);
-  height: var(--nutui-indicator-dot-active-size, 20px);
+  height: var(--nutui-indicator-slider-width, 8px);
+}
+.nut-indicator-vertical.nut-indicator-track .nut-indicator-line-active {
+  transform: translateY(calc(var(--nutui-indicator-current, 0) / (var(--nutui-indicator-total, 2) - 1) * (var(--nutui-indicator-track-width, 24px) - var(--nutui-indicator-slider-width, 8px))));
 }
 
 [dir=rtl] .nut-indicator-dot-0,
 .nut-rtl .nut-indicator-dot-0 {
   margin-right: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xs));
   margin-left: 0;
+}
+[dir=rtl] .nut-indicator-inside-top-right,
+.nut-rtl .nut-indicator-inside-top-right {
+  right: auto;
+  left: var(--nutui-indicator-placement-gap, 8px);
+}
+[dir=rtl] .nut-indicator-inside-bottom-left,
+.nut-rtl .nut-indicator-inside-bottom-left {
+  left: auto;
+  right: var(--nutui-indicator-placement-gap, 8px);
 }

package/dist/cjs/packages/infiniteloading/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-infiniteloading {
   display: block;
   width: 100%;

package/dist/cjs/packages/input/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-input {
   position: relative;
   display: flex;
@@ -27,7 +23,7 @@ page {
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1)))));
 }
 .nut-input .nut-icon {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   width: calc(14px * var(--nut-scale-f, 1));
   height: calc(14px * var(--nut-scale-f, 1));
   font-size: var(--nutui-font-size-base, calc(14px * var(--nut-scale-font, var(--nut-scale-f, 1))));
@@ -56,12 +52,12 @@ page {
 }
 
 .nut-input-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc) !important;
+  color: var(--nutui-color-text-disabled, #b4b8bf) !important;
 }
 .nut-input-disabled input:disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   cursor: not-allowed;
   background: none;
   opacity: 1;
-  -webkit-text-fill-color: var(--nutui-color-text-disabled, #c2c4cc);
+  -webkit-text-fill-color: var(--nutui-color-text-disabled, #b4b8bf);
 }

package/dist/cjs/packages/inputnumber/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-inputnumber {
   /* #ifdef dynamic*/
   display: flex;
@@ -43,7 +39,7 @@ page {
   cursor: pointer;
 }
 .nut-inputnumber-icon-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
   cursor: not-allowed;
 }
 .nut-inputnumber-divider {
@@ -67,13 +63,13 @@ page {
   padding: 0;
 }
 .nut-inputnumber-input-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-inputnumber-input::-webkit-outer-spin-button, .nut-inputnumber-input::-webkit-inner-spin-button {
   appearance: none;
 }
 .nut-inputnumber-input-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-inputnumber-icon-minus {
   width: calc(16px * var(--nut-scale-f, 1));

package/dist/cjs/packages/layout/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/loading/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-loading {
   /* #ifdef dynamic*/
   display: flex;

package/dist/cjs/packages/lottie/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/menu/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-menu {
   position: relative;
 }
@@ -61,7 +57,7 @@ page {
   color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-title.disabled {
-  color: var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-menu-title.active .nut-menu-title-icon {
   transform: rotate(180deg);

package/dist/cjs/packages/menuitem/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-menu-container-content {
   padding: var(--nutui-menu-content-padding, calc(12px * var(--nut-scale-f, 1)) calc(24px * var(--nut-scale-f, 1)));
   max-height: var(--nutui-menu-content-max-height, calc(214px * var(--nut-scale-f, 1)));

package/dist/cjs/packages/navbar/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-navbar {
   width: var(--nutui-navbar-width, 100%);
   position: relative;

package/dist/cjs/packages/noticebar/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-noticebar {
   width: 100%;
 }

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

@@ -9,10 +9,6 @@ page {
   --nut-icon-line-height: calc(16px * var(--nut-scale-icon, var(--nut-scale-f, 1))) !important;
 }
 
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
 /*入场动画开始*/
 .fade-enter {
   opacity: 0;

package/dist/cjs/packages/numberkeyboard/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-numberkeyboard {
   width: 100%;
   padding: var(--nutui-numberkeyboard-padding, 0 0 calc(22px * var(--nut-scale-f, 1)) 0);

package/dist/cjs/packages/overlay/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-overlay {
   position: fixed;
   top: 0;

package/dist/cjs/packages/pagination/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-pagination {
   display: flex;
   flex-direction: row;
@@ -61,7 +57,7 @@ page {
 .nut-pagination-item-disabled,
 .nut-pagination-next-disabled,
 .nut-pagination-prev-disabled {
-  color: var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
   background-color: var(--nutui-pagination-disable-background-color, #f7f8fa);
   cursor: not-allowed;
 }
@@ -85,7 +81,7 @@ page {
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: #ffffff;
+  color: var(--nutui-color-primary-text, #ffffff);
   background-color: var(--nutui-pagination-lite-background-color, rgba(0, 0, 0, 0.45));
   border-radius: var(--nutui-pagination-lite-radius, var(--nutui-radius-xs, calc(4px * var(--nut-scale-f, 1))));
 }

package/dist/cjs/packages/picker/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-picker {
   width: 100%;
 }

package/dist/cjs/packages/pickerview/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-pickerview {
   position: relative;
   display: flex;

package/dist/cjs/packages/popover/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-popover {
   position: absolute;
   display: inline-block;
@@ -124,7 +120,7 @@ page {
   margin-left: var(--nutui-spacing-base, calc(8px * var(--nut-scale-f, 1)));
 }
 .nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
-  color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
   cursor: not-allowed;
 }
 .nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem {

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

@@ -9,10 +9,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-popup {
   position: fixed;
   min-height: 26%;

package/dist/cjs/packages/price/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-price {
   direction: ltr;
   font-size: var(--nutui-font-size-l, calc(15px * var(--nut-scale-font, var(--nut-scale-f, 1))));

package/dist/cjs/packages/progress/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-progress {
   display: flex;
   align-items: center;

package/dist/cjs/packages/pulltorefresh/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-pulltorefresh-head {
   overflow: hidden;
   position: relative;

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

@@ -9,10 +9,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-quickenter {
   width: 100%;
   /* 限制弹层最大高度，包含安全区 */

package/dist/cjs/packages/radio/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-radio {
   display: flex;
   align-items: center;
@@ -35,10 +31,10 @@ page {
   color: var(--nutui-radio-label-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-radio-label-disabled {
-  color: var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
+  color: var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #b4b8bf));
 }
 .nut-radio-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;
@@ -58,7 +54,7 @@ page {
   border-radius: 50%;
 }
 .nut-radio-icon-disabled {
-  color: var(--nutui-color-text-disabled, #c2c4cc);
+  color: var(--nutui-color-text-disabled, #b4b8bf);
 }
 .nut-radio-button {
   /* #ifdef dynamic*/
@@ -83,13 +79,13 @@ page {
   border: var(--nutui-radio-button-active-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23));
 }
 .nut-radio-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-radio-button-background, rgba(250, 44, 25, 0.05));
 }
 .nut-radio .nut-radio-button-active.nut-radio-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);
 }
 
 [dir=rtl] .nut-radio:last-child,

package/dist/cjs/packages/radiogroup/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-radiogroup .nut-radio {
   margin: 0 var(--nutui-radiogroup-radio-margin, calc(20px * var(--nut-scale-f, 1))) var(--nutui-radiogroup-radio-margin-bottom, calc(5px * var(--nut-scale-f, 1))) 0;
 }
@@ -49,9 +45,9 @@ page {
   margin: 0 var(--nutui-radiogroup-radio-margin, calc(20px * var(--nut-scale-f, 1))) var(--nutui-radiogroup-radio-margin-bottom, calc(5px * var(--nut-scale-f, 1))) 0;
 }
 .nut-radiogroup .nut-radio-button-active.nut-radio-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);
 }
 
 [dir=rtl] .nut-radiogroup .nut-radio,

package/dist/cjs/packages/range/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-range-container {
   display: flex;
   flex-direction: row;
@@ -64,7 +60,7 @@ page {
   display: flex;
   width: var(--nutui-range-button-width, calc(24px * var(--nut-scale-f, 1)));
   height: var(--nutui-range-button-height, calc(24px * var(--nut-scale-f, 1)));
-  background: var(--nutui-range-button-background, #ffffff);
+  background: var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));
   border-radius: 50%;
   box-shadow: 0 calc(1px * var(--nut-scale-f, 1)) calc(2px * var(--nut-scale-f, 1)) 0 rgba(0, 0, 0, 0.15);
   border: var(--nutui-range-button-border, calc(1px * var(--nut-scale-f, 1)) solid var(--nutui-color-primary, #ff0f23));

package/dist/cjs/packages/rate/index.d.ts

@@ -1,3 +1,3 @@
 import { Rate } from './rate';
-export type { RateSize, WebRateProps as RateProps } from "../../types";
+export type { RateSize, RateDirection, WebRateProps as RateProps, } from "../../types";
 export default Rate;