@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.
- package/dist/cjs/packages/actionsheet/style/style.harmony.css +7 -7
- package/dist/cjs/packages/address/style/style.harmony.css +7 -7
- package/dist/cjs/packages/calendar/style/style.harmony.css +7 -7
- package/dist/cjs/packages/cascader/style/style.harmony.css +7 -7
- package/dist/cjs/packages/datepicker/style/style.harmony.css +7 -7
- package/dist/cjs/packages/imagepreview/style/style.harmony.css +7 -7
- package/dist/cjs/packages/numberkeyboard/style/style.harmony.css +7 -7
- package/dist/cjs/packages/picker/style/style.harmony.css +7 -7
- package/dist/cjs/packages/popover/style/style.harmony.css +7 -7
- package/dist/cjs/packages/popup/style/popup.scss +8 -7
- package/dist/cjs/packages/popup/style/style.css +7 -7
- package/dist/cjs/packages/popup/style/style.harmony.css +7 -7
- package/dist/cjs/packages/popup/style-jmapp/popup.scss +8 -7
- package/dist/cjs/packages/popup/style-jmapp/style.css +7 -7
- package/dist/cjs/packages/popup/style-jrkf/popup.scss +8 -7
- package/dist/cjs/packages/popup/style-jrkf/style.css +7 -7
- package/dist/cjs/packages/quickenter/style/style.harmony.css +7 -7
- package/dist/cjs/packages/shortpassword/style/style.harmony.css +7 -7
- package/dist/cjs/packages/timeselect/style/style.harmony.css +7 -7
- package/dist/cjs/packages/tour/style/style.harmony.css +7 -7
- package/dist/es/packages/actionsheet/style/style.harmony.css +7 -7
- package/dist/es/packages/address/style/style.harmony.css +7 -7
- package/dist/es/packages/calendar/style/style.harmony.css +7 -7
- package/dist/es/packages/cascader/style/style.harmony.css +7 -7
- package/dist/es/packages/datepicker/style/style.harmony.css +7 -7
- package/dist/es/packages/imagepreview/style/style.harmony.css +7 -7
- package/dist/es/packages/numberkeyboard/style/style.harmony.css +7 -7
- package/dist/es/packages/picker/style/style.harmony.css +7 -7
- package/dist/es/packages/popover/style/style.harmony.css +7 -7
- package/dist/es/packages/popup/style/popup.scss +8 -7
- package/dist/es/packages/popup/style/style.css +7 -7
- package/dist/es/packages/popup/style/style.harmony.css +7 -7
- package/dist/es/packages/popup/style-jmapp/popup.scss +8 -7
- package/dist/es/packages/popup/style-jmapp/style.css +7 -7
- package/dist/es/packages/popup/style-jrkf/popup.scss +8 -7
- package/dist/es/packages/popup/style-jrkf/style.css +7 -7
- package/dist/es/packages/quickenter/style/style.harmony.css +7 -7
- package/dist/es/packages/shortpassword/style/style.harmony.css +7 -7
- package/dist/es/packages/timeselect/style/style.harmony.css +7 -7
- package/dist/es/packages/tour/style/style.harmony.css +7 -7
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +30 -30
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +25 -25
- package/dist/style.css +1 -1
- package/dist/style.scss +35 -35
- 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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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);
|
|
@@ -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
|
|
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
|
|
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:
|
|
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
|
|
471
|
+
.nut-popup-slide-bottom-exit {
|
|
472
472
|
animation-fill-mode: both;
|
|
473
|
-
animation-name:
|
|
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:
|
|
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);
|
|
@@ -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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
304
|
+
&-bottom-exit {
|
|
305
305
|
animation-fill-mode: both;
|
|
306
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
267
|
+
.nut-popup-slide-bottom-exit {
|
|
268
268
|
animation-fill-mode: both;
|
|
269
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
321
|
+
.nut-popup-slide-bottom-exit {
|
|
322
322
|
animation-fill-mode: both;
|
|
323
|
-
animation-name:
|
|
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:
|
|
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
|
|
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
|
|
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:
|
|
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
|
|
304
|
+
&-bottom-exit {
|
|
305
305
|
animation-fill-mode: both;
|
|
306
|
-
animation-name:
|
|
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:
|
|
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;
|