docs: fix motion

Author: zombieJ

docs/examples/list.less

@@ -1,4 +1,4 @@
-@import './basic.less';
+// @import './basic.less';
 
 .list-demo-block {
   position: relative;
@@ -19,6 +19,26 @@
   }
 }
 
-.transition {
-  transition: all 0.5s;
+.list-transition {
+  &-appear,
+  &-enter {
+    &-start {
+      width: 0;
+      opacity: 0;
+    }
+
+    &-active {
+      width: 100px;
+      opacity: 1;
+      transition: all 0.5s;
+    }
+  }
+
+  &-leave {
+    &-active {
+      width: 0;
+      opacity: 0;
+      transition: all 0.5s;
+    }
+  }
 }

docs/examples/list.tsx

@@ -93,7 +93,7 @@ class App extends React.Component<{}, DemoState> {
         {/* Motion List */}
         <CSSMotionList
           keys={keyList}
-          motionName="transition"
+          motionName="list-transition"
           onAppearStart={this.onCollapse}
           onEnterStart={this.onCollapse}
           onLeaveActive={this.onCollapse}