@nutui/nutui 4.0.0-beta.9 → 4.0.1-2.beta-1

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;
@@ -439,7 +436,15 @@ $checkbox-icon-disable-color: #d6d6d6 !default;
 $checkbox-label-margin-left: 15px !default;
 $checkbox-label-font-size: 14px !default;
 $checkbox-icon-font-size: 18px !default;
-$checkbox-icon-disable-color2: $checkbox-icon-disable-color !default;
+$checkbox-icon-disable-color2: var(--nut-checkbox-icon-disable-color2, $help-color) !default;
+$checkbox-button-padding: var(--nut-checkbox-button-padding, 5px 18px) !default;
+$checkbox-button-font-size: var(--nut-checkbox-button-font-size, 12px) !default;
+$checkbox-button-border-radius: var(--nut-checkbox-button-border-radius, 15px) !default;
+$checkbox-button-border-color: var(--nut-checkbox-button-border-color, #f6f7f9) !default;
+$checkbox-button-background: var(--nut-checkbox-button-background, #f6f7f9) !default;
+$checkbox-button-font-color-active: var(--nut-checkbox-button-font-color-active, $primary-color) !default;
+$checkbox-button-border-color-active: var(--nut-checkbox-button-border-color-active, $primary-color) !default;
+$checkbox-button-background-active: var(--nut-checkbox-button-background-active, $primary-color) !default;
 
 //radio
 $radio-label-font-color: #1d1e1e !default;
@@ -467,10 +472,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 +508,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 +534,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 +609,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;
@@ -445,6 +442,14 @@ $checkbox-label-margin-left: var(--nut-checkbox-label-margin-left, 8px) !default
 $checkbox-label-font-size: var(--nut-checkbox-label-font-size, 16px) !default;
 $checkbox-icon-font-size: var(--nut-checkbox-icon-font-size, 20px) !default;
 $checkbox-icon-disable-color2: var(--nut-checkbox-icon-disable-color2, $help-color) !default;
+$checkbox-button-padding: var(--nut-checkbox-button-padding, 5px 18px) !default;
+$checkbox-button-font-size: var(--nut-checkbox-button-font-size, 12px) !default;
+$checkbox-button-border-radius: var(--nut-checkbox-button-border-radius, 15px) !default;
+$checkbox-button-border-color: var(--nut-checkbox-button-border-color, #f6f7f9) !default;
+$checkbox-button-background: var(--nut-checkbox-button-background, #f6f7f9) !default;
+$checkbox-button-font-color-active: var(--nut-checkbox-button-font-color-active, $primary-color) !default;
+$checkbox-button-border-color-active: var(--nut-checkbox-button-border-color-active, $primary-color) !default;
+$checkbox-button-background-active: var(--nut-checkbox-button-background-active, $primary-color) !default;
 
 //radio
 $radio-label-font-color: var(--nut-radio-label-font-color, rgba(0, 0, 0, 0.85)) !default;
@@ -475,10 +480,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 +522,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 +549,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 +633,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;
@@ -759,7 +761,7 @@ $sku-spec-title-margin-bottom: var(--nut-sku-spec-title-margin-bottom, 18px) !de
 $sku-operate-btn-height: var(--nut-sku-operate-btn-height, 54px) !default;
 $sku-operate-btn-border-top: var(--nut-sku-operate-btn-border-top, 0) !default;
 $sku-operate-btn-item-height: var(--nut-sku-operate-btn-item-height, 40px) !default;
-$sku-operate-btn-item-line-height: var(--nut-sku-operate-btn-item-line-height, $sku-operate-btn-it) em-height;
+$sku-operate-btn-item-line-height: var(--nut-sku-operate-btn-item-line-height, $sku-operate-btn-item-height) !default;
 $sku-operate-btn-item-font-size: var(--nut-sku-operate-btn-item-font-size, 15px) !default;
 $sku-operate-btn-item-font-weight: var(--nut-sku-operate-btn-item-font-weight, normal) !default;
 $sku-product-img-width: var(--nut-sku-product-img-width, 100px) !default;

package/dist/styles/variables.scss

@@ -3,7 +3,6 @@
 // 主色调
 $primary-color: var(--nut-primary-color, #fa2c19) !default;
 $primary-color-end: var(--nut-primary-color-end, #fa6419) !default;
-$primary-color-active: var(--nut-primary-color-active, rgba(250, 44, 25, 0.15)) !default;
 
 // 辅助色
 $help-color: var(--nut-help-color, #f5f5f5) !default;
@@ -192,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;
@@ -206,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;
@@ -333,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, $primary-color-active) !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;
@@ -344,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;
@@ -407,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, $primary-color-active) !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,
@@ -427,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%, $primary-color-active 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;
@@ -458,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;
@@ -484,6 +480,14 @@ $checkbox-label-margin-left: var(--nut-checkbox-label-margin-left, 15px) !defaul
 $checkbox-label-font-size: var(--nut-checkbox-label-font-size, 14px) !default;
 $checkbox-icon-font-size: var(--nut-checkbox-icon-font-size, 18px) !default;
 $checkbox-icon-disable-color2: var(--nut-checkbox-icon-disable-color2, $help-color) !default;
+$checkbox-button-padding: var(--nut-checkbox-button-padding, 5px 18px) !default;
+$checkbox-button-font-size: var(--nut-checkbox-button-font-size, 12px) !default;
+$checkbox-button-border-radius: var(--nut-checkbox-button-border-radius, 15px) !default;
+$checkbox-button-border-color: var(--nut-checkbox-button-border-color, #f6f7f9) !default;
+$checkbox-button-background: var(--nut-checkbox-button-background, #f6f7f9) !default;
+$checkbox-button-font-color-active: var(--nut-checkbox-button-font-color-active, $primary-color) !default;
+$checkbox-button-border-color-active: var(--nut-checkbox-button-border-color-active, $primary-color) !default;
+$checkbox-button-background-active: var(--nut-checkbox-button-background-active, $primary-color) !default;
 
 //radio
 $radio-label-font-color: var(--nut-radio-label-font-color, #1d1e1e) !default;
@@ -491,7 +495,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, $primary-color-active) !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;
@@ -514,10 +518,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;
@@ -549,17 +551,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,
-  $primary-color-active
-) !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;
@@ -587,8 +584,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;
@@ -666,14 +664,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%, $primary-color-active 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%, $primary-color-active 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;
@@ -682,9 +680,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;
@@ -791,7 +789,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, $primary-color-active) !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,10 +132,19 @@ 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>;
     transformData: (data: RegionData[]) => CustomRegionData[];
+    scrollDom: Ref<HTMLElement | null>;
     showPopup: any;
     privateType: any;
     tabIndex: Ref<number>;
@@ -286,6 +295,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,8 +320,11 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     type: string;
+    height: string | number;
     position: string;
     transition: string;
     popClass: string;
@@ -315,7 +335,6 @@ declare const _default: Install< import("vue").DefineComponent<{
     teleport: string | Element;
     teleportDisable: boolean;
     safeAreaInsetBottom: boolean;
-    height: string | number;
     modelValue: unknown[];
     customAddressTitle: string;
     province: RegionData[];

package/dist/types/__VUE/addresslist/components/GeneralShell.vue.d.ts

@@ -7,20 +7,30 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    swipeEdition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
-    delShellClick: (event: Event) => void;
-    editShellClick: (event: Event) => void;
-    itemShellClick: (event: Event) => void;
+    renderCompontent: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    showMaskRef: import("vue").Ref<boolean>;
+    clickItem: (event: Event) => void;
+    editClick: (event: Event) => void;
+    delClick: (event: Event) => void;
+    delLongClick: (event: Event) => void;
     holddownstart: (event: Event) => void;
     holddownmove: () => void;
     holddownend: () => void;
-    showMaskRef: import("vue").Ref<boolean>;
-    delClick: (event: Event) => void;
     copyCLick: (event: Event) => void;
     hideMaskClick: () => void;
     setDefault: (event: Event) => void;
     maskClick: (event: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delIcon" | "editIcon" | "itemClick" | "longDown" | "longCopy" | "longSet" | "longDel")[], "delIcon" | "editIcon" | "itemClick" | "longDown" | "longCopy" | "longSet" | "longDel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    swipeDelClick: (event: Event) => void;
+    swipestart: () => void;
+    swipemove: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delIcon" | "editIcon" | "clickItem" | "longDown" | "longCopy" | "longSet" | "longDel" | "swipeDel")[], "delIcon" | "editIcon" | "clickItem" | "longDown" | "longCopy" | "longSet" | "longDel" | "swipeDel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         default: {};
@@ -29,16 +39,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    swipeEdition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onDelIcon?: ((...args: any[]) => any) | undefined;
     onEditIcon?: ((...args: any[]) => any) | undefined;
-    onItemClick?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
     onLongDown?: ((...args: any[]) => any) | undefined;
     onLongCopy?: ((...args: any[]) => any) | undefined;
     onLongSet?: ((...args: any[]) => any) | undefined;
     onLongDel?: ((...args: any[]) => any) | undefined;
+    onSwipeDel?: ((...args: any[]) => any) | undefined;
 }, {
     item: Record<string, any>;
     longPress: boolean;
+    swipeEdition: boolean;
 }>;
 export default _default;

package/dist/types/__VUE/addresslist/components/ItemContents.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     editClick: (event: Event) => void;
     contentsClick: (event: Event) => void;
     translate: (keyPath: string, ...args: unknown[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delIcon" | "editIcon" | "itemClick")[], "delIcon" | "editIcon" | "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delIcon" | "editIcon" | "clickItem")[], "delIcon" | "editIcon" | "clickItem", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: ObjectConstructor;
         default: {};
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onDelIcon?: ((...args: any[]) => any) | undefined;
     onEditIcon?: ((...args: any[]) => any) | undefined;
-    onItemClick?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
 }, {
     item: Record<string, any>;
 }>;

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

@@ -19,7 +19,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    dataMapOptions: {
+    dataOptions: {
         type: ObjectConstructor;
         default: {};
     };
@@ -37,7 +37,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     addAddress: (event: Event) => void;
     dataArray: any;
     translate: (keyPath: string, ...args: unknown[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "delIcon" | "editIcon" | "itemClick" | "swipeDel" | "longCopy" | "longSet" | "longDel")[], "add" | "delIcon" | "editIcon" | "itemClick" | "swipeDel" | "longCopy" | "longSet" | "longDel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("add" | "delIcon" | "editIcon" | "clickItem" | "longCopy" | "longSet" | "longDel" | "swipeDel")[], "add" | "delIcon" | "editIcon" | "clickItem" | "longCopy" | "longSet" | "longDel" | "swipeDel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: ArrayConstructor;
         default: never[];
@@ -54,25 +54,25 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    dataMapOptions: {
+    dataOptions: {
         type: ObjectConstructor;
         default: {};
     };
 }>> & {
     onDelIcon?: ((...args: any[]) => any) | undefined;
     onEditIcon?: ((...args: any[]) => any) | undefined;
-    onItemClick?: ((...args: any[]) => any) | undefined;
-    onSwipeDel?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
     onLongCopy?: ((...args: any[]) => any) | undefined;
     onLongSet?: ((...args: any[]) => any) | undefined;
     onLongDel?: ((...args: any[]) => any) | undefined;
+    onSwipeDel?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {
     data: unknown[];
     longPress: boolean;
     swipeEdition: boolean;
     showBottomButton: boolean;
-    dataMapOptions: Record<string, any>;
+    dataOptions: Record<string, any>;
 }>>;
 export default _default;
 

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

@@ -17,6 +17,9 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }, {
     classes: import("vue").ComputedRef<{
         [x: string]: boolean | AnimateType;
@@ -38,6 +41,9 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -12,10 +12,10 @@ declare const _default: Install< import("vue").DefineComponent<{
     translate: (keyPath: string, ...args: unknown[]) => string;
     children: import("vue").Ref<[]>;
     audioData: import("vue").Ref<any>;
-    handleMute: import("vue").Ref<((payload: MouseEvent) => void) | undefined>;
-    forward: import("vue").Ref<((payload: MouseEvent) => void) | undefined>;
-    fastBack: import("vue").Ref<((payload: MouseEvent) => void) | undefined>;
-    changeStatus: import("vue").Ref<((payload: MouseEvent) => void) | undefined>;
+    handleMute: import("vue").Ref<(payload: MouseEvent) => void>;
+    forward: import("vue").Ref<(payload: MouseEvent) => void>;
+    fastBack: import("vue").Ref<(payload: MouseEvent) => void>;
+    changeStatus: import("vue").Ref<(payload: MouseEvent) => void>;
     type: import("vue").Ref<string>;
     onClick: import("vue").Ref<((...args: any[]) => any) | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{