@nutui/nutui-react 3.0.0-beta.3 → 3.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/cjs/packages/address/style/style.css +1 -1
  2. package/dist/cjs/packages/animatingnumbers/countup.js +7 -6
  3. package/dist/cjs/packages/animatingnumbers/style/style.css +10 -4
  4. package/dist/cjs/packages/audio/style/style.css +49 -34
  5. package/dist/cjs/packages/button/style/button.scss +36 -19
  6. package/dist/cjs/packages/button/style/style.css +49 -34
  7. package/dist/cjs/packages/calendar/style/style.css +1 -1
  8. package/dist/cjs/packages/card/style/style.css +1 -0
  9. package/dist/cjs/packages/checkbox/checkbox.d.ts +1 -4
  10. package/dist/cjs/packages/checkbox/checkbox.js +0 -2
  11. package/dist/cjs/packages/checkbox/index.d.ts +7 -2
  12. package/dist/cjs/packages/checkbox/index.js +4 -1
  13. package/dist/cjs/packages/checkbox/style/style.css +10 -0
  14. package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  15. package/dist/cjs/packages/checkboxgroup/style/style.css +10 -0
  16. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  17. package/dist/cjs/packages/countdown/countdown.d.ts +2 -20
  18. package/dist/cjs/packages/countdown/countdown.js +3 -2
  19. package/dist/cjs/packages/countdown/index.d.ts +1 -1
  20. package/dist/cjs/packages/countdown/style/countdown.scss +8 -2
  21. package/dist/cjs/packages/countdown/style/style.css +18 -13
  22. package/dist/cjs/packages/countdown/types.d.ts +26 -0
  23. package/dist/cjs/packages/countdown/types.js +4 -0
  24. package/dist/cjs/packages/countup/style/countup.scss +10 -4
  25. package/dist/cjs/packages/countup/style/style.css +10 -4
  26. package/dist/cjs/packages/dialog/style/dialog.scss +10 -7
  27. package/dist/cjs/packages/dialog/style/style.css +58 -41
  28. package/dist/cjs/packages/progress/progress.js +1 -1
  29. package/dist/cjs/packages/progress/style/progress.scss +2 -2
  30. package/dist/cjs/packages/progress/style/style.css +3 -2
  31. package/dist/cjs/packages/rate/style/rate.scss +10 -5
  32. package/dist/cjs/packages/rate/style/style.css +7 -5
  33. package/dist/cjs/packages/tabbar/style/style.css +10 -0
  34. package/dist/cjs/packages/tabbaritem/style/style.css +10 -0
  35. package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +10 -0
  36. package/dist/cjs/packages/tag/style/style.css +1 -0
  37. package/dist/cjs/packages/tag/style/tag.scss +1 -0
  38. package/dist/cjs/packages/toast/style/index.js +1 -0
  39. package/dist/cjs/packages/toast/style/style.css +60 -0
  40. package/dist/cjs/packages/uploader/style/style.css +3 -2
  41. package/dist/cjs/utils/add-color-for-harmony.d.ts +9 -0
  42. package/dist/cjs/utils/add-color-for-harmony.js +27 -0
  43. package/dist/es/packages/address/style/style.css +1 -1
  44. package/dist/es/packages/animatingnumbers/countup.js +7 -6
  45. package/dist/es/packages/animatingnumbers/style/style.css +10 -4
  46. package/dist/es/packages/audio/style/style.css +49 -34
  47. package/dist/es/packages/button/style/button.scss +36 -19
  48. package/dist/es/packages/button/style/style.css +49 -34
  49. package/dist/es/packages/calendar/style/style.css +1 -1
  50. package/dist/es/packages/card/style/style.css +1 -0
  51. package/dist/es/packages/checkbox/checkbox.d.ts +1 -4
  52. package/dist/es/packages/checkbox/checkbox.js +1 -3
  53. package/dist/es/packages/checkbox/index.d.ts +7 -2
  54. package/dist/es/packages/checkbox/index.js +4 -1
  55. package/dist/es/packages/checkbox/style/style.css +10 -0
  56. package/dist/es/packages/checkboxgroup/checkboxgroup.d.ts +10 -50
  57. package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  58. package/dist/es/packages/checkboxgroup/style/style.css +10 -0
  59. package/dist/es/packages/configprovider/types.d.ts +1 -1
  60. package/dist/es/packages/countdown/countdown.d.ts +2 -20
  61. package/dist/es/packages/countdown/countdown.js +3 -2
  62. package/dist/es/packages/countdown/index.d.ts +1 -1
  63. package/dist/es/packages/countdown/style/countdown.scss +8 -2
  64. package/dist/es/packages/countdown/style/style.css +18 -13
  65. package/dist/es/packages/countdown/types.d.ts +26 -0
  66. package/dist/es/packages/countdown/types.js +1 -0
  67. package/dist/es/packages/countup/style/countup.scss +10 -4
  68. package/dist/es/packages/countup/style/style.css +10 -4
  69. package/dist/es/packages/dialog/style/dialog.scss +10 -7
  70. package/dist/es/packages/dialog/style/style.css +58 -41
  71. package/dist/es/packages/ellipsis/ellipsis.d.ts +1 -1
  72. package/dist/es/packages/progress/progress.js +1 -1
  73. package/dist/es/packages/progress/style/progress.scss +2 -2
  74. package/dist/es/packages/progress/style/style.css +3 -2
  75. package/dist/es/packages/rate/rate.d.ts +12 -60
  76. package/dist/es/packages/rate/style/rate.scss +10 -5
  77. package/dist/es/packages/rate/style/style.css +7 -5
  78. package/dist/es/packages/tabbar/style/style.css +10 -0
  79. package/dist/es/packages/tabbar/tabbar.d.ts +7 -35
  80. package/dist/es/packages/tabbaritem/style/style.css +10 -0
  81. package/dist/es/packages/tabbaritem/style/tabbaritem.scss +10 -0
  82. package/dist/es/packages/tabbaritem/tabbaritem.d.ts +7 -35
  83. package/dist/es/packages/tag/style/style.css +1 -0
  84. package/dist/es/packages/tag/style/tag.scss +1 -0
  85. package/dist/es/packages/toast/style/index.js +1 -0
  86. package/dist/es/packages/toast/style/style.css +60 -0
  87. package/dist/es/packages/uploader/style/style.css +3 -2
  88. package/dist/es/utils/add-color-for-harmony.d.ts +9 -0
  89. package/dist/es/utils/add-color-for-harmony.js +16 -0
  90. package/dist/nutui.react.umd.js +149 -146
  91. package/dist/style.css +1 -1
  92. package/dist/styles/themes/default.scss +29 -29
  93. package/dist/styles/variables.scss +36 -30
  94. package/package.json +1 -1
package/dist/styles/themes/default.scss CHANGED
@@ -2,105 +2,105 @@
2
2
  @import '../variables.scss';
3
3
  @import '../mixins/index.scss';
4
4
  @import '../animation/index.scss';
5
- @import '../../es/packages/watermark/style/watermark.scss';
6
5
  @import '../../es/packages/video/style/video.scss';
7
- @import '../../es/packages/virtuallist/style/virtuallist.scss';
8
- @import '../../es/packages/uploader/style/uploader.scss';
9
6
  @import '../../es/packages/trendarrow/style/trendarrow.scss';
10
- @import '../../es/packages/toast/style/toast.scss';
7
+ @import '../../es/packages/watermark/style/watermark.scss';
8
+ @import '../../es/packages/virtuallist/style/virtuallist.scss';
11
9
  @import '../../es/packages/tour/style/tour.scss';
12
- @import '../../es/packages/timedetail/style/timedetail.scss';
10
+ @import '../../es/packages/toast/style/toast.scss';
13
11
  @import '../../es/packages/timeselect/style/timeselect.scss';
12
+ @import '../../es/packages/uploader/style/uploader.scss';
13
+ @import '../../es/packages/timedetail/style/timedetail.scss';
14
14
  @import '../../es/packages/textarea/style/textarea.scss';
15
15
  @import '../../es/packages/tag/style/tag.scss';
16
+ @import '../../es/packages/tabpane/style/tabpane.scss';
16
17
  @import '../../es/packages/tabs/style/tabs.scss';
17
- @import '../../es/packages/tabbaritem/style/tabbaritem.scss';
18
18
  @import '../../es/packages/table/style/table.scss';
19
19
  @import '../../es/packages/tabbar/style/tabbar.scss';
20
- @import '../../es/packages/tabpane/style/tabpane.scss';
20
+ @import '../../es/packages/tabbaritem/style/tabbaritem.scss';
21
21
  @import '../../es/packages/switch/style/switch.scss';
22
22
  @import '../../es/packages/swiperitem/style/swiperitem.scss';
23
23
  @import '../../es/packages/swiper/style/swiper.scss';
24
24
  @import '../../es/packages/swipe/style/swipe.scss';
25
25
  @import '../../es/packages/sticky/style/sticky.scss';
26
- @import '../../es/packages/steps/style/steps.scss';
27
26
  @import '../../es/packages/subsidenavbar/style/subsidenavbar.scss';
27
+ @import '../../es/packages/steps/style/steps.scss';
28
28
  @import '../../es/packages/step/style/step.scss';
29
29
  @import '../../es/packages/space/style/space.scss';
30
- @import '../../es/packages/skeleton/style/skeleton.scss';
31
30
  @import '../../es/packages/signature/style/signature.scss';
31
+ @import '../../es/packages/skeleton/style/skeleton.scss';
32
32
  @import '../../es/packages/sidenavbaritem/style/sidenavbaritem.scss';
33
33
  @import '../../es/packages/sidenavbar/style/sidenavbar.scss';
34
- @import '../../es/packages/shortpassword/style/shortpassword.scss';
35
34
  @import '../../es/packages/searchbar/style/searchbar.scss';
35
+ @import '../../es/packages/shortpassword/style/shortpassword.scss';
36
36
  @import '../../es/packages/safearea/style/safearea.scss';
37
- @import '../../es/packages/resultpage/style/resultpage.scss';
38
37
  @import '../../es/packages/row/style/row.scss';
38
+ @import '../../es/packages/resultpage/style/resultpage.scss';
39
39
  @import '../../es/packages/rate/style/rate.scss';
40
40
  @import '../../es/packages/range/style/range.scss';
41
41
  @import '../../es/packages/radiogroup/style/radiogroup.scss';
42
- @import '../../es/packages/radio/style/radio.scss';
43
42
  @import '../../es/packages/pulltorefresh/style/pulltorefresh.scss';
43
+ @import '../../es/packages/radio/style/radio.scss';
44
44
  @import '../../es/packages/progress/style/progress.scss';
45
45
  @import '../../es/packages/price/style/price.scss';
46
46
  @import '../../es/packages/popup/style/popup.scss';
47
+ @import '../../es/packages/popover/style/popover.scss';
47
48
  @import '../../es/packages/picker/style/picker.scss';
48
49
  @import '../../es/packages/pagination/style/pagination.scss';
49
- @import '../../es/packages/popover/style/popover.scss';
50
50
  @import '../../es/packages/overlay/style/overlay.scss';
51
- @import '../../es/packages/notify/style/notify.scss';
52
51
  @import '../../es/packages/numberkeyboard/style/numberkeyboard.scss';
52
+ @import '../../es/packages/notify/style/notify.scss';
53
53
  @import '../../es/packages/noticebar/style/noticebar.scss';
54
54
  @import '../../es/packages/navbar/style/navbar.scss';
55
- @import '../../es/packages/menuitem/style/menuitem.scss';
56
55
  @import '../../es/packages/menu/style/menu.scss';
57
- @import '../../es/packages/loading/style/loading.scss';
56
+ @import '../../es/packages/menuitem/style/menuitem.scss';
58
57
  @import '../../es/packages/layout/style/layout.scss';
59
58
  @import '../../es/packages/inputnumber/style/inputnumber.scss';
59
+ @import '../../es/packages/indicator/style/indicator.scss';
60
+ @import '../../es/packages/loading/style/loading.scss';
60
61
  @import '../../es/packages/input/style/input.scss';
61
62
  @import '../../es/packages/infiniteloading/style/infiniteloading.scss';
62
- @import '../../es/packages/indicator/style/indicator.scss';
63
- @import '../../es/packages/imagepreview/style/imagepreview.scss';
64
63
  @import '../../es/packages/image/style/image.scss';
64
+ @import '../../es/packages/imagepreview/style/imagepreview.scss';
65
65
  @import '../../es/packages/hoverbuttonitem/style/hoverbuttonitem.scss';
66
66
  @import '../../es/packages/hoverbutton/style/hoverbutton.scss';
67
- @import '../../es/packages/griditem/style/griditem.scss';
68
67
  @import '../../es/packages/grid/style/grid.scss';
69
- @import '../../es/packages/formitem/style/formitem.scss';
68
+ @import '../../es/packages/griditem/style/griditem.scss';
70
69
  @import '../../es/packages/form/style/form.scss';
70
+ @import '../../es/packages/formitem/style/formitem.scss';
71
+ @import '../../es/packages/fixednav/style/fixednav.scss';
71
72
  @import '../../es/packages/ellipsis/style/ellipsis.scss';
72
73
  @import '../../es/packages/empty/style/empty.scss';
73
- @import '../../es/packages/fixednav/style/fixednav.scss';
74
- @import '../../es/packages/elevator/style/elevator.scss';
75
74
  @import '../../es/packages/drag/style/drag.scss';
76
75
  @import '../../es/packages/divider/style/divider.scss';
76
+ @import '../../es/packages/elevator/style/elevator.scss';
77
77
  @import '../../es/packages/dialog/style/dialog.scss';
78
78
  @import '../../es/packages/datepicker/style/datepicker.scss';
79
79
  @import '../../es/packages/countup/style/countup.scss';
80
80
  @import '../../es/packages/countdown/style/countdown.scss';
81
- @import '../../es/packages/configprovider/style/configprovider.scss';
82
81
  @import '../../es/packages/collapseitem/style/collapseitem.scss';
82
+ @import '../../es/packages/configprovider/style/configprovider.scss';
83
83
  @import '../../es/packages/collapse/style/collapse.scss';
84
84
  @import '../../es/packages/col/style/col.scss';
85
- @import '../../es/packages/circleprogress/style/circleprogress.scss';
86
85
  @import '../../es/packages/checkboxgroup/style/checkboxgroup.scss';
87
- @import '../../es/packages/card/style/card.scss';
88
- @import '../../es/packages/cellgroup/style/cellgroup.scss';
86
+ @import '../../es/packages/circleprogress/style/circleprogress.scss';
89
87
  @import '../../es/packages/checkbox/style/checkbox.scss';
88
+ @import '../../es/packages/cellgroup/style/cellgroup.scss';
90
89
  @import '../../es/packages/cell/style/cell.scss';
91
90
  @import '../../es/packages/cascader/style/cascader.scss';
91
+ @import '../../es/packages/card/style/card.scss';
92
92
  @import '../../es/packages/calendaritem/style/calendaritem.scss';
93
93
  @import '../../es/packages/calendarcard/style/calendarcard.scss';
94
+ @import '../../es/packages/barrage/style/barrage.scss';
94
95
  @import '../../es/packages/calendar/style/calendar.scss';
95
96
  @import '../../es/packages/button/style/button.scss';
96
- @import '../../es/packages/barrage/style/barrage.scss';
97
97
  @import '../../es/packages/badge/style/badge.scss';
98
98
  @import '../../es/packages/backtop/style/backtop.scss';
99
- @import '../../es/packages/avatargroup/style/avatargroup.scss';
100
99
  @import '../../es/packages/avatarcropper/style/avatarcropper.scss';
101
100
  @import '../../es/packages/avatar/style/avatar.scss';
102
- @import '../../es/packages/audio/style/audio.scss';
101
+ @import '../../es/packages/avatargroup/style/avatargroup.scss';
103
102
  @import '../../es/packages/animatingnumbers/style/animatingnumbers.scss';
103
+ @import '../../es/packages/audio/style/audio.scss';
104
104
  @import '../../es/packages/animate/style/animate.scss';
105
105
  @import '../../es/packages/address/style/address.scss';
106
106
  @import '../../es/packages/actionsheet/style/actionsheet.scss';
package/dist/styles/variables.scss CHANGED
@@ -229,7 +229,7 @@ $button-default-disabled-color: var(
229
229
  $button-default-padding: var(--nutui-button-default-padding, 0px 12px) !default;
230
230
  $button-default-font-size: var(
231
231
  --nutui-button-default-font-size,
232
- $font-size-base
232
+ $font-size-s
233
233
  ) !default;
234
234
  $button-default-font-weight: var(
235
235
  --nutui-button-default-font-weight,
@@ -240,14 +240,14 @@ $button-xlarge-height: var(--nutui-button-xlarge-height, 48px) !default;
240
240
  $button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px 24px) !default;
241
241
  $button-xlarge-font-size: var(
242
242
  --nutui-button-xlarge-font-size,
243
- $font-size-xxl
243
+ $font-size-xl
244
244
  ) !default;
245
245
 
246
246
  $button-large-height: var(--nutui-button-large-height, 40px) !default;
247
247
  $button-large-padding: var(--nutui-button-large-padding, 0px 16px) !default;
248
248
  $button-large-font-size: var(
249
249
  --nutui-button-large-font-size,
250
- $font-size-l
250
+ $font-size-base
251
251
  ) !default;
252
252
  $button-large-font-weight: var(
253
253
  --nutui-button-large-font-weight,
@@ -273,7 +273,7 @@ $button-mini-padding: var(--nutui-button-mini-padding, 0px 8px) !default;
273
273
  $button-mini-height: var(--nutui-button-mini-height, 24px) !default;
274
274
  $button-mini-font-size: var(
275
275
  --nutui-button-mini-font-size,
276
- $font-size-s
276
+ $font-size-xs
277
277
  ) !default;
278
278
  $button-mini-border-radius: var(
279
279
  --nutui-button-mini-border-radius,
@@ -288,13 +288,12 @@ $button-primary-border-color: var(
288
288
  --nutui-button-primary-border-color,
289
289
  $color-primary
290
290
  ) !default;
291
- $button-primary-background-color: $color-primary;
291
+ $button-primary-background-color: linear-gradient(
292
+ 90deg,
293
+ $color-primary-stop-1 0%,
294
+ $color-primary-stop-2 100%
295
+ ) !default;
292
296
 
293
- // linear-gradient(
294
- // 135deg,
295
- // $color-primary-stop-1 0%,
296
- // $color-primary-stop-2 100%
297
- // ) !default;
298
297
  $button-primary-disabled: var(
299
298
  --nutui-button-primary-disabled,
300
299
  $color-primary-disabled-special
@@ -368,6 +367,10 @@ $button-danger-disabled: var(
368
367
  $color-danger-disabled
369
368
  ) !default;
370
369
 
370
+ $button-xlarge-text-icon-margin: var(
371
+ --nutui-button-xlarge-text-icon-margin,
372
+ 6px
373
+ ) !default;
371
374
  $button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
372
375
 
373
376
  // cell（✅）
@@ -775,43 +778,43 @@ $numberkeyboard-key-confirm-background-color: var(
775
778
  // countdown（✅）
776
779
  $countdown-display: var(--nutui-countdown-display, flex) !default;
777
780
  $countdown-color: var(--nutui-countdown-color, $color-primary) !default;
778
- $countdown-font-size: var(--nutui-countdown-font-size, 10px) !default;
779
- $coutdown-font-weight: var(--nutui-countdown-font-weight, 400) !default;
780
- $countdown-height: var(--nutui-countdown-height, 14px) !default;
781
- $countdown-width: var(--nutui-countdown-width, 20px) !default;
782
- $countdown-number-padding: var(
783
- --nutui-countdown-number-padding,
784
- 0 1px
781
+ $countdown-font-size: var(--nutui-countdown-font-size, $font-size-xs) !default;
782
+ $coutdown-font-weight: var(
783
+ --nutui-countdown-font-weight,
784
+ $font-weight
785
785
  ) !default;
786
+ $countdown-height: var(--nutui-countdown-height, 16px) !default;
787
+ $countdown-width: var(--nutui-countdown-width, 16px) !default;
788
+ $countdown-number-padding: var(--nutui-countdown-number-padding, 0 0) !default;
786
789
  $countdown-number-border-radius: var(
787
790
  --nutui-countdown-number-border-radius,
788
- 2px
789
- ) !default;
790
- $countdown-number-margin: var(--nutui-countdown-number-margin, 0 2px) !default;
791
- $countdown-number-border-color: var(
792
- --nutui-countdown-number-border-color,
793
- $color-primary-light-pressed
791
+ $radius-xxs
794
792
  ) !default;
793
+ $countdown-number-margin: var(--nutui-countdown-number-margin, 0 1px) !default;
795
794
  $countdown-number-color: var(
796
795
  --nutui-countdown-number-color,
797
796
  $color-primary
798
797
  ) !default;
799
798
  $countdown-number-background-color: var(
800
799
  --nutui-countdown-number-background-color,
801
- transparent
800
+ $color-background-overlay
802
801
  ) !default;
803
- $countdown-number-primary-border-color: var(
804
- --nutui-countdown-number-primary-border-color,
805
- $color-primary
802
+ $countdown-number-border-color: var(
803
+ --nutui-countdown-number-border-color,
804
+ $color-primary-light-pressed
806
805
  ) !default;
807
806
  $countdown-number-primary-color: var(
808
807
  --nutui-countdown-number-primary-color,
809
- #ffffff
808
+ $color-primary-text
810
809
  ) !default;
811
810
  $countdown-number-primary-background-color: var(
812
811
  --nutui-countdown-number-primary-background-color,
813
812
  $color-primary
814
813
  ) !default;
814
+ $countdown-number-primary-border-color: var(
815
+ --nutui-countdown-number-primary-border-color,
816
+ $color-primary
817
+ ) !default;
815
818
 
816
819
  //large price（✅）
817
820
  $price-symbol-padding-right: var(
@@ -1634,7 +1637,10 @@ $popover-menu-item-padding: var(
1634
1637
 
1635
1638
  //progress（✅）
1636
1639
  $progress-height: var(--nutui-progress-height, 10px) !default;
1637
- $progress-color: var(--nutui-progress-color, #ff0f23) !default;
1640
+ $progress-color: var(
1641
+ --nutui-progress-color,
1642
+ $color-primary-gradient-1
1643
+ ) !default;
1638
1644
  $progress-background: var(
1639
1645
  --nutui-progress-background,
1640
1646
  $color-background
@@ -1646,7 +1652,7 @@ $progress-text-color: var(
1646
1652
  ) !default;
1647
1653
  $progress-text-background: var(
1648
1654
  --nutui-progress-text-background,
1649
- #ff0f23
1655
+ $color-primary-gradient-1
1650
1656
  ) !default;
1651
1657
  $progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default;
1652
1658
  $progress-text-font-size: var(--nutui-progress-text-font-size, 9px) !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "3.0.0-beta.3",
3
+ "version": "3.0.0-beta.4",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/es/packages/nutui.react.build.js",