@nutui/nutui-react 3.0.0-beta.1 → 3.0.0-beta.2

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 (23) hide show
  1. package/dist/cjs/packages/input/style/input.scss +4 -0
  2. package/dist/cjs/packages/input/style/style.css +4 -0
  3. package/dist/cjs/packages/toast/Notification.js +13 -24
  4. package/dist/cjs/packages/toast/style/style.css +56 -30
  5. package/dist/cjs/packages/toast/style/toast.scss +65 -49
  6. package/dist/cjs/packages/toast/toast.js +2 -2
  7. package/dist/cjs/packages/trendarrow/style/style.css +2 -1
  8. package/dist/cjs/packages/trendarrow/style/trendarrow.scss +2 -1
  9. package/dist/es/packages/input/style/input.scss +4 -0
  10. package/dist/es/packages/input/style/style.css +4 -0
  11. package/dist/es/packages/toast/Notification.js +14 -25
  12. package/dist/es/packages/toast/style/style.css +56 -30
  13. package/dist/es/packages/toast/style/toast.scss +65 -49
  14. package/dist/es/packages/toast/toast.d.ts +12 -60
  15. package/dist/es/packages/toast/toast.js +2 -2
  16. package/dist/es/packages/trendarrow/style/style.css +2 -1
  17. package/dist/es/packages/trendarrow/style/trendarrow.scss +2 -1
  18. package/dist/es/packages/trendarrow/trendarrow.d.ts +11 -55
  19. package/dist/nutui.react.umd.js +49 -36
  20. package/dist/style.css +1 -1
  21. package/dist/styles/themes/default.scss +37 -37
  22. package/dist/styles/variables-jrkf.scss +21 -27
  23. 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';
5
6
  @import '../../es/packages/virtuallist/style/virtuallist.scss';
6
7
  @import '../../es/packages/video/style/video.scss';
7
- @import '../../es/packages/watermark/style/watermark.scss';
8
- @import '../../es/packages/tour/style/tour.scss';
9
8
  @import '../../es/packages/uploader/style/uploader.scss';
10
9
  @import '../../es/packages/trendarrow/style/trendarrow.scss';
10
+ @import '../../es/packages/tour/style/tour.scss';
11
11
  @import '../../es/packages/toast/style/toast.scss';
12
12
  @import '../../es/packages/timeselect/style/timeselect.scss';
13
13
  @import '../../es/packages/timedetail/style/timedetail.scss';
14
14
  @import '../../es/packages/textarea/style/textarea.scss';
15
- @import '../../es/packages/tabs/style/tabs.scss';
16
15
  @import '../../es/packages/tag/style/tag.scss';
17
- @import '../../es/packages/table/style/table.scss';
18
16
  @import '../../es/packages/tabpane/style/tabpane.scss';
19
- @import '../../es/packages/switch/style/switch.scss';
17
+ @import '../../es/packages/tabs/style/tabs.scss';
18
+ @import '../../es/packages/table/style/table.scss';
20
19
  @import '../../es/packages/tabbaritem/style/tabbaritem.scss';
21
- @import '../../es/packages/swiper/style/swiper.scss';
20
+ @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
+ @import '../../es/packages/swiper/style/swiper.scss';
23
24
  @import '../../es/packages/swipe/style/swipe.scss';
24
- @import '../../es/packages/tabbar/style/tabbar.scss';
25
25
  @import '../../es/packages/subsidenavbar/style/subsidenavbar.scss';
26
26
  @import '../../es/packages/sticky/style/sticky.scss';
27
- @import '../../es/packages/space/style/space.scss';
28
27
  @import '../../es/packages/steps/style/steps.scss';
29
- @import '../../es/packages/skeleton/style/skeleton.scss';
30
28
  @import '../../es/packages/step/style/step.scss';
29
+ @import '../../es/packages/space/style/space.scss';
30
+ @import '../../es/packages/skeleton/style/skeleton.scss';
31
+ @import '../../es/packages/signature/style/signature.scss';
31
32
  @import '../../es/packages/sidenavbaritem/style/sidenavbaritem.scss';
32
33
  @import '../../es/packages/sidenavbar/style/sidenavbar.scss';
33
- @import '../../es/packages/signature/style/signature.scss';
34
- @import '../../es/packages/searchbar/style/searchbar.scss';
35
34
  @import '../../es/packages/shortpassword/style/shortpassword.scss';
36
- @import '../../es/packages/row/style/row.scss';
35
+ @import '../../es/packages/searchbar/style/searchbar.scss';
37
36
  @import '../../es/packages/safearea/style/safearea.scss';
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
- @import '../../es/packages/radio/style/radio.scss';
42
41
  @import '../../es/packages/radiogroup/style/radiogroup.scss';
42
+ @import '../../es/packages/radio/style/radio.scss';
43
43
  @import '../../es/packages/pulltorefresh/style/pulltorefresh.scss';
44
- @import '../../es/packages/price/style/price.scss';
45
44
  @import '../../es/packages/progress/style/progress.scss';
45
+ @import '../../es/packages/price/style/price.scss';
46
46
  @import '../../es/packages/popover/style/popover.scss';
47
47
  @import '../../es/packages/popup/style/popup.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
- @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
+ @import '../../es/packages/navbar/style/navbar.scss';
53
54
  @import '../../es/packages/noticebar/style/noticebar.scss';
54
55
  @import '../../es/packages/menuitem/style/menuitem.scss';
55
- @import '../../es/packages/navbar/style/navbar.scss';
56
56
  @import '../../es/packages/menu/style/menu.scss';
57
- @import '../../es/packages/loading/style/loading.scss';
58
57
  @import '../../es/packages/layout/style/layout.scss';
59
- @import '../../es/packages/input/style/input.scss';
58
+ @import '../../es/packages/loading/style/loading.scss';
60
59
  @import '../../es/packages/inputnumber/style/inputnumber.scss';
60
+ @import '../../es/packages/input/style/input.scss';
61
61
  @import '../../es/packages/infiniteloading/style/infiniteloading.scss';
62
- @import '../../es/packages/indicator/style/indicator.scss';
63
62
  @import '../../es/packages/imagepreview/style/imagepreview.scss';
64
- @import '../../es/packages/hoverbutton/style/hoverbutton.scss';
65
- @import '../../es/packages/griditem/style/griditem.scss';
63
+ @import '../../es/packages/indicator/style/indicator.scss';
66
64
  @import '../../es/packages/image/style/image.scss';
67
65
  @import '../../es/packages/hoverbuttonitem/style/hoverbuttonitem.scss';
66
+ @import '../../es/packages/hoverbutton/style/hoverbutton.scss';
67
+ @import '../../es/packages/griditem/style/griditem.scss';
68
+ @import '../../es/packages/grid/style/grid.scss';
68
69
  @import '../../es/packages/formitem/style/formitem.scss';
70
+ @import '../../es/packages/form/style/form.scss';
69
71
  @import '../../es/packages/fixednav/style/fixednav.scss';
70
- @import '../../es/packages/grid/style/grid.scss';
71
72
  @import '../../es/packages/empty/style/empty.scss';
72
- @import '../../es/packages/form/style/form.scss';
73
- @import '../../es/packages/elevator/style/elevator.scss';
74
73
  @import '../../es/packages/ellipsis/style/ellipsis.scss';
75
- @import '../../es/packages/drag/style/drag.scss';
74
+ @import '../../es/packages/elevator/style/elevator.scss';
76
75
  @import '../../es/packages/divider/style/divider.scss';
77
- @import '../../es/packages/countup/style/countup.scss';
78
- @import '../../es/packages/countdown/style/countdown.scss';
76
+ @import '../../es/packages/drag/style/drag.scss';
79
77
  @import '../../es/packages/dialog/style/dialog.scss';
80
78
  @import '../../es/packages/datepicker/style/datepicker.scss';
81
- @import '../../es/packages/collapseitem/style/collapseitem.scss';
79
+ @import '../../es/packages/countup/style/countup.scss';
80
+ @import '../../es/packages/countdown/style/countdown.scss';
82
81
  @import '../../es/packages/configprovider/style/configprovider.scss';
82
+ @import '../../es/packages/collapseitem/style/collapseitem.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';
86
- @import '../../es/packages/cell/style/cell.scss';
87
85
  @import '../../es/packages/circleprogress/style/circleprogress.scss';
86
+ @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
+ @import '../../es/packages/cell/style/cell.scss';
89
90
  @import '../../es/packages/cascader/style/cascader.scss';
90
- @import '../../es/packages/checkbox/style/checkbox.scss';
91
+ @import '../../es/packages/card/style/card.scss';
91
92
  @import '../../es/packages/calendarcard/style/calendarcard.scss';
92
93
  @import '../../es/packages/calendaritem/style/calendaritem.scss';
93
94
  @import '../../es/packages/calendar/style/calendar.scss';
94
- @import '../../es/packages/card/style/card.scss';
95
+ @import '../../es/packages/badge/style/badge.scss';
95
96
  @import '../../es/packages/button/style/button.scss';
96
97
  @import '../../es/packages/barrage/style/barrage.scss';
97
98
  @import '../../es/packages/backtop/style/backtop.scss';
98
- @import '../../es/packages/badge/style/badge.scss';
99
99
  @import '../../es/packages/avatargroup/style/avatargroup.scss';
100
100
  @import '../../es/packages/avatarcropper/style/avatarcropper.scss';
101
- @import '../../es/packages/audio/style/audio.scss';
102
101
  @import '../../es/packages/avatar/style/avatar.scss';
103
- @import '../../es/packages/animatingnumbers/style/animatingnumbers.scss';
102
+ @import '../../es/packages/audio/style/audio.scss';
104
103
  @import '../../es/packages/animate/style/animate.scss';
105
- @import '../../es/packages/address/style/address.scss';
106
- @import '../../es/packages/actionsheet/style/actionsheet.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';
package/dist/styles/variables-jrkf.scss CHANGED
@@ -192,9 +192,9 @@ $font-family:
192
192
  // Font
193
193
  $font-size-xxs: $font-text-mini !default;
194
194
  $font-size-xs: $font-text-xs !default;
195
- $font-size-small: $font-text-small !default;
195
+ $font-size-s: $font-text-small !default;
196
196
  $font-size-base: $font-text !default;
197
- $font-size-large: $font-text-large !default;
197
+ $font-size-l: $font-text-large !default;
198
198
  $font-size-xl: $font-h2 !default;
199
199
  $font-size-xxl: var(--nutui-font-size-8) !default;
200
200
  $font-size-xxxl: var(--nutui-font-size-10) !default;
@@ -280,7 +280,7 @@ $button-large-padding: var(
280
280
  ) !default;
281
281
  $button-large-font-size: var(
282
282
  --nutui-button-large-font-size,
283
- $font-size-large
283
+ $font-size-l
284
284
  ) !default;
285
285
  $button-large-font-weight: var(
286
286
  --nutui-button-large-font-weight,
@@ -312,7 +312,7 @@ $button-mini-padding: var(
312
312
  $button-mini-height: var(--nutui-button-mini-height, 24px) !default;
313
313
  $button-mini-font-size: var(
314
314
  --nutui-button-mini-font-size,
315
- $font-size-small
315
+ $font-size-s
316
316
  ) !default;
317
317
  $button-mini-border-radius: var(
318
318
  --nutui-button-mini-border-radius,
@@ -408,7 +408,7 @@ $cell-title-font-size: var(
408
408
  ) !default;
409
409
  $cell-description-font-size: var(
410
410
  --nutui-cell-description-font-size,
411
- $font-size-small
411
+ $font-size-s
412
412
  ) !default;
413
413
  $cell-description-color: var(
414
414
  --nutui-cell-description-color,
@@ -461,7 +461,7 @@ $cell-group-description-color: var(
461
461
  ) !default;
462
462
  $cell-group-description-font-size: var(
463
463
  --nutui-cell-group-description-font-size,
464
- $font-size-small
464
+ $font-size-s
465
465
  ) !default;
466
466
  $cell-group-description-line-height: var(
467
467
  --nutui-cell-group-description-line-height,
@@ -478,7 +478,7 @@ $cell-group-wrap-margin: var(--nutui-cell-group-wrap-margin, 10px 0) !default;
478
478
  $divider-margin: var(--nutui-divider-margin, 16px 0) !default;
479
479
  $divider-text-font-size: var(
480
480
  --nutui-divider-text-font-size,
481
- $font-size-small
481
+ $font-size-s
482
482
  ) !default;
483
483
  $divider-border-color: var(
484
484
  --nutui-divider-border-color,
@@ -802,7 +802,7 @@ $numberkeyboard-key-color: var(
802
802
  ) !default;
803
803
  $numberkeyboard-key-confirm-font-size: var(
804
804
  --nutui-numberkeyboard-key-confirm-font-size,
805
- $font-size-large
805
+ $font-size-l
806
806
  ) !default;
807
807
  $numberkeyboard-key-confirm-color: var(
808
808
  --nutui-numberkeyboard-key-confirm-color,
@@ -1011,7 +1011,7 @@ $calendar-disable-color: var(
1011
1011
  ) !default;
1012
1012
  $calendar-base-font-size: var(
1013
1013
  --nutui-calendar-base-font-size,
1014
- $font-size-large
1014
+ $font-size-l
1015
1015
  ) !default;
1016
1016
  $calendar-title-font-size: var(
1017
1017
  --nutui-calendar-title-font-size,
@@ -1233,7 +1233,7 @@ $steps-base-icon-margin-bottom: var(
1233
1233
  ) !default;
1234
1234
  $steps-base-icon-font-size: var(
1235
1235
  --nutui-steps-base-icon-font-size,
1236
- $font-size-small
1236
+ $font-size-s
1237
1237
  ) !default;
1238
1238
  $steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default;
1239
1239
  $steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
@@ -1255,7 +1255,7 @@ $steps-base-title-margin-bottom: var(
1255
1255
  ) !default;
1256
1256
  $steps-base-description-font-size: var(
1257
1257
  --nutui-steps-base-description-font-size,
1258
- $font-size-small
1258
+ $font-size-s
1259
1259
  ) !default;
1260
1260
  $steps-base-description-color: var(
1261
1261
  --nutui-steps-base-description-color,
@@ -1392,7 +1392,7 @@ $dialog-footer-ok-max-width: var(
1392
1392
  ) !default;
1393
1393
  $dialog-header-font-size: var(
1394
1394
  --nutui-dialog-header-font-size,
1395
- $font-size-large
1395
+ $font-size-l
1396
1396
  ) !default;
1397
1397
  $dialog-header-font-weight: var(
1398
1398
  --nutui-dialog-header-font-weight,
@@ -1424,7 +1424,7 @@ $checkbox-label-font-size: var(
1424
1424
  ) !default;
1425
1425
  $checkbox-icon-font-size: var(
1426
1426
  --nutui-checkbox-icon-font-size,
1427
- $font-size-large
1427
+ $font-size-l
1428
1428
  ) !default;
1429
1429
  $checkbox-button-font-size: var(
1430
1430
  --nutui-checkbox-button-font-size,
@@ -1463,10 +1463,7 @@ $checkbox-list-item-padding: var(
1463
1463
  ) !default;
1464
1464
 
1465
1465
  //radio（✅）
1466
- $radio-icon-font-size: var(
1467
- --nutui-radio-icon-font-size,
1468
- $font-size-large
1469
- ) !default;
1466
+ $radio-icon-font-size: var(--nutui-radio-icon-font-size, $font-size-l) !default;
1470
1467
  $radio-label-color: var(--nutui-radio-label-color, $color-text) !default;
1471
1468
  $radio-label-disable-color: var(
1472
1469
  --nutui-radio-label-disable-color,
@@ -1551,10 +1548,7 @@ $noticebar-background: var(
1551
1548
  rgba(251, 248, 220, 1)
1552
1549
  ) !default;
1553
1550
  $noticebar-color: var(--nutui-noticebar-color, #d9500b) !default;
1554
- $noticebar-font-size: var(
1555
- --nutui-noticebar-font-size,
1556
- $font-size-small
1557
- ) !default;
1551
+ $noticebar-font-size: var(--nutui-noticebar-font-size, $font-size-s) !default;
1558
1552
  $noticebar-line-height: var(--nutui-noticebar-line-height, 24px) !default;
1559
1553
  $noticebar-box-padding: var(
1560
1554
  --nutui-noticebar-box-padding,
@@ -1790,7 +1784,7 @@ $tabs-titles-item-active-font-weight: var(
1790
1784
  ) !default;
1791
1785
  $tabs-titles-item-active-font-size: var(
1792
1786
  --nutui-tabs-titles-item-active-font-size,
1793
- $font-size-large
1787
+ $font-size-l
1794
1788
  ) !default;
1795
1789
  $tabs-titles-item-active-background-color: var(
1796
1790
  --nutui-tabs-titles-item-active-background-color,
@@ -2151,7 +2145,7 @@ $grid-item-text-color: var(
2151
2145
  ) !default;
2152
2146
  $grid-item-text-font-size: var(
2153
2147
  --nutui-grid-item-text-font-size,
2154
- $font-size-small
2148
+ $font-size-s
2155
2149
  ) !default;
2156
2150
 
2157
2151
  // table（✅）
@@ -2242,7 +2236,7 @@ $sidenavbar-sub-list-color: var(
2242
2236
  $elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default;
2243
2237
  $elevator-list-font-size: var(
2244
2238
  --nutui-elevator-list-font-size,
2245
- $font-size-small
2239
+ $font-size-s
2246
2240
  ) !default;
2247
2241
  $elevator-list-color: var(
2248
2242
  --nutui-elevator-list-color,
@@ -2409,7 +2403,7 @@ $circleprogress-text-color: var(
2409
2403
  ) !default;
2410
2404
  $circleprogress-text-size: var(
2411
2405
  --nutui-circleprogress-text-size,
2412
- $font-size-large
2406
+ $font-size-l
2413
2407
  ) !default;
2414
2408
 
2415
2409
  // Ellipsis
@@ -2464,9 +2458,9 @@ $space-gap: var(--nutui-space-gap, 8px) !default;
2464
2458
 
2465
2459
  // loading
2466
2460
  $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
2467
- $loading-icon-size: var(--nutui-loading-icon-size, $font-size-small) !default;
2461
+ $loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
2468
2462
  $loading-color: var(--nutui-loading-color, $color-text-help) !default;
2469
- $loading-font-size: var(--nutui-loading-font-size, $font-size-small) !default;
2463
+ $loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
2470
2464
  // ResultPage
2471
2465
  $resultpage-width: var(--nutui-resultpage-width, 247px) !default;
2472
2466
  $resultpage-icon-size: var(--nutui-resultpage-icon-size, 48px) !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui-react",
3
- "version": "3.0.0-beta.1",
3
+ "version": "3.0.0-beta.2",
4
4
  "style": "dist/style.css",
5
5
  "main": "dist/nutui.react.umd.js",
6
6
  "module": "dist/es/packages/nutui.react.build.js",