diff --git a/package.json b/package.json
index 0c06affda6804ab44eb87ce04d91c6e07ed0572a..59ca1411c243b27a71d265f0e3e48b6d91cfce54 100644
--- a/package.json
+++ b/package.json
@@ -38,26 +38,26 @@
     "gregorian-calendar-format": "~3.0.1",
     "is-equal-shallow": "~0.1.3",
     "object-assign": "3.x",
-    "rc-animate": "~1.1.0",
-    "rc-calendar": "~3.14.0",
+    "rc-animate": "~1.2.0",
+    "rc-calendar": "~3.14.2",
     "rc-checkbox": "~1.1.1",
     "rc-collapse": "~1.3.0",
-    "rc-dialog": "~5.0.1",
+    "rc-dialog": "~5.0.2",
     "rc-dropdown": "~1.3.3",
     "rc-form-validation": "~2.4.7",
     "rc-input-number": "~2.0.1",
-    "rc-menu": "~4.3.1",
+    "rc-menu": "~4.4.2",
     "rc-notification": "~1.1.0",
     "rc-pagination": "~1.1.0",
     "rc-progress": "~1.0.0",
     "rc-radio": "~2.0.0",
-    "rc-select": "~4.8.0",
+    "rc-select": "~4.8.1",
     "rc-slider": "~1.4.0",
     "rc-steps": "~1.1.4",
     "rc-switch": "~1.2.0",
     "rc-table": "~3.1.0",
     "rc-tabs": "~5.3.2",
-    "rc-tooltip": "~2.6.3",
+    "rc-tooltip": "~2.6.4",
     "rc-tree": "~0.14.3",
     "rc-upload": "~1.3.1",
     "rc-util": "~2.0.3",
diff --git a/style/core/motion.less b/style/core/motion.less
index 9a915c81a2337cf4d2b96e6ed5154c9d596558a5..d90731dfe068b725f673495d4400e04af9ad031f 100644
--- a/style/core/motion.less
+++ b/style/core/motion.less
@@ -5,7 +5,7 @@
 }
 
 .make-motion(@className, @keyframeName) {
-  .@{className}-enter {
+  .@{className}-enter, .@{className}-appear {
     .motion-common();
     animation-play-state: paused;
   }
@@ -13,7 +13,7 @@
     .motion-common();
     animation-play-state: paused;
   }
-  .@{className}-enter.@{className}-enter-active {
+  .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
     animation-name: ~"@{keyframeName}In";
     animation-play-state: running;
   }
diff --git a/style/core/motion/fade.less b/style/core/motion/fade.less
index e4be80d825d3ed86887271b4f5d6b2c92572302a..0270b8a8acf06fec6f92bd1ce3c0b2dd83bced56 100644
--- a/style/core/motion/fade.less
+++ b/style/core/motion/fade.less
@@ -1,4 +1,4 @@
-.fade-enter {
+.fade-enter, .fade-appear {
   opacity: 0;
   .motion-common();
   animation-timing-function: @ease-out;
@@ -11,7 +11,7 @@
   animation-play-state: paused;
 }
 
-.fade-enter.fade-enter-active {
+.fade-enter.fade-enter-active, .fade-appear.fade-appear-active {
   animation-name: fadeIn;
   animation-play-state: running;
 }
diff --git a/style/core/motion/move.less b/style/core/motion/move.less
index ae3f2cd8eb63180ce88896157a1aa838822782bd..bab9620489eed771ae802a47e859d80ef4a7a2ea 100644
--- a/style/core/motion/move.less
+++ b/style/core/motion/move.less
@@ -1,6 +1,6 @@
 .move-motion(@className, @keyframeName) {
   .make-motion(@className, @keyframeName);
-  .@{className}-enter {
+  .@{className}-enter, .@{className}-appear {
     opacity: 0;
     animation-timing-function: @ease-out-circ;
   }
diff --git a/style/core/motion/slide.less b/style/core/motion/slide.less
index d59442ebf53fd3bfa97021a580ace05826077de7..a643986201cc0e26992288b07295866bad095806 100644
--- a/style/core/motion/slide.less
+++ b/style/core/motion/slide.less
@@ -1,6 +1,6 @@
 .slide-motion(@className, @keyframeName) {
   .make-motion(@className, @keyframeName);
-  .@{className}-enter {
+  .@{className}-enter, .@{className}-appear {
     opacity: 0;
     animation-timing-function: @ease-out-quint;
   }
diff --git a/style/core/motion/swing.less b/style/core/motion/swing.less
index 03813736be6bfc8b46a22e47ca4482763b2338db..f48ebcff824da64ad9525a372322b1f5fe336e2d 100644
--- a/style/core/motion/swing.less
+++ b/style/core/motion/swing.less
@@ -1,9 +1,9 @@
 .swing-motion(@className, @keyframeName) {
-  .@{className}-enter {
+  .@{className}-enter, .@{className}-appear {
     .motion-common();
     animation-play-state: paused;
   }
-  .@{className}-enter.@{className}-enter-active {
+  .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {
     animation-name: ~"@{keyframeName}In";
     animation-play-state: running;
   }
@@ -27,4 +27,4 @@
   80% {
     transform: translateX(5px);
   }
-}
\ No newline at end of file
+}
diff --git a/style/core/motion/zoom.less b/style/core/motion/zoom.less
index 3139bd3891c06dff1be52db7faa173e78caf74a9..02783a27454bbd05b3998776c33a53165e18f0b0 100644
--- a/style/core/motion/zoom.less
+++ b/style/core/motion/zoom.less
@@ -1,6 +1,6 @@
 .zoom-motion(@className, @keyframeName) {
   .make-motion(@className, @keyframeName);
-  .@{className}-enter {
+  .@{className}-enter, .@{className}-appear {
     transform: scale(0, 0); // need this by yiminghe
     animation-timing-function: @ease-out-quint;
   }