@nutui/nutui-react-taro 3.0.19-cpp.26-beta.4 → 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 (47) 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/imagepreview/style/style.harmony.css +7 -7
  7. package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +7 -7
  8. package/dist/cjs/packages/picker/style/style.harmony.css +7 -7
  9. package/dist/cjs/packages/popover/style/style.harmony.css +7 -7
  10. package/dist/cjs/packages/popup/style/popup.scss +8 -7
  11. package/dist/cjs/packages/popup/style/style.css +7 -7
  12. package/dist/cjs/packages/popup/style/style.harmony.css +7 -7
  13. package/dist/cjs/packages/popup/style-jmapp/popup.scss +8 -7
  14. package/dist/cjs/packages/popup/style-jmapp/style.css +7 -7
  15. package/dist/cjs/packages/popup/style-jrkf/popup.scss +8 -7
  16. package/dist/cjs/packages/popup/style-jrkf/style.css +7 -7
  17. package/dist/cjs/packages/quickenter/style/style.harmony.css +7 -7
  18. package/dist/cjs/packages/shortpassword/style/style.harmony.css +7 -7
  19. package/dist/cjs/packages/timeselect/style/style.harmony.css +7 -7
  20. package/dist/cjs/packages/tour/style/style.harmony.css +7 -7
  21. package/dist/es/packages/actionsheet/style/style.harmony.css +7 -7
  22. package/dist/es/packages/address/style/style.harmony.css +7 -7
  23. package/dist/es/packages/calendar/style/style.harmony.css +7 -7
  24. package/dist/es/packages/cascader/style/style.harmony.css +7 -7
  25. package/dist/es/packages/datepicker/style/style.harmony.css +7 -7
  26. package/dist/es/packages/imagepreview/style/style.harmony.css +7 -7
  27. package/dist/es/packages/numberkeyboard/style/style.harmony.css +7 -7
  28. package/dist/es/packages/picker/style/style.harmony.css +7 -7
  29. package/dist/es/packages/popover/style/style.harmony.css +7 -7
  30. package/dist/es/packages/popup/style/popup.scss +8 -7
  31. package/dist/es/packages/popup/style/style.css +7 -7
  32. package/dist/es/packages/popup/style/style.harmony.css +7 -7
  33. package/dist/es/packages/popup/style-jmapp/popup.scss +8 -7
  34. package/dist/es/packages/popup/style-jmapp/style.css +7 -7
  35. package/dist/es/packages/popup/style-jrkf/popup.scss +8 -7
  36. package/dist/es/packages/popup/style-jrkf/style.css +7 -7
  37. package/dist/es/packages/quickenter/style/style.harmony.css +7 -7
  38. package/dist/es/packages/shortpassword/style/style.harmony.css +7 -7
  39. package/dist/es/packages/timeselect/style/style.harmony.css +7 -7
  40. package/dist/es/packages/tour/style/style.harmony.css +7 -7
  41. package/dist/style-jmapp.css +1 -1
  42. package/dist/style-jmapp.scss +30 -30
  43. package/dist/style-jrkf.css +1 -1
  44. package/dist/style-jrkf.scss +25 -25
  45. package/dist/style.css +1 -1
  46. package/dist/style.scss +35 -35
  47. package/package.json +1 -1
@@ -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);
@@ -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);
@@ -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);
@@ -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;
@@ -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);
@@ -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);
@@ -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;
@@ -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);
@@ -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;
@@ -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);
@@ -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);
@@ -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);
@@ -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);