@nutui/nutui-react 3.0.0-beta.2 → 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 (167) 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/avatar/style/avatar.scss +7 -60
  6. package/dist/cjs/packages/avatar/style/style.css +5 -43
  7. package/dist/cjs/packages/badge/badge.js +5 -3
  8. package/dist/cjs/packages/badge/style/badge.scss +18 -24
  9. package/dist/cjs/packages/badge/style/style.css +17 -15
  10. package/dist/cjs/packages/button/style/button.scss +36 -19
  11. package/dist/cjs/packages/button/style/style.css +49 -34
  12. package/dist/cjs/packages/calendar/style/style.css +1 -1
  13. package/dist/cjs/packages/calendarcard/calendarcard.js +8 -3
  14. package/dist/cjs/packages/calendarcard/style/calendarcard.scss +25 -4
  15. package/dist/cjs/packages/calendarcard/style/style.css +27 -2
  16. package/dist/cjs/packages/card/style/style.css +1 -0
  17. package/dist/cjs/packages/checkbox/checkbox.d.ts +1 -4
  18. package/dist/cjs/packages/checkbox/checkbox.js +0 -2
  19. package/dist/cjs/packages/checkbox/index.d.ts +7 -2
  20. package/dist/cjs/packages/checkbox/index.js +4 -1
  21. package/dist/cjs/packages/checkbox/style/style.css +10 -0
  22. package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  23. package/dist/cjs/packages/checkboxgroup/style/style.css +10 -0
  24. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  25. package/dist/cjs/packages/countdown/countdown.d.ts +2 -20
  26. package/dist/cjs/packages/countdown/countdown.js +3 -2
  27. package/dist/cjs/packages/countdown/index.d.ts +1 -1
  28. package/dist/cjs/packages/countdown/style/countdown.scss +8 -2
  29. package/dist/cjs/packages/countdown/style/style.css +18 -13
  30. package/dist/cjs/packages/countdown/types.d.ts +26 -0
  31. package/dist/cjs/packages/countdown/types.js +4 -0
  32. package/dist/cjs/packages/countup/style/countup.scss +10 -4
  33. package/dist/cjs/packages/countup/style/style.css +10 -4
  34. package/dist/cjs/packages/dialog/style/dialog.scss +10 -7
  35. package/dist/cjs/packages/dialog/style/style.css +58 -41
  36. package/dist/cjs/packages/navbar/navbar.js +10 -5
  37. package/dist/cjs/packages/navbar/style/navbar.scss +46 -101
  38. package/dist/cjs/packages/navbar/style/style.css +44 -89
  39. package/dist/cjs/packages/pagination/pagination.js +2 -0
  40. package/dist/cjs/packages/pagination/style/pagination.scss +6 -12
  41. package/dist/cjs/packages/pagination/style/style.css +8 -14
  42. package/dist/cjs/packages/progress/progress.js +1 -1
  43. package/dist/cjs/packages/progress/style/progress.scss +2 -2
  44. package/dist/cjs/packages/progress/style/style.css +3 -2
  45. package/dist/cjs/packages/radio/index.d.ts +8 -2
  46. package/dist/cjs/packages/radio/index.js +6 -1
  47. package/dist/cjs/packages/radio/radio.d.ts +1 -4
  48. package/dist/cjs/packages/radio/radio.js +0 -2
  49. package/dist/cjs/packages/radio/style/radio.scss +1 -0
  50. package/dist/cjs/packages/radiogroup/radiogroup.js +1 -1
  51. package/dist/cjs/packages/rate/style/rate.scss +10 -5
  52. package/dist/cjs/packages/rate/style/style.css +7 -5
  53. package/dist/cjs/packages/safearea/style/safearea.scss +1 -1
  54. package/dist/cjs/packages/safearea/style/style.css +1 -1
  55. package/dist/cjs/packages/searchbar/style/searchbar.scss +10 -7
  56. package/dist/cjs/packages/searchbar/style/style.css +11 -8
  57. package/dist/cjs/packages/skeleton/style/style.css +5 -43
  58. package/dist/cjs/packages/tabbar/style/style.css +27 -15
  59. package/dist/cjs/packages/tabbaritem/style/style.css +27 -15
  60. package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +10 -0
  61. package/dist/cjs/packages/tag/style/style.css +1 -0
  62. package/dist/cjs/packages/tag/style/tag.scss +1 -0
  63. package/dist/cjs/packages/toast/style/index.js +1 -0
  64. package/dist/cjs/packages/toast/style/style.css +60 -0
  65. package/dist/cjs/packages/uploader/style/style.css +3 -2
  66. package/dist/cjs/utils/add-color-for-harmony.d.ts +9 -0
  67. package/dist/cjs/utils/add-color-for-harmony.js +27 -0
  68. package/dist/es/packages/address/style/style.css +1 -1
  69. package/dist/es/packages/animatingnumbers/countup.js +7 -6
  70. package/dist/es/packages/animatingnumbers/style/style.css +10 -4
  71. package/dist/es/packages/audio/style/style.css +49 -34
  72. package/dist/es/packages/avatar/style/avatar.scss +7 -60
  73. package/dist/es/packages/avatar/style/style.css +5 -43
  74. package/dist/es/packages/badge/badge.d.ts +7 -35
  75. package/dist/es/packages/badge/badge.js +5 -3
  76. package/dist/es/packages/badge/style/badge.scss +18 -24
  77. package/dist/es/packages/badge/style/style.css +17 -15
  78. package/dist/es/packages/button/style/button.scss +36 -19
  79. package/dist/es/packages/button/style/style.css +49 -34
  80. package/dist/es/packages/calendar/style/style.css +1 -1
  81. package/dist/es/packages/calendarcard/calendarcard.d.ts +13 -65
  82. package/dist/es/packages/calendarcard/calendarcard.js +9 -4
  83. package/dist/es/packages/calendarcard/style/calendarcard.scss +25 -4
  84. package/dist/es/packages/calendarcard/style/style.css +27 -2
  85. package/dist/es/packages/card/style/style.css +1 -0
  86. package/dist/es/packages/checkbox/checkbox.d.ts +1 -4
  87. package/dist/es/packages/checkbox/checkbox.js +1 -3
  88. package/dist/es/packages/checkbox/index.d.ts +7 -2
  89. package/dist/es/packages/checkbox/index.js +4 -1
  90. package/dist/es/packages/checkbox/style/style.css +10 -0
  91. package/dist/es/packages/checkboxgroup/checkboxgroup.d.ts +10 -50
  92. package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  93. package/dist/es/packages/checkboxgroup/style/style.css +10 -0
  94. package/dist/es/packages/configprovider/types.d.ts +1 -1
  95. package/dist/es/packages/countdown/countdown.d.ts +2 -20
  96. package/dist/es/packages/countdown/countdown.js +3 -2
  97. package/dist/es/packages/countdown/index.d.ts +1 -1
  98. package/dist/es/packages/countdown/style/countdown.scss +8 -2
  99. package/dist/es/packages/countdown/style/style.css +18 -13
  100. package/dist/es/packages/countdown/types.d.ts +26 -0
  101. package/dist/es/packages/countdown/types.js +1 -0
  102. package/dist/es/packages/countup/style/countup.scss +10 -4
  103. package/dist/es/packages/countup/style/style.css +10 -4
  104. package/dist/es/packages/dialog/style/dialog.scss +10 -7
  105. package/dist/es/packages/dialog/style/style.css +58 -41
  106. package/dist/es/packages/ellipsis/ellipsis.d.ts +1 -1
  107. package/dist/es/packages/loading/loading.d.ts +3 -15
  108. package/dist/es/packages/navbar/navbar.js +10 -5
  109. package/dist/es/packages/navbar/style/navbar.scss +46 -101
  110. package/dist/es/packages/navbar/style/style.css +44 -89
  111. package/dist/es/packages/pagination/pagination.js +2 -0
  112. package/dist/es/packages/pagination/style/pagination.scss +6 -12
  113. package/dist/es/packages/pagination/style/style.css +8 -14
  114. package/dist/es/packages/progress/progress.js +1 -1
  115. package/dist/es/packages/progress/style/progress.scss +2 -2
  116. package/dist/es/packages/progress/style/style.css +3 -2
  117. package/dist/es/packages/radio/index.d.ts +8 -2
  118. package/dist/es/packages/radio/index.js +5 -1
  119. package/dist/es/packages/radio/radio.d.ts +10 -49
  120. package/dist/es/packages/radio/radio.js +0 -2
  121. package/dist/es/packages/radio/style/radio.scss +1 -0
  122. package/dist/es/packages/radiogroup/radiogroup.d.ts +7 -35
  123. package/dist/es/packages/radiogroup/radiogroup.js +1 -1
  124. package/dist/es/packages/rate/rate.d.ts +12 -60
  125. package/dist/es/packages/rate/style/rate.scss +10 -5
  126. package/dist/es/packages/rate/style/style.css +7 -5
  127. package/dist/es/packages/safearea/safearea.d.ts +1 -5
  128. package/dist/es/packages/safearea/style/safearea.scss +1 -1
  129. package/dist/es/packages/safearea/style/style.css +1 -1
  130. package/dist/es/packages/searchbar/searchbar.d.ts +19 -95
  131. package/dist/es/packages/searchbar/style/searchbar.scss +10 -7
  132. package/dist/es/packages/searchbar/style/style.css +11 -8
  133. package/dist/es/packages/skeleton/style/style.css +5 -43
  134. package/dist/es/packages/tabbar/style/style.css +27 -15
  135. package/dist/es/packages/tabbar/tabbar.d.ts +7 -35
  136. package/dist/es/packages/tabbaritem/style/style.css +27 -15
  137. package/dist/es/packages/tabbaritem/style/tabbaritem.scss +10 -0
  138. package/dist/es/packages/tabbaritem/tabbaritem.d.ts +7 -35
  139. package/dist/es/packages/tag/style/style.css +1 -0
  140. package/dist/es/packages/tag/style/tag.scss +1 -0
  141. package/dist/es/packages/toast/style/index.js +1 -0
  142. package/dist/es/packages/toast/style/style.css +60 -0
  143. package/dist/es/packages/uploader/style/style.css +3 -2
  144. package/dist/es/packages/video/video.d.ts +5 -25
  145. package/dist/es/utils/add-color-for-harmony.d.ts +9 -0
  146. package/dist/es/utils/add-color-for-harmony.js +16 -0
  147. package/dist/nutui.react.umd.js +250 -235
  148. package/dist/style.css +1 -1
  149. package/dist/styles/themes/default.scss +28 -28
  150. package/dist/styles/variables.scss +43 -34
  151. package/package.json +1 -1
  152. package/dist/cjs/packages/nutui.react.build.rn.d.ts +0 -203
  153. package/dist/cjs/packages/nutui.react.build.rn.js +0 -418
  154. package/dist/cjs/packages/nutui.react.rn.d.ts +0 -304
  155. package/dist/cjs/packages/nutui.react.rn.js +0 -519
  156. package/dist/cjs/packages/popup/index.rn.d.ts +0 -3
  157. package/dist/cjs/packages/popup/index.rn.js +0 -12
  158. package/dist/cjs/packages/popup/popup.rn.d.ts +0 -26
  159. package/dist/cjs/packages/popup/popup.rn.js +0 -186
  160. package/dist/es/packages/nutui.react.build.rn.d.ts +0 -203
  161. package/dist/es/packages/nutui.react.build.rn.js +0 -203
  162. package/dist/es/packages/nutui.react.rn.d.ts +0 -304
  163. package/dist/es/packages/nutui.react.rn.js +0 -304
  164. package/dist/es/packages/popup/index.rn.d.ts +0 -3
  165. package/dist/es/packages/popup/index.rn.js +0 -2
  166. package/dist/es/packages/popup/popup.rn.d.ts +0 -26
  167. package/dist/es/packages/popup/popup.rn.js +0 -174
@@ -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
- @import '../../es/packages/virtuallist/style/virtuallist.scss';
7
5
  @import '../../es/packages/video/style/video.scss';
8
- @import '../../es/packages/uploader/style/uploader.scss';
9
6
  @import '../../es/packages/trendarrow/style/trendarrow.scss';
7
+ @import '../../es/packages/watermark/style/watermark.scss';
8
+ @import '../../es/packages/virtuallist/style/virtuallist.scss';
10
9
  @import '../../es/packages/tour/style/tour.scss';
11
10
  @import '../../es/packages/toast/style/toast.scss';
12
11
  @import '../../es/packages/timeselect/style/timeselect.scss';
12
+ @import '../../es/packages/uploader/style/uploader.scss';
13
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
16
  @import '../../es/packages/tabpane/style/tabpane.scss';
17
17
  @import '../../es/packages/tabs/style/tabs.scss';
18
18
  @import '../../es/packages/table/style/table.scss';
19
+ @import '../../es/packages/tabbar/style/tabbar.scss';
19
20
  @import '../../es/packages/tabbaritem/style/tabbaritem.scss';
20
21
  @import '../../es/packages/switch/style/switch.scss';
21
- @import '../../es/packages/tabbar/style/tabbar.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
- @import '../../es/packages/subsidenavbar/style/subsidenavbar.scss';
26
25
  @import '../../es/packages/sticky/style/sticky.scss';
26
+ @import '../../es/packages/subsidenavbar/style/subsidenavbar.scss';
27
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
37
  @import '../../es/packages/row/style/row.scss';
38
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
- @import '../../es/packages/popover/style/popover.scss';
47
46
  @import '../../es/packages/popup/style/popup.scss';
47
+ @import '../../es/packages/popover/style/popover.scss';
48
48
  @import '../../es/packages/picker/style/picker.scss';
49
49
  @import '../../es/packages/pagination/style/pagination.scss';
50
50
  @import '../../es/packages/overlay/style/overlay.scss';
51
51
  @import '../../es/packages/numberkeyboard/style/numberkeyboard.scss';
52
52
  @import '../../es/packages/notify/style/notify.scss';
53
- @import '../../es/packages/navbar/style/navbar.scss';
54
53
  @import '../../es/packages/noticebar/style/noticebar.scss';
55
- @import '../../es/packages/menuitem/style/menuitem.scss';
54
+ @import '../../es/packages/navbar/style/navbar.scss';
56
55
  @import '../../es/packages/menu/style/menu.scss';
56
+ @import '../../es/packages/menuitem/style/menuitem.scss';
57
57
  @import '../../es/packages/layout/style/layout.scss';
58
- @import '../../es/packages/loading/style/loading.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/imagepreview/style/imagepreview.scss';
63
- @import '../../es/packages/indicator/style/indicator.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
71
  @import '../../es/packages/fixednav/style/fixednav.scss';
72
- @import '../../es/packages/empty/style/empty.scss';
73
72
  @import '../../es/packages/ellipsis/style/ellipsis.scss';
74
- @import '../../es/packages/elevator/style/elevator.scss';
75
- @import '../../es/packages/divider/style/divider.scss';
73
+ @import '../../es/packages/empty/style/empty.scss';
76
74
  @import '../../es/packages/drag/style/drag.scss';
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/checkboxgroup/style/checkboxgroup.scss';
85
86
  @import '../../es/packages/circleprogress/style/circleprogress.scss';
86
87
  @import '../../es/packages/checkbox/style/checkbox.scss';
87
- @import '../../es/packages/checkboxgroup/style/checkboxgroup.scss';
88
88
  @import '../../es/packages/cellgroup/style/cellgroup.scss';
89
89
  @import '../../es/packages/cell/style/cell.scss';
90
90
  @import '../../es/packages/cascader/style/cascader.scss';
91
91
  @import '../../es/packages/card/style/card.scss';
92
- @import '../../es/packages/calendarcard/style/calendarcard.scss';
93
92
  @import '../../es/packages/calendaritem/style/calendaritem.scss';
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
- @import '../../es/packages/badge/style/badge.scss';
96
96
  @import '../../es/packages/button/style/button.scss';
97
- @import '../../es/packages/barrage/style/barrage.scss';
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';
101
+ @import '../../es/packages/avatargroup/style/avatargroup.scss';
102
+ @import '../../es/packages/animatingnumbers/style/animatingnumbers.scss';
102
103
  @import '../../es/packages/audio/style/audio.scss';
103
104
  @import '../../es/packages/animate/style/animate.scss';
104
- @import '../../es/packages/animatingnumbers/style/animatingnumbers.scss';
105
- @import '../../es/packages/actionsheet/style/actionsheet.scss';
106
- @import '../../es/packages/address/style/address.scss';
105
+ @import '../../es/packages/address/style/address.scss';
106
+ @import '../../es/packages/actionsheet/style/actionsheet.scss';
@@ -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(
@@ -1596,7 +1599,7 @@ $badge-icon-padding: var(--nutui-badge-icon-padding, 3px) !default;
1596
1599
  $badge-icon-size: var(--nutui-badge-icon-size, 12px) !default;
1597
1600
  $badge-content-transform: var(
1598
1601
  --nutui-badge-content-transform,
1599
- translateY(-50%) translateX(100%)
1602
+ translateX(100%)
1600
1603
  ) !default;
1601
1604
  $badge-z-index: var(--nutui-badge-z-index, 1) !default;
1602
1605
  $badge-dot-width: var(--nutui-badge-dot-width, 7px) !default;
@@ -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;
@@ -1697,10 +1703,13 @@ $pagination-prev-next-padding: var(
1697
1703
  ) !default;
1698
1704
  $pagination-lite-width: var(--nutui-pagination-lite-width, 40px) !default;
1699
1705
  $pagination-lite-height: var(--nutui-pagination-lite-height, 20px) !default;
1700
- $pagination-lite-radius: var(--nutui-pagination-lite-radius, 6px) !default;
1706
+ $pagination-lite-radius: var(
1707
+ --nutui-pagination-lite-radius,
1708
+ $radius-xs
1709
+ ) !default;
1701
1710
  $pagination-lite-background-color: var(
1702
1711
  --nutui-pagination-lite-background-color,
1703
- var(--nutui-black-7)
1712
+ rgba(0, 0, 0, 0.45)
1704
1713
  ) !default;
1705
1714
  $pagination-lite-active-background-color: var(
1706
1715
  --nutui-pagination-lite-active-background-color,
@@ -2103,7 +2112,7 @@ $navbar-width: var(--nutui-navbar-width, 100%) !default;
2103
2112
  $navbar-height: var(--nutui-navbar-height, 44px) !default;
2104
2113
  $navbar-margin-bottom: var(--nutui-navbar-margin-bottom, 20px) !default;
2105
2114
  $navbar-background: var(--nutui-navbar-background, $color-background) !default;
2106
- $navbar-box-shadow: var(--nutui-navbar-box-shadow, 0px) !default;
2115
+ $navbar-box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent) !default;
2107
2116
  $navbar-color: var(--nutui-navbar-color, $color-title) !default;
2108
2117
  $navbar-font-size: var(--nutui-navbar-font-size, $font-size-base) !default;
2109
2118
  $navbar-title-font-size: var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "3.0.0-beta.2",
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",
@@ -1,203 +0,0 @@
1
- import Button from "./button/index.taro";
2
- export * from '@/packages/button/index.taro';
3
- import Cell from "./cell/index.taro";
4
- export * from '@/packages/cell/index.taro';
5
- import CellGroup from "./cellgroup/index.taro";
6
- export * from '@/packages/cellgroup/index.taro';
7
- import ConfigProvider from "./configprovider/index.taro";
8
- export * from '@/packages/configprovider/index.taro';
9
- import Image from "./image/index.taro";
10
- export * from '@/packages/image/index.taro';
11
- import Overlay from "./overlay/index.taro";
12
- export * from '@/packages/overlay/index.taro';
13
- import Col from "./col/index.taro";
14
- export * from '@/packages/col/index.taro';
15
- import Divider from "./divider/index.taro";
16
- export * from '@/packages/divider/index.taro';
17
- import Grid from "./grid/index.taro";
18
- export * from '@/packages/grid/index.taro';
19
- import GridItem from "./griditem/index.taro";
20
- export * from '@/packages/griditem/index.taro';
21
- import Layout from "./layout/index.taro";
22
- export * from '@/packages/layout/index.taro';
23
- import Row from "./row/index.taro";
24
- export * from '@/packages/row/index.taro';
25
- import Space from "./space/index.taro";
26
- export * from '@/packages/space/index.taro';
27
- import Sticky from "./sticky/index.taro";
28
- export * from '@/packages/sticky/index.taro';
29
- import SafeArea from "./safearea/index.taro";
30
- export * from '@/packages/safearea/index.taro';
31
- import BackTop from "./backtop/index.taro";
32
- export * from '@/packages/backtop/index.taro';
33
- import Elevator from "./elevator/index.taro";
34
- export * from '@/packages/elevator/index.taro';
35
- import FixedNav from "./fixednav/index.taro";
36
- export * from '@/packages/fixednav/index.taro';
37
- import HoverButton from "./hoverbutton/index.taro";
38
- export * from '@/packages/hoverbutton/index.taro';
39
- import HoverButtonItem from "./hoverbuttonitem/index.taro";
40
- export * from '@/packages/hoverbuttonitem/index.taro';
41
- import NavBar from "./navbar/index.taro";
42
- export * from '@/packages/navbar/index.taro';
43
- import SideNavBar from "./sidenavbar/index.taro";
44
- export * from '@/packages/sidenavbar/index.taro';
45
- import SideNavBarItem from "./sidenavbaritem/index.taro";
46
- export * from '@/packages/sidenavbaritem/index.taro';
47
- import SubSideNavBar from "./subsidenavbar/index.taro";
48
- export * from '@/packages/subsidenavbar/index.taro';
49
- import Tabbar from "./tabbar/index.taro";
50
- export * from '@/packages/tabbar/index.taro';
51
- import TabbarItem from "./tabbaritem/index.taro";
52
- export * from '@/packages/tabbaritem/index.taro';
53
- import TabPane from "./tabpane/index.taro";
54
- export * from '@/packages/tabpane/index.taro';
55
- import Tabs from "./tabs/index.taro";
56
- export * from '@/packages/tabs/index.taro';
57
- import Address from "./address/index.taro";
58
- export * from '@/packages/address/index.taro';
59
- import Calendar from "./calendar/index.taro";
60
- export * from '@/packages/calendar/index.taro';
61
- import CalendarItem from "./calendaritem/index.taro";
62
- export * from '@/packages/calendaritem/index.taro';
63
- import CalendarCard from "./calendarcard/index.taro";
64
- export * from '@/packages/calendarcard/index.taro';
65
- import Cascader from "./cascader/index.taro";
66
- export * from '@/packages/cascader/index.taro';
67
- import Checkbox from "./checkbox/index.taro";
68
- export * from '@/packages/checkbox/index.taro';
69
- import CheckboxGroup from "./checkboxgroup/index.taro";
70
- export * from '@/packages/checkboxgroup/index.taro';
71
- import DatePicker from "./datepicker/index.taro";
72
- export * from '@/packages/datepicker/index.taro';
73
- import Form from "./form/index.taro";
74
- export * from '@/packages/form/index.taro';
75
- import FormItem from "./formitem/index.taro";
76
- export * from '@/packages/formitem/index.taro';
77
- import Input from "./input/index.taro";
78
- export * from '@/packages/input/index.taro';
79
- import InputNumber from "./inputnumber/index.taro";
80
- export * from '@/packages/inputnumber/index.taro';
81
- import Menu from "./menu/index.taro";
82
- export * from '@/packages/menu/index.taro';
83
- import MenuItem from "./menuitem/index.taro";
84
- export * from '@/packages/menuitem/index.taro';
85
- import NumberKeyboard from "./numberkeyboard/index.taro";
86
- export * from '@/packages/numberkeyboard/index.taro';
87
- import Picker from "./picker/index.taro";
88
- export * from '@/packages/picker/index.taro';
89
- import Radio from "./radio/index.taro";
90
- export * from '@/packages/radio/index.taro';
91
- import RadioGroup from "./radiogroup/index.taro";
92
- export * from '@/packages/radiogroup/index.taro';
93
- import Range from "./range/index.taro";
94
- export * from '@/packages/range/index.taro';
95
- import Rate from "./rate/index.taro";
96
- export * from '@/packages/rate/index.taro';
97
- import SearchBar from "./searchbar/index.taro";
98
- export * from '@/packages/searchbar/index.taro';
99
- import ShortPassword from "./shortpassword/index.taro";
100
- export * from '@/packages/shortpassword/index.taro';
101
- import Signature from "./signature/index.taro";
102
- export * from '@/packages/signature/index.taro';
103
- import Switch from "./switch/index.taro";
104
- export * from '@/packages/switch/index.taro';
105
- import TextArea from "./textarea/index.taro";
106
- export * from '@/packages/textarea/index.taro';
107
- import Uploader from "./uploader/index.taro";
108
- export * from '@/packages/uploader/index.taro';
109
- import ActionSheet from "./actionsheet/index.taro";
110
- export * from '@/packages/actionsheet/index.taro';
111
- import Badge from "./badge/index.taro";
112
- export * from '@/packages/badge/index.taro';
113
- import Dialog from "./dialog/index.taro";
114
- export * from '@/packages/dialog/index.taro';
115
- import Drag from "./drag/index.taro";
116
- export * from '@/packages/drag/index.taro';
117
- import Empty from "./empty/index.taro";
118
- export * from '@/packages/empty/index.taro';
119
- import ResultPage from "./resultpage/index.taro";
120
- export * from '@/packages/resultpage/index.taro';
121
- import InfiniteLoading from "./infiniteloading/index.taro";
122
- export * from '@/packages/infiniteloading/index.taro';
123
- import Loading from "./loading/index.taro";
124
- export * from '@/packages/loading/index.taro';
125
- import NoticeBar from "./noticebar/index.taro";
126
- export * from '@/packages/noticebar/index.taro';
127
- import Notify from "./notify/index.taro";
128
- export * from '@/packages/notify/index.taro';
129
- import Popover from "./popover/index.taro";
130
- export * from '@/packages/popover/index.taro';
131
- import Popup from "./popup/index.rn";
132
- export * from '@/packages/popup/index.rn';
133
- import PullToRefresh from "./pulltorefresh/index.taro";
134
- export * from '@/packages/pulltorefresh/index.taro';
135
- import Skeleton from "./skeleton/index.taro";
136
- export * from '@/packages/skeleton/index.taro';
137
- import Swipe from "./swipe/index.taro";
138
- export * from '@/packages/swipe/index.taro';
139
- import Toast from "./toast/index.taro";
140
- export * from '@/packages/toast/index.taro';
141
- import Animate from "./animate/index.taro";
142
- export * from '@/packages/animate/index.taro';
143
- import AnimatingNumbers from "./animatingnumbers/index.taro";
144
- export * from '@/packages/animatingnumbers/index.taro';
145
- import Audio from "./audio/index.taro";
146
- export * from '@/packages/audio/index.taro';
147
- import Avatar from "./avatar/index.taro";
148
- export * from '@/packages/avatar/index.taro';
149
- import AvatarGroup from "./avatargroup/index.taro";
150
- export * from '@/packages/avatargroup/index.taro';
151
- import CircleProgress from "./circleprogress/index.taro";
152
- export * from '@/packages/circleprogress/index.taro';
153
- import Collapse from "./collapse/index.taro";
154
- export * from '@/packages/collapse/index.taro';
155
- import CollapseItem from "./collapseitem/index.taro";
156
- export * from '@/packages/collapseitem/index.taro';
157
- import CountDown from "./countdown/index.taro";
158
- export * from '@/packages/countdown/index.taro';
159
- import Ellipsis from "./ellipsis/index.taro";
160
- export * from '@/packages/ellipsis/index.taro';
161
- import ImagePreview from "./imagepreview/index.taro";
162
- export * from '@/packages/imagepreview/index.taro';
163
- import Indicator from "./indicator/index.taro";
164
- export * from '@/packages/indicator/index.taro';
165
- import Pagination from "./pagination/index.taro";
166
- export * from '@/packages/pagination/index.taro';
167
- import Price from "./price/index.taro";
168
- export * from '@/packages/price/index.taro';
169
- import Progress from "./progress/index.taro";
170
- export * from '@/packages/progress/index.taro';
171
- import Step from "./step/index.taro";
172
- export * from '@/packages/step/index.taro';
173
- import Steps from "./steps/index.taro";
174
- export * from '@/packages/steps/index.taro';
175
- import Swiper from "./swiper/index.taro";
176
- export * from '@/packages/swiper/index.taro';
177
- import SwiperItem from "./swiperitem/index.taro";
178
- export * from '@/packages/swiperitem/index.taro';
179
- import Table from "./table/index.taro";
180
- export * from '@/packages/table/index.taro';
181
- import Tag from "./tag/index.taro";
182
- export * from '@/packages/tag/index.taro';
183
- import Tour from "./tour/index.taro";
184
- export * from '@/packages/tour/index.taro';
185
- import Video from "./video/index.taro";
186
- export * from '@/packages/video/index.taro';
187
- import VirtualList from "./virtuallist/index.taro";
188
- export * from '@/packages/virtuallist/index.taro';
189
- import Barrage from "./barrage/index.taro";
190
- export * from '@/packages/barrage/index.taro';
191
- import Card from "./card/index.taro";
192
- export * from '@/packages/card/index.taro';
193
- import TimeDetail from "./timedetail/index.taro";
194
- export * from '@/packages/timedetail/index.taro';
195
- import TimeSelect from "./timeselect/index.taro";
196
- export * from '@/packages/timeselect/index.taro';
197
- import TrendArrow from "./trendarrow/index.taro";
198
- export * from '@/packages/trendarrow/index.taro';
199
- import WaterMark from "./watermark/index.taro";
200
- export * from '@/packages/watermark/index.taro';
201
- import AvatarCropper from "./avatarcropper/index.taro";
202
- export * from '@/packages/avatarcropper/index.taro';
203
- export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };