@nutui/nutui-react 3.0.11 → 3.0.13-beta.0

package/dist/style.scss

@@ -1,108 +1,108 @@
 @import './styles/variables.scss';
 @import './styles/mixins/index.scss';
 @import './styles/animation/index.scss';
-@import './es/packages/watermark/style/watermark.scss';
-@import './es/packages/virtuallist/style/virtuallist.scss';
 @import './es/packages/video/style/video.scss';
+@import './es/packages/virtuallist/style/virtuallist.scss';
+@import './es/packages/watermark/style/watermark.scss';
 @import './es/packages/uploader/style/uploader.scss';
+@import './es/packages/toast/style/toast.scss';
 @import './es/packages/tour/style/tour.scss';
 @import './es/packages/trendarrow/style/trendarrow.scss';
-@import './es/packages/toast/style/toast.scss';
 @import './es/packages/timeselect/style/timeselect.scss';
-@import './es/packages/textarea/style/textarea.scss';
 @import './es/packages/timedetail/style/timedetail.scss';
+@import './es/packages/textarea/style/textarea.scss';
 @import './es/packages/tag/style/tag.scss';
-@import './es/packages/tabpane/style/tabpane.scss';
 @import './es/packages/tabs/style/tabs.scss';
+@import './es/packages/tabpane/style/tabpane.scss';
 @import './es/packages/table/style/table.scss';
 @import './es/packages/tabbaritem/style/tabbaritem.scss';
 @import './es/packages/tabbar/style/tabbar.scss';
-@import './es/packages/switch/style/switch.scss';
 @import './es/packages/swiperitem/style/swiperitem.scss';
+@import './es/packages/switch/style/switch.scss';
 @import './es/packages/swiper/style/swiper.scss';
-@import './es/packages/sticky/style/sticky.scss';
 @import './es/packages/swipe/style/swipe.scss';
+@import './es/packages/sticky/style/sticky.scss';
 @import './es/packages/steps/style/steps.scss';
 @import './es/packages/step/style/step.scss';
+@import './es/packages/space/style/space.scss';
 @import './es/packages/skeleton/style/skeleton.scss';
 @import './es/packages/signature/style/signature.scss';
-@import './es/packages/space/style/space.scss';
-@import './es/packages/sidebaritem/style/sidebaritem.scss';
 @import './es/packages/sidebar/style/sidebar.scss';
-@import './es/packages/shortpassword/style/shortpassword.scss';
+@import './es/packages/sidebaritem/style/sidebaritem.scss';
 @import './es/packages/segmented/style/segmented.scss';
+@import './es/packages/shortpassword/style/shortpassword.scss';
 @import './es/packages/searchbar/style/searchbar.scss';
 @import './es/packages/safearea/style/safearea.scss';
 @import './es/packages/row/style/row.scss';
 @import './es/packages/resultpage/style/resultpage.scss';
 @import './es/packages/range/style/range.scss';
 @import './es/packages/rate/style/rate.scss';
-@import './es/packages/radiogroup/style/radiogroup.scss';
 @import './es/packages/radio/style/radio.scss';
-@import './es/packages/progress/style/progress.scss';
-@import './es/packages/popup/style/popup.scss';
+@import './es/packages/radiogroup/style/radiogroup.scss';
 @import './es/packages/pulltorefresh/style/pulltorefresh.scss';
-@import './es/packages/price/style/price.scss';
 @import './es/packages/popover/style/popover.scss';
+@import './es/packages/popup/style/popup.scss';
+@import './es/packages/progress/style/progress.scss';
+@import './es/packages/price/style/price.scss';
 @import './es/packages/pickerview/style/pickerview.scss';
 @import './es/packages/picker/style/picker.scss';
 @import './es/packages/pagination/style/pagination.scss';
 @import './es/packages/overlay/style/overlay.scss';
 @import './es/packages/notify/style/notify.scss';
 @import './es/packages/numberkeyboard/style/numberkeyboard.scss';
-@import './es/packages/navbar/style/navbar.scss';
 @import './es/packages/noticebar/style/noticebar.scss';
+@import './es/packages/navbar/style/navbar.scss';
 @import './es/packages/menuitem/style/menuitem.scss';
-@import './es/packages/menu/style/menu.scss';
 @import './es/packages/lottie/style/lottie.scss';
 @import './es/packages/loading/style/loading.scss';
-@import './es/packages/layout/style/layout.scss';
+@import './es/packages/menu/style/menu.scss';
 @import './es/packages/inputnumber/style/inputnumber.scss';
+@import './es/packages/layout/style/layout.scss';
 @import './es/packages/input/style/input.scss';
 @import './es/packages/infiniteloading/style/infiniteloading.scss';
-@import './es/packages/imagepreview/style/imagepreview.scss';
 @import './es/packages/indicator/style/indicator.scss';
+@import './es/packages/imagepreview/style/imagepreview.scss';
 @import './es/packages/image/style/image.scss';
-@import './es/packages/hoverbutton/style/hoverbutton.scss';
 @import './es/packages/hoverbuttonitem/style/hoverbuttonitem.scss';
+@import './es/packages/hoverbutton/style/hoverbutton.scss';
 @import './es/packages/griditem/style/griditem.scss';
-@import './es/packages/formitem/style/formitem.scss';
 @import './es/packages/grid/style/grid.scss';
+@import './es/packages/formitem/style/formitem.scss';
 @import './es/packages/form/style/form.scss';
-@import './es/packages/empty/style/empty.scss';
 @import './es/packages/fixednav/style/fixednav.scss';
+@import './es/packages/empty/style/empty.scss';
 @import './es/packages/ellipsis/style/ellipsis.scss';
-@import './es/packages/elevator/style/elevator.scss';
 @import './es/packages/drag/style/drag.scss';
+@import './es/packages/elevator/style/elevator.scss';
 @import './es/packages/divider/style/divider.scss';
 @import './es/packages/dialog/style/dialog.scss';
-@import './es/packages/configprovider/style/configprovider.scss';
-@import './es/packages/countup/style/countup.scss';
 @import './es/packages/datepickerview/style/datepickerview.scss';
 @import './es/packages/datepicker/style/datepicker.scss';
-@import './es/packages/col/style/col.scss';
-@import './es/packages/collapse/style/collapse.scss';
+@import './es/packages/countup/style/countup.scss';
 @import './es/packages/countdown/style/countdown.scss';
-@import './es/packages/circleprogress/style/circleprogress.scss';
 @import './es/packages/collapseitem/style/collapseitem.scss';
-@import './es/packages/cell/style/cell.scss';
+@import './es/packages/col/style/col.scss';
+@import './es/packages/configprovider/style/configprovider.scss';
 @import './es/packages/checkboxgroup/style/checkboxgroup.scss';
+@import './es/packages/circleprogress/style/circleprogress.scss';
+@import './es/packages/collapse/style/collapse.scss';
 @import './es/packages/checkbox/style/checkbox.scss';
-@import './es/packages/card/style/card.scss';
 @import './es/packages/cellgroup/style/cellgroup.scss';
-@import './es/packages/calendaritem/style/calendaritem.scss';
+@import './es/packages/cell/style/cell.scss';
 @import './es/packages/cascader/style/cascader.scss';
-@import './es/packages/badge/style/badge.scss';
+@import './es/packages/calendaritem/style/calendaritem.scss';
 @import './es/packages/calendarcard/style/calendarcard.scss';
-@import './es/packages/barrage/style/barrage.scss';
 @import './es/packages/calendar/style/calendar.scss';
+@import './es/packages/card/style/card.scss';
+@import './es/packages/button/style/button.scss';
+@import './es/packages/badge/style/badge.scss';
+@import './es/packages/barrage/style/barrage.scss';
+@import './es/packages/backtop/style/backtop.scss';
 @import './es/packages/avatargroup/style/avatargroup.scss';
 @import './es/packages/avatarcropper/style/avatarcropper.scss';
+@import './es/packages/audio/style/audio.scss';
 @import './es/packages/avatar/style/avatar.scss';
 @import './es/packages/animate/style/animate.scss';
-@import './es/packages/audio/style/audio.scss';
-@import './es/packages/address/style/address.scss';
 @import './es/packages/animatingnumbers/style/animatingnumbers.scss';
-@import './es/packages/actionsheet/style/actionsheet.scss';
-@import './es/packages/button/style/button.scss';
-@import './es/packages/backtop/style/backtop.scss';
+@import './es/packages/address/style/address.scss';
+@import './es/packages/actionsheet/style/actionsheet.scss';

package/dist/styles/variables-jmapp.scss

@@ -1299,21 +1299,43 @@ $address-tab-line-background: linear-gradient(
 ) !default;
 
 //steps（✅）
-$steps-base-icon-width: var(--nutui-steps-base-icon-width, 25px) !default;
-$steps-base-icon-height: var(--nutui-steps-base-icon-height, 25px) !default;
-$steps-base-icon-line-height: var(
-  --nutui-steps-base-icon-line-height,
-  25px
-) !default;
-$steps-base-icon-margin-bottom: var(
-  --nutui-steps-base-icon-margin-bottom,
+//steps（✅）
+$steps-background-color: var(--nutui-steps-background-color, $white) !default;
+$steps-base-head-height: var(--nutui-steps-base-head-height, 14px) !default;
+$steps-base-head-background-color: var(
+  --nutui-steps-base-head-background-color,
+  $color-background
+) !default;
+$steps-base-head-border: var(--nutui-steps-base-head-border, none) !default;
+$steps-base-head-text-size: var(
+  --nutui-steps-base-head-text-size,
   12px
 ) !default;
-$steps-base-icon-font-size: var(
-  --nutui-steps-base-icon-font-size,
-  $font-size-s
+$steps-base-head-size: var(
+  --nutui-steps-base-icon-size,
+  $font-size-xxs
+) !default;
+$steps-base-head-color: var(
+  --nutui-steps-base-head-color,
+  $color-text
+) !default;
+$steps-base-head-dot-size: var(--nutui-steps-base-head-dot-size, 6px) !default;
+$steps-base-head-dot-background-color: var(
+  --nutui-steps-base-head-dot-background-color,
+  $color-text-disabled
+) !default;
+$steps-base-head-icon-size: var(
+  --nutui-steps-base-head-icon-size,
+  16px
+) !default;
+$steps-double-head-icon-size: var(
+  --nutui-steps-base-head-icon-size-right,
+  20px
+) !default;
+$steps-vertical-head-icon-size: var(
+  --nutui-steps-vertical-item-icon-size,
+  20px
 ) !default;
-$steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default;
 $steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
 $steps-base-line-background: var(
   --nutui-steps-base-line-background,
@@ -1321,27 +1343,48 @@ $steps-base-line-background: var(
 ) !default;
 $steps-base-title-font-size: var(
   --nutui-steps-base-title-font-size,
-  $font-size-base
+  $font-size-s
 ) !default;
 $steps-base-title-color: var(
   --nutui-steps-base-title-color,
   $color-title
 ) !default;
-$steps-base-title-margin-bottom: var(
+$steps-base-description-margin-top: var(
   --nutui-steps-base-title-margin-bottom,
-  0
+  2px
 ) !default;
 $steps-base-description-font-size: var(
   --nutui-steps-base-description-font-size,
-  $font-size-s
+  $font-size-xxs
 ) !default;
 $steps-base-description-color: var(
   --nutui-steps-base-description-color,
-  $color-text
+  $color-text-help
 ) !default;
-$steps-wait-icon-bg-color: var(
-  --nutui-steps-wait-icon-bg-color,
-  $color-default
+$steps-base-head-border-color: var(
+  --nutui-steps-base-head-border-color,
+  $color-border
+) !default;
+$steps-process-head-border-color: var(
+  --nutui-steps-base-head-border-color,
+  $color-border
+) !default;
+$steps-process-head-border-color: var(
+  --nutui-steps-base-head-border-color,
+  $color-border
+) !default;
+$steps-process-head-background-color: var(
+  --nutui-steps-process-head-background-color,
+  $color-primary
+) !default;
+$steps-process-color: var(--nutui-steps-process-color, $white) !default;
+$steps-process-title-color: var(
+  --nutui-steps-process-title-color,
+  $color-primary
+) !default;
+$steps-process-description-color: var(
+  --nutui-steps-process-description-color,
+  $color-primary
 ) !default;
 $steps-wait-icon-color: var(
   --nutui-steps-wait-icon-color,
@@ -1349,83 +1392,96 @@ $steps-wait-icon-color: var(
 ) !default;
 $steps-wait-title-color: var(
   --nutui-steps-wait-title-color,
-  $color-text-help
+  $color-title
 ) !default;
 $steps-wait-description-color: var(
   --nutui-steps-wait-description-color,
-  $color-text-help
+  $color-text
 ) !default;
-$steps-process-icon-bg-color: var(
-  --nutui-steps-process-icon-bg-color,
-  $color-primary
+$steps-finish-icon-color: var(
+  --nutui-steps-finish-icon-color,
+  $color-text-help
 ) !default;
-$steps-process-icon-before-bg-color: var(
-  --nutui-steps-process-icon-before-bg-color,
-  none
+$steps-business-title-color: var(
+  --nutui-steps-business-title-color,
+  var(--nutui-color-service-pressed)
 ) !default;
-$steps-process-icon-color: var(
-  --nutui-steps-process-icon-color,
-  $white
+$steps-business-description-color: var(
+  --nutui-steps-business-description-color,
+  var(--nutui-color-service-pressed)
 ) !default;
-$steps-process-title-color: var(
-  --nutui-steps-process-title-color,
-  $color-primary
+$steps-business-head-text-color: var(
+  --nutui-steps-business-head-text-color,
+  var(--nutui-color-service-pressed)
 ) !default;
-$steps-process-title-font-size: var(
-  --nutui-steps-process-title-font-size,
-  $font-size-base
+$steps-business-head-dot-background-color: var(
+  --nutui-steps-business-head-dot-background-color,
+  var(--nutui-color-service-pressed)
 ) !default;
-$steps-process-title-font-weight: var(
-  --nutui-steps-process-title-font-weight,
-  $font-weight-bold
+$steps-business-head-icon-color: var(
+  --nutui-steps-business-head-icon-color,
+  var(--nutui-color-service-pressed)
 ) !default;
-$steps-process-description-color: var(
-  --nutui-steps-process-description-color,
-  $color-text
+$steps-business-head-background-color: var(
+  --nutui-steps-business-head-background-color,
+  var(--nutui-color-service)
 ) !default;
-$steps-finish-icon-bg-color: var(
-  --nutui-steps-finish-icon-bg-color,
+$steps-enhanced-finish-head-background-color: var(
+  --nutui-steps-enhanced-finish-head-background-color,
   $color-primary-light-pressed
 ) !default;
-$steps-finish-icon-color: var(
-  --nutui-steps-finish-icon-color,
-  $color-primary
+$steps-enhanced-finish-head-dot-background-color: var(
+  --nutui-steps-enhanced-finish-head-dot-background-color,
+  $color-primary-disabled-special
 ) !default;
-$steps-finish-icon-border-color: var(
-  --nutui-steps-finish-icon-border-color,
-  transparent
+$steps-enhanced-finish-head-icon-color: var(
+  --nutui-steps-enhanced-finish-head-icon-color,
+  $color-primary-stop-1
 ) !default;
-$steps-finish-title-color: var(
-  --nutui-steps-finish-title-color,
-  $color-title
+$steps-enhanced-finish-head-text-color: var(
+  --nutui-steps-enhanced-finish-head-text-color,
+  $color-primary-stop-1
 ) !default;
-$steps-finish-description-color: var(
-  --nutui-steps-finish-description-color,
-  $color-text
+$steps-horizontal-item-padding-right: var(
+  --nutui-steps-horizontal-item-padding-right,
+  28px
 ) !default;
-$steps-finish-line-background: var(
-  --nutui-steps-finish-line-background,
-  $color-primary
+$steps-horizontal-item-line-padding: var(
+  --nutui-steps-horizontal-item-line-padding,
+  0 8px
 ) !default;
-$steps-dot-finish-icon-bg-color: var(
-  --nutui-steps-finish-icon-bg-color,
-  $white
+$steps-horizontal-item-special-padding-right: var(
+  --nutui-steps-horizontal-item-special-padding-right,
+  22px
 ) !default;
-$steps-dot-finish-icon-border-color: var(
-  --nutui-steps-finish-icon-color,
-  $color-primary
+$steps-horizontal-item-special-3-padding-right: var(
+  --nutui-steps-horizontal-item-special-3-padding-right,
+  9px
 ) !default;
-$steps-dot-wait-icon-bg-color: var(
-  --nutui-steps-dot-wait-icon-bg-color,
-  $white
+$steps-vertical-item-padding-bottom: var(
+  --nutui-steps-vertical-item-padding-bottom,
+  13px
 ) !default;
-$steps-dot-icon-width: var(--nutui-steps-dot-icon-width, 6px) !default;
-$steps-dot-icon-height: var(--nutui-steps-dot-icon-height, 6px) !default;
-$steps-dot-icon-border: var(
-  --nutui-steps-dot-icon-border,
-  2px solid $color-border-shade
+$steps-vertical-title-font-size: var(
+  --nutui-steps-vertical-title-font-size,
+  $font-size-l
+) !default;
+$steps-vertical-title-margin-bottom: var(
+  --nutui-steps-vertical-title-margin-bottom,
+  4px
+) !default;
+$steps-vertical-line-height: var(
+  --nutui-steps-vertical-line-height,
+  18px
+) !default;
+$steps-vertical-description-font-size: var(
+  --nutui-steps-vertical-description-font-size,
+  $font-size-base
+) !default;
+$steps-vertical-description-margin: var(
+  --nutui-steps-vertical-description-margin,
+  0 0 1px
 ) !default;
-$steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default;
 
 // dialog（✅）
 $dialog-min-width: var(--nutui-dialog-min-width, 240px) !default;
@@ -2040,14 +2096,11 @@ $searchbar-background: var(
 ) !default;
 $searchbar-color: var(--nutui-searchbar-color, $color-title) !default;
 $searchbar-gap: var(--nutui-searchbar-gap, 16px) !default;
+$searchbar-inner-gap: var(--nutui-searchbar-inner-gap, 8px) !default;
 $searchbar-font-size: var(
   --nutui-searchbar-font-size,
   $font-size-base
 ) !default;
-$searchbar-content-padding: var(
-  --nutui-searchbar-content-padding,
-  0 12px
-) !default;
 $searchbar-content-background: var(
   --nutui-searchbar-content-background,
   $color-default-light
@@ -2060,6 +2113,7 @@ $searchbar-content-round-border-radius: var(
   --nutui-searchbar-content-round-border-radius,
   18px
 ) !default;
+$searchbar-icon-size: var(--nutui-searchbar-icon-size, 20px) !default;
 $searchbar-input-height: var(--nutui-searchbar-input-height, 36px) !default;
 $searchbar-input-padding: var(
   --nutui-searchbar-input-padding,