fix get default style transform-origin been deleted

Author: jljsj33

examples/scrollAnimChildrenUpdateStyle.js

@@ -17,7 +17,7 @@ function Demo() {
           key="1"
           animation={{ y: 30, type: 'from', ease: 'easeOutQuart', opacity: 0 }}
           reverseDelay={200}
-          style={{ background: '#fff000' }}
+          style={{ background: '#fff000',transform: 'translateX(20px)', transformOrigin: 'center' }}
           component={Col}
         >
           执行动画

package.json

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

src/Tween.js

@@ -17,7 +17,7 @@ import {
 import easingTypes from './easing';
 import _plugin from './plugins';
 import StylePlugin from './plugin/StylePlugin';
-import { startConvertToEndUnit } from './util.js';
+import { startConvertToEndUnit, transformOrFilter } from './util.js';
 
 const DEFAULT_EASING = 'easeInOutQuad';
 const DEFAULT_DURATION = 450;
@@ -408,7 +408,7 @@ const getDefaultStyle = function (domStyle, defaultStyle, tweenData) {
       if (!(name in $data)) {
         const styleName = toCssLowerCase(isTransform(getGsapType(name)));
         domStyleToArray = domStyleToArray.filter(item => {
-          if (item[0].match(/transform|filter/ig) && styleName.match(/transform|filter/ig)) {
+          if (transformOrFilter[item[0]] && transformOrFilter[styleName]) {
             return false;
           }
           return item[0] !== styleName;
@@ -417,14 +417,14 @@ const getDefaultStyle = function (domStyle, defaultStyle, tweenData) {
     })
   });
   styleToArray.forEach(item => {
-    domStyleToArray = domStyleToArray.map($item => {
+    domStyleToArray = domStyleToArray.filter($item => {
       if ($item[0] === item[0]) {
-        return item;
+        return false;
       }
-      return $item;
+      return true;
     });
   })
-  return domStyleToArray.map(item => item.join(':')).join(';');
+  return styleToArray.concat(domStyleToArray).map(item => item.join(':')).join(';');
 }
 
 p.resetDefaultStyle = function () {

src/util.js

@@ -6,6 +6,16 @@ export const windowIsUndefined = !(
   window.document.createElement
 );
 
+export const transformOrFilter = {
+  transform: 1,
+  '-ms-transform': 1,
+  '-moz-transform': 1,
+  '-webkit-transform': 1,
+  '-o-transform': 1,
+  filter: 1,
+  '-webkit-filter': 1
+};
+
 export function toArrayChildren(children) {
   const ret = [];
   React.Children.forEach(children, (c) => {