@nutui/nutui-react 3.0.5 → 3.0.6

package/dist/style.scss

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

package/dist/styles/variables-jmapp.scss

@@ -1117,6 +1117,13 @@ $notify-warning-background-color: var(
   --nutui-notify-warning-background-color,
   $color-warning
 ) !default;
+$notify-border-radius: var(--nutui-notify-border-radius, 8px) !default;
+$notify-box-shadow: var(
+  --nutui-notify-box-shadow,
+  0px 4px 12px 0px rgba(0, 0, 0, 0.06)
+) !default;
+$notify-z-index: var(--nutui-notify-z-index, 1000) !default;
+$notify-background-color: var(--nutui-notify-background-color, $white) !default;
 
 // rate（✅）
 $rate-item-margin: var(--nutui-rate-item-margin, 14px) !default;
@@ -1603,6 +1610,10 @@ $badge-background-color: var(
   --nutui-badge-background-color,
   $color-danger
 ) !default;
+$badge-background-disabled-color: var(
+  --nutui-badge-background-disabled-color,
+  $color-text-disabled
+) !default;
 $badge-color: var(--nutui-badge-color, #fff) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-xs) !default;
 $badge-border: var(--nutui-badge-border, 2px solid $badge-color) !default;
@@ -2086,7 +2097,18 @@ $skeleton-background: var(
   $color-background
 ) !default;
 $skeleton-line-width: var(--nutui-skeleton-line-width, 100%) !default;
-$skeleton-line-height: var(--nutui-skeleton-line-height, 15px) !default;
+$skeleton-line-small-height: var(
+  --nutui-skeleton-line-small-height,
+  16px
+) !default;
+$skeleton-line-normal-height: var(
+  --nutui-skeleton-line-normal-height,
+  24px
+) !default;
+$skeleton-line-large-height: var(
+  --nutui-skeleton-line-large-height,
+  32px
+) !default;
 $skeleton-line-border-radius: var(
   --nutui-skeleton-line-border-radius,
   0

package/dist/styles/variables-jrkf.scss

@@ -1136,6 +1136,13 @@ $notify-warning-background-color: var(
   --nutui-notify-warning-background-color,
   $color-warning
 ) !default;
+$notify-border-radius: var(--nutui-notify-border-radius, 8px) !default;
+$notify-box-shadow: var(
+  --nutui-notify-box-shadow,
+  0px 4px 12px 0px rgba(0, 0, 0, 0.06)
+) !default;
+$notify-z-index: var(--nutui-notify-z-index, 1000) !default;
+$notify-background-color: var(--nutui-notify-background-color, $white) !default;
 
 // rate（✅）
 $rate-item-margin: var(--nutui-rate-item-margin, 14px) !default;
@@ -1628,6 +1635,10 @@ $badge-background-color: var(
   --nutui-badge-background-color,
   $color-danger
 ) !default;
+$badge-background-disabled-color: var(
+  --nutui-badge-background-disabled-color,
+  $color-text-disabled
+) !default;
 $badge-color: var(--nutui-badge-color, #fff) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-xs) !default;
 $badge-border: var(--nutui-badge-border, 2px solid $badge-color) !default;
@@ -2116,7 +2127,18 @@ $skeleton-background: var(
   $color-background
 ) !default;
 $skeleton-line-width: var(--nutui-skeleton-line-width, 100%) !default;
-$skeleton-line-height: var(--nutui-skeleton-line-height, 15px) !default;
+$skeleton-line-small-height: var(
+  --nutui-skeleton-line-small-height,
+  16px
+) !default;
+$skeleton-line-normal-height: var(
+  --nutui-skeleton-line-normal-height,
+  24px
+) !default;
+$skeleton-line-large-height: var(
+  --nutui-skeleton-line-large-height,
+  32px
+) !default;
 $skeleton-line-border-radius: var(
   --nutui-skeleton-line-border-radius,
   0

package/dist/styles/variables.scss

@@ -1099,30 +1099,17 @@ $popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
 $popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
 
 // Notify（✅）
-$notify-text-color: var(--nutui-notify-text-color, $white) !default;
-$notify-padding: var(--nutui-notify-padding, 0px 10px) !default;
-$notify-font-size: var(--nutui-notify-font-size, $font-size-base) !default;
 $notify-height: var(--nutui-notify-height, 40px) !default;
-$notify-base-background-color: var(
-  --nutui-notify-base-background-color,
-  $color-primary
-) !default;
-$notify-primary-background-color: var(
-  --nutui-notify-primary-background-color,
-  $color-info
-) !default;
-$notify-success-background-color: var(
-  --nutui-notify-success-background-color,
-  $color-success
-) !default;
-$notify-danger-background-color: var(
-  --nutui-notify-danger-background-color,
-  $color-primary
-) !default;
-$notify-warning-background-color: var(
-  --nutui-notify-warning-background-color,
-  $color-warning
-) !default;
+$notify-padding: var(--nutui-notify-padding, 0px 12px) !default;
+$notify-border-radius: var(--nutui-notify-border-radius, 8px) !default;
+$notify-box-shadow: var(
+  --nutui-notify-box-shadow,
+  0px 4px 12px 0px rgba(0, 0, 0, 0.06)
+) !default;
+$notify-z-index: var(--nutui-notify-z-index, 1000) !default;
+$notify-text-color: var(--nutui-notify-text-color, $color-title) !default;
+$notify-font-size: var(--nutui-notify-font-size, $font-size-base) !default;
+$notify-background-color: var(--nutui-notify-background-color, $white) !default;
 
 // rate（✅）
 $rate-item-margin: var(--nutui-rate-item-margin, 4px) !default;
@@ -1136,21 +1123,18 @@ $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
 
 // tabbar（✅）
-$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
+$tabbar-height: var(--nutui-tabbar-height, 46px) !default;
 $tabbar-active-color: var(--nutui-tabbar-active-color, $color-primary) !default;
 $tabbar-inactive-color: var(
   --nutui-tabbar-inactive-color,
   $color-title
 ) !default;
-$tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
-$tabbar-border-bottom: var(
-  --nutui-tabbar-border-bottom,
-  1px solid #eee
-) !default;
+$tabbar-border-top: var(--nutui-tabbar-border-top, 0) !default;
+$tabbar-border-bottom: var(--nutui-tabbar-border-bottom, 0) !default;
 $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
 $tabbar-text-font-size: var(
   --nutui-tabbar-text-font-size,
-  $font-size-xs
+  $font-size-xxs
 ) !default;
 $tabbar-text-large-font-size: var(
   --nutui-tabbar-text-large-font-size,
@@ -1161,8 +1145,7 @@ $tabbar-text-large-font-weight: var(
   $font-weight
 ) !default;
 $tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
-$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
-$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
+$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 4px) !default;
 
 //pulltorefresh
 $pulltorefresh-icon-width: var(--nutui-pulltorefresh-icon-width, 36px) !default;
@@ -1616,6 +1599,10 @@ $badge-background-color: var(
   --nutui-badge-background-color,
   $color-primary
 ) !default;
+$badge-background-disabled-color: var(
+  --nutui-badge-background-disabled-color,
+  $color-text-disabled
+) !default;
 $badge-color: var(--nutui-badge-color, $color-primary-text) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-xxxs) !default;
 $badge-border: var(
@@ -1633,8 +1620,8 @@ $badge-content-transform: var(
 ) !default;
 $badge-z-index: var(--nutui-badge-z-index, 1) !default;
 $badge-dot-width: var(--nutui-badge-dot-width, 6px) !default;
-$badge-dot-small-width: var(--nutui-badge-dot-width, 4px) !default;
-$badge-dot-large-width: var(--nutui-badge-dot-width, 8px) !default;
+$badge-dot-small-width: var(--nutui-badge-dot-small-width, 4px) !default;
+$badge-dot-large-width: var(--nutui-badge-dot-large-width, 8px) !default;
 $badge-dot-border: var(--nutui-badge-dot-border, 1px solid $color-primary-text);
 $badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
 $badge-outline-border: var(
@@ -2132,13 +2119,24 @@ $form-item-tip-text-align: var(--nutui-form-item-tip-text-align, left) !default;
 // skeleton（✅）
 $skeleton-background: var(
   --nutui-skeleton-background,
-  $color-background
+  $color-background-sunken
 ) !default;
 $skeleton-line-width: var(--nutui-skeleton-line-width, 100%) !default;
-$skeleton-line-height: var(--nutui-skeleton-line-height, 15px) !default;
+$skeleton-line-small-height: var(
+  --nutui-skeleton-line-small-height,
+  16px
+) !default;
+$skeleton-line-normal-height: var(
+  --nutui-skeleton-line-normal-height,
+  24px
+) !default;
+$skeleton-line-large-height: var(
+  --nutui-skeleton-line-large-height,
+  32px
+) !default;
 $skeleton-line-border-radius: var(
   --nutui-skeleton-line-border-radius,
-  0
+  $radius-xs
 ) !default;
 
 // card（✅）

package/package.json

@@ -1 +1 @@
-{"name":"@nutui/nutui-react","version":"3.0.5","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","lodash.kebabcase":"^4.1.1","lottie-miniprogram":"^1.0.12","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}
+{"name":"@nutui/nutui-react","version":"3.0.6","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"description":"京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.1","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}