remove react-lifecycles-compat/babel-runtime/prop-types

examples/CSSMotion.js

@@ -1,7 +1,6 @@
-/* eslint no-console:0, react/no-multi-comp:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/prop-types: 0 */
 
 import React from 'react';
-// import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { CSSMotion } from 'rc-animate';
 import classNames from 'classnames';
@@ -155,4 +154,4 @@ ReactDOM.render(<Demo />, document.getElementById('__react-content'));
 
 // Remove for IE9 test
 // const aaa = document.getElementsByClassName('navbar')[0];
-// aaa.parentNode.removeChild(aaa);
+// aaa.parentNode.removeChild(aaa);

examples/CSSMotionDeadline.js

@@ -1,7 +1,6 @@
-/* eslint no-console:0, react/no-multi-comp:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/prop-types: 0 */
 
 import React from 'react';
-// import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { CSSMotion } from 'rc-animate';
 import classNames from 'classnames';

examples/alert.js

@@ -1,7 +1,5 @@
-/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0 */
-
+/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0, react/prop-types: 0 */
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 
@@ -10,13 +8,6 @@ import './assets/index.less';
 let seed = 0;
 
 class Alert extends React.Component {
-  static propTypes = {
-    time: PropTypes.number,
-    type: PropTypes.string,
-    str: PropTypes.string,
-    onEnd: PropTypes.func,
-  }
-
   static defaultProps = {
     onEnd() {},
     time: 2000,

examples/hide-todo.js

@@ -1,20 +1,12 @@
-/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0, react/prop-types: 0 */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 
 import './assets/index.less';
 
 class Todo extends React.Component {
-  static propTypes = {
-    children: PropTypes.any,
-    end: PropTypes.func,
-    onClick: PropTypes.func,
-    visible: PropTypes.bool,
-  }
-
   static defaultProps = {
     visible: true,
     end() {},

examples/simple-animation.js

@@ -1,8 +1,7 @@
-/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0, react/prop-types: 0 */
 
 import Animate from 'rc-animate';
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import velocity from 'velocity-animate';
 
@@ -18,10 +17,6 @@ const Box = props => {
   return (<div style={style} />);
 };
 
-Box.propTypes = {
-  visible: PropTypes.bool,
-}
-
 class Demo extends React.Component {
   state = {
     destroyed: false,

examples/simple.js

@@ -1,8 +1,7 @@
-/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0, react/prop-types: 0 */
 
 import Animate from 'rc-animate';
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 
 import './assets/slow.less';
@@ -13,13 +12,7 @@ const Div = (props) => {
   return <div {...restProps} style={newStyle}/>;
 };
 
-Div.propTypes = {
-  style: PropTypes.object,
-  show: PropTypes.bool,
-};
-
 class Demo extends Component {
-
   constructor(props) {
     super(props);
     this.state = {

examples/todo-animation.js

@@ -1,20 +1,13 @@
-/* eslint no-console:0, react/no-multi-comp:0, no-alert:0, no-undef:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, no-alert:0, no-undef:0, react/jsx-no-bind:0, react/prop-types: 0 */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 import velocity from 'velocity-animate';
 
 import './assets/index.less';
 
 class Todo extends React.Component {
-  static propTypes = {
-    children: PropTypes.any,
-    end: PropTypes.func,
-    onClick: PropTypes.func,
-  }
-
   static defaultProps = {
     end() {},
   }

examples/todo.js

@@ -1,19 +1,12 @@
-/* eslint no-console:0, react/no-multi-comp:0, no-alert:0, no-undef:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, no-alert:0, no-undef:0, react/jsx-no-bind:0, react/prop-types: 0 */
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import Animate from 'rc-animate';
 
 import './assets/index.less';
 
 class Todo extends React.Component {
-  static propTypes = {
-    children: PropTypes.any,
-    end: PropTypes.func,
-    onClick: PropTypes.func,
-  }
-
   static defaultProps = {
     end() {},
   }

examples/transitionAppear.js

@@ -1,8 +1,7 @@
-/* eslint no-console:0, react/no-multi-comp:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/prop-types: 0 */
 
 import Animate from 'rc-animate';
 import React from 'react';
-import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 
 import './assets/slow.less';
@@ -19,10 +18,6 @@ const Box = props => {
   return (<div style={style}/>);
 };
 
-Box.propTypes = {
-  visible: PropTypes.bool,
-}
-
 class Demo extends React.Component {
   state = {
     visible: true,

package.json

@@ -31,7 +31,7 @@
     "build": "rc-tools run build",
     "gh-pages": "rc-tools run gh-pages",
     "start": "rc-tools run server",
-    "pub": "rc-tools run pub --babel-runtime",
+    "pub": "rc-tools run pub",
     "lint": "rc-tools run lint",
     "karma": "rc-test run karma",
     "saucelabs": "rc-test run saucelabs",
@@ -56,12 +56,9 @@
     "lint"
   ],
   "dependencies": {
-    "babel-runtime": "6.x",
     "classnames": "^2.2.6",
     "@ant-design/css-animation": "^1.7.2",
-    "prop-types": "15.x",
     "raf": "^3.4.0",
-    "rc-util": "^4.15.3",
-    "react-lifecycles-compat": "^3.0.4"
+    "rc-util": "^4.15.3"
   }
 }

src/Animate.js

@@ -1,5 +1,5 @@
+/* eslint react/prop-types: 0 */
 import React from 'react';
-import PropTypes from 'prop-types';
 import unsafeLifecyclesPolyfill from 'rc-util/lib/unsafeLifecyclesPolyfill';
 import {
   toArrayChildren,
@@ -31,28 +31,6 @@ function noop() {
 class Animate extends React.Component {
   static isAnimate = true; // eslint-disable-line
 
-  static propTypes = {
-    className: PropTypes.string,
-    style: PropTypes.object,
-    component: PropTypes.any,
-    componentProps: PropTypes.object,
-    animation: PropTypes.object,
-    transitionName: PropTypes.oneOfType([
-      PropTypes.string,
-      PropTypes.object,
-    ]),
-    transitionEnter: PropTypes.bool,
-    transitionAppear: PropTypes.bool,
-    exclusive: PropTypes.bool,
-    transitionLeave: PropTypes.bool,
-    onEnd: PropTypes.func,
-    onEnter: PropTypes.func,
-    onLeave: PropTypes.func,
-    onAppear: PropTypes.func,
-    showProp: PropTypes.string,
-    children: PropTypes.node,
-  }
-
   static defaultProps = {
     animation: {},
     component: 'span',

src/AnimateChild.js

@@ -1,6 +1,6 @@
+/* eslint react/prop-types: 0 */
 import React from 'react';
 import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
 import cssAnimate, { isCssAnimationSupported } from '@ant-design/css-animation';
 import animUtil from './util/animate';
 
@@ -11,12 +11,6 @@ const transitionMap = {
 };
 
 export default class AnimateChild extends React.Component {
-  static propTypes = {
-    children: PropTypes.any,
-    animation: PropTypes.any,
-    transitionName: PropTypes.any,
-  }
-
   componentWillUnmount() {
     this.stop();
   }

src/CSSMotion.js

@@ -1,7 +1,5 @@
-/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp */
+/* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */
 import React from 'react';
-import PropTypes from 'prop-types';
-import { polyfill } from 'react-lifecycles-compat';
 import findDOMNode from 'rc-util/lib/Dom/findDOMNode';
 import classNames from 'classnames';
 import raf from 'raf';
@@ -17,29 +15,6 @@ const STATUS_APPEAR = 'appear';
 const STATUS_ENTER = 'enter';
 const STATUS_LEAVE = 'leave';
 
-export const MotionPropTypes = {
-  eventProps: PropTypes.object, // Internal usage. Only pass by CSSMotionList
-  visible: PropTypes.bool,
-  children: PropTypes.func,
-  motionName: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  motionAppear: PropTypes.bool,
-  motionEnter: PropTypes.bool,
-  motionLeave: PropTypes.bool,
-  motionLeaveImmediately: PropTypes.bool, // Trigger leave motion immediately
-  motionDeadline: PropTypes.number,
-  removeOnLeave: PropTypes.bool,
-  leavedClassName: PropTypes.string,
-  onAppearStart: PropTypes.func,
-  onAppearActive: PropTypes.func,
-  onAppearEnd: PropTypes.func,
-  onEnterStart: PropTypes.func,
-  onEnterActive: PropTypes.func,
-  onEnterEnd: PropTypes.func,
-  onLeaveStart: PropTypes.func,
-  onLeaveActive: PropTypes.func,
-  onLeaveEnd: PropTypes.func,
-};
-
 /**
  * `transitionSupport` is used for none transition test case.
  * Default we use browser transition event support check.
@@ -58,12 +33,6 @@ export function genCSSMotion(config) {
   }
 
   class CSSMotion extends React.Component {
-    static propTypes = {
-      ...MotionPropTypes,
-
-      internalRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
-    };
-
     static defaultProps = {
       visible: true,
       motionEnter: true,
@@ -341,8 +310,6 @@ export function genCSSMotion(config) {
     }
   }
 
-  polyfill(CSSMotion);
-
   if (!forwardRef) {
     return CSSMotion;
   }

src/CSSMotionList.jsx

@@ -1,6 +1,5 @@
+/* eslint react/prop-types: 0 */
 import React from 'react';
-import { polyfill } from 'react-lifecycles-compat';
-import PropTypes from 'prop-types';
 import OriginCSSMotion, { MotionPropTypes } from './CSSMotion';
 import { supportTransition } from './util/motion';
 import {
@@ -16,12 +15,6 @@ const MOTION_PROP_NAMES = Object.keys(MotionPropTypes);
 
 export function genCSSMotionList(transitionSupport, CSSMotion = OriginCSSMotion) {
   class CSSMotionList extends React.Component {
-    static propTypes = {
-      ...CSSMotion.propTypes,
-      component: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-      keys: PropTypes.array,
-    };
-
     static defaultProps = {
       component: 'div',
     };
@@ -119,8 +112,6 @@ export function genCSSMotionList(transitionSupport, CSSMotion = OriginCSSMotion)
     }
   }
 
-  polyfill(CSSMotionList);
-
   return CSSMotionList;
 }
 

tests/multiple.spec.js

@@ -1,20 +1,13 @@
-/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0 */
+/* eslint no-console:0, react/no-multi-comp:0, react/jsx-no-bind:0, react/prop-types:0 */
 import React from 'react';
 import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
 import TestUtils from 'react-dom/test-utils';
 import expect from 'expect.js';
 import CssAnimation from '@ant-design/css-animation';
 import Animate from '../';
 import './index.spec.css';
 
 class Todo extends React.Component {
-  static propTypes = {
-    end: PropTypes.func,
-    onClick: PropTypes.func,
-    children: PropTypes.node,
-  }
-
   static defaultProps = {
     end() {},
   }