fix ie getComputedStyle is none ant-design/ant-motion#178

Author: jljsj33

package.json

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

src/Tween.js

@@ -185,9 +185,9 @@ p.getComputedStyle = function () {
 };
 p.getAnimStartData = function (item) {
   const start = {};
-  this.computedStyle = this.computedStyle || this.getComputedStyle();
   Object.keys(item).forEach(_key => {
     if (_key in _plugin || (this.attr === 'attr' && (_key === 'd' || _key === 'points'))) {
+      this.computedStyle = this.computedStyle || this.getComputedStyle();
       start[_key] = item[_key].getAnimStart(this.computedStyle, this.tween, this.isSvg);
       return;
     }

src/plugin/StylePlugin.jsx

@@ -103,7 +103,7 @@ p.getAnimStart = function (computedStyle, tween, isSvg) {
   const tweenStyle = tween.style || {};
   Object.keys(this.propsData.data).forEach(key => {
     const cssName = isConvert(key);
-    let startData = computedStyle[cssName];
+    let startData = tweenStyle[cssName] || computedStyle[cssName];
     const fixed = computedStyle.position === 'fixed';
     if (!startData || startData === 'none' || startData === 'auto') {
       startData = '';
@@ -131,10 +131,14 @@ p.getAnimStart = function (computedStyle, tween, isSvg) {
       }
       style.transform = transform;
     } else if (cssName === 'filter') {
-      this.filterName = checkStyleName('filter') || 'filter';
-      startData = computedStyle[this.filterName];
-      this.filterObject = { ...this.filterObject, ...splitFilterToObject(startData) };
-      startData = this.filterObject[key] || 0;
+      if (tweenStyle[cssName]) {
+        startData = tweenStyle[cssName];
+      } else {
+        this.filterName = checkStyleName('filter') || 'filter';
+        startData = computedStyle[this.filterName];
+        this.filterObject = { ...this.filterObject, ...splitFilterToObject(startData) };
+        startData = this.filterObject[key] || 0;
+      }
       startUnit = startData.toString().replace(/[^a-z|%]/g, '');
       endUnit = this.propsData.dataUnit[key];
       if (endUnit !== startUnit) {