chore: Use rc-motion instead of rc-animate

Author: zombieJ

package.json

@@ -45,7 +45,7 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "2.x",
-    "rc-animate": "^3.0.0",
+    "rc-motion": "^1.0.1",
     "rc-trigger": "^4.3.0",
     "rc-util": "^5.0.1",
     "rc-virtual-list": "^1.1.2",

src/Selector/MultipleSelector.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import pickAttrs from 'rc-util/lib/pickAttrs';
-import CSSMotionList from 'rc-animate/lib/CSSMotionList';
+import { CSSMotionList } from 'rc-motion';
 import TransBtn from '../TransBtn';
 import { LabelValueType, RawValueType, CustomTagProps } from '../interface/generator';
 import { RenderNode } from '../interface';
@@ -126,7 +126,7 @@ const SelectSelector: React.FC<SelectorProps> = props => {
   const selectionNode = (
     <CSSMotionList
       component={false}
-      keys={displayValues}
+      keys={displayValues as Required<LabelValueType>[]}
       motionName={choiceTransitionName}
       motionAppear={motionAppear}
     >

src/utils/valueUtil.ts

@@ -142,7 +142,7 @@ export const getLabeledValue: GetLabeledValue<FlattenOptionData[]> = (
     result.label = value;
   }
 
-  // [Legacy] We need fill `key` as `value` to compatible old code usage
+  // Used for motion control
   result.key = result.value;
 
   return result;

typings/index.d.ts

@@ -2,8 +2,6 @@ declare module 'react-lifecycles-compat';
 
 declare module 'component-classes';
 
-declare module 'rc-animate';
-
 declare module 'rc-menu';
 
 declare module 'rc-util/lib/Children/toArray';