@nutui/nutui-react-taro 3.0.19-cpp.26-beta.3 → 3.0.19-cpp.26-beta.5

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 (68) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.harmony.css +7 -7
  2. package/dist/cjs/packages/address/style/style.harmony.css +7 -7
  3. package/dist/cjs/packages/calendar/style/style.harmony.css +7 -7
  4. package/dist/cjs/packages/cascader/style/style.harmony.css +7 -7
  5. package/dist/cjs/packages/datepicker/style/style.harmony.css +7 -7
  6. package/dist/cjs/packages/dialog/style/dialog.scss +1 -1
  7. package/dist/cjs/packages/dialog/style/style.css +1 -1
  8. package/dist/cjs/packages/dialog/style/style.harmony.css +1 -1
  9. package/dist/cjs/packages/dialog/style-jmapp/dialog.scss +1 -1
  10. package/dist/cjs/packages/dialog/style-jmapp/style.css +1 -1
  11. package/dist/cjs/packages/dialog/style-jrkf/dialog.scss +1 -1
  12. package/dist/cjs/packages/dialog/style-jrkf/style.css +1 -1
  13. package/dist/cjs/packages/imagepreview/style/style.harmony.css +7 -7
  14. package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +7 -7
  15. package/dist/cjs/packages/picker/style/style.harmony.css +7 -7
  16. package/dist/cjs/packages/popover/style/style.harmony.css +7 -7
  17. package/dist/cjs/packages/popup/popup.js +3 -1
  18. package/dist/cjs/packages/popup/style/popup.scss +8 -7
  19. package/dist/cjs/packages/popup/style/style.css +7 -7
  20. package/dist/cjs/packages/popup/style/style.harmony.css +7 -7
  21. package/dist/cjs/packages/popup/style-jmapp/popup.scss +8 -7
  22. package/dist/cjs/packages/popup/style-jmapp/style.css +7 -7
  23. package/dist/cjs/packages/popup/style-jrkf/popup.scss +8 -7
  24. package/dist/cjs/packages/popup/style-jrkf/style.css +7 -7
  25. package/dist/cjs/packages/quickenter/style/style.harmony.css +7 -7
  26. package/dist/cjs/packages/shortpassword/style/style.harmony.css +7 -7
  27. package/dist/cjs/packages/timeselect/style/style.harmony.css +7 -7
  28. package/dist/cjs/packages/tour/style/style.harmony.css +7 -7
  29. package/dist/es/packages/actionsheet/style/style.harmony.css +7 -7
  30. package/dist/es/packages/address/style/style.harmony.css +7 -7
  31. package/dist/es/packages/calendar/style/style.harmony.css +7 -7
  32. package/dist/es/packages/cascader/style/style.harmony.css +7 -7
  33. package/dist/es/packages/datepicker/style/style.harmony.css +7 -7
  34. package/dist/es/packages/dialog/style/dialog.scss +1 -1
  35. package/dist/es/packages/dialog/style/style.css +1 -1
  36. package/dist/es/packages/dialog/style/style.harmony.css +1 -1
  37. package/dist/es/packages/dialog/style-jmapp/dialog.scss +1 -1
  38. package/dist/es/packages/dialog/style-jmapp/style.css +1 -1
  39. package/dist/es/packages/dialog/style-jrkf/dialog.scss +1 -1
  40. package/dist/es/packages/dialog/style-jrkf/style.css +1 -1
  41. package/dist/es/packages/imagepreview/style/style.harmony.css +7 -7
  42. package/dist/es/packages/numberkeyboard/style/style.harmony.css +7 -7
  43. package/dist/es/packages/picker/style/style.harmony.css +7 -7
  44. package/dist/es/packages/popover/style/style.harmony.css +7 -7
  45. package/dist/es/packages/popup/popup.js +4 -1
  46. package/dist/es/packages/popup/style/popup.scss +8 -7
  47. package/dist/es/packages/popup/style/style.css +7 -7
  48. package/dist/es/packages/popup/style/style.harmony.css +7 -7
  49. package/dist/es/packages/popup/style-jmapp/popup.scss +8 -7
  50. package/dist/es/packages/popup/style-jmapp/style.css +7 -7
  51. package/dist/es/packages/popup/style-jrkf/popup.scss +8 -7
  52. package/dist/es/packages/popup/style-jrkf/style.css +7 -7
  53. package/dist/es/packages/quickenter/style/style.harmony.css +7 -7
  54. package/dist/es/packages/shortpassword/style/style.harmony.css +7 -7
  55. package/dist/es/packages/timeselect/style/style.harmony.css +7 -7
  56. package/dist/es/packages/tour/style/style.harmony.css +7 -7
  57. package/dist/nutui.react.umd.js +6 -1
  58. package/dist/style-jmapp.css +1 -1
  59. package/dist/style-jmapp.scss +31 -31
  60. package/dist/style-jrkf.css +1 -1
  61. package/dist/style-jrkf.scss +35 -35
  62. package/dist/style.css +1 -1
  63. package/dist/style.scss +34 -34
  64. package/dist/styles/variables-daojia.scss +3 -2
  65. package/dist/styles/variables-jmapp.scss +3 -2
  66. package/dist/styles/variables-jrkf.scss +2 -1
  67. package/dist/styles/variables.scss +2 -1
  68. package/package.json +1 -1
package/dist/cjs/packages/actionsheet/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/address/style/style.harmony.css CHANGED
@@ -441,7 +441,7 @@
441
441
  animation-name: popup-slide-right-enter;
442
442
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
443
443
  }
444
- .nut-popup-slide-right-exit-active {
444
+ .nut-popup-slide-right-exit {
445
445
  animation-fill-mode: both;
446
446
  animation-name: popup-slide-right-exit;
447
447
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -454,7 +454,7 @@
454
454
  transform: translate3d(0, 0%, 0);
455
455
  }
456
456
  }
457
- @keyframes popup-slide-bottom-exit {
457
+ @keyframes slide-bottom-exit {
458
458
  from {
459
459
  transform: translate3d(0, 0%, 0);
460
460
  }
@@ -463,14 +463,14 @@
463
463
  }
464
464
  }
465
465
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
466
- transform: translate3d(0, 0, 0);
466
+ transform: translate(0, 0);
467
467
  animation-fill-mode: both;
468
468
  animation-name: popup-slide-bottom-enter;
469
469
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
470
470
  }
471
- .nut-popup-slide-bottom-exit-active {
471
+ .nut-popup-slide-bottom-exit {
472
472
  animation-fill-mode: both;
473
- animation-name: popup-slide-bottom-exit;
473
+ animation-name: slide-bottom-exit;
474
474
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
475
475
  }
476
476
  @keyframes popup-slide-left-enter {
@@ -490,12 +490,12 @@
490
490
  }
491
491
  }
492
492
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
493
- transform: translate3d(0, 0, 0);
493
+ transform: translate(0, 0);
494
494
  animation-fill-mode: both;
495
495
  animation-name: popup-slide-left-enter;
496
496
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
497
497
  }
498
- .nut-popup-slide-left-exit-active {
498
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
499
499
  animation-fill-mode: both;
500
500
  animation-name: popup-slide-left-exit;
501
501
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/calendar/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/cascader/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/datepicker/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/dialog/style/dialog.scss CHANGED
@@ -128,7 +128,7 @@
128
128
  .nut-button {
129
129
  min-width: $dialog-footer-button-min-width;
130
130
  border-radius: $dialog-footer-button-border;
131
- padding: var(--nutui-button-large-padding, 0 12px);
131
+ padding: var(--nutui-button-large-padding, 0);
132
132
  }
133
133
 
134
134
  &-cancel.nut-dialog-footer-cancel {
package/dist/cjs/packages/dialog/style/style.css CHANGED
@@ -120,7 +120,7 @@
120
120
  .nut-dialog-footer .nut-button {
121
121
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
122
122
  border-radius: var(--nutui-dialog-footer-button-border, 6px);
123
- padding: var(--nutui-button-large-padding, 0 12px);
123
+ padding: var(--nutui-button-large-padding, 0);
124
124
  }
125
125
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
126
126
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
package/dist/cjs/packages/dialog/style/style.harmony.css CHANGED
@@ -554,7 +554,7 @@
554
554
  .nut-dialog-footer .nut-button {
555
555
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
556
556
  border-radius: var(--nutui-dialog-footer-button-border, 6px);
557
- padding: var(--nutui-button-large-padding, 0 12px);
557
+ padding: var(--nutui-button-large-padding, 0);
558
558
  }
559
559
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
560
560
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
package/dist/cjs/packages/dialog/style-jmapp/dialog.scss CHANGED
@@ -128,7 +128,7 @@
128
128
  .nut-button {
129
129
  min-width: $dialog-footer-button-min-width;
130
130
  border-radius: $dialog-footer-button-border;
131
- padding: var(--nutui-button-large-padding, 0 12px);
131
+ padding: var(--nutui-button-large-padding, 0);
132
132
  }
133
133
 
134
134
  &-cancel.nut-dialog-footer-cancel {
package/dist/cjs/packages/dialog/style-jmapp/style.css CHANGED
@@ -120,7 +120,7 @@
120
120
  .nut-dialog-footer .nut-button {
121
121
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
122
122
  border-radius: var(--nutui-dialog-footer-button-border, 6px);
123
- padding: var(--nutui-button-large-padding, 0 12px);
123
+ padding: var(--nutui-button-large-padding, 0);
124
124
  }
125
125
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
126
126
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
package/dist/cjs/packages/dialog/style-jrkf/dialog.scss CHANGED
@@ -128,7 +128,7 @@
128
128
  .nut-button {
129
129
  min-width: $dialog-footer-button-min-width;
130
130
  border-radius: $dialog-footer-button-border;
131
- padding: var(--nutui-button-large-padding, 0 12px);
131
+ padding: var(--nutui-button-large-padding, 0);
132
132
  }
133
133
 
134
134
  &-cancel.nut-dialog-footer-cancel {
package/dist/cjs/packages/dialog/style-jrkf/style.css CHANGED
@@ -120,7 +120,7 @@
120
120
  .nut-dialog-footer .nut-button {
121
121
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
122
122
  border-radius: var(--nutui-dialog-footer-button-border, 6px);
123
- padding: var(--nutui-button-large-padding, 0 12px);
123
+ padding: var(--nutui-button-large-padding, 0);
124
124
  }
125
125
  .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
126
126
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
package/dist/cjs/packages/imagepreview/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/numberkeyboard/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/picker/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/popover/style/style.harmony.css CHANGED
@@ -291,7 +291,7 @@
291
291
  animation-name: popup-slide-right-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-right-exit-active {
294
+ .nut-popup-slide-right-exit {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-right-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -304,7 +304,7 @@
304
304
  transform: translate3d(0, 0%, 0);
305
305
  }
306
306
  }
307
- @keyframes popup-slide-bottom-exit {
307
+ @keyframes slide-bottom-exit {
308
308
  from {
309
309
  transform: translate3d(0, 0%, 0);
310
310
  }
@@ -313,14 +313,14 @@
313
313
  }
314
314
  }
315
315
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
316
- transform: translate3d(0, 0, 0);
316
+ transform: translate(0, 0);
317
317
  animation-fill-mode: both;
318
318
  animation-name: popup-slide-bottom-enter;
319
319
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
320
320
  }
321
- .nut-popup-slide-bottom-exit-active {
321
+ .nut-popup-slide-bottom-exit {
322
322
  animation-fill-mode: both;
323
- animation-name: popup-slide-bottom-exit;
323
+ animation-name: slide-bottom-exit;
324
324
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
325
325
  }
326
326
  @keyframes popup-slide-left-enter {
@@ -340,12 +340,12 @@
340
340
  }
341
341
  }
342
342
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
343
- transform: translate3d(0, 0, 0);
343
+ transform: translate(0, 0);
344
344
  animation-fill-mode: both;
345
345
  animation-name: popup-slide-left-enter;
346
346
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
347
347
  }
348
- .nut-popup-slide-left-exit-active {
348
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
349
349
  animation-fill-mode: both;
350
350
  animation-name: popup-slide-left-exit;
351
351
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
package/dist/cjs/packages/popup/popup.js CHANGED
@@ -221,7 +221,9 @@ var Popup = function Popup(props) {
221
221
  onClick: handleCloseIconClick,
222
222
  ariaRole: "button",
223
223
  ariaLabel: closeAriaLabel || locale.close
224
- }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null));
224
+ }, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, {
225
+ ariaHidden: true
226
+ }));
225
227
  }, [
226
228
  closeable,
227
229
  closeIconPosition,
package/dist/cjs/packages/popup/style/popup.scss CHANGED
@@ -268,7 +268,7 @@
268
268
  animation-duration: $popup-animation-duration;
269
269
  }
270
270
 
271
- &-right-exit-active {
271
+ &-right-exit {
272
272
  animation-fill-mode: both;
273
273
  animation-name: popup-slide-right-exit;
274
274
  animation-duration: $popup-animation-duration;
@@ -284,7 +284,7 @@
284
284
  }
285
285
  }
286
286
 
287
- @keyframes popup-slide-bottom-exit {
287
+ @keyframes slide-bottom-exit {
288
288
  from {
289
289
  transform: translate3d(0, 0%, 0);
290
290
  }
@@ -295,15 +295,15 @@
295
295
 
296
296
  &-bottom-enter-active,
297
297
  &-bottom-appear-active {
298
- transform: translate3d(0, 0, 0);
298
+ transform: translate(0, 0);
299
299
  animation-fill-mode: both;
300
300
  animation-name: popup-slide-bottom-enter;
301
301
  animation-duration: $popup-animation-duration;
302
302
  }
303
303
 
304
- &-bottom-exit-active {
304
+ &-bottom-exit {
305
305
  animation-fill-mode: both;
306
- animation-name: popup-slide-bottom-exit;
306
+ animation-name: slide-bottom-exit;
307
307
  animation-duration: $popup-animation-duration;
308
308
  }
309
309
 
@@ -328,13 +328,14 @@
328
328
 
329
329
  &-left-enter-active,
330
330
  &-left-appear-active {
331
- transform: translate3d(0, 0, 0);
331
+ transform: translate(0, 0);
332
332
  animation-fill-mode: both;
333
333
  animation-name: popup-slide-left-enter;
334
334
  animation-duration: $popup-animation-duration;
335
335
  }
336
336
 
337
- &-left-exit-active {
337
+ &-left-exit-active,
338
+ &-left-exit-done {
338
339
  animation-fill-mode: both;
339
340
  animation-name: popup-slide-left-exit;
340
341
  animation-duration: $popup-animation-duration;
package/dist/cjs/packages/popup/style/style.css CHANGED
@@ -237,7 +237,7 @@
237
237
  animation-name: popup-slide-right-enter;
238
238
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
239
239
  }
240
- .nut-popup-slide-right-exit-active {
240
+ .nut-popup-slide-right-exit {
241
241
  animation-fill-mode: both;
242
242
  animation-name: popup-slide-right-exit;
243
243
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
@@ -250,7 +250,7 @@
250
250
  transform: translate3d(0, 0%, 0);
251
251
  }
252
252
  }
253
- @keyframes popup-slide-bottom-exit {
253
+ @keyframes slide-bottom-exit {
254
254
  from {
255
255
  transform: translate3d(0, 0%, 0);
256
256
  }
@@ -259,14 +259,14 @@
259
259
  }
260
260
  }
261
261
  .nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
262
- transform: translate3d(0, 0, 0);
262
+ transform: translate(0, 0);
263
263
  animation-fill-mode: both;
264
264
  animation-name: popup-slide-bottom-enter;
265
265
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
266
266
  }
267
- .nut-popup-slide-bottom-exit-active {
267
+ .nut-popup-slide-bottom-exit {
268
268
  animation-fill-mode: both;
269
- animation-name: popup-slide-bottom-exit;
269
+ animation-name: slide-bottom-exit;
270
270
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
271
271
  }
272
272
  @keyframes popup-slide-left-enter {
@@ -286,12 +286,12 @@
286
286
  }
287
287
  }
288
288
  .nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
289
- transform: translate3d(0, 0, 0);
289
+ transform: translate(0, 0);
290
290
  animation-fill-mode: both;
291
291
  animation-name: popup-slide-left-enter;
292
292
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);
293
293
  }
294
- .nut-popup-slide-left-exit-active {
294
+ .nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
295
295
  animation-fill-mode: both;
296
296
  animation-name: popup-slide-left-exit;
297
297
  animation-duration: var(--nutui-popup-animation-duration, 0.3s);