update react 16

Author: jljsj33

.travis.yml

@@ -4,10 +4,10 @@ sudo: false
 
 notifications:
   email:
-  - yiminghe@gmail.com
+  - 155259966@qq.com
 
 node_js:
-- 6.0.0
+- 6.9.1
 
 before_install:
 - |

index.js

@@ -1,3 +1,21 @@
 // export this package's api
-import TweenOne from './src/';
+import TweenOne from './src/TweenOne';
+import group from './src/TweenOneGroup';
+import _easing from './src/easing';
+import _plugins from './src/plugins';
+import _ticker from './src/ticker';
+
+TweenOne.TweenOneGroup = group;
+TweenOne.easing = _easing;
+TweenOne.plugins = _plugins;
+TweenOne.ticker = _ticker;
+
 export default TweenOne;
+
+export const TweenOneGroup = group;
+
+export const easing = _easing;
+
+export const plugins = _plugins;
+
+export const ticker = _ticker;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-tween-one",
-  "version": "1.4.5",
+  "version": "1.5.0",
   "description": "tween-one anim component for react",
   "keywords": [
     "react",
@@ -37,21 +37,23 @@
     "build": "rc-tools run build",
     "gh-pages": "rc-tools run gh-pages",
     "start": "rc-tools run server",
+    "compile": "rc-tools run compile",
     "pub": "rc-tools run pub --babel-runtime",
     "lint": "rc-tools run lint",
-    "karma": "rc-tools run karma",
-    "saucelabs": "rc-tools run saucelabs",
-    "test": "rc-tools run test",
-    "chrome-test": "rc-tools run chrome-test",
-    "coverage": "rc-tools run coverage"
+    "karma": "rc-test run karma",
+    "saucelabs": "rc-test run saucelabs",
+    "test": "rc-test run test",
+    "chrome-test": "rc-test run chrome-test",
+    "coverage": "rc-test run coverage"
   },
   "devDependencies": {
+    "core-js": "^2.5.1",
     "expect.js": "0.3.x",
     "pre-commit": "1.x",
-    "rc-tools": "5.x",
-    "react": "^15.5.0",
-    "react-addons-test-utils": "^15.5.0",
-    "react-dom": "^15.5.0",
+    "rc-test": "6.x",
+    "rc-tools": "6.x",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "rc-queue-anim": "^1.0.0",
     "rc-scroll-anim": "0.x"
   },

src/TweenOne.jsx

@@ -292,4 +292,5 @@ TweenOne.defaultProps = {
   onChange: noop,
   updateReStart: true,
 };
+TweenOne.isTweenOne = true;
 export default TweenOne;

src/index.js

@@ -4,14 +4,14 @@ import {
   getTransform,
 } from 'style-utils';
 
-const PathPlugin = function (target, vars) {
+function PathPlugin(target, vars) {
   this.target = target;
   const path = typeof vars === 'string' ? vars : vars.x || vars.y || vars.rotate;
   this.vars = vars;
   this.path = parsePath(path);
   this.start = {};
   this.pathLength = this.path.getTotalLength();
-};
+}
 
 PathPlugin.prototype = {
   name: 'path',

src/plugin/PathPlugin.jsx

@@ -59,10 +59,6 @@ SvgDrawPlugin.prototype = {
   },
   getAnimStart(computedStyle) {
     switch (this.tagName) {
-      case 'rect':
-        this.length = this.target.getAttribute('width') * 2 +
-          this.target.getAttribute('height') * 2;
-        break;
       case 'circle':
         this.length = Math.PI * 2 * this.target.getAttribute('r');
         break;
@@ -78,6 +74,7 @@ SvgDrawPlugin.prototype = {
       case 'ellipse':
         this.length = this.getEllipseLength();
         break;
+      case 'rect':
       case 'path':
         this.length = this.target.getTotalLength();
         break;

src/plugin/SvgDrawPlugin.jsx

@@ -1,2 +1,4 @@
+import 'core-js/es6/map';
+import 'core-js/es6/set';
 const req = require.context('.', false, /\.spec\.jsx?$/);
 req.keys().forEach(req);

tests/index.js

@@ -1,10 +1,11 @@
 /* eslint no-console:0 */
 import React from 'react';
 import ReactDom from 'react-dom';
+import PropTypes from 'prop-types';
 import expect from 'expect.js';
 import Tween from '../index';
 import ticker from '../src/ticker';
-import TestUtils from 'react-addons-test-utils';
+import TestUtils from 'react-dom/test-utils';
 import { checkStyleName } from 'style-utils';
 import BezierPlugin from '../src/plugin/BezierPlugin';
 Tween.plugins.push(BezierPlugin);
@@ -33,12 +34,12 @@ describe('rc-tween-one', () => {
         </Tween>);
       }
     }
-    const objectOrArray = React.PropTypes.oneOfType([React.PropTypes.object,
-      React.PropTypes.array]);
+    const objectOrArray = PropTypes.oneOfType([PropTypes.object,
+      PropTypes.array]);
 
     TweenDemo.propTypes = {
       animation: objectOrArray,
-      style: React.PropTypes.object,
+      style: PropTypes.object,
     };
 
     return ReactDom.render(<TweenDemo {...props} />, div);

tests/tweenOne.spec.jsx

@@ -1,9 +1,10 @@
 /* eslint no-console:0 */
 import React from 'react';
 import ReactDom from 'react-dom';
+import PropTypes from 'prop-types';
 import expect from 'expect.js';
 import { TweenOneGroup } from '../index';
-import TestUtils from 'react-addons-test-utils';
+import TestUtils from 'react-dom/test-utils';
 
 describe('rc-tween-one-group', () => {
   let div;
@@ -42,12 +43,12 @@ describe('rc-tween-one-group', () => {
         </TweenOneGroup>);
       }
     }
-    const objectOrArray = React.PropTypes.oneOfType([React.PropTypes.object,
-      React.PropTypes.array]);
+    const objectOrArray = PropTypes.oneOfType([PropTypes.object,
+      PropTypes.array]);
 
     TweenGroupDemo.propTypes = {
       animation: objectOrArray,
-      style: React.PropTypes.object,
+      style: PropTypes.object,
     };
 
     return ReactDom.render(<TweenGroupDemo {...props} />, div);