@nutui/nutui-react 2.0.0-alpha.2 → 2.0.0-alpha.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 (44) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/esm/Badge.js +4 -66
  3. package/dist/esm/CalendarItem.js +2 -12
  4. package/dist/esm/Cascader.js +4 -2
  5. package/dist/esm/CircleProgress.js +20 -25
  6. package/dist/esm/Dialog.js +162 -171
  7. package/dist/esm/Input.js +87 -193
  8. package/dist/esm/Popup.js +2 -4
  9. package/dist/esm/Switch.js +16 -30
  10. package/dist/esm/TabPane.js +0 -2
  11. package/dist/esm/Tabbar.js +29 -33
  12. package/dist/esm/TabbarItem.js +5 -75
  13. package/dist/esm/Tabs.js +2 -2
  14. package/dist/esm/badge2.js +69 -0
  15. package/dist/esm/nutui-react.es.js +170 -170
  16. package/dist/esm/overlay2.js +12 -14
  17. package/dist/esm/raf.js +16 -0
  18. package/dist/esm/tabbaritem2.js +61 -0
  19. package/dist/esm/tabpane2.js +7 -9
  20. package/dist/esm/tabs2.js +101 -93
  21. package/dist/locales/base.js +1 -1
  22. package/dist/locales/en-US.js +1 -1
  23. package/dist/locales/id-ID.js +1 -1
  24. package/dist/locales/zh-CN.js +1 -1
  25. package/dist/locales/zh-TW.js +1 -1
  26. package/dist/locales/zh-UG.js +1 -1
  27. package/dist/nutui.react.mjs +18569 -19365
  28. package/dist/nutui.react.umd.js +18567 -19363
  29. package/dist/packages/badge/badge.scss +0 -1
  30. package/dist/packages/circleprogress/circleprogress.scss +0 -9
  31. package/dist/packages/dialog/dialog.scss +36 -65
  32. package/dist/packages/input/input.scss +13 -180
  33. package/dist/packages/overlay/overlay.scss +11 -4
  34. package/dist/packages/switch/switch.scss +13 -31
  35. package/dist/packages/tabbar/tabbar.scss +16 -23
  36. package/dist/packages/tabbaritem/tabbaritem.scss +9 -70
  37. package/dist/packages/tabs/tabs.scss +196 -225
  38. package/dist/style.css +1 -1
  39. package/dist/style.mjs +1 -1
  40. package/dist/styles/themes/default.scss +17 -17
  41. package/dist/styles/variables-jmapp.scss +24 -27
  42. package/dist/styles/variables.scss +34 -30
  43. package/dist/types/index.d.ts +366 -423
  44. package/package.json +2 -2
package/dist/style.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:37:03 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:13:01 GMT+0800 (China Standard Time)
3
3
  * (c) 2023 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
package/dist/styles/themes/default.scss CHANGED
@@ -7,7 +7,6 @@
7
7
  @import '../../packages/icon/icon.scss';
8
8
  @import '../../packages/image/image.scss';
9
9
  @import '../../packages/overlay/overlay.scss';
10
- @import '../../packages/popup/popup.scss';
11
10
  @import '../../packages/col/col.scss';
12
11
  @import '../../packages/divider/divider.scss';
13
12
  @import '../../packages/grid/grid.scss';
@@ -15,13 +14,10 @@
15
14
  @import '../../packages/layout/layout.scss';
16
15
  @import '../../packages/row/row.scss';
17
16
  @import '../../packages/sticky/sticky.scss';
17
+ @import '../../packages/backtop/backtop.scss';
18
18
  @import '../../packages/elevator/elevator.scss';
19
19
  @import '../../packages/fixednav/fixednav.scss';
20
- @import '../../packages/indicator/indicator.scss';
21
- @import '../../packages/menu/menu.scss';
22
- @import '../../packages/menuitem/menuitem.scss';
23
20
  @import '../../packages/navbar/navbar.scss';
24
- @import '../../packages/pagination/pagination.scss';
25
21
  @import '../../packages/sidenavbar/sidenavbar.scss';
26
22
  @import '../../packages/sidenavbaritem/sidenavbaritem.scss';
27
23
  @import '../../packages/subsidenavbar/subsidenavbar.scss';
@@ -29,6 +25,7 @@
29
25
  @import '../../packages/tabbaritem/tabbaritem.scss';
30
26
  @import '../../packages/tabpane/tabpane.scss';
31
27
  @import '../../packages/tabs/tabs.scss';
28
+ @import '../../packages/address/address.scss';
32
29
  @import '../../packages/calendar/calendar.scss';
33
30
  @import '../../packages/calendaritem/calendaritem.scss';
34
31
  @import '../../packages/cascader/cascader.scss';
@@ -39,6 +36,8 @@
39
36
  @import '../../packages/formitem/formitem.scss';
40
37
  @import '../../packages/input/input.scss';
41
38
  @import '../../packages/inputnumber/inputnumber.scss';
39
+ @import '../../packages/menu/menu.scss';
40
+ @import '../../packages/menuitem/menuitem.scss';
42
41
  @import '../../packages/numberkeyboard/numberkeyboard.scss';
43
42
  @import '../../packages/picker/picker.scss';
44
43
  @import '../../packages/radio/radio.scss';
@@ -47,50 +46,51 @@
47
46
  @import '../../packages/rate/rate.scss';
48
47
  @import '../../packages/searchbar/searchbar.scss';
49
48
  @import '../../packages/shortpassword/shortpassword.scss';
49
+ @import '../../packages/signature/signature.scss';
50
+ @import '../../packages/switch/switch.scss';
50
51
  @import '../../packages/textarea/textarea.scss';
51
52
  @import '../../packages/uploader/uploader.scss';
52
53
  @import '../../packages/actionsheet/actionsheet.scss';
53
- @import '../../packages/backtop/backtop.scss';
54
+ @import '../../packages/badge/badge.scss';
54
55
  @import '../../packages/dialog/dialog.scss';
55
56
  @import '../../packages/drag/drag.scss';
57
+ @import '../../packages/empty/empty.scss';
56
58
  @import '../../packages/infiniteloading/infiniteloading.scss';
59
+ @import '../../packages/noticebar/noticebar.scss';
57
60
  @import '../../packages/notify/notify.scss';
61
+ @import '../../packages/popover/popover.scss';
58
62
  @import '../../packages/pulltorefresh/pulltorefresh.scss';
63
+ @import '../../packages/skeleton/skeleton.scss';
59
64
  @import '../../packages/swipe/swipe.scss';
60
- @import '../../packages/switch/switch.scss';
65
+ @import '../../packages/popup/popup.scss';
61
66
  @import '../../packages/toast/toast.scss';
62
67
  @import '../../packages/animate/animate.scss';
63
68
  @import '../../packages/animatingnumbers/animatingnumbers.scss';
64
69
  @import '../../packages/audio/audio.scss';
65
70
  @import '../../packages/avatar/avatar.scss';
66
71
  @import '../../packages/avatargroup/avatargroup.scss';
67
- @import '../../packages/badge/badge.scss';
68
72
  @import '../../packages/circleprogress/circleprogress.scss';
69
73
  @import '../../packages/collapse/collapse.scss';
70
74
  @import '../../packages/collapseitem/collapseitem.scss';
71
75
  @import '../../packages/countdown/countdown.scss';
72
76
  @import '../../packages/ellipsis/ellipsis.scss';
73
- @import '../../packages/empty/empty.scss';
74
77
  @import '../../packages/imagepreview/imagepreview.scss';
75
- @import '../../packages/noticebar/noticebar.scss';
76
- @import '../../packages/popover/popover.scss';
78
+ @import '../../packages/indicator/indicator.scss';
79
+ @import '../../packages/virtuallist/virtuallist.scss';
80
+ @import '../../packages/pagination/pagination.scss';
77
81
  @import '../../packages/price/price.scss';
78
82
  @import '../../packages/progress/progress.scss';
79
- @import '../../packages/skeleton/skeleton.scss';
80
83
  @import '../../packages/step/step.scss';
81
84
  @import '../../packages/steps/steps.scss';
82
85
  @import '../../packages/swiper/swiper.scss';
83
86
  @import '../../packages/swiperitem/swiperitem.scss';
84
87
  @import '../../packages/table/table.scss';
85
88
  @import '../../packages/tag/tag.scss';
86
- @import '../../packages/trendarrow/trendarrow.scss';
87
89
  @import '../../packages/video/video.scss';
88
- @import '../../packages/virtuallist/virtuallist.scss';
89
- @import '../../packages/watermark/watermark.scss';
90
- @import '../../packages/address/address.scss';
91
90
  @import '../../packages/barrage/barrage.scss';
92
91
  @import '../../packages/card/card.scss';
93
- @import '../../packages/signature/signature.scss';
94
92
  @import '../../packages/timedetail/timedetail.scss';
95
93
  @import '../../packages/timepannel/timepannel.scss';
96
94
  @import '../../packages/timeselect/timeselect.scss';
95
+ @import '../../packages/trendarrow/trendarrow.scss';
96
+ @import '../../packages/watermark/watermark.scss';
package/dist/styles/variables-jmapp.scss CHANGED
@@ -470,11 +470,11 @@ $picker-mask-bg-img: var(
470
470
  ) !default;
471
471
  //input（✅）
472
472
  $input-border-bottom: var(--nutui-input-border-bottom, #eaf0fb) !default;
473
- $input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
474
- $input-required-color: var(
475
- --nutui-input-required-color,
476
- $required-color
473
+ $input-border-bottom-width: var(
474
+ --nutui-input-border-bottom-width,
475
+ 0px
477
476
  ) !default;
477
+ $input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
478
478
  $input-font-size: var(--nutui-input-font-size, $font-size-2) !default;
479
479
  $input-padding: var(--nutui-input-padding, 10px 25px) !default;
480
480
 
@@ -729,9 +729,16 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
729
729
  $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
730
730
 
731
731
  //switch（✅）
732
- $switch-close-bg-color: var(--nutui-switch-close-bg-color, #ebebeb) !default;
733
- $switch-close--line-bg-color: var(
734
- --nutui-switch-close--line-bg-color,
732
+ $switch-inactive-background-color: var(
733
+ --nutui-switch-close-background-color,
734
+ #ebebeb
735
+ ) !default;
736
+ $switch-active-background-color: var(
737
+ --nutui-switch-open-background-color,
738
+ $primary-color
739
+ ) !default;
740
+ $switch-close-line-background-color: var(
741
+ --nutui-switch-close-line-bg-color,
735
742
  #f0f0f0
736
743
  ) !default;
737
744
  $switch-width: var(--nutui-switch-width, 36px) !default;
@@ -864,28 +871,24 @@ $rate-icon-void-color: var(
864
871
  // tabbar（✅）
865
872
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
866
873
  $tabbar-active-color: var(--nutui-tabbar-active-color, $primary-color) !default;
867
- $tabbar-unactive-color: var(
868
- --nutui-tabbar-unactive-color,
869
- $primary-color
870
- ) !default;
874
+ $tabbar-inactive-color: var(--nutui-tabbar-inactive-color, $gray1) !default;
871
875
  $tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
872
876
  $tabbar-border-bottom: var(
873
877
  --nutui-tabbar-border-bottom,
874
878
  1px solid #eee
875
879
  ) !default;
876
880
  $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
877
- $tabbar-item-text-font-size: var(
878
- --nutui-tabbar-item-text-font-size,
881
+ $tabbar-text-font-size: var(
882
+ --nutui-tabbar-text-font-size,
879
883
  $font-size-0
880
884
  ) !default;
881
- $tabbar-item-text-line-height: var(
882
- --nutui-tabbar-item-text-line-height,
883
- 20px
885
+ $tabbar-text-large-font-size: var(
886
+ --nutui-tabbar-text-large-font-size,
887
+ $font-size-large
884
888
  ) !default;
889
+ $tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
885
890
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
886
- $tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, 3px) !default;
887
- $tabbar-dot-right: var(--nutui-tabbar-dot-right, 12px) !default;
888
- $tabbar-dot-top: var(--nutui-tabbar-dot-top, 0) !default;
891
+ $tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
889
892
 
890
893
  //infiniteloading（✅）
891
894
  $infiniteloading-bottom-color: var(
@@ -1598,18 +1601,12 @@ $tabs-titles-background-color: var(
1598
1601
  $background-color
1599
1602
  ) !default;
1600
1603
  $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
1601
- $tabs-titles-item-large-font-size: var(
1602
- --nutui-tabs-titles-item-large-font-size,
1603
- $font-size-3
1604
- ) !default;
1604
+
1605
1605
  $tabs-titles-item-font-size: var(
1606
1606
  --nutui-tabs-titles-item-font-size,
1607
1607
  $font-size-2
1608
1608
  ) !default;
1609
- $tabs-titles-item-small-font-size: var(
1610
- --nutui-tabs-titles-item-small-font-size,
1611
- $font-size-1
1612
- ) !default;
1609
+
1613
1610
  $tabs-titles-item-color: var(
1614
1611
  --nutui-tabs-titles-item-color,
1615
1612
  $title-color
package/dist/styles/variables.scss CHANGED
@@ -454,11 +454,11 @@ $picker-mask-bg-img: var(
454
454
 
455
455
  //input（✅）
456
456
  $input-border-bottom: var(--nutui-input-border-bottom, #eaf0fb) !default;
457
- $input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
458
- $input-required-color: var(
459
- --nutui-input-required-color,
460
- $required-color
457
+ $input-border-bottom-width: var(
458
+ --nutui-input-border-bottom-width,
459
+ 0px
461
460
  ) !default;
461
+ $input-disabled-color: var(--nutui-input-disabled-color, #c8c9cc) !default;
462
462
  $input-font-size: var(--nutui-input-font-size, $font-size-2) !default;
463
463
  $input-padding: var(--nutui-input-padding, 10px 25px) !default;
464
464
 
@@ -713,9 +713,16 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
713
713
  $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
714
714
 
715
715
  //switch（✅）
716
- $switch-close-bg-color: var(--nutui-switch-close-bg-color, #ebebeb) !default;
717
- $switch-close--line-bg-color: var(
718
- --nutui-switch-close--line-bg-color,
716
+ $switch-inactive-background-color: var(
717
+ --nutui-switch-close-background-color,
718
+ #ebebeb
719
+ ) !default;
720
+ $switch-active-background-color: var(
721
+ --nutui-switch-open-background-color,
722
+ $primary-color
723
+ ) !default;
724
+ $switch-close-line-background-color: var(
725
+ --nutui-switch-close-line-bg-color,
719
726
  #f0f0f0
720
727
  ) !default;
721
728
  $switch-width: var(--nutui-switch-width, 36px) !default;
@@ -851,28 +858,24 @@ $rate-icon-void-color: var(
851
858
  // tabbar（✅）
852
859
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
853
860
  $tabbar-active-color: var(--nutui-tabbar-active-color, $primary-color) !default;
854
- $tabbar-unactive-color: var(
855
- --nutui-tabbar-unactive-color,
856
- $primary-color
857
- ) !default;
861
+ $tabbar-inactive-color: var(--nutui-tabbar-inactive-color, $gray1) !default;
858
862
  $tabbar-border-top: var(--nutui-tabbar-border-top, 1px solid #eee) !default;
859
863
  $tabbar-border-bottom: var(
860
864
  --nutui-tabbar-border-bottom,
861
865
  1px solid #eee
862
866
  ) !default;
863
867
  $tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default;
864
- $tabbar-item-text-font-size: var(
865
- --nutui-tabbar-item-text-font-size,
868
+ $tabbar-text-font-size: var(
869
+ --nutui-tabbar-text-font-size,
866
870
  $font-size-0
867
871
  ) !default;
868
- $tabbar-item-text-line-height: var(
869
- --nutui-tabbar-item-text-line-height,
870
- 20px
872
+ $tabbar-text-large-font-size: var(
873
+ --nutui-tabbar-text-large-font-size,
874
+ $font-size-large
871
875
  ) !default;
876
+ $tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default;
872
877
  $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
873
- $tabbar-word-margin-top: var(--nutui-tabbar-word-margin-top, 3px) !default;
874
- $tabbar-dot-right: var(--nutui-tabbar-dot-right, 12px) !default;
875
- $tabbar-dot-top: var(--nutui-tabbar-dot-top, 0) !default;
878
+ $tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default;
876
879
 
877
880
  //infiniteloading（✅）
878
881
  $infiniteloading-bottom-color: var(
@@ -1127,9 +1130,16 @@ $dialog-content-line-height: var(
1127
1130
  --nutui-dialog-content-line-height,
1128
1131
  16px
1129
1132
  ) !default;
1130
- $dialog-mask-z-index: var(--nutui-dialog-mask-z-index, $mask-z-index) !default;
1131
- $dialog-mask-background-color: var(
1132
- --nutui-dialog-mask-background-color,
1133
+ $dialog-content-text-align: var(
1134
+ --nutui-dialog-content-text-align,
1135
+ center
1136
+ ) !default;
1137
+ $dialog-overlay-z-index: var(
1138
+ --nutui-dialog-overlay-z-index,
1139
+ $mask-z-index
1140
+ ) !default;
1141
+ $dialog-overlay-background-color: var(
1142
+ --nutui-dialog-overlay-background-color,
1133
1143
  $mask-color
1134
1144
  ) !default;
1135
1145
  $dialog-outer-z-index: var(
@@ -1576,18 +1586,12 @@ $tabs-titles-background-color: var(
1576
1586
  $background-color
1577
1587
  ) !default;
1578
1588
  $tabs-titles-border-radius: var(--nutui-tabs-titles-border-radius, 0) !default;
1579
- $tabs-titles-item-large-font-size: var(
1580
- --nutui-tabs-titles-item-large-font-size,
1581
- $font-size-3
1582
- ) !default;
1589
+ $nut-tabs-title-gap: var(--nutui-tabs-title-gap, 0) !default;
1583
1590
  $tabs-titles-item-font-size: var(
1584
1591
  --nutui-tabs-titles-item-font-size,
1585
1592
  $font-size-2
1586
1593
  ) !default;
1587
- $tabs-titles-item-small-font-size: var(
1588
- --nutui-tabs-titles-item-small-font-size,
1589
- $font-size-1
1590
- ) !default;
1594
+
1591
1595
  $tabs-titles-item-color: var(
1592
1596
  --nutui-tabs-titles-item-color,
1593
1597
  $title-color