@nutui/nutui-react 2.0.1 → 2.0.2-beta.0

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 (58) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/Address/style/style.css +1 -1
  4. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  5. package/dist/esm/Calendar/style/style.css +1 -1
  6. package/dist/esm/Calendar.js +10 -4
  7. package/dist/esm/CalendarItem.js +14 -6
  8. package/dist/esm/Cascader/style/style.css +1 -1
  9. package/dist/esm/DatePicker/style/style.css +1 -1
  10. package/dist/esm/Dialog/style/style.css +1 -1
  11. package/dist/esm/FixedNav/style/style.css +1 -1
  12. package/dist/esm/ImagePreview/style/style.css +1 -1
  13. package/dist/esm/Menu/style/style.css +1 -1
  14. package/dist/esm/MenuItem/style/style.css +1 -1
  15. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  16. package/dist/esm/Overlay/style/style.css +1 -1
  17. package/dist/esm/Overlay.js +1 -0
  18. package/dist/esm/Picker/style/style.css +1 -1
  19. package/dist/esm/Popover/style/style.css +1 -1
  20. package/dist/esm/Popup/style/style.css +1 -1
  21. package/dist/esm/ShortPassword/style/style.css +1 -1
  22. package/dist/esm/SideNavBar/style/style.css +1 -1
  23. package/dist/esm/TimeSelect/style/style.css +1 -1
  24. package/dist/esm/Toast.js +1 -0
  25. package/dist/esm/overlay2.js +25 -24
  26. package/dist/esm/popup2.js +4 -5
  27. package/dist/esm/types/src/packages/calendar/calendar.d.ts +1 -0
  28. package/dist/esm/types/src/packages/calendar/calendar.taro.d.ts +1 -0
  29. package/dist/esm/types/src/packages/calendaritem/calendaritem.d.ts +1 -0
  30. package/dist/esm/types/src/packages/calendaritem/calendaritem.taro.d.ts +1 -0
  31. package/dist/esm/types/src/packages/circleprogress/circleprogress.d.ts +1 -1
  32. package/dist/esm/types/src/packages/circleprogress/circleprogress.taro.d.ts +1 -1
  33. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  34. package/dist/esm/types/src/packages/nutui.react.taro.d.ts +1 -1
  35. package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +1 -1
  36. package/dist/locales/base.js +1 -1
  37. package/dist/locales/en-US.js +1 -1
  38. package/dist/locales/id-ID.js +1 -1
  39. package/dist/locales/tr-TR.js +1 -1
  40. package/dist/locales/zh-CN.js +1 -1
  41. package/dist/locales/zh-TW.js +1 -1
  42. package/dist/locales/zh-UG.js +1 -1
  43. package/dist/nutui.react.es.js +7381 -7367
  44. package/dist/nutui.react.umd.js +7381 -7367
  45. package/dist/packages/animatingnumbers/countup.scss +5 -1
  46. package/dist/packages/calendar/calendar.scss +9 -0
  47. package/dist/packages/overlay/overlay.scss +32 -34
  48. package/dist/packages/popup/popup.scss +12 -12
  49. package/dist/style.css +1 -1
  50. package/dist/style.mjs +1 -1
  51. package/dist/styles/variables-jmapp.scss +1 -1
  52. package/dist/styles/variables.scss +18 -5
  53. package/dist/types/packages/calendar/calendar.d.ts +5 -0
  54. package/dist/types/packages/calendaritem/calendaritem.d.ts +1 -0
  55. package/dist/types/packages/circleprogress/circleprogress.d.ts +1 -1
  56. package/dist/types/packages/configprovider/types.d.ts +1 -1
  57. package/dist/types/packages/overlay/overlay.d.ts +2 -2
  58. package/package.json +4 -2
package/dist/packages/animatingnumbers/countup.scss CHANGED
@@ -11,8 +11,12 @@
11
11
  color: $title-color;
12
12
  font-weight: bold;
13
13
  }
14
- &__number,
15
14
  &__separator {
15
+ display: flex;
16
+ height: 80%;
17
+ align-items: flex-end;
18
+ }
19
+ &__number {
16
20
  display: flex;
17
21
  flex-direction: column;
18
22
  align-items: center;
package/dist/packages/calendar/calendar.scss CHANGED
@@ -192,6 +192,15 @@
192
192
  }
193
193
  }
194
194
 
195
+ &-choose-disabled {
196
+ background-color: $calendar-choose-disable-background-color;
197
+ color: $calendar-disable-color !important;
198
+
199
+ .nut-calendar-day-info-curr {
200
+ display: none;
201
+ }
202
+ }
203
+
195
204
  &-choose {
196
205
  background-color: $calendar-choose-background-color;
197
206
  color: $calendar-choose-color;
package/dist/packages/overlay/overlay.scss CHANGED
@@ -5,15 +5,6 @@
5
5
  width: 100%;
6
6
  height: 100%;
7
7
  background: $overlay-bg-color;
8
- }
9
-
10
- .nut-overflow-hidden {
11
- overflow: hidden !important;
12
- }
13
-
14
- .nut-overlay-fade-enter-active {
15
- animation: nut-fade-in;
16
-
17
8
  .wrapper {
18
9
  .content {
19
10
  background-color: $overlay-content-bg-color;
@@ -22,42 +13,49 @@
22
13
  }
23
14
  }
24
15
 
25
- .nut-overlay-fade-leave-active {
26
- animation: nut-fade-out;
16
+ .nut-overflow-hidden {
17
+ overflow: hidden !important;
27
18
  }
28
19
 
29
- .nut-overlay-first-render {
30
- display: none;
31
- }
20
+ .nut-overlay-slide {
21
+ @keyframes nut-fade-in {
22
+ 0% {
23
+ opacity: 0;
24
+ }
32
25
 
33
- .nut-overlay-hidden-render {
34
- display: none;
35
- }
26
+ 1% {
27
+ opacity: 0;
28
+ }
36
29
 
37
- @keyframes nut-fade-in {
38
- 0% {
39
- opacity: 0;
30
+ 100% {
31
+ opacity: 1;
32
+ }
40
33
  }
41
34
 
42
- 1% {
43
- opacity: 0;
44
- }
35
+ @keyframes nut-fade-out {
36
+ 0% {
37
+ opacity: 1;
38
+ }
45
39
 
46
- 100% {
47
- opacity: 1;
48
- }
49
- }
40
+ 1% {
41
+ opacity: 1;
42
+ }
50
43
 
51
- @keyframes nut-fade-out {
52
- 0% {
53
- opacity: 1;
44
+ 100% {
45
+ opacity: 0;
46
+ }
54
47
  }
55
48
 
56
- 1% {
57
- opacity: 1;
49
+ &-enter-active,
50
+ &-appear-active {
51
+ animation-fill-mode: both;
52
+ animation-name: nut-fade-in;
53
+ animation-duration: $overlay-animation-duration;
58
54
  }
59
55
 
60
- 100% {
61
- opacity: 0;
56
+ &-exit-active {
57
+ animation-fill-mode: both;
58
+ animation-name: nut-fade-out;
59
+ animation-duration: $overlay-animation-duration;
62
60
  }
63
61
  }
package/dist/packages/popup/popup.scss CHANGED
@@ -139,13 +139,13 @@
139
139
  &-default-enter-active {
140
140
  animation-fill-mode: both;
141
141
  animation-name: popup-scale-fade-in;
142
- animation-duration: 0.3s;
142
+ animation-duration: $popup-animation-duration;
143
143
  }
144
144
 
145
145
  &-default-exit-active {
146
146
  animation-fill-mode: both;
147
147
  animation-name: popup-scale-fade-out;
148
- animation-duration: 0.3s;
148
+ animation-duration: $popup-animation-duration;
149
149
  }
150
150
 
151
151
  @keyframes popup-fade-in {
@@ -171,13 +171,13 @@
171
171
  &-center-enter-active {
172
172
  animation-fill-mode: both;
173
173
  animation-name: popup-fade-in;
174
- animation-duration: 0.3s;
174
+ animation-duration: $popup-animation-duration;
175
175
  }
176
176
 
177
177
  &-center-exit-active {
178
178
  animation-fill-mode: both;
179
179
  animation-name: popup-fade-out;
180
- animation-duration: 0.3s;
180
+ animation-duration: $popup-animation-duration;
181
181
  }
182
182
 
183
183
  /* 从顶部滑出 */
@@ -198,13 +198,13 @@
198
198
  transform: translate3d(0, 0%, 0);
199
199
  animation-fill-mode: both;
200
200
  animation-name: popup-slide-top-enter;
201
- animation-duration: 0.3s;
201
+ animation-duration: $popup-animation-duration;
202
202
  }
203
203
 
204
204
  &-top-exit-active {
205
205
  animation-fill-mode: both;
206
206
  animation-name: popup-slide-top-exit;
207
- animation-duration: 0.3s;
207
+ animation-duration: $popup-animation-duration;
208
208
  }
209
209
 
210
210
  /* 从右侧滑出 */
@@ -225,13 +225,13 @@
225
225
  transform: translate3d(0, 0, 0);
226
226
  animation-fill-mode: both;
227
227
  animation-name: popup-slide-right-enter;
228
- animation-duration: 0.3s;
228
+ animation-duration: $popup-animation-duration;
229
229
  }
230
230
 
231
231
  &-right-exit {
232
232
  animation-fill-mode: both;
233
233
  animation-name: popup-slide-right-exit;
234
- animation-duration: 0.3s;
234
+ animation-duration: $popup-animation-duration;
235
235
  }
236
236
 
237
237
  /* 从底部滑出 */
@@ -252,13 +252,13 @@
252
252
  transform: translate(0, 0);
253
253
  animation-fill-mode: both;
254
254
  animation-name: popup-slide-bottom-enter;
255
- animation-duration: 0.3s;
255
+ animation-duration: $popup-animation-duration;
256
256
  }
257
257
 
258
258
  &-bottom-exit {
259
259
  animation-fill-mode: both;
260
260
  animation-name: slide-bottom-exit;
261
- animation-duration: 0.3s;
261
+ animation-duration: $popup-animation-duration;
262
262
  }
263
263
 
264
264
  /* 从左侧滑出 */
@@ -279,14 +279,14 @@
279
279
  transform: translate(0, 0);
280
280
  animation-fill-mode: both;
281
281
  animation-name: popup-slide-left-enter;
282
- animation-duration: 0.3s;
282
+ animation-duration: $popup-animation-duration;
283
283
  }
284
284
 
285
285
  &-left-exit-active,
286
286
  &-left-exit-done {
287
287
  animation-fill-mode: both;
288
288
  animation-name: popup-slide-left-exit;
289
- animation-duration: 0.3s;
289
+ animation-duration: $popup-animation-duration;
290
290
  }
291
291
  }
292
292