@nutui/nutui-react 2.0.0-alpha.2 → 2.0.0-alpha.3

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 (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/esm/CalendarItem.js +2 -12
  3. package/dist/esm/Cascader.js +4 -2
  4. package/dist/esm/Dialog.js +162 -171
  5. package/dist/esm/Popup.js +2 -4
  6. package/dist/esm/Switch.js +16 -30
  7. package/dist/esm/TabPane.js +0 -2
  8. package/dist/esm/Tabs.js +2 -2
  9. package/dist/esm/nutui-react.es.js +170 -170
  10. package/dist/esm/overlay2.js +12 -14
  11. package/dist/esm/raf.js +16 -0
  12. package/dist/esm/tabpane2.js +7 -9
  13. package/dist/esm/tabs2.js +101 -93
  14. package/dist/locales/base.js +1 -1
  15. package/dist/locales/en-US.js +1 -1
  16. package/dist/locales/id-ID.js +1 -1
  17. package/dist/locales/zh-CN.js +1 -1
  18. package/dist/locales/zh-TW.js +1 -1
  19. package/dist/locales/zh-UG.js +1 -1
  20. package/dist/nutui.react.mjs +18533 -19122
  21. package/dist/nutui.react.umd.js +18531 -19120
  22. package/dist/packages/dialog/dialog.scss +36 -65
  23. package/dist/packages/overlay/overlay.scss +11 -4
  24. package/dist/packages/switch/switch.scss +13 -31
  25. package/dist/packages/tabs/tabs.scss +196 -225
  26. package/dist/style.css +1 -1
  27. package/dist/style.mjs +1 -1
  28. package/dist/styles/themes/default.scss +17 -17
  29. package/dist/styles/variables-jmapp.scss +12 -11
  30. package/dist/styles/variables.scss +22 -14
  31. package/dist/types/index.d.ts +337 -360
  32. 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.3 Fri Apr 28 2023 15:58:08 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
@@ -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;
@@ -1598,18 +1605,12 @@ $tabs-titles-background-color: var(
1598
1605
  $background-color
1599
1606
  ) !default;
1600
1607
  $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;
1608
+
1605
1609
  $tabs-titles-item-font-size: var(
1606
1610
  --nutui-tabs-titles-item-font-size,
1607
1611
  $font-size-2
1608
1612
  ) !default;
1609
- $tabs-titles-item-small-font-size: var(
1610
- --nutui-tabs-titles-item-small-font-size,
1611
- $font-size-1
1612
- ) !default;
1613
+
1613
1614
  $tabs-titles-item-color: var(
1614
1615
  --nutui-tabs-titles-item-color,
1615
1616
  $title-color
package/dist/styles/variables.scss CHANGED
@@ -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;
@@ -1127,9 +1134,16 @@ $dialog-content-line-height: var(
1127
1134
  --nutui-dialog-content-line-height,
1128
1135
  16px
1129
1136
  ) !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,
1137
+ $dialog-content-text-align: var(
1138
+ --nutui-dialog-content-text-align,
1139
+ center
1140
+ ) !default;
1141
+ $dialog-overlay-z-index: var(
1142
+ --nutui-dialog-overlay-z-index,
1143
+ $mask-z-index
1144
+ ) !default;
1145
+ $dialog-overlay-background-color: var(
1146
+ --nutui-dialog-overlay-background-color,
1133
1147
  $mask-color
1134
1148
  ) !default;
1135
1149
  $dialog-outer-z-index: var(
@@ -1576,18 +1590,12 @@ $tabs-titles-background-color: var(
1576
1590
  $background-color
1577
1591
  ) !default;
1578
1592
  $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;
1593
+ $nut-tabs-title-gap: var(--nutui-tabs-title-gap, 0) !default;
1583
1594
  $tabs-titles-item-font-size: var(
1584
1595
  --nutui-tabs-titles-item-font-size,
1585
1596
  $font-size-2
1586
1597
  ) !default;
1587
- $tabs-titles-item-small-font-size: var(
1588
- --nutui-tabs-titles-item-small-font-size,
1589
- $font-size-1
1590
- ) !default;
1598
+
1591
1599
  $tabs-titles-item-color: var(
1592
1600
  --nutui-tabs-titles-item-color,
1593
1601
  $title-color