feat: use prop-types instead React.PropTypes

Author: chvin

build/app-1.0.0.js

@@ -57,6 +57,7 @@
   "dependencies": {
     "classnames": "^2.2.5",
     "immutable": "^3.8.1",
+    "prop-types": "^15.5.10",
     "react": "^15.3.0",
     "react-dom": "^15.3.0",
     "react-redux": "^4.4.5",

build/app-1.0.0.js.map

@@ -1,5 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 import { transform } from '../../../unit/const';
 
@@ -32,13 +34,13 @@ export default class Button extends React.Component {
 }
 
 Button.propTypes = {
-  color: React.PropTypes.string.isRequired,
-  size: React.PropTypes.string.isRequired,
-  top: React.PropTypes.number.isRequired,
-  left: React.PropTypes.number.isRequired,
-  label: React.PropTypes.string.isRequired,
-  position: React.PropTypes.bool,
-  arrow: React.PropTypes.string,
-  active: React.PropTypes.bool.isRequired,
+  color: propTypes.string.isRequired,
+  size: propTypes.string.isRequired,
+  top: propTypes.number.isRequired,
+  left: propTypes.number.isRequired,
+  label: propTypes.string.isRequired,
+  position: propTypes.bool,
+  arrow: propTypes.string,
+  active: propTypes.bool.isRequired,
 };
 

build/css-1.0.0.css

@@ -1,5 +1,7 @@
 import React from 'react';
 import Immutable from 'immutable';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 import Button from './button';
 import store from '../../store';
@@ -149,6 +151,6 @@ export default class Keyboard extends React.Component {
 }
 
 Keyboard.propTypes = {
-  filling: React.PropTypes.number.isRequired,
-  keyboard: React.PropTypes.object.isRequired,
+  filling: propTypes.number.isRequired,
+  keyboard: propTypes.object.isRequired,
 };

package.json

@@ -1,5 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 import { i18n, lan } from '../../unit/const';
 
@@ -142,8 +144,8 @@ export default class Logo extends React.Component {
 }
 
 Logo.propTypes = {
-  cur: React.PropTypes.bool,
-  reset: React.PropTypes.bool.isRequired,
+  cur: propTypes.bool,
+  reset: propTypes.bool.isRequired,
 };
 Logo.statics = {
   timeout: null,

src/components/keyboard/button/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import immutable, { List } from 'immutable';
 import classnames from 'classnames';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 import { isClear } from '../../unit/';
 import { fillLine, blankLine } from '../../unit/const';
@@ -166,7 +168,7 @@ export default class Matrix extends React.Component {
 }
 
 Matrix.propTypes = {
-  matrix: React.PropTypes.object.isRequired,
-  cur: React.PropTypes.object,
-  reset: React.PropTypes.bool.isRequired,
+  matrix: propTypes.object.isRequired,
+  cur: propTypes.object,
+  reset: propTypes.bool.isRequired,
 };

src/components/keyboard/index.js

@@ -1,5 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 
 export default class Music extends React.Component {
@@ -22,5 +24,5 @@ export default class Music extends React.Component {
 }
 
 Music.propTypes = {
-  data: React.PropTypes.bool.isRequired,
+  data: propTypes.bool.isRequired,
 };

src/components/logo/index.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import propTypes from 'prop-types';
+
 import style from './index.less';
 import { blockShape } from '../../unit/const';
 
@@ -65,5 +67,5 @@ export default class Next extends React.Component {
 }
 
 Next.propTypes = {
-  data: React.PropTypes.string,
+  data: propTypes.string,
 };