remove originalChildren, use currentChildren, resetStyle default is true

Author: jljsj33

README.md

@@ -205,7 +205,7 @@ object: `animation={{ path: { x: path, y: path, rotate: path } }}`, can be contr
 | leave     | object / array / func | `{ x: 30, opacity: 0 }` | leave anim twee-one data. when array is tween-one timeline, func refer to queue-anim  |
 | onEnd     |  func          | -    | one animation end callback |
 | animatingClassName | array | `['tween-one-entering', 'tween-one-leaving']` | className to every element of animating |
-| resetStyle  |  boolean    | TweenOne resetStyle, reset the initial style when changing animation. |
+| resetStyle  |  boolean    | true | TweenOne resetStyle, reset the initial style when changing animation. |
 | exclusive   |  boolean   | false  | Whether to allow a new animate to execute immediately when switching. `enter => leave`: execute immediately leave |
 | component | 	React.Element/String | div  |  component tag  | 
 | componentProps | object  |  -  | component tag props |

examples/group.js

@@ -86,6 +86,7 @@ class Demo extends React.Component {
           enter={this.enterType}
           leave={[{ y: 90 }, { x: 100, opacity: 0 }]}
           onEnd={this.onEnd}
+          exclusive
         >
           {this.state.children}
         </TweenOneGroup>

package.json

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

src/TweenOneGroup.jsx

@@ -24,7 +24,6 @@ class TweenOneGroup extends Component {
     this.isTween = {};
     // 第一进入，appear 为 true 时默认用 enter 或 tween-one 上的效果
     const children = toArrayChildren(getChildrenFromProps(this.props));
-    this.originalChildren = toArrayChildren(getChildrenFromProps(this.props));
     this.currentChildren = toArrayChildren(getChildrenFromProps(this.props));
     this.state = {
       children,
@@ -41,13 +40,9 @@ class TweenOneGroup extends Component {
       this.animQueue.push(nextChildren);
       return;
     }
-    const currentChildren = toArrayChildren(nextProps.exclusive ?
-      this.originalChildren : this.state.children);
+    const currentChildren = toArrayChildren(this.currentChildren);
     this.changeChildren(nextChildren, currentChildren);
   }
-  componentDidUpdate() {
-    this.originalChildren = toArrayChildren(getChildrenFromProps(this.props));
-  }
 
   onChange = (animation, key, type, obj) => {
     const length = dataToArray(animation).length;
@@ -251,7 +246,7 @@ TweenOneGroup.defaultProps = {
   enter: { x: 50, opacity: 0, type: 'from' },
   leave: { x: -50, opacity: 0 },
   onEnd: noop,
-  resetStyle: false,
+  resetStyle: true,
   exclusive: false,
 };
 TweenOneGroup.isTweenOneGroup = true;