add currentRef

Author: jljsj33

README.md

@@ -92,6 +92,8 @@ React.render(<TweenOneGroup>
 
 ### props
 
+> 2.5.x add currentRef, `<TweenOne component={Row} ref={(c) => { c.currentRef === <Row /> }} />`
+
 | name      | type           | default | description    |
 |------------|----------------|---------|----------------|
 | animation  | object / array | null    | animate configure parameters |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-tween-one",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "tween-one anim component for react",
   "keywords": [
     "react",

src/TweenOne.jsx

@@ -47,6 +47,7 @@ class TweenOne extends Component {
     this.updateAnim = false;
     this.repeatNum = 0;
     this.forced = {};
+    this.currentRef = null;
     this.setForcedJudg(props);
   }
 
@@ -337,7 +338,13 @@ class TweenOne extends Component {
       const newClassName = props.className ? `${props.className} ${className}` : className;
       return React.cloneElement(this.props.children, { style: newStyle, className: newClassName });
     }
-    return React.createElement(this.props.component, { ...props, ...this.props.componentProps });
+    return React.createElement(this.props.component, {
+      ref: (c) => {
+        this.currentRef = c;
+      },
+      ...props,
+      ...this.props.componentProps
+    });
   }
 }
 TweenOne.isTweenOne = true;

src/util.js

@@ -294,8 +294,8 @@ export function getTransformValue(t) {
   const rX = rotateX ? `rotateX(${rotateX}deg)` : '';
   const rY = rotateY ? `rotateY(${rotateY}deg)` : '';
   const per = perspective ? `perspective(${perspective}px)` : '';
-  const defautlTranslate = (ss || an || rX || rY || sk) ? '' : 'translate(0px, 0px)';
+  const defaultTranslate = (ss || an || rX || rY || sk) ? '' : 'translate(0px, 0px)';
   const translate = t.translateZ ? `translate3d(${translateX},${translateY},${translateZ})` :
-    (t.translateX || t.translateY) && `translate(${translateX},${translateY})` || defautlTranslate;
+    (t.translateX || t.translateY) && `translate(${translateX},${translateY})` || defaultTranslate;
   return `${per} ${translate} ${ss} ${an} ${rX} ${rY} ${sk}`.trim();
 }