@nutui/nutui-react 4.0.0-beta.3 → 4.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 (57) hide show
  1. package/CHANGELOG.md +13 -6
  2. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  3. package/dist/cjs/packages/empty/empty.d.ts +4 -11
  4. package/dist/cjs/packages/empty/empty.js +21 -17
  5. package/dist/cjs/packages/empty/index.d.ts +1 -1
  6. package/dist/cjs/packages/empty/style/empty.scss +97 -31
  7. package/dist/cjs/packages/empty/style/style.css +77 -32
  8. package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
  9. package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
  10. package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
  11. package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
  12. package/dist/cjs/packages/rate/index.d.ts +1 -1
  13. package/dist/cjs/packages/rate/rate.js +54 -8
  14. package/dist/cjs/packages/rate/style/rate.scss +244 -76
  15. package/dist/cjs/packages/rate/style/style.css +198 -68
  16. package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
  17. package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
  18. package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
  19. package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
  20. package/dist/cjs/packages/steps/style/style.css +1 -1
  21. package/dist/cjs/types/spec/empty/base.d.ts +12 -8
  22. package/dist/cjs/types/spec/empty/base.js +28 -1
  23. package/dist/cjs/types/spec/rate/base.d.ts +3 -0
  24. package/dist/es/packages/configprovider/types.d.ts +1 -1
  25. package/dist/es/packages/empty/empty.d.ts +4 -11
  26. package/dist/es/packages/empty/empty.js +21 -17
  27. package/dist/es/packages/empty/index.d.ts +1 -1
  28. package/dist/es/packages/empty/style/empty.scss +97 -31
  29. package/dist/es/packages/empty/style/style.css +77 -32
  30. package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
  31. package/dist/es/packages/empty/style-jmapp/style.css +77 -32
  32. package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
  33. package/dist/es/packages/empty/style-jrkf/style.css +77 -32
  34. package/dist/es/packages/rate/index.d.ts +1 -1
  35. package/dist/es/packages/rate/rate.js +54 -8
  36. package/dist/es/packages/rate/style/rate.scss +244 -76
  37. package/dist/es/packages/rate/style/style.css +198 -68
  38. package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
  39. package/dist/es/packages/rate/style-jmapp/style.css +198 -68
  40. package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
  41. package/dist/es/packages/rate/style-jrkf/style.css +198 -68
  42. package/dist/es/packages/steps/style/style.css +1 -1
  43. package/dist/es/types/spec/empty/base.d.ts +15 -11
  44. package/dist/es/types/spec/empty/base.js +13 -1
  45. package/dist/es/types/spec/rate/base.d.ts +9 -0
  46. package/dist/nutui.react.umd.js +92 -30
  47. package/dist/style-jmapp.css +1 -1
  48. package/dist/style-jmapp.scss +37 -37
  49. package/dist/style-jrkf.css +1 -1
  50. package/dist/style-jrkf.scss +33 -33
  51. package/dist/style.css +1 -1
  52. package/dist/style.scss +34 -34
  53. package/dist/styles/variables-daojia.scss +25 -12
  54. package/dist/styles/variables-jmapp.scss +42 -17
  55. package/dist/styles/variables-jrkf.scss +24 -20
  56. package/dist/styles/variables.scss +32 -24
  57. package/package.json +1 -1
package/dist/style.scss CHANGED
@@ -1,34 +1,34 @@
1
1
  @import './styles/variables.scss';
2
2
  @import './styles/mixins/index.scss';
3
3
  @import './styles/animation/index.scss';
4
- @import './es/packages/video/style/video.scss';
5
- @import './es/packages/uploader/style/uploader.scss';
6
4
  @import './es/packages/watermark/style/watermark.scss';
5
+ @import './es/packages/video/style/video.scss';
7
6
  @import './es/packages/virtuallist/style/virtuallist.scss';
7
+ @import './es/packages/uploader/style/uploader.scss';
8
8
  @import './es/packages/trendarrow/style/trendarrow.scss';
9
9
  @import './es/packages/tour/style/tour.scss';
10
- @import './es/packages/toast/style/toast.scss';
11
10
  @import './es/packages/timeselect/style/timeselect.scss';
11
+ @import './es/packages/toast/style/toast.scss';
12
12
  @import './es/packages/textarea/style/textarea.scss';
13
- @import './es/packages/tag/style/tag.scss';
14
- @import './es/packages/tabs/style/tabs.scss';
15
13
  @import './es/packages/timedetail/style/timedetail.scss';
14
+ @import './es/packages/tag/style/tag.scss';
16
15
  @import './es/packages/tabpane/style/tabpane.scss';
16
+ @import './es/packages/tabs/style/tabs.scss';
17
17
  @import './es/packages/table/style/table.scss';
18
18
  @import './es/packages/tabbaritem/style/tabbaritem.scss';
19
19
  @import './es/packages/tabbar/style/tabbar.scss';
20
20
  @import './es/packages/switch/style/switch.scss';
21
+ @import './es/packages/swiperitem/style/swiperitem.scss';
21
22
  @import './es/packages/swiper/style/swiper.scss';
22
23
  @import './es/packages/swipe/style/swipe.scss';
23
- @import './es/packages/step/style/step.scss';
24
- @import './es/packages/swiperitem/style/swiperitem.scss';
25
24
  @import './es/packages/sticky/style/sticky.scss';
26
25
  @import './es/packages/steps/style/steps.scss';
27
- @import './es/packages/sidebaritem/style/sidebaritem.scss';
26
+ @import './es/packages/step/style/step.scss';
28
27
  @import './es/packages/space/style/space.scss';
29
28
  @import './es/packages/signature/style/signature.scss';
30
- @import './es/packages/sidebar/style/sidebar.scss';
31
29
  @import './es/packages/skeleton/style/skeleton.scss';
30
+ @import './es/packages/sidebaritem/style/sidebaritem.scss';
31
+ @import './es/packages/sidebar/style/sidebar.scss';
32
32
  @import './es/packages/shortpassword/style/shortpassword.scss';
33
33
  @import './es/packages/segmented/style/segmented.scss';
34
34
  @import './es/packages/searchbar/style/searchbar.scss';
@@ -39,71 +39,71 @@
39
39
  @import './es/packages/range/style/range.scss';
40
40
  @import './es/packages/radiogroup/style/radiogroup.scss';
41
41
  @import './es/packages/radio/style/radio.scss';
42
- @import './es/packages/progress/style/progress.scss';
43
42
  @import './es/packages/quickenter/style/quickenter.scss';
44
43
  @import './es/packages/pulltorefresh/style/pulltorefresh.scss';
45
- @import './es/packages/popup/style/popup.scss';
44
+ @import './es/packages/progress/style/progress.scss';
46
45
  @import './es/packages/price/style/price.scss';
46
+ @import './es/packages/popup/style/popup.scss';
47
47
  @import './es/packages/popover/style/popover.scss';
48
48
  @import './es/packages/pickerview/style/pickerview.scss';
49
- @import './es/packages/picker/style/picker.scss';
50
- @import './es/packages/numberkeyboard/style/numberkeyboard.scss';
51
49
  @import './es/packages/pagination/style/pagination.scss';
52
50
  @import './es/packages/overlay/style/overlay.scss';
51
+ @import './es/packages/picker/style/picker.scss';
52
+ @import './es/packages/numberkeyboard/style/numberkeyboard.scss';
53
53
  @import './es/packages/notify/style/notify.scss';
54
- @import './es/packages/navbar/style/navbar.scss';
55
54
  @import './es/packages/noticebar/style/noticebar.scss';
55
+ @import './es/packages/navbar/style/navbar.scss';
56
56
  @import './es/packages/menuitem/style/menuitem.scss';
57
- @import './es/packages/lottie/style/lottie.scss';
58
57
  @import './es/packages/menu/style/menu.scss';
59
- @import './es/packages/layout/style/layout.scss';
58
+ @import './es/packages/lottie/style/lottie.scss';
60
59
  @import './es/packages/loading/style/loading.scss';
61
60
  @import './es/packages/inputnumber/style/inputnumber.scss';
62
- @import './es/packages/infiniteloading/style/infiniteloading.scss';
61
+ @import './es/packages/layout/style/layout.scss';
63
62
  @import './es/packages/input/style/input.scss';
64
- @import './es/packages/imagepreview/style/imagepreview.scss';
65
- @import './es/packages/image/style/image.scss';
66
- @import './es/packages/grid/style/grid.scss';
67
- @import './es/packages/formitem/style/formitem.scss';
63
+ @import './es/packages/infiniteloading/style/infiniteloading.scss';
68
64
  @import './es/packages/indicator/style/indicator.scss';
69
- @import './es/packages/hoverbutton/style/hoverbutton.scss';
65
+ @import './es/packages/imagepreview/style/imagepreview.scss';
70
66
  @import './es/packages/hoverbuttonitem/style/hoverbuttonitem.scss';
67
+ @import './es/packages/hoverbutton/style/hoverbutton.scss';
71
68
  @import './es/packages/griditem/style/griditem.scss';
69
+ @import './es/packages/grid/style/grid.scss';
70
+ @import './es/packages/formitem/style/formitem.scss';
71
+ @import './es/packages/image/style/image.scss';
72
72
  @import './es/packages/form/style/form.scss';
73
73
  @import './es/packages/fixednav/style/fixednav.scss';
74
- @import './es/packages/drag/style/drag.scss';
75
74
  @import './es/packages/empty/style/empty.scss';
76
- @import './es/packages/elevator/style/elevator.scss';
77
75
  @import './es/packages/ellipsis/style/ellipsis.scss';
76
+ @import './es/packages/elevator/style/elevator.scss';
77
+ @import './es/packages/drag/style/drag.scss';
78
78
  @import './es/packages/divider/style/divider.scss';
79
- @import './es/packages/dialog/style/dialog.scss';
80
79
  @import './es/packages/datepickerview/style/datepickerview.scss';
81
- @import './es/packages/configprovider/style/configprovider.scss';
80
+ @import './es/packages/dialog/style/dialog.scss';
82
81
  @import './es/packages/datepicker/style/datepicker.scss';
83
82
  @import './es/packages/countup/style/countup.scss';
84
- @import './es/packages/collapseitem/style/collapseitem.scss';
85
83
  @import './es/packages/countdown/style/countdown.scss';
84
+ @import './es/packages/configprovider/style/configprovider.scss';
85
+ @import './es/packages/collapseitem/style/collapseitem.scss';
86
86
  @import './es/packages/collapse/style/collapse.scss';
87
87
  @import './es/packages/col/style/col.scss';
88
88
  @import './es/packages/circleprogress/style/circleprogress.scss';
89
89
  @import './es/packages/checkboxgroup/style/checkboxgroup.scss';
90
- @import './es/packages/cellgroup/style/cellgroup.scss';
91
- @import './es/packages/card/style/card.scss';
92
90
  @import './es/packages/checkbox/style/checkbox.scss';
91
+ @import './es/packages/cellgroup/style/cellgroup.scss';
93
92
  @import './es/packages/cell/style/cell.scss';
94
93
  @import './es/packages/cascader/style/cascader.scss';
94
+ @import './es/packages/card/style/card.scss';
95
95
  @import './es/packages/calendaritem/style/calendaritem.scss';
96
- @import './es/packages/calendarcard/style/calendarcard.scss';
97
96
  @import './es/packages/calendar/style/calendar.scss';
98
97
  @import './es/packages/button/style/button.scss';
98
+ @import './es/packages/calendarcard/style/calendarcard.scss';
99
99
  @import './es/packages/barrage/style/barrage.scss';
100
- @import './es/packages/backtop/style/backtop.scss';
101
100
  @import './es/packages/badge/style/badge.scss';
102
- @import './es/packages/avatargroup/style/avatargroup.scss';
103
101
  @import './es/packages/avatarcropper/style/avatarcropper.scss';
104
- @import './es/packages/animate/style/animate.scss';
102
+ @import './es/packages/avatargroup/style/avatargroup.scss';
103
+ @import './es/packages/backtop/style/backtop.scss';
105
104
  @import './es/packages/avatar/style/avatar.scss';
106
- @import './es/packages/animatingnumbers/style/animatingnumbers.scss';
107
105
  @import './es/packages/audio/style/audio.scss';
106
+ @import './es/packages/animatingnumbers/style/animatingnumbers.scss';
107
+ @import './es/packages/animate/style/animate.scss';
108
108
  @import './es/packages/address/style/address.scss';
109
109
  @import './es/packages/actionsheet/style/actionsheet.scss';
@@ -798,6 +798,7 @@ $rate-icon-inactive-color: var(--nutui-rate-icon-inactive-color,
798
798
  $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
799
799
  $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
800
800
  $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
801
+ $rate-label-color: var(--nutui-rate-label-color, $color-text-disabled) !default;
801
802
 
802
803
  // tabbar(✅)
803
804
  $tabbar-height: var(--nutui-tabbar-height, 46px) !default;
@@ -1409,18 +1410,30 @@ $segmented-icon-margin-right: var(--nutui-segmented-icon-margin-right,
1409
1410
  $spacing-xxxs) !default;
1410
1411
 
1411
1412
  // empty(✅)
1412
- $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
1413
- $empty-image-size: var(--nutui-empty-image-size, 160px) !default;
1414
- $empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default;
1415
- $empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
1416
- $empty-background-color: var(--nutui-empty-background-color,
1417
- $color-background-overlay) !default;
1418
- $empty-title-margin-bottom: var(--nutui-empty-title-margin-bottom,
1419
- 12px) !default;
1420
- $empty-title-line-height: var(--nutui-empty-title-line-height,
1421
- $font-size-l) !default;
1422
- $empty-description-line-height: var(--nutui-empty-description-line-height,
1423
- 1) !default;
1413
+ $empty-padding: var(--nutui-empty-padding, 20px) !default;
1414
+ $empty-title-color: var(--nutui-empty-title-color, $color-title) !default;
1415
+ $empty-description-color: var(--nutui-empty-description-color, $color-text-help) !default;
1416
+ $empty-full-padding-top: var(--nutui-empty-full-padding-top, 160px) !default;
1417
+ $empty-full-image-size: var(--nutui-empty-full-image-size, 160px) !default;
1418
+ $empty-full-title-font-size: var(--nutui-empty-full-title-font-size, $font-size-md) !default;
1419
+ $empty-full-title-line-height: var(--nutui-empty-full-title-line-height, $line-height-xxl) !default;
1420
+ $empty-full-description-font-size: var(--nutui-empty-full-description-font-size, $font-size-base) !default;
1421
+ $empty-full-description-line-height: var(
1422
+ --nutui-empty-full-description-line-height,
1423
+ 22px
1424
+ ) !default;
1425
+ $empty-full-actions-margin-top: var(--nutui-empty-full-actions-margin-top, 8px) !default;
1426
+ $empty-half-image-size: var(--nutui-empty-half-image-size, 80px) !default;
1427
+ $empty-half-title-font-size: var(--nutui-empty-half-title-font-size, $font-size-s) !default;
1428
+ $empty-half-title-line-height: var(--nutui-empty-half-title-line-height, 22px) !default;
1429
+ $empty-half-description-font-size: var(--nutui-empty-half-description-font-size, $font-size-m) !default;
1430
+ $empty-half-description-line-height: var(--nutui-empty-half-description-line-height, $line-height-2xl) !default;
1431
+ $empty-half-actions-margin-top: var(--nutui-empty-half-actions-margin-top, 8px) !default;
1432
+ $empty-partial-padding: var(--nutui-empty-partial-padding, 0px 16px) !default;
1433
+ $empty-partial-image-size: var(--nutui-empty-partial-image-size, 32px) !default;
1434
+ $empty-partial-content-gap: var(--nutui-empty-partial-content-gap, 8px) !default;
1435
+ $empty-partial-description-font-size: var(--nutui-empty-partial-description-font-size, $font-size-m) !default;
1436
+ $empty-partial-description-line-height: var(--nutui-empty-partial-description-line-height, 32px) !default;
1424
1437
 
1425
1438
  // cascader(✅)
1426
1439
  $cascader-font-size: var(--nutui-cascader-font-size, $font-size-base) !default;
@@ -1346,6 +1346,7 @@ $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
1346
1346
  $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
1347
1347
  $rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
1348
1348
  $rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
1349
+ $rate-label-color: var(--nutui-rate-label-color, $color-text-disabled) !default;
1349
1350
 
1350
1351
  // tabbar(✅)
1351
1352
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
@@ -2364,26 +2365,50 @@ $segmented-icon-margin-right: var(
2364
2365
 
2365
2366
  // empty(✅)
2366
2367
 
2367
- $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
2368
- $empty-image-size: var(--nutui-empty-image-size, 160px) !default;
2369
- $empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default;
2370
- $empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
2371
- $empty-background-color: var(--nutui-empty-background-color, #fff) !default;
2372
- $empty-title-margin-bottom: var(
2373
- --nutui-empty-title-margin-bottom,
2374
- 8px
2375
- ) !default;
2376
- $empty-title-line-height: var(
2377
- --nutui-empty-title-line-height,
2368
+ $empty-padding: var(--nutui-empty-padding, 20px) !default;
2369
+ $empty-title-color: var(--nutui-empty-title-color, $color-title) !default;
2370
+ $empty-description-color: var(--nutui-empty-description-color, $color-text-help) !default;
2371
+
2372
+ // 全屏型
2373
+ $empty-full-padding-top: var(--nutui-empty-full-padding-top, 160px) !default;
2374
+ $empty-full-image-size: var(--nutui-empty-full-image-size, 160px) !default;
2375
+ $empty-full-title-font-size: var(--nutui-empty-full-title-font-size, $font-size-md) !default;
2376
+ $empty-full-title-line-height: var(--nutui-empty-full-title-line-height, $line-height-xxl) !default;
2377
+ $empty-full-description-font-size: var(
2378
+ --nutui-empty-full-description-font-size,
2378
2379
  $font-size-base
2379
2380
  ) !default;
2380
- $empty-description-margin-top: var(
2381
- --nutui-empty-description-margin-top,
2382
- 0px
2381
+ $empty-full-description-line-height: var(
2382
+ --nutui-empty-full-description-line-height,
2383
+ 22px
2384
+ ) !default;
2385
+ $empty-full-actions-margin-top: var(--nutui-empty-full-actions-margin-top, 8px) !default;
2386
+
2387
+ // 半屏型
2388
+ $empty-half-image-size: var(--nutui-empty-half-image-size, 80px) !default;
2389
+ $empty-half-title-font-size: var(--nutui-empty-half-title-font-size, $font-size-s) !default;
2390
+ $empty-half-title-line-height: var(--nutui-empty-half-title-line-height, 22px) !default;
2391
+ $empty-half-description-font-size: var(
2392
+ --nutui-empty-half-description-font-size,
2393
+ $font-size-m
2394
+ ) !default;
2395
+ $empty-half-description-line-height: var(
2396
+ --nutui-empty-half-description-line-height,
2397
+ $line-height-2xl
2383
2398
  ) !default;
2384
- $empty-description-line-height: var(
2385
- --nutui-empty-description-line-height,
2386
- 1.2
2399
+ $empty-half-actions-margin-top: var(--nutui-empty-half-actions-margin-top, 8px) !default;
2400
+
2401
+ // 局部型
2402
+ $empty-partial-padding: var(--nutui-empty-partial-padding, 0px 16px) !default;
2403
+ $empty-partial-image-size: var(--nutui-empty-partial-image-size, 32px) !default;
2404
+ $empty-partial-content-gap: var(--nutui-empty-partial-content-gap, 8px) !default;
2405
+ $empty-partial-description-font-size: var(
2406
+ --nutui-empty-partial-description-font-size,
2407
+ $font-size-m
2408
+ ) !default;
2409
+ $empty-partial-description-line-height: var(
2410
+ --nutui-empty-partial-description-line-height,
2411
+ 32px
2387
2412
  ) !default;
2388
2413
 
2389
2414
  // cascader(✅)
@@ -1445,6 +1445,7 @@ $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
1445
1445
  $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
1446
1446
  $rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
1447
1447
  $rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
1448
+ $rate-label-color: var(--nutui-rate-label-color, $color-text-disabled) !default;
1448
1449
  $rate-item-margin: var(--nutui-rate-item-margin, 14px) !default;
1449
1450
  $rate-icon-color: var(--nutui-rate-icon-color, $color-primary) !default;
1450
1451
  $rate-icon-inactive-color: var(
@@ -2439,27 +2440,30 @@ $searchbar-input-text-align: var(
2439
2440
 
2440
2441
  // empty(✅)
2441
2442
 
2442
- $empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
2443
- $empty-image-size: var(--nutui-empty-image-size, 160px) !default;
2444
- $empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default;
2445
- $empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
2446
- $empty-background-color: var(--nutui-empty-background-color, #fff) !default;
2447
- $empty-title-margin-bottom: var(
2448
- --nutui-empty-title-margin-bottom,
2449
- 8px
2450
- ) !default;
2451
- $empty-title-line-height: var(
2452
- --nutui-empty-title-line-height,
2453
- $font-size-base
2454
- ) !default;
2455
- $empty-description-margin-top: var(
2456
- --nutui-empty-description-margin-top,
2457
- 0px
2458
- ) !default;
2459
- $empty-description-line-height: var(
2460
- --nutui-empty-description-line-height,
2461
- 1.2
2443
+ $empty-padding: var(--nutui-empty-padding, 20px) !default;
2444
+ $empty-title-color: var(--nutui-empty-title-color, $color-title) !default;
2445
+ $empty-description-color: var(--nutui-empty-description-color, $color-text-help) !default;
2446
+ $empty-full-padding-top: var(--nutui-empty-full-padding-top, 160px) !default;
2447
+ $empty-full-image-size: var(--nutui-empty-full-image-size, 160px) !default;
2448
+ $empty-full-title-font-size: var(--nutui-empty-full-title-font-size, $font-size-md) !default;
2449
+ $empty-full-title-line-height: var(--nutui-empty-full-title-line-height, $line-height-xxl) !default;
2450
+ $empty-full-description-font-size: var(--nutui-empty-full-description-font-size, $font-size-base) !default;
2451
+ $empty-full-description-line-height: var(
2452
+ --nutui-empty-full-description-line-height,
2453
+ 22px
2462
2454
  ) !default;
2455
+ $empty-full-actions-margin-top: var(--nutui-empty-full-actions-margin-top, 8px) !default;
2456
+ $empty-half-image-size: var(--nutui-empty-half-image-size, 80px) !default;
2457
+ $empty-half-title-font-size: var(--nutui-empty-half-title-font-size, $font-size-s) !default;
2458
+ $empty-half-title-line-height: var(--nutui-empty-half-title-line-height, 22px) !default;
2459
+ $empty-half-description-font-size: var(--nutui-empty-half-description-font-size, $font-size-m) !default;
2460
+ $empty-half-description-line-height: var(--nutui-empty-half-description-line-height, $line-height-2xl) !default;
2461
+ $empty-half-actions-margin-top: var(--nutui-empty-half-actions-margin-top, 8px) !default;
2462
+ $empty-partial-padding: var(--nutui-empty-partial-padding, 0px 16px) !default;
2463
+ $empty-partial-image-size: var(--nutui-empty-partial-image-size, 32px) !default;
2464
+ $empty-partial-content-gap: var(--nutui-empty-partial-content-gap, 8px) !default;
2465
+ $empty-partial-description-font-size: var(--nutui-empty-partial-description-font-size, $font-size-m) !default;
2466
+ $empty-partial-description-line-height: var(--nutui-empty-partial-description-line-height, 32px) !default;
2463
2467
 
2464
2468
  // cascader(✅)
2465
2469
  $cascader-font-size: var(--nutui-cascader-font-size, $font-size-base) !default;
@@ -1261,11 +1261,12 @@ $rate-icon-inactive-color: var(
1261
1261
  --nutui-rate-icon-inactive-color,
1262
1262
  $color-primary-icon-disabled
1263
1263
  ) !default;
1264
- $rate-icon-size: var(--nutui-rate-icon-size, scale-font-px(12px)) !default;
1264
+ $rate-icon-size: var(--nutui-rate-icon-size, scale-font-px(16px)) !default;
1265
1265
  $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
1266
1266
  $rate-font-size: var(--nutui-rate-font-size, $font-size-s) !default;
1267
- $rate-font-size-large: var(--nutui-rate-font-size-large, calc($rate-font-size + scale-font-px(6px))) !default;
1268
- $rate-font-size-small: var(--nutui-rate-font-size-small, calc($rate-font-size - scale-font-px(2px))) !default;
1267
+ $rate-font-size-large: var(--nutui-rate-font-size-large, $font-size-base) !default;
1268
+ $rate-font-size-small: var(--nutui-rate-font-size-small, $font-size-s) !default;
1269
+ $rate-label-color: var(--nutui-rate-label-color, $color-text-disabled) !default;
1269
1270
 
1270
1271
  // tabbar(✅)
1271
1272
  $tabbar-height: var(--nutui-tabbar-height, scale-px(46px)) !default;
@@ -1496,7 +1497,7 @@ $steps-horizontal-item-line-padding: var(
1496
1497
  ) !default;
1497
1498
  $steps-horizontal-item-special-padding-right: var(
1498
1499
  --nutui-steps-horizontal-item-special-padding-right,
1499
- scale-px(22px)
1500
+ scale-font-px(22px)
1500
1501
  ) !default;
1501
1502
  $steps-horizontal-item-special-3-padding-right: var(
1502
1503
  --nutui-steps-horizontal-item-special-3-padding-right,
@@ -2277,26 +2278,33 @@ $segmented-icon-margin-right: var(
2277
2278
  ) !default;
2278
2279
 
2279
2280
  // empty(✅)
2280
- $empty-padding: var(--nutui-empty-padding, scale-px(32px) scale-px(40px)) !default;
2281
- $empty-image-size: var(--nutui-empty-image-size, scale-px(160px)) !default;
2282
- $empty-image-small-size: var(--nutui-empty-image-small-size, scale-px(120px)) !default;
2283
- $empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default;
2284
- $empty-background-color: var(
2285
- --nutui-empty-background-color,
2286
- $color-background-overlay
2287
- ) !default;
2288
- $empty-title-margin-bottom: var(
2289
- --nutui-empty-title-margin-bottom,
2290
- scale-px(12px)
2291
- ) !default;
2292
- $empty-title-line-height: var(
2293
- --nutui-empty-title-line-height,
2294
- $font-size-l
2295
- ) !default;
2296
- $empty-description-line-height: var(
2297
- --nutui-empty-description-line-height,
2298
- 1
2299
- ) !default;
2281
+ $empty-padding: var(--nutui-empty-padding, scale-px(20px) ) !default;
2282
+ $empty-title-color: var(--nutui-empty-title-color, $color-title) !default;
2283
+ $empty-description-color: var(--nutui-empty-description-color, $color-text-help) !default;
2284
+
2285
+ // 全屏型
2286
+ $empty-full-padding-top: var(--nutui-empty-full-padding-top, scale-px(160px)) !default;
2287
+ $empty-full-image-size: var(--nutui-empty-full-image-size, scale-px(160px)) !default;
2288
+ $empty-full-title-font-size: var(--nutui-empty-full-title-font-size, $font-size-md) !default;
2289
+ $empty-full-title-line-height: var(--nutui-empty-full-title-line-height, $line-height-xxl) !default;
2290
+ $empty-full-description-font-size: var(--nutui-empty-full-description-font-size, $font-size-base) !default;
2291
+ $empty-full-description-line-height: var(--nutui-empty-full-description-line-height, scale-font-px(22px)) !default;
2292
+ $empty-full-actions-margin-top: var(--nutui-empty-full-actions-margin-top, scale-px(8px)) !default;
2293
+
2294
+ // 半屏型
2295
+ $empty-half-image-size: var(--nutui-empty-half-image-size, scale-px(80px)) !default;
2296
+ $empty-half-title-font-size: var(--nutui-empty-half-title-font-size, $font-size-s) !default;
2297
+ $empty-half-title-line-height: var(--nutui-empty-half-title-line-height, scale-font-px(22px)) !default;
2298
+ $empty-half-description-font-size: var(--nutui-empty-half-description-font-size, $font-size-m) !default;
2299
+ $empty-half-description-line-height: var(--nutui-empty-half-description-line-height, $line-height-2xl) !default;
2300
+ $empty-half-actions-margin-top: var(--nutui-empty-half-actions-margin-top, scale-px(8px)) !default;
2301
+
2302
+ // 局部型
2303
+ $empty-partial-padding: var(--nutui-empty-partial-padding, scale-px(0px) scale-px(16px)) !default;
2304
+ $empty-partial-image-size: var(--nutui-empty-partial-image-size, scale-px(32px)) !default;
2305
+ $empty-partial-content-gap: var(--nutui-empty-partial-content-gap, scale-px(8px)) !default;
2306
+ $empty-partial-description-font-size: var(--nutui-empty-partial-description-font-size, $font-size-m) !default;
2307
+ $empty-partial-description-line-height: var(--nutui-empty-partial-description-line-height, scale-font-px(32px)) !default;
2300
2308
 
2301
2309
  // cascader(✅)
2302
2310
  $cascader-font-size: var(--nutui-cascader-font-size, $font-size-base) !default;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@nutui/nutui-react","version":"4.0.0-beta.3","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","postinstall":"node postinstall.js"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"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","postinstall.js"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/lottie-miniprogram":"^1.0.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","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"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}
1
+ {"name":"@nutui/nutui-react","version":"4.0.0-beta.4","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","postinstall":"node postinstall.js"},"sideEffects":["*.scss","dist/es/**/style{,-jmapp,-jrkf}/*","dist/cjs/**/style{,-jmapp,-jrkf}/*","dist/style{,-jmapp,-jrkf}.css","dist/styles/**/*","dist/styles/font{,-jmapp,-jrkf}/*"],"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","postinstall.js"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react":"^3.0.2-beta.5","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/lottie-miniprogram":"^1.0.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","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"},"optionalDependencies":{"@jmfe/npm-usage-stats-tool":"latest"}}