update animate

This commit is contained in:
yiminghe 2015-08-24 00:31:49 +08:00
parent 0e6c48387d
commit 3b3ae23fe2
7 changed files with 16 additions and 16 deletions

View File

@ -38,26 +38,26 @@
"gregorian-calendar-format": "~3.0.1", "gregorian-calendar-format": "~3.0.1",
"is-equal-shallow": "~0.1.3", "is-equal-shallow": "~0.1.3",
"object-assign": "3.x", "object-assign": "3.x",
"rc-animate": "~1.1.0", "rc-animate": "~1.2.0",
"rc-calendar": "~3.14.0", "rc-calendar": "~3.14.2",
"rc-checkbox": "~1.1.1", "rc-checkbox": "~1.1.1",
"rc-collapse": "~1.3.0", "rc-collapse": "~1.3.0",
"rc-dialog": "~5.0.1", "rc-dialog": "~5.0.2",
"rc-dropdown": "~1.3.3", "rc-dropdown": "~1.3.3",
"rc-form-validation": "~2.4.7", "rc-form-validation": "~2.4.7",
"rc-input-number": "~2.0.1", "rc-input-number": "~2.0.1",
"rc-menu": "~4.3.1", "rc-menu": "~4.4.2",
"rc-notification": "~1.1.0", "rc-notification": "~1.1.0",
"rc-pagination": "~1.1.0", "rc-pagination": "~1.1.0",
"rc-progress": "~1.0.0", "rc-progress": "~1.0.0",
"rc-radio": "~2.0.0", "rc-radio": "~2.0.0",
"rc-select": "~4.8.0", "rc-select": "~4.8.1",
"rc-slider": "~1.4.0", "rc-slider": "~1.4.0",
"rc-steps": "~1.1.4", "rc-steps": "~1.1.4",
"rc-switch": "~1.2.0", "rc-switch": "~1.2.0",
"rc-table": "~3.1.0", "rc-table": "~3.1.0",
"rc-tabs": "~5.3.2", "rc-tabs": "~5.3.2",
"rc-tooltip": "~2.6.3", "rc-tooltip": "~2.6.4",
"rc-tree": "~0.14.3", "rc-tree": "~0.14.3",
"rc-upload": "~1.3.1", "rc-upload": "~1.3.1",
"rc-util": "~2.0.3", "rc-util": "~2.0.3",

View File

@ -5,7 +5,7 @@
} }
.make-motion(@className, @keyframeName) { .make-motion(@className, @keyframeName) {
.@{className}-enter { .@{className}-enter, .@{className}-appear {
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
@ -13,7 +13,7 @@
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
.@{className}-enter.@{className}-enter-active { .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
animation-name: ~"@{keyframeName}In"; animation-name: ~"@{keyframeName}In";
animation-play-state: running; animation-play-state: running;
} }

View File

@ -1,4 +1,4 @@
.fade-enter { .fade-enter, .fade-appear {
opacity: 0; opacity: 0;
.motion-common(); .motion-common();
animation-timing-function: @ease-out; animation-timing-function: @ease-out;
@ -11,7 +11,7 @@
animation-play-state: paused; animation-play-state: paused;
} }
.fade-enter.fade-enter-active { .fade-enter.fade-enter-active, .fade-appear.fade-appear-active {
animation-name: fadeIn; animation-name: fadeIn;
animation-play-state: running; animation-play-state: running;
} }

View File

@ -1,6 +1,6 @@
.move-motion(@className, @keyframeName) { .move-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter, .@{className}-appear {
opacity: 0; opacity: 0;
animation-timing-function: @ease-out-circ; animation-timing-function: @ease-out-circ;
} }

View File

@ -1,6 +1,6 @@
.slide-motion(@className, @keyframeName) { .slide-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter, .@{className}-appear {
opacity: 0; opacity: 0;
animation-timing-function: @ease-out-quint; animation-timing-function: @ease-out-quint;
} }

View File

@ -1,9 +1,9 @@
.swing-motion(@className, @keyframeName) { .swing-motion(@className, @keyframeName) {
.@{className}-enter { .@{className}-enter, .@{className}-appear {
.motion-common(); .motion-common();
animation-play-state: paused; animation-play-state: paused;
} }
.@{className}-enter.@{className}-enter-active { .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
animation-name: ~"@{keyframeName}In"; animation-name: ~"@{keyframeName}In";
animation-play-state: running; animation-play-state: running;
} }

View File

@ -1,6 +1,6 @@
.zoom-motion(@className, @keyframeName) { .zoom-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName); .make-motion(@className, @keyframeName);
.@{className}-enter { .@{className}-enter, .@{className}-appear {
transform: scale(0, 0); // need this by yiminghe transform: scale(0, 0); // need this by yiminghe
animation-timing-function: @ease-out-quint; animation-timing-function: @ease-out-quint;
} }