@nutui/nutui 3.3.3 → 3.3.4

package/dist/styles/variables-jdt.scss

@@ -15,7 +15,7 @@ $text-color: #808080 !default;
 $disable-color: #cccccc !default;
 $white: #fff !default;
 $black: #000 !default;
-$required-color: #fa2c19 !default;
+$required-color: #f52f3e !default;
 
 $dark-background: #131313 !default;
 $dark-background2: #1b1b1b !default;
@@ -96,7 +96,9 @@ $button-small-round-border-radius: $button-border-radius !default;
 
 $cell-color: rgba(0, 0, 0, 0.85) !default;
 $cell-title-font: $font-size-2 !default;
+$cell-title-desc-line-height: 18px !default;
 $cell-title-desc-font: $font-size-1 !default;
+$cell-title-desc-color: rgba(0, 0, 0, 0.45) !default;
 $cell-desc-font: $font-size-2 !default;
 $cell-desc-color: rgba(0, 0, 0, 0.25) !default;
 $cell-border-radius: 0px !default;
@@ -105,19 +107,35 @@ $cell-line-height: 22px !default;
 $cell-after-right: 0 !default;
 $cell-after-border-bottom: 1px solid rgba(0, 0, 0, 0.1) !default;
 $cell-default-icon-margin: 0 4px 0 0px !default;
+$cell-default-icon-size: $cell-line-height !default;
+$cell-default-icon-font-size: $cell-line-height !default;
+$cell-icon-link-margin: 0 0 0 4px !default;
+$cell-icon-link-width: initial !default;
+$cell-icon-link-height: $cell-line-height !default;
+$cell-icon-link-color: rgba(0, 0, 0, 0.45) !default;
+$cell-icon-link-font-size: 16px !default;
+$cell-large-line-height: 24px !default;
 $cell-large-title-font: $font-size-large !default;
-$cell-large-title-desc-font: $font-size-base !default;
-$cell-large-padding: 15px 16px !default;
+$cell-large-title-desc-line-height: 18px !default;
+$cell-large-title-desc-font: $font-size-1 !default;
+$cell-large-padding: 16px 16px !default;
+$cell-default-large-icon-margin: 0 8px 0 0px !default;
+$cell-default-large-icon-size: $cell-large-line-height !default;
+$cell-default-large-icon-font-size: $cell-large-line-height !default;
+$cell-large-icon-link-height: $cell-large-line-height !default;
 $cell-background: $white !default;
 
 // cell-group
 
-$cell-group-title-padding: 0 10px !default;
-$cell-group-title-color: rgba(69, 90, 100, 0.6) !default;
-$cell-group-title-font-size: $font-size-2 !default;
-$cell-group-title-line-height: 20px !default;
-$cell-group-desc-padding: 0 10px !default;
-$cell-group-desc-color: #909ca4 !default;
+$cell-group-title-padding: 18px 16px 8px !default;
+$cell-group-title-margin: 0 !default;
+$cell-group-title-color: rgba(0, 0, 0, 0.85) !default;
+$cell-group-title-font-size: 16px !default;
+$cell-group-title-font-weight: 600 !default;
+$cell-group-title-line-height: 24px !default;
+$cell-group-desc-padding: 0 16px !default;
+$cell-group-desc-margin: 2px 0 0 !default;
+$cell-group-desc-color: rgba(0, 0, 0, 0.45) !default;
 $cell-group-desc-font-size: $font-size-1 !default;
 $cell-group-desc-line-height: 16px !default;
 $cell-group-background-color: $white !default;
@@ -126,10 +144,11 @@ $cell-group-background-color: $white !default;
 
 $divider-margin: 16px 0 !default;
 $divider-text-font-size: 16px !default;
-$divider-text-color: rgba(0, 0, 0, 0.3) !default;
-$divider-line-height: 2px !default;
-$divider-before-margin-right: 16px !default;
-$divider-after-margin-left: 16px !default;
+$divider-text-color: rgba(0, 0, 0, 0.85) !default;
+$divider-border-color: rgba(0, 0, 0, 0.1) !default;
+$divider-line-height: 1px !default;
+$divider-before-margin-right: 10px !default;
+$divider-after-margin-left: 10px !default;
 $divider-vertical-height: 12px !default;
 $divider-vertical-top: 2px !default;
 $divider-vertical-border-left: rgba(0, 0, 0, 0.06) !default;
@@ -164,8 +183,13 @@ $picker-item-active-line-border: 1px solid rgba(0, 0, 0, 0.06) !default;
 $picker-columns-item-color: $title-color !default;
 
 //input
+$input-padding: 14px 16px;
+$input-label-color: rgba(0, 0, 0, 0.65) !default;
+$input-line-height: 22px;
 $input-border-bottom: #eaf0fb !default;
-$input-disabled-color: #c8c9cc !default;
+$input-placeholder-color: rgba(0, 0, 0, 0.25) !default;
+$input-readonly-color: rgba(0, 0, 0, 0.85) !default;
+$input-disabled-color: rgba(0, 0, 0, 0.45) !default;
 $input-required-color: $required-color !default;
 $input-font-size: $font-size-2 !default;
 
@@ -198,11 +222,18 @@ $inputnumber-display: flex !default;
 // actionsheet
 $actionsheet-light-color: #f6f6f6 !default;
 $actionsheet-item-border-bottom: 1px solid rgba(0, 0, 0, 0.1) !default;
+$actionsheet-item-font-weight: bold !default;
 $actionsheet-item-font-size: $font-size-4 !default;
+$actionsheet-item-desc-font-size: 16px !default;
+$actionsheet-item-desc-font-color: rgba(0, 0, 0, 0.45) !default;
+$actionsheet-item-subdesc-line-height: 18px !default;
 $actionsheet-item-subdesc-font-size: $font-size-1 !default;
+$actionsheet-item-subdesc-font-color: rgba(0, 0, 0, 0.45) !default;
 $actionsheet-item-cancel-border-top: none !default;
+$actionsheet-item-padding: 11px !default;
 $actionsheet-item-line-height: 28px !default;
-$actionsheet-item-font-color: #4e5969 !default;
+$actionsheet-item-font-color: rgba(0, 0, 0, 0.65) !default;
+$actionsheet-item-disabled-font-color: rgba(0, 0, 0, 0.25) !default;
 
 //shortpassword
 $shortpassword-background-color: rgba(245, 245, 245, 1) !default;
@@ -222,13 +253,16 @@ $numberkeyboard-header-close-padding: 0 16px !default;
 $numberkeyboard-header-close-color: #576b95 !default;
 $numberkeyboard-header-close-font-size: 14px !default;
 $numberkeyboard-header-close-background-color: transparent !default;
+$numberkeyboard-body-padding: 10px 5px 0 10px !default;
+$numberkeyboard-wrapper-padding: 0 5px 5px 0 !default;
 $numberkeyboard-key-background-color: #fff !default;
 $numberkeyboard-key-active-background-color: #ebedf0 !default;
-$numberkeyboard-key-height: 48px !default;
+$numberkeyboard-key-height: 50px !default;
 $numberkeyboard-key-line-height: 1.5 !default;
-$numberkeyboard-key-border-radius: 8px !default;
-$numberkeyboard-key-font-size: 28px !default;
-$numberkeyboard-key-font-size-color: #333 !default;
+$numberkeyboard-key-border-radius: 4px !default;
+$numberkeyboard-key-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15) !default;
+$numberkeyboard-key-font-size: 24px !default;
+$numberkeyboard-key-font-size-color: #262626 !default;
 $numberkeyboard-key-finish-font-size: 16px !default;
 $numberkeyboard-key-finish-font-size-color: #fff !default;
 $numberkeyboard-key-finish-background-color: #1989fa !default;
@@ -264,7 +298,7 @@ $avatar-normal-width: 40px !default;
 $avatar-normal-height: 40px !default;
 
 //switch
-$switch-close-bg-color: #ebebeb !default;
+$switch-close-bg-color: rgba(0, 0, 0, 0.25) !default;
 $switch-close--cline-bg-color: #f0f0f0 !default;
 $switch-width: 50px !default;
 $switch-height: 27px !default;
@@ -272,12 +306,18 @@ $switch-line-height: 27px !default;
 $switch-border-radius: 27px !default;
 $switch-inside-width: 23px !default;
 $switch-inside-height: 23px !default;
-$switch-inside-open-transform: translateX(100%) !default;
-$switch-inside-close-transform: translateX(10%) !default;
+$switch-inside-open-transform: translateX(25px) !default;
+$switch-inside-close-transform: translateX(2px) !default;
+$switch-label-open-transform: translateX(-22px) !default;
+$switch-label-close-transform: translateX(22px) !default;
 
 // toast
+$toast-min-width: 120px;
 $toast-title-font-size: 18px !default;
+$toast-title-line-height: 28px !default;
+$toast-title-margin-bottom: 6px !default;
 $toast-text-font-size: 14px !default;
+$toast-text-line-height: 22px !default;
 $toast-font-color: $white !default;
 $toast-inner-padding: 12px 20px !default;
 $toast-inner-bg-color: rgba(0, 0, 0, 0.65) !default;
@@ -331,14 +371,18 @@ $rate-icon-void-color: $disable-color !default;
 
 // tabbar
 $tabbar-active-color: $primary-color !default;
-$tabbar-unactive-color: $primary-color !default;
+$tabbar-unactive-color: rgba(0, 0, 0, 0.65) !default;
 $tabbar-border-top: 0 !default;
 $tabbar-border-bottom: 0 !default;
 $tabbar-box-shadow: 0 -1.5px 5px rgba(0, 0, 0, 0.04) !default;
 $tabbar-item-text-font-size: 12px !default;
 $tabbar-item-text-line-height: 18px !default;
 $tabbar-height: 50px !default;
-$tabbar-word-margin-top: auto !default;
+$tabbar-word-margin-top: 2px !default;
+$tabbar-tips-nums-top: -3px !default;
+$tabbar-tips-nums-right: initial !default;
+$tabbar-tips-nums-left: calc(50% + 4px) !default;
+$tabbar-tips-dot-transform: translate(50%, -3px) !default;
 
 //infiniteloading
 $infiniteloading-bottom-color: #c8c8c8 !default;
@@ -354,6 +398,7 @@ $range-bar-btn-height: 22px !default;
 $range-bar-btn-border: none !default;
 
 //swiper
+$swiper-pagination-item-position: 6px !default;
 $swiper-pagination-item-width: 5px !default;
 $swiper-pagination-item-height: 5px !default;
 $swiper-pagination-item-margin-right: 6px !default;
@@ -374,32 +419,44 @@ $address-region-item-font-size: $font-size-1 !default;
 $address-item-margin-right: 9px !default;
 
 //steps
-$steps-base-icon-width: 18px !default;
-$steps-base-icon-height: 18px !default;
-$steps-base-icon-line-height: 18px !default;
+$steps-base-icon-width: 20px !default;
+$steps-base-icon-height: 20px !default;
+$steps-base-icon-line-height: 20px !default;
 $steps-base-icon-font-size: 12px !default;
+$steps-base-title-line-height: 18px !default;
 $steps-base-title-font-size: 12px !default;
-$steps-base-line-color: #e1e1e1 !default;
+$steps-base-line-color: #d9d9d9 !default;
 $steps-base-title-color: rgba(0, 0, 0, 0.85) !default;
-$steps-base-title-margin-bottom: 10px !default;
+$steps-base-title-margin-bottom: 6px !default;
+$steps-base-content-line-height: 16px !default;
 $steps-base-content-font-size: 10px !default;
 $steps-base-content-color: rgba(0, 0, 0, 0.65) !default;
-
-$steps-wait-icon-bg-color: #e1e1e1 !default;
+$steps-horizontal-padding: 8px 0 !default;
+$steps-vertical-padding: 0 16px !default;
+$steps-vertical-main-padding: 0 0 0 19px !default;
+$steps-vertical-title-line-height: 24px !default;
+$steps-vertical-title-font-size: 16px !default;
+$steps-vertical-icon-width: 22px !default;
+$steps-vertical-icon-height: 22px !default;
+$steps-vertical-icon-line-height: 22px !default;
+$steps-vertical-icon-font-size: 12px !default;
+
+$steps-wait-icon-bg-color: #d9d9d9 !default;
 $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-head-color: $white !default;
+$steps-wait-head-border-color: #d9d9d9 !default;
+$steps-wait-title-color: rgba(0, 0, 0, 0.45) !default;
+$steps-wait-content-color: rgba(0, 0, 0, 0.45) !default;
 
-$steps-finish-head-color: $primary-color !default;
+$steps-finish-head-color: $white !default;
 $steps-finish-head-border-color: $primary-color !default;
-$steps-finish-title-color: $primary-color !default;
+$steps-finish-title-color: rgba(0, 0, 0, 0.65) !default;
 $steps-finish-line-background: $primary-color !default;
-$steps-finish-icon-text-color: $white !default;
+$steps-finish-icon-text-color: $primary-color !default;
 
 $steps-process-head-color: $white !default;
 $steps-process-head-border-color: $primary-color !default;
-$steps-process-title-color: $primary-color !default;
+$steps-process-title-color: rgba(0, 0, 0, 0.85) !default;
 $steps-process-icon-text-color: $primary-color !default;
 
 // dialog
@@ -416,6 +473,14 @@ $checkbox-label-margin-left: 8px !default;
 $checkbox-label-font-size: 16px !default;
 $checkbox-icon-font-size: 20px !default;
 $checkbox-icon-disable-color2: $help-color !default;
+$checkbox-button-padding: 5px 18px !default;
+$checkbox-button-font-size: 12px !default;
+$checkbox-button-border-radius: 15px !default;
+$checkbox-label-button-bg-color: #f6f7f9 !default;
+$checkbox-label-button-border-color: #f6f7f9 !default;
+$checkbox-label-button-bg-active-color: rgba($primary-color, 0.05) !default;
+$checkbox-label-button-border-active-color: $primary-color !default;
+$checkbox-label-font-active-color: $primary-color !default;
 
 //radio
 $radio-label-font-color: rgba(0, 0, 0, 0.85) !default;
@@ -443,14 +508,14 @@ $fixednav-item-active-color: $primary-color !default;
 $noticebar-background: #f2f8ff !default;
 $noticebar-color: #2c68ff !default;
 $noticebar-font-size: 14px !default;
-$noticebar-height: 40px !default;
-$noticebar-line-height: 24px !default;
+$noticebar-height: 36px !default;
+$noticebar-line-height: 20px !default;
 $noticebar-left-icon-width: 16px !default;
 $noticebar-right-icon-width: 16px !default;
-$noticebar-box-padding: 0 16px !default;
+$noticebar-box-padding: 0 8px !default;
 $noticebar-wrapable-padding: 16px !default;
-$noticebar-lefticon-margin: 0px 10px !default;
-$noticebar-righticon-margin: 0px 10px !default;
+$noticebar-lefticon-margin: 0px 8px 0 0 !default;
+$noticebar-righticon-margin: 0px 0 0 8px !default;
 
 // TimeSelect
 $timeselect-title-font-size: $font-size-2 !default;
@@ -507,8 +572,10 @@ $tag-height: auto !default;
 //badge
 $badge-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 $badge-color: #fff !default;
-$badge-font-size: $font-size-1 !default;
+$badge-font-size: 10px !default;
+$badge-border: 1px solid $white !default;
 $badge-border-radius: 14px !default;
+$badge-line-height: 16px !default;
 $badge-padding: 0 5px !default;
 $badge-content-transform: translateY(-50%) translateX(100%) !default;
 $badge-z-index: 1 !default;
@@ -564,15 +631,16 @@ $pagination-prev-next-padding: 0 11px !default;
 
 // tabs
 $tabs-tab-smile-color: $primary-color !default;
+$tabs-tabpane-padding: 12px 16px !default;
 $tabs-titles-border-radius: 0 !default;
 $tabs-titles-item-large-font-size: $font-size-4 !default;
 $tabs-titles-item-font-size: $font-size-3 !default;
 $tabs-titles-item-small-font-size: $font-size-2 !default;
-$tabs-titles-item-color: rgba(0, 0, 0, 0.45) !default;
-$tabs-titles-item-active-color: $title-color !default;
+$tabs-titles-item-color: rgba(0, 0, 0, 0.25) !default;
+$tabs-titles-item-active-color: rgba(0, 0, 0, 0.85) !default;
 $tabs-titles-background-color: #fff !default;
 $tabs-horizontal-tab-line-color: $primary-color !default;
-$tabs-horizontal-titles-height: 46px !default;
+$tabs-horizontal-titles-height: 50px !default;
 $tabs-horizontal-titles-item-min-width: 50px !default;
 $tabs-horizontal-titles-item-active-line-width: 14px !default;
 $tabs-vertical-tab-line-color: linear-gradient(180deg, $primary-color 0%, rgba($primary-color, 0.15) 100%) !default;
@@ -612,15 +680,16 @@ $menu-scroll-fixed-z-index: 1000 !default;
 $menu-active-item-font-weight: 500 !default;
 
 // collapse
-$collapse-item-padding: 13px 36px 13px 26px !default;
+$collapse-item-padding: 14px 16px !default;
 $collapse-item-color: rgba(0, 0, 0, 0.85) !default;
 $collapse-item-disabled-color: #bfbfbf !default;
 $collapse-item-icon-color: #666666 !default;
 $collapse-item-font-size: $font-size-2 !default;
 $collapse-item-line-height: 24px !default;
-$collapse-item-sub-title-color: #666666 !default;
-$collapse-wrapper-content-padding: 12px 26px !default;
-$collapse-wrapper-empty-content-padding: 0 26px !default;
+$collapse-item-sub-title-color: rgba(0, 0, 0, 0.25) !default;
+$collapse-item-sub-title-right: 42px !default;
+$collapse-wrapper-content-padding: 12px 16px !default;
+$collapse-wrapper-empty-content-padding: 0 16px !default;
 $collapse-wrapper-content-color: #8c8c8c !default;
 $collapse-wrapper-content-font-size: $font-size-2 !default;
 $collapse-wrapper-content-line-height: 1.5 !default;
@@ -657,7 +726,7 @@ $cascader-bar-padding: 24px 20px 17px !default;
 $cascader-bar-font-size: $font-size-4 !default;
 $cascader-bar-line-height: 20px !default;
 $cascader-bar-color: $title-color !default;
-$cascader-item-padding: 10px 20px !default;
+$cascader-item-padding: 14px 20px !default;
 $cascader-item-color: $title-color !default;
 $cascader-item-font-size: $font-size-2 !default;
 $cascader-item-active-color: $primary-color !default;
@@ -744,7 +813,7 @@ $table-tr-odd-bg-color: $white !default;
 // navbar
 $navbar-height: 46px !default;
 $navbar-margin-bottom: 20px !default;
-$navbar-padding: 0 16px !default;
+$navbar-padding: 0 !default;
 $navbar-background: $white !default;
 $navbar-box-shadow: 0px 1px 7px 0px rgba(237, 238, 241, 1) !default;
 $navbar-color: $title-color2 !default;

package/dist/styles/variables.scss

@@ -109,7 +109,9 @@ $button-small-round-border-radius: $button-border-radius !default;
 
 $cell-color: $title-color2 !default;
 $cell-title-font: $font-size-2 !default;
+$cell-title-desc-line-height: inherit !default;
 $cell-title-desc-font: $font-size-1 !default;
+$cell-title-desc-color: inherit !default;
 $cell-desc-font: $font-size-2 !default;
 $cell-desc-color: $disable-color !default;
 $cell-border-radius: 6px !default;
@@ -118,18 +120,34 @@ $cell-line-height: 20px !default;
 $cell-after-right: 16px !default;
 $cell-after-border-bottom: 1px solid #f5f6f7 !default;
 $cell-default-icon-margin: 0 4px 0 0px !default;
+$cell-default-icon-size: 20px !default;
+$cell-default-icon-font-size: 16px !default;
+$cell-icon-link-margin: 0 !default;
+$cell-icon-link-width: 20px !default;
+$cell-icon-link-height: 20px !default;
+$cell-icon-link-color: #979797 !default;
+$cell-icon-link-font-size: 16px !default;
+$cell-large-line-height: 20px !default;
 $cell-large-title-font: $font-size-large !default;
+$cell-large-title-desc-line-height: inherit !default;
 $cell-large-title-desc-font: $font-size-base !default;
 $cell-large-padding: 15px 16px !default;
+$cell-default-large-icon-margin: 0 4px 0 0px !default;
+$cell-default-large-icon-size: 20px !default;
+$cell-default-large-icon-font-size: 20px !default;
+$cell-large-icon-link-height: 20px !default;
 $cell-background: $white !default;
 
 // cell-group
 
 $cell-group-title-padding: 0 10px !default;
+$cell-group-title-margin: 30px 0 10px 0 !default;
 $cell-group-title-color: #909ca4 !default;
 $cell-group-title-font-size: $font-size-2 !default;
+$cell-group-title-font-weight: normal !default;
 $cell-group-title-line-height: 20px !default;
 $cell-group-desc-padding: 0 10px !default;
+$cell-group-desc-margin: 10px 0 10px 0 !default;
 $cell-group-desc-color: #909ca4 !default;
 $cell-group-desc-font-size: $font-size-1 !default;
 $cell-group-desc-line-height: 16px !default;
@@ -140,6 +158,7 @@ $cell-group-background-color: $white !default;
 $divider-margin: 16px 0 !default;
 $divider-text-font-size: $font-size-2 !default;
 $divider-text-color: #909ca4 !default;
+$divider-border-color: currentColor !default;
 $divider-line-height: 2px !default;
 $divider-before-margin-right: 16px !default;
 $divider-after-margin-left: 16px !default;
@@ -177,7 +196,12 @@ $picker-item-active-line-border: 1px solid #d8d8d8 !default;
 $picker-columns-item-color: $title-color !default;
 
 //input
+$input-padding: 10px 25px;
+$input-label-color: unset !default;
+$input-line-height: 24px;
 $input-border-bottom: #eaf0fb !default;
+$input-placeholder-color: unset !default;
+$input-readonly-color: unset !default;
 $input-disabled-color: #c8c9cc !default;
 $input-required-color: $required-color !default;
 $input-font-size: $font-size-2 !default;
@@ -212,11 +236,18 @@ $inputnumber-display: flex !default;
 // actionsheet
 $actionsheet-light-color: #f6f6f6 !default;
 $actionsheet-item-border-bottom: none !default;
+$actionsheet-item-font-weight: unset !default;
 $actionsheet-item-font-size: $font-size-2 !default;
+$actionsheet-item-desc-font-size: $font-size-2 !default;
+$actionsheet-item-desc-font-color: #999 !default;
+$actionsheet-item-subdesc-line-height: unset !default;
 $actionsheet-item-subdesc-font-size: $font-size-1 !default;
+$actionsheet-item-subdesc-font-color: #999 !default;
 $actionsheet-item-cancel-border-top: 1px solid $actionsheet-light-color !default;
+$actionsheet-item-padding: 10px !default;
 $actionsheet-item-line-height: 24px !default;
 $actionsheet-item-font-color: $title-color !default;
+$actionsheet-item-disabled-font-color: #e1e1e1 !default;
 
 //shortpassword
 $shortpassword-background-color: rgba(245, 245, 245, 1) !default;
@@ -236,11 +267,14 @@ $numberkeyboard-header-close-padding: 0 16px !default;
 $numberkeyboard-header-close-color: #576b95 !default;
 $numberkeyboard-header-close-font-size: 14px !default;
 $numberkeyboard-header-close-background-color: transparent !default;
+$numberkeyboard-body-padding: 6px 0 0 6px !default;
+$numberkeyboard-wrapper-padding: 0 6px 6px 0 !default;
 $numberkeyboard-key-background-color: #fff !default;
 $numberkeyboard-key-active-background-color: #ebedf0 !default;
 $numberkeyboard-key-height: 48px !default;
 $numberkeyboard-key-line-height: 1.5 !default;
 $numberkeyboard-key-border-radius: 8px !default;
+$numberkeyboard-key-box-shadow: unset !default;
 $numberkeyboard-key-font-size: 28px !default;
 $numberkeyboard-key-font-size-color: #333 !default;
 $numberkeyboard-key-finish-font-size: 16px !default;
@@ -288,10 +322,16 @@ $switch-inside-width: 13px !default;
 $switch-inside-height: 13px !default;
 $switch-inside-open-transform: translateX(146%) !default;
 $switch-inside-close-transform: translateX(30%) !default;
+$switch-label-open-transform: translateX(-16px) !default;
+$switch-label-close-transform: translateX(16px) !default;
 
 // toast
+$toast-min-width: 40%;
 $toast-title-font-size: 16px !default;
+$toast-title-line-height: inherit !default;
+$toast-title-margin-bottom: 0 !default;
 $toast-text-font-size: 14px !default;
+$toast-text-line-height: inherit !default;
 $toast-font-color: $white !default;
 $toast-inner-padding: 24px 30px !default;
 $toast-inner-bg-color: rgba(0, 0, 0, 0.8) !default;
@@ -355,7 +395,7 @@ $rate-icon-void-color: $disable-color !default;
 
 // tabbar
 $tabbar-active-color: $primary-color !default;
-$tabbar-unactive-color: $primary-color !default;
+$tabbar-unactive-color: $dark-color-gray !default;
 $tabbar-border-top: 1px solid #eee !default;
 $tabbar-border-bottom: 1px solid #eee !default;
 $tabbar-box-shadow: none !default;
@@ -363,6 +403,10 @@ $tabbar-item-text-font-size: $font-size-0 !default;
 $tabbar-item-text-line-height: initial !default;
 $tabbar-height: 50px !default;
 $tabbar-word-margin-top: auto !default;
+$tabbar-tips-nums-top: -2px !default;
+$tabbar-tips-nums-right: -7px !default;
+$tabbar-tips-nums-left: initial !default;
+$tabbar-tips-dot-transform: translate(50%, -50%) !default;
 
 //infiniteloading
 $infiniteloading-bottom-color: #c8c8c8 !default;
@@ -378,6 +422,7 @@ $range-bar-btn-height: 24px !default;
 $range-bar-btn-border: 1px solid $primary-color !default;
 
 //swiper
+$swiper-pagination-item-position: 12px !default;
 $swiper-pagination-item-width: 8px !default;
 $swiper-pagination-item-height: 3px !default;
 $swiper-pagination-item-margin-right: 7px !default;
@@ -402,17 +447,29 @@ $steps-base-icon-width: 25px !default;
 $steps-base-icon-height: 25px !default;
 $steps-base-icon-line-height: 25px !default;
 $steps-base-icon-font-size: 13px !default;
+$steps-base-title-line-height: unset !default;
 $steps-base-title-font-size: 14px !default;
 $steps-base-line-color: #909ca4 !default;
 $steps-base-title-color: #909ca4 !default;
 $steps-base-title-margin-bottom: 10px !default;
+$steps-base-content-line-height: unset !default;
 $steps-base-content-font-size: 14px !default;
 $steps-base-content-color: #666 !default;
+$steps-horizontal-padding: 0 !default;
+$steps-vertical-padding: 0 !default;
+$steps-vertical-main-padding: 0 0 0 6% !default;
+$steps-vertical-title-line-height: unset !default;
+$steps-vertical-title-font-size: $steps-base-title-font-size !default;
+$steps-vertical-icon-width: $steps-base-icon-width !default;
+$steps-vertical-icon-height: $steps-base-icon-height !default;
+$steps-vertical-icon-line-height: $steps-base-icon-line-height !default;
+$steps-vertical-icon-font-size: $steps-base-icon-font-size !default;
 
 $steps-wait-icon-bg-color: #959fb1 !default;
 $steps-wait-icon-color: $white !default;
 $steps-wait-head-color: #909ca4 !default;
 $steps-wait-head-border-color: #909ca4 !default;
+$steps-wait-title-color: inherit !default;
 $steps-wait-content-color: #909ca4 !default;
 
 $steps-finish-head-color: $primary-color !default;
@@ -440,6 +497,14 @@ $checkbox-label-margin-left: 15px !default;
 $checkbox-label-font-size: 14px !default;
 $checkbox-icon-font-size: 18px !default;
 $checkbox-icon-disable-color2: $help-color !default;
+$checkbox-button-padding: 5px 18px !default;
+$checkbox-button-font-size: 12px !default;
+$checkbox-button-border-radius: 15px !default;
+$checkbox-label-button-bg-color: #f6f7f9 !default;
+$checkbox-label-button-border-color: #f6f7f9 !default;
+$checkbox-label-button-bg-active-color: rgba($primary-color, 0.05) !default;
+$checkbox-label-button-border-active-color: $primary-color !default;
+$checkbox-label-font-active-color: $primary-color !default;
 
 //radio
 $radio-label-font-color: #1d1e1e !default;
@@ -532,7 +597,9 @@ $tag-height: auto !default;
 $badge-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 $badge-color: #fff !default;
 $badge-font-size: $font-size-1 !default;
+$badge-border: none !default;
 $badge-border-radius: 14px !default;
+$badge-line-height: inherit !default;
 $badge-padding: 0 5px !default;
 $badge-content-transform: translateY(-50%) translateX(100%) !default;
 $badge-z-index: 1 !default;
@@ -597,6 +664,7 @@ $pagination-prev-next-padding: 0 11px !default;
 
 // tabs
 $tabs-tab-smile-color: $primary-color !default;
+$tabs-tabpane-padding: 24px 20px !default;
 $tabs-titles-border-radius: 0 !default;
 $tabs-titles-item-large-font-size: $font-size-3 !default;
 $tabs-titles-item-font-size: $font-size-2 !default;
@@ -652,6 +720,7 @@ $collapse-item-icon-color: #666666 !default;
 $collapse-item-font-size: $font-size-2 !default;
 $collapse-item-line-height: 24px !default;
 $collapse-item-sub-title-color: #666666 !default;
+$collapse-item-sub-title-right: 60px !default;
 $collapse-wrapper-content-padding: 12px 26px !default;
 $collapse-wrapper-empty-content-padding: 0 26px !default;
 $collapse-wrapper-content-color: #666666 !default;

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

@@ -272,12 +272,12 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     title: string;
     color: string;
     round: boolean;
+    position: string;
     zIndex: string | number;
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
     closeOnClickOverlay: boolean;
-    position: string;
     transition: string;
     popClass: string;
     closeable: boolean;

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

@@ -347,12 +347,13 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     type: string;
     style: import("vue").CSSProperties;
     round: boolean;
+    position: string;
+    height: string | number;
     zIndex: string | number;
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
     closeOnClickOverlay: boolean;
-    position: string;
     transition: string;
     popClass: string;
     closeable: boolean;
@@ -364,7 +365,6 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     teleportDisable: boolean;
     safeAreaInsetBottom: boolean;
     overlayClass: string;
-    height: string | number;
     modelValue: unknown[];
     customAddressTitle: string;
     province: unknown[];

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

@@ -51,6 +51,10 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     handPlaying: import("vue").Ref<boolean>;
     type: import("vue").Ref<string>;
     url: import("vue").Ref<string>;
+    muted: import("vue").Ref<boolean>;
+    autoplay: import("vue").Ref<boolean>;
+    loop: import("vue").Ref<boolean>;
+    preload: import("vue").Ref<string>;
     onEnded: import("vue").Ref<((...args: any[]) => any) | undefined>;
     onPlay: import("vue").Ref<((...args: any[]) => any) | undefined>;
     onFastBack: import("vue").Ref<((...args: any[]) => any) | undefined>;
@@ -58,10 +62,6 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     onChangeProgress: import("vue").Ref<((...args: any[]) => any) | undefined>;
     onMute: import("vue").Ref<((...args: any[]) => any) | undefined>;
     "onCan-play": import("vue").Ref<((...args: any[]) => any) | undefined>;
-    muted: import("vue").Ref<boolean>;
-    autoplay: import("vue").Ref<boolean>;
-    loop: import("vue").Ref<boolean>;
-    preload: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("ended" | "play" | "fastBack" | "forward" | "changeProgress" | "mute" | "can-play")[], "ended" | "play" | "fastBack" | "forward" | "changeProgress" | "mute" | "can-play", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;

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

@@ -92,10 +92,10 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     "onActive-avatar"?: ((...args: any[]) => any) | undefined;
     onOnError?: ((...args: any[]) => any) | undefined;
 }, {
+    icon: string;
     size: string;
     color: string;
     shape: string;
-    icon: string;
     url: string;
     alt: string;
     bgColor: string;

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

@@ -14,6 +14,10 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    bubble: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -55,6 +59,10 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    bubble: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hidden: {
         type: BooleanConstructor;
         default: boolean;
@@ -79,10 +87,11 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     color: string;
     right: string;
     top: string;
-    zIndex: number;
     hidden: boolean;
+    zIndex: number;
     dot: boolean;
     max: number;
+    bubble: boolean;
 }>>;
 export default _sfc_main;