@nutui/nutui 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/styles/themes/jdt.scss

@@ -1,105 +1,103 @@
 @import '../variables-jdt.scss';
- @import '../theme-jdt.scss'; 
+@import '../../packages/cellgroup/index.scss';
 @import '../../packages/cell/index.scss';
-@import '../../packages/icon/index.scss';
-@import '../../packages/button/index.scss';
-@import '../../packages/overlay/index.scss';
-@import '../../packages/configprovider/index.scss';
 @import '../../packages/popup/index.scss';
+@import '../../packages/configprovider/index.scss';
 @import '../../packages/layout/index.scss';
-@import '../../packages/row/index.scss';
+@import '../../packages/image/index.scss';
+@import '../../packages/button/index.scss';
+@import '../../packages/col/index.scss';
+@import '../../packages/overlay/index.scss';
 @import '../../packages/sticky/index.scss';
+@import '../../packages/row/index.scss';
 @import '../../packages/divider/index.scss';
-@import '../../packages/col/index.scss';
-@import '../../packages/cellgroup/index.scss';
 @import '../../packages/grid/index.scss';
-@import '../../packages/image/index.scss';
-@import '../../packages/griditem/index.scss';
 @import '../../packages/fixednav/index.scss';
+@import '../../packages/menuitem/index.scss';
+@import '../../packages/griditem/index.scss';
+@import '../../packages/tabbaritem/index.scss';
 @import '../../packages/navbar/index.scss';
-@import '../../packages/tabbar/index.scss';
 @import '../../packages/pagination/index.scss';
 @import '../../packages/elevator/index.scss';
-@import '../../packages/tabbaritem/index.scss';
 @import '../../packages/tabs/index.scss';
+@import '../../packages/menu/index.scss';
+@import '../../packages/sidenavbaritem/index.scss';
 @import '../../packages/tabpane/index.scss';
+@import '../../packages/subsidenavbar/index.scss';
+@import '../../packages/range/index.scss';
 @import '../../packages/sidenavbar/index.scss';
-@import '../../packages/indicator/index.scss';
+@import '../../packages/cascader/index.scss';
 @import '../../packages/searchbar/index.scss';
-@import '../../packages/range/index.scss';
 @import '../../packages/calendar/index.scss';
-@import '../../packages/cascader/index.scss';
-@import '../../packages/checkboxgroup/index.scss';
-@import '../../packages/subsidenavbar/index.scss';
 @import '../../packages/checkbox/index.scss';
+@import '../../packages/tabbar/index.scss';
+@import '../../packages/radio/index.scss';
 @import '../../packages/inputnumber/index.scss';
-@import '../../packages/menuitem/index.scss';
-@import '../../packages/menu/index.scss';
-@import '../../packages/sidenavbaritem/index.scss';
-@import '../../packages/calendaritem/index.scss';
-@import '../../packages/radiogroup/index.scss';
+@import '../../packages/checkboxgroup/index.scss';
 @import '../../packages/rate/index.scss';
-@import '../../packages/shortpassword/index.scss';
+@import '../../packages/radiogroup/index.scss';
 @import '../../packages/datepicker/index.scss';
+@import '../../packages/indicator/index.scss';
 @import '../../packages/textarea/index.scss';
-@import '../../packages/radio/index.scss';
+@import '../../packages/input/index.scss';
 @import '../../packages/uploader/index.scss';
-@import '../../packages/numberkeyboard/index.scss';
-@import '../../packages/form/index.scss';
+@import '../../packages/shortpassword/index.scss';
 @import '../../packages/formitem/index.scss';
-@import '../../packages/swipe/index.scss';
 @import '../../packages/picker/index.scss';
+@import '../../packages/calendaritem/index.scss';
+@import '../../packages/form/index.scss';
 @import '../../packages/actionsheet/index.scss';
+@import '../../packages/backtop/index.scss';
+@import '../../packages/numberkeyboard/index.scss';
 @import '../../packages/infiniteloading/index.scss';
-@import '../../packages/dialog/index.scss';
+@import '../../packages/switch/index.scss';
 @import '../../packages/pullrefresh/index.scss';
-@import '../../packages/backtop/index.scss';
 @import '../../packages/drag/index.scss';
-@import '../../packages/notify/index.scss';
-@import '../../packages/switch/index.scss';
+@import '../../packages/toast/index.scss';
+@import '../../packages/dialog/index.scss';
 @import '../../packages/audiooperate/index.scss';
+@import '../../packages/notify/index.scss';
 @import '../../packages/avatar/index.scss';
-@import '../../packages/toast/index.scss';
+@import '../../packages/avatargroup/index.scss';
 @import '../../packages/list/index.scss';
+@import '../../packages/audio/index.scss';
 @import '../../packages/progress/index.scss';
-@import '../../packages/circleprogress/index.scss';
-@import '../../packages/noticebar/index.scss';
 @import '../../packages/empty/index.scss';
-@import '../../packages/video/index.scss';
 @import '../../packages/steps/index.scss';
 @import '../../packages/swiper/index.scss';
-@import '../../packages/swiperitem/index.scss';
-@import '../../packages/countup/index.scss';
+@import '../../packages/step/index.scss';
 @import '../../packages/price/index.scss';
+@import '../../packages/swiperitem/index.scss';
+@import '../../packages/circleprogress/index.scss';
 @import '../../packages/imagepreview/index.scss';
+@import '../../packages/video/index.scss';
 @import '../../packages/countdown/index.scss';
-@import '../../packages/input/index.scss';
-@import '../../packages/popover/index.scss';
+@import '../../packages/badge/index.scss';
 @import '../../packages/tag/index.scss';
-@import '../../packages/avatargroup/index.scss';
 @import '../../packages/skeleton/index.scss';
-@import '../../packages/step/index.scss';
-@import '../../packages/table/index.scss';
-@import '../../packages/collapseitem/index.scss';
 @import '../../packages/collapse/index.scss';
-@import '../../packages/badge/index.scss';
-@import '../../packages/audio/index.scss';
+@import '../../packages/popover/index.scss';
+@import '../../packages/collapseitem/index.scss';
+@import '../../packages/table/index.scss';
+@import '../../packages/animate/index.scss';
 @import '../../packages/ellipsis/index.scss';
-@import '../../packages/trendarrow/index.scss';
-@import '../../packages/watermark/index.scss';
 @import '../../packages/tour/index.scss';
-@import '../../packages/signature/index.scss';
+@import '../../packages/countup/index.scss';
+@import '../../packages/watermark/index.scss';
 @import '../../packages/address/index.scss';
+@import '../../packages/barrage/index.scss';
+@import '../../packages/trendarrow/index.scss';
+@import '../../packages/swipe/index.scss';
+@import '../../packages/noticebar/index.scss';
 @import '../../packages/timeselect/index.scss';
+@import '../../packages/card/index.scss';
 @import '../../packages/timepannel/index.scss';
-@import '../../packages/barrage/index.scss';
-@import '../../packages/sku/index.scss';
-@import '../../packages/animate/index.scss';
+@import '../../packages/addresslist/index.scss';
+@import '../../packages/signature/index.scss';
 @import '../../packages/category/index.scss';
-@import '../../packages/categorypane/index.scss';
 @import '../../packages/timedetail/index.scss';
-@import '../../packages/addresslist/index.scss';
-@import '../../packages/comment/index.scss';
+@import '../../packages/sku/index.scss';
+@import '../../packages/categorypane/index.scss';
 @import '../../packages/invoice/index.scss';
 @import '../../packages/ecard/index.scss';
-@import '../../packages/card/index.scss';
+@import '../../packages/comment/index.scss';

package/dist/styles/variables-jdb.scss

@@ -240,11 +240,8 @@ $picker-bar-title-color: $title-color !default;
 $picker-bar-title-font-weight: normal !default;
 $picker-item-height: 36px !default;
 $picker-item-text-color: $title-color !default;
-$picker-item-active-text-color: inherit !default;
 $picker-item-text-font-size: 14px !default;
 $picker-item-active-line-border: 1px solid #d8d8d8 !default;
-$picker-columns-item-color: $title-color !default;
-
 //input
 $input-border-bottom: #eaf0fb !default;
 $input-disabled-color: #c8c9cc !default;
@@ -383,8 +380,6 @@ $calendar-sub-title-font: $font-size-2 !default;
 $calendar-text-font: $font-size-1 !default;
 $calendar-day-font: 16px !default;
 $calendar-day-active-border-radius: 0px !default;
-$calendar-day-width: 14.28% !default;
-$calendar-day-height: 64px !default;
 $calendar-day-font-weight: 500 !default;
 $calendar-day67-font-color: $primary-color !default;
 $calendar-month-title-font-size: inherit !default;
@@ -483,6 +478,7 @@ $steps-wait-icon-color: $white !default;
 $steps-wait-head-color: #909ca4 !default;
 $steps-wait-head-border-color: #909ca4 !default;
 $steps-wait-content-color: #909ca4 !default;
+$steps-wait-icon-text-color: #ffffff !default;
 
 $steps-finish-head-color: $primary-color !default;
 $steps-finish-head-border-color: $primary-color !default;
@@ -536,10 +532,8 @@ $fixednav-item-active-color: $primary-color !default;
 $noticebar-background: rgba(251, 248, 220, 1) !default;
 $noticebar-color: #d9500b !default;
 $noticebar-font-size: 14px !default;
-$noticebar-height: 40px !default;
-$noticebar-line-height: 24px !default;
-$noticebar-left-icon-width: 16px !default;
-$noticebar-right-icon-width: 16px !default;
+$noticebar-across-height: 40px !default;
+$noticebar-across-line-height: 24px !default;
 $noticebar-box-padding: 0 16px !default;
 $noticebar-wrapable-padding: 16px !default;
 $noticebar-lefticon-margin: 0px 10px !default;
@@ -574,8 +568,6 @@ $timeselect-timedetail-item-text-font-size: $font-size-2 !default;
 $timeselect-timedetail-item-cur-bg-color: rgba($primary-color, 0.15) !default;
 $timeselect-timedetail-item-cur-border: $primary-color !default;
 $timeselect-timedetail-item-cur-text-color: $primary-color !default;
-$timeselect-timedetail-time-text-color: #999 !default;
-$timeselect-timedetail-time-font-size: $font-size-1 !default;
 
 //tag
 $tag-font-size: 12px !default;
@@ -602,8 +594,9 @@ $badge-background-color: linear-gradient(135deg, $primary-color-start 0%, $prima
 $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 14px !default;
+$badge-icon-padding: 4px !default;
 $badge-padding: 0 5px !default;
-$badge-content-transform: translateY(-50%) translateX(100%) !default;
+$badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;
 $badge-dot-width: 7px !default;
 $badge-dot-height: 7px !default;
@@ -676,9 +669,9 @@ $tabs-titles-item-line-border-radius: 0 !default;
 $tabs-titles-item-line-opacity: 1 !default;
 
 // indicator
-$indicator-color: $primary-color !default;
+$indicator-bg-color: $primary-color !default;
 $indicator-dot-color: $disable-color !default;
-$indicator-white: $white !default;
+$indicator-color: $white !default;
 $indicator-size: 18px !default;
 $indicator-dot-size: calc($indicator-size / 3) !default;
 $indicator-border-size: $indicator-size + 2 !default;

package/dist/styles/variables-jddkh.scss

@@ -171,10 +171,8 @@ $picker-bar-title-color: $title-color !default;
 $picker-bar-title-font-weight: normal !default;
 $picker-item-height: 36px !default;
 $picker-item-text-color: $title-color !default;
-$picker-item-active-text-color: inherit !default;
 $picker-item-text-font-size: 14px !default;
 $picker-item-active-line-border: 1px solid #d8d8d8 !default;
-$picker-columns-item-color: $title-color !default;
 
 //input
 $input-border-bottom: #eaf0fb !default;
@@ -314,8 +312,6 @@ $calendar-sub-title-font: $font-size-2 !default;
 $calendar-text-font: $font-size-1 !default;
 $calendar-day-font: 16px !default;
 $calendar-day-active-border-radius: 0px !default;
-$calendar-day-width: 14.28% !default;
-$calendar-day-height: 54px !default;
 $calendar-day-font-weight: 500 !default;
 $calendar-day67-font-color: $primary-color !default;
 $calendar-month-title-font-size: $font-size-2 !default;
@@ -414,6 +410,7 @@ $steps-wait-icon-color: $white !default;
 $steps-wait-head-color: #909ca4 !default;
 $steps-wait-head-border-color: #909ca4 !default;
 $steps-wait-content-color: #909ca4 !default;
+$steps-wait-icon-text-color: #ffffff !default;
 
 $steps-finish-head-color: $primary-color !default;
 $steps-finish-head-border-color: $primary-color !default;
@@ -467,10 +464,8 @@ $fixednav-item-active-color: $primary-color !default;
 $noticebar-background: rgba(255, 252, 217, 1) !default;
 $noticebar-color: #d9500b !default;
 $noticebar-font-size: $font-size-1 !default;
-$noticebar-height: 40px !default;
-$noticebar-line-height: 24px !default;
-$noticebar-left-icon-width: 12px !default;
-$noticebar-right-icon-width: 10px !default;
+$noticebar-across-height: 40px !default;
+$noticebar-across-line-height: 24px !default;
 $noticebar-box-padding: 0 12px !default;
 $noticebar-wrapable-padding: 16px !default;
 $noticebar-lefticon-margin: 0 6px 0 0 !default;
@@ -505,8 +500,6 @@ $timeselect-timedetail-item-text-font-size: $font-size-2 !default;
 $timeselect-timedetail-item-cur-bg-color: rgba($primary-color, 0.15) !default;
 $timeselect-timedetail-item-cur-border: $primary-color !default;
 $timeselect-timedetail-item-cur-text-color: $primary-color !default;
-$timeselect-timedetail-time-text-color: #999 !default;
-$timeselect-timedetail-time-font-size: $font-size-1 !default;
 
 //tag
 $tag-font-size: $font-size-0 !default;
@@ -533,8 +526,9 @@ $badge-background-color: linear-gradient(135deg, $primary-color 0%, $primary-col
 $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
 $badge-border-radius: 8px !default;
+$badge-icon-padding: 4px !default;
 $badge-padding: 0 5px !default;
-$badge-content-transform: translateY(-50%) translateX(100%) !default;
+$badge-content-transform: translate(50%, -50%) !default;
 $badge-z-index: 1 !default;
 $badge-dot-width: 7px !default;
 $badge-dot-height: 7px !default;
@@ -607,9 +601,9 @@ $tabs-titles-item-line-border-radius: 2px !default;
 $tabs-titles-item-line-opacity: 0.8 !default;
 
 // indicator
-$indicator-color: $primary-color !default;
+$indicator-bg-color: $primary-color !default;
 $indicator-dot-color: $disable-color !default;
-$indicator-white: $white !default;
+$indicator-color: $white !default;
 $indicator-size: 18px !default;
 $indicator-dot-size: calc($indicator-size / 3) !default;
 $indicator-border-size: $indicator-size + 2 !default;

package/dist/styles/variables-jdt.scss

@@ -172,10 +172,8 @@ $picker-bar-title-color: var(--nut-picker-bar-title-color, #323233) !default;
 $picker-bar-title-font-weight: var(--nut-picker-bar-title-font-weight, 600) !default;
 $picker-item-height: var(--nut-picker-item-height, 36px) !default;
 $picker-item-text-color: var(--nut-picker-item-text-color, $title-color) !default;
-$picker-item-active-text-color: var(--nut-picker-item-active-text-color, $primary-color) !default;
 $picker-item-text-font-size: var(--nut-picker-item-text-font-size, 14px) !default;
 $picker-item-active-line-border: var(--nut-picker-item-active-line-border, 1px solid rgba(0, 0, 0, 0.06)) !default;
-$picker-columns-item-color: var(--nut-picker-columns-item-color, $title-color) !default;
 
 //input
 $input-border-bottom: var(--nut-input-border-bottom, #eaf0fb) !default;
@@ -186,7 +184,7 @@ $input-font-size: var(--nut-input-font-size, $font-size-2) !default;
 // textarea
 
 $textarea-font: var(--nut-textarea-font, $font-size-2) !default;
-$textarea-height: var(--nut-textarea-height, 100px) !default;
+// $textarea-height: var(--nut-textarea-height, 100px) !default;
 $textarea-limit-color: var(--nut-textarea-limit-color, $text-color) !default;
 $textarea-text-color: var(--nut-textarea-text-color, $title-color) !default;
 $textarea-disabled-color: var(--nut-textarea-disabled-color, $disable-color) !default;
@@ -320,8 +318,6 @@ $calendar-sub-title-font: var(--nut-calendar-sub-title-font, $font-size-2) !defa
 $calendar-text-font: var(--nut-calendar-text-font, $font-size-1) !default;
 $calendar-day-font: var(--nut-calendar-day-font, 16px) !default;
 $calendar-day-active-border-radius: var(--nut-calendar-day-active-border-radius, 4px) !default;
-$calendar-day-width: var(--nut-calendar-day-width, 14.28%) !default;
-$calendar-day-height: var(--nut-calendar-day-height, 64px) !default;
 $calendar-day-font-weight: var(--nut-calendar-day-font-weight, normal) !default;
 $calendar-day67-font-color: var(--nut-calendar-day67-font-color, $primary-color) !default;
 $calendar-month-title-font-size: var(--nut-calendar-month-title-font-size, inherit) !default;
@@ -419,6 +415,7 @@ $steps-wait-icon-color: var(--nut-steps-wait-icon-color, $white) !default;
 $steps-wait-head-color: var(--nut-steps-wait-head-color, #909ca4) !default;
 $steps-wait-head-border-color: var(--nut-steps-wait-head-border-color, #909ca4) !default;
 $steps-wait-content-color: var(--nut-steps-wait-content-color, #909ca4) !default;
+$steps-wait-icon-text-color: var(--nut-steps-wait-icon-text-color, #ffffff) !default;
 
 $steps-finish-head-color: var(--nut-steps-finish-head-color, $primary-color) !default;
 $steps-finish-head-border-color: var(--nut-steps-finish-head-border-color, $primary-color) !default;
@@ -475,10 +472,8 @@ $fixednav-item-active-color: var(--nut-fixednav-item-active-color, $primary-colo
 $noticebar-background: var(--nut-noticebar-background, #f2f8ff) !default;
 $noticebar-color: var(--nut-noticebar-color, #2c68ff) !default;
 $noticebar-font-size: var(--nut-noticebar-font-size, 14px) !default;
-$noticebar-height: var(--nut-noticebar-height, 40px) !default;
-$noticebar-line-height: var(--nut-noticebar-line-height, 24px) !default;
-$noticebar-left-icon-width: var(--nut-noticebar-left-icon-width, 16px) !default;
-$noticebar-right-icon-width: var(--nut-noticebar-right-icon-width, 16px) !default;
+$noticebar-across-height: var(--nut-noticebar-across-height, 40px) !default;
+$noticebar-across-line-height: var(--nut-noticebar-across-line-height, 24px) !default;
 $noticebar-box-padding: var(--nut-noticebar-box-padding, 0 16px) !default;
 $noticebar-wrapable-padding: var(--nut-noticebar-wrapable-padding, 16px) !default;
 $noticebar-lefticon-margin: var(--nut-noticebar-lefticon-margin, 0px 10px) !default;
@@ -519,8 +514,6 @@ $timeselect-timedetail-item-cur-text-color: var(
   --nut-timeselect-timedetail-item-cur-text-color,
   $primary-color
 ) !default;
-$timeselect-timedetail-time-text-color: var(--nut-timeselect-timedetail-time-text-color, #999) !default;
-$timeselect-timedetail-time-font-size: var(--nut-timeselect-timedetail-time-font-size, $font-size-1) !default;
 
 //tag
 $tag-font-size: var(--nut-tag-font-size, 12px) !default;
@@ -548,8 +541,9 @@ $badge-background-color: var(
 $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
+$badge-icon-padding: var(--nut-badge-icon-padding, 4px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
-$badge-content-transform: var(--nut-badge-content-transform, translateY(-50%) translateX(100%)) !default;
+$badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;
@@ -631,9 +625,9 @@ $tabs-titles-item-line-border-radius: var(--nut-tabs-titles-item-line-border-rad
 $tabs-titles-item-line-opacity: var(--nut-tabs-titles-item-line-opacity, 1) !default;
 
 // indicator
-$indicator-color: var(--nut-indicator-color, $primary-color) !default;
+$indicator-bg-color: var(--nut-indicator-bg-color, $primary-color) !default;
 $indicator-dot-color: var(--nut-indicator-dot-color, $disable-color) !default;
-$indicator-white: var(--nut-indicator-white, $white) !default;
+$indicator-color: var(--nut-indicator-color, $white) !default;
 $indicator-size: var(--nut-indicator-size, 18px) !default;
 $indicator-dot-size: var(--nut-indicator-dot-size, calc($indicator-size / 3)) !default;
 $indicator-border-size: var(--nut-indicator-border-size, $indicator-size + 2) !default;

package/dist/styles/variables.scss

@@ -191,10 +191,8 @@ $picker-bar-title-color: var(--nut-picker-bar-title-color, $title-color) !defaul
 $picker-bar-title-font-weight: var(--nut-picker-bar-title-font-weight, normal) !default;
 $picker-item-height: var(--nut-picker-item-height, 36px) !default;
 $picker-item-text-color: var(--nut-picker-item-text-color, $title-color) !default;
-$picker-item-active-text-color: var(--nut-picker-item-active-text-color, inherit) !default;
 $picker-item-text-font-size: var(--nut-picker-item-text-font-size, 14px) !default;
 $picker-item-active-line-border: var(--nut-picker-item-active-line-border, 1px solid #eae7e7) !default;
-$picker-columns-item-color: var(--nut-picker-columns-item-color, $title-color) !default;
 
 //input
 $input-border-bottom: var(--nut-input-border-bottom, #eaf0fb) !default;
@@ -205,7 +203,7 @@ $input-font-size: var(--nut-input-font-size, $font-size-2) !default;
 // textarea
 
 $textarea-font: var(--nut-textarea-font, $font-size-2) !default;
-$textarea-height: var(--nut-textarea-height, 100px) !default;
+// $textarea-height: var(--nut-textarea-height, 100px) !default;
 $textarea-limit-color: var(--nut-textarea-limit-color, $text-color) !default;
 $textarea-text-color: var(--nut-textarea-text-color, $title-color) !default;
 $textarea-disabled-color: var(--nut-textarea-disabled-color, $disable-color) !default;
@@ -332,7 +330,7 @@ $backtop-border-color: var(--nut-backtop-border-color, #e0e0e0) !default;
 
 // calendar
 $calendar-primary-color: var(--nut-calendar-primary-color, $primary-color) !default;
-$calendar-choose-color: var(--nut-calendar-choose-color, rgba($primary-color, 0.15)) !default;
+$calendar-choose-color: var(--nut-calendar-choose-color, $primary-color) !default;
 $calendar-choose-font-color: var(--nut-calendar-choose-font-color, $primary-color) !default;
 $calendar-base-color: var(--nut-calendar-base-color, #333333) !default;
 $calendar-disable-color: var(--nut-calendar-disable-color, #d1d0d0) !default;
@@ -343,8 +341,6 @@ $calendar-sub-title-font: var(--nut-calendar-sub-title-font, $font-size-2) !defa
 $calendar-text-font: var(--nut-calendar-text-font, $font-size-1) !default;
 $calendar-day-font: var(--nut-calendar-day-font, 16px) !default;
 $calendar-day-active-border-radius: var(--nut-calendar-day-active-border-radius, 0px) !default;
-$calendar-day-width: var(--nut-calendar-day-width, 14.28%) !default;
-$calendar-day-height: var(--nut-calendar-day-height, 64px) !default;
 $calendar-day-font-weight: var(--nut-calendar-day-font-weight, 500) !default;
 $calendar-day67-font-color: var(--nut-calendar-day67-font-color, $primary-color) !default;
 $calendar-month-title-font-size: var(--nut-calendar-month-title-font-size, inherit) !default;
@@ -406,7 +402,7 @@ $infiniteloading-bottom-color: var(--nut-infiniteloading-bottom-color, #c8c8c8)
 
 //range
 $range-tip-font-color: var(--nut-range-tip-font-color, #333333) !default;
-$range-bg-color: var(--nut-range-bg-color, rgba($primary-color, 0.15)) !default;
+$range-bg-color: var(--nut-range-bg-color, $primary-color) !default;
 $range-bg-color-tick: var(--nut-range-bg-color-tick, #fa958c) !default;
 $range-bar-bg-color: var(
   --nut-range-bar-bg-color,
@@ -426,7 +422,7 @@ $swiper-pagination-item-border-radius: var(--nut-swiper-pagination-item-border-r
 //address
 $address-region-tab-line: var(
   --nut-address-region-tab-line,
-  linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(90deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $address-icon-color: var(--nut-address-icon-color, $primary-color) !default;
 $address-header-title-font-size: var(--nut-address-header-title-font-size, 18px) !default;
@@ -457,6 +453,7 @@ $steps-wait-icon-color: var(--nut-steps-wait-icon-color, $white) !default;
 $steps-wait-head-color: var(--nut-steps-wait-head-color, #909ca4) !default;
 $steps-wait-head-border-color: var(--nut-steps-wait-head-border-color, #909ca4) !default;
 $steps-wait-content-color: var(--nut-steps-wait-content-color, #909ca4) !default;
+$steps-wait-icon-text-color: var(--nut-steps-wait-icon-text-color, #ffffff) !default;
 
 $steps-finish-head-color: var(--nut-steps-finish-head-color, $primary-color) !default;
 $steps-finish-head-border-color: var(--nut-steps-finish-head-border-color, $primary-color) !default;
@@ -490,7 +487,7 @@ $radio-label-font-active-color: var(--nut-radio-label-font-active-color, $primar
 $radio-label-disable-color: var(--nut-radio-label-disable-color, #999) !default;
 $radio-icon-disable-color: var(--nut-radio-icon-disable-color, #d6d6d6) !default;
 $radio-label-button-border-color: var(--nut-radio-label-button-border-color, $primary-color) !default;
-$radio-label-button-background: var(--nut-radio-label-button-background, rgba($primary-color, 0.15)) !default;
+$radio-label-button-background: var(--nut-radio-label-button-background, $primary-color) !default;
 $radio-label-margin-left: var(--nut-radio-label-margin-left, 15px) !default;
 $radio-button-border-radius: var(--nut-radio-button-border-radius, 15px) !default;
 $radio-label-font-size: var(--nut-radio-label-font-size, 14px) !default;
@@ -513,10 +510,8 @@ $fixednav-item-active-color: var(--nut-fixednav-item-active-color, $primary-colo
 $noticebar-background: var(--nut-noticebar-background, rgba(251, 248, 220, 1)) !default;
 $noticebar-color: var(--nut-noticebar-color, #d9500b) !default;
 $noticebar-font-size: var(--nut-noticebar-font-size, 14px) !default;
-$noticebar-height: var(--nut-noticebar-height, 40px) !default;
-$noticebar-line-height: var(--nut-noticebar-line-height, 24px) !default;
-$noticebar-left-icon-width: var(--nut-noticebar-left-icon-width, 16px) !default;
-$noticebar-right-icon-width: var(--nut-noticebar-right-icon-width, 16px) !default;
+$noticebar-across-height: var(--nut-noticebar-across-height, 40px) !default;
+$noticebar-across-line-height: var(--nut-noticebar-across-line-height, 24px) !default;
 $noticebar-box-padding: var(--nut-noticebar-box-padding, 0 16px) !default;
 $noticebar-wrapable-padding: var(--nut-noticebar-wrapable-padding, 16px) !default;
 $noticebar-lefticon-margin: var(--nut-noticebar-lefticon-margin, 0px 10px) !default;
@@ -548,17 +543,12 @@ $timeselect-timedetail-item-bg-color: var(--nut-timeselect-timedetail-item-bg-co
 $timeselect-timedetail-item-border-radius: var(--nut-timeselect-timedetail-item-border-radius, 5px) !default;
 $timeselect-timedetail-item-text-color: var(--nut-timeselect-timedetail-item-text-color, #333333) !default;
 $timeselect-timedetail-item-text-font-size: var(--nut-timeselect-timedetail-item-text-font-size, $font-size-2) !default;
-$timeselect-timedetail-item-cur-bg-color: var(
-  --nut-timeselect-timedetail-item-cur-bg-color,
-  rgba($primary-color, 0.15)
-) !default;
+$timeselect-timedetail-item-cur-bg-color: var(--nut-timeselect-timedetail-item-cur-bg-color, $primary-color) !default;
 $timeselect-timedetail-item-cur-border: var(--nut-timeselect-timedetail-item-cur-border, $primary-color) !default;
 $timeselect-timedetail-item-cur-text-color: var(
   --nut-timeselect-timedetail-item-cur-text-color,
   $primary-color
 ) !default;
-$timeselect-timedetail-time-text-color: var(--nut-timeselect-timedetail-time-text-color, #999) !default;
-$timeselect-timedetail-time-font-size: var(--nut-timeselect-timedetail-time-font-size, $font-size-1) !default;
 
 //tag
 $tag-font-size: var(--nut-tag-font-size, 12px) !default;
@@ -586,8 +576,9 @@ $badge-background-color: var(
 $badge-color: var(--nut-badge-color, #fff) !default;
 $badge-font-size: var(--nut-badge-font-size, $font-size-1) !default;
 $badge-border-radius: var(--nut-badge-border-radius, 14px) !default;
+$badge-icon-padding: var(--nut-badge-icon-padding, 4px) !default;
 $badge-padding: var(--nut-badge-padding, 0 5px) !default;
-$badge-content-transform: var(--nut-badge-content-transform, translateY(-50%) translateX(100%)) !default;
+$badge-content-transform: var(--nut-badge-content-transform, translate(50%, -50%)) !default;
 $badge-z-index: var(--nut-badge-z-index, 1) !default;
 $badge-dot-width: var(--nut-badge-dot-width, 7px) !default;
 $badge-dot-height: var(--nut-badge-dot-height, 7px) !default;
@@ -665,14 +656,14 @@ $tabs-titles-item-active-color: var(--nut-tabs-titles-item-active-color, $title-
 $tabs-titles-background-color: var(--nut-tabs-titles-background-color, $help-color) !default;
 $tabs-horizontal-tab-line-color: var(
   --nut-tabs-horizontal-tab-line-color,
-  linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(90deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-horizontal-titles-height: var(--nut-tabs-horizontal-titles-height, 46px) !default;
 $tabs-horizontal-titles-item-min-width: var(--nut-tabs-horizontal-titles-item-min-width, 50px) !default;
 $tabs-horizontal-titles-item-active-line-width: var(--nut-tabs-horizontal-titles-item-active-line-width, 40px) !default;
 $tabs-vertical-tab-line-color: var(
   --nut-tabs-vertical-tab-line-color,
-  linear-gradient(180deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(180deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-vertical-titles-item-height: var(--nut-tabs-vertical-titles-item-height, 40px) !default;
 $tabs-vertical-titles-item-active-line-height: var(--nut-tabs-vertical-titles-item-active-line-height, 14px) !default;
@@ -681,9 +672,9 @@ $tabs-titles-item-line-border-radius: var(--nut-tabs-titles-item-line-border-rad
 $tabs-titles-item-line-opacity: var(--nut-tabs-titles-item-line-opacity, 1) !default;
 
 // indicator
-$indicator-color: var(--nut-indicator-color, $primary-color) !default;
+$indicator-bg-color: var(--nut-indicator-bg-color, $primary-color) !default;
 $indicator-dot-color: var(--nut-indicator-dot-color, $disable-color) !default;
-$indicator-white: var(--nut-indicator-white, $white) !default;
+$indicator-color: var(--nut-indicator-color, $white) !default;
 $indicator-size: var(--nut-indicator-size, 18px) !default;
 $indicator-dot-size: var(--nut-indicator-dot-size, calc($indicator-size / 3)) !default;
 $indicator-border-size: var(--nut-indicator-border-size, $indicator-size + 2) !default;
@@ -790,7 +781,7 @@ $sku-opetate-bg-default: var(
   --nut-sku-opetate-bg-default,
   linear-gradient(90deg, $primary-color, $primary-color-end 100%)
 ) !default;
-$sku-item-active-bg: var(--nut-sku-item-active-bg, rgba($primary-color, 0.15)) !default;
+$sku-item-active-bg: var(--nut-sku-item-active-bg, $primary-color) !default;
 $sku-opetate-bg-buy: var(
   --nut-sku-opetate-bg-buy,
   linear-gradient(135deg, rgba(255, 186, 13, 1) 0%, rgba(255, 195, 13, 1) 69%, rgba(255, 207, 13, 1) 100%)

package/dist/types/__VUE/actionsheet/index.vue.d.ts

@@ -44,10 +44,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: PropType<menuItems[]>;
         default: () => never[];
     };
-    isWrapTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     closeAbled: {
         type: BooleanConstructor;
         default: boolean;
@@ -127,6 +123,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     slotDefault: boolean;
     isHighlight: (item: {
@@ -174,10 +178,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: PropType<menuItems[]>;
         default: () => never[];
     };
-    isWrapTeleport: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     closeAbled: {
         type: BooleanConstructor;
         default: boolean;
@@ -257,6 +257,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -271,6 +279,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     color: string;
     position: string;
@@ -289,7 +299,6 @@ declare const _default: Install< import("vue").DefineComponent<{
     chooseTagValue: string;
     description: string;
     menuItems: menuItems[];
-    isWrapTeleport: boolean;
     closeAbled: boolean;
 }>>;
 export default _default;

package/dist/types/__VUE/address/index.vue.d.ts

@@ -132,6 +132,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     translate: (keyPath: string, ...args: unknown[]) => string;
     regionList: import("vue").ComputedRef<any>;
@@ -286,6 +294,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -303,6 +319,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     type: string;
     position: string;