* feat(Interpolation.js): stepped string, object, array, everything interpolation based on your easing

Author: dalisoft

src/dist/Interpolation.js

@@ -58,7 +58,7 @@ const Interpolation = {
   Utils: {
 
     Linear (p0, p1, t) {
-      return (p1 - p0) * t + p0
+      return typeof p1 === 'function' ? p1(t) : (p1 - p0) * t + p0
     },
 
     Bernstein (n, i) {

src/dist/SubTween.js

@@ -24,7 +24,7 @@ let hexReplace = (all, hex) => {
     b = parseInt(hex.substr(4, 6), 16)
   }
 
-  return `rgb(${r},${g},${b}`
+  return `rgb(${r},${g},${b})`
 }
 let trim = str => typeof str === 'string' ? str.replace(trimRegExp, '') : str
 
@@ -86,7 +86,7 @@ const SubTween = (start, end, roundv = 10000) => {
     return (t) => {
       return isSame ? end : (((start + end * t) * roundv) | 0) / roundv
     }
-  } else if (typeof start === 'string' && numRegExp.test(start) && numRegExp.test(end)) {
+  } else if ((typeof start === 'string' && typeof end === 'string' && numRegExp.test(start) && numRegExp.test(end)) || (typeof end === 'string' && (hexColor.test(start) || hexColor.test(end)))) {
     let _startMap = trim(start).replace(hexColor, hexReplace).match(numRegExp).map(toNumber)
     let _endMap = trim(end).replace(hexColor, hexReplace).match(numRegExp).map(toNumber)
     let _tween = SubTween(_startMap, _endMap)
@@ -103,6 +103,10 @@ const SubTween = (start, end, roundv = 10000) => {
     }
   } else if (typeof end === 'function') {
     return end
+  } else if (!Array.isArray(start) && Array.isArray(end)) {
+    end.unshift(start)
+    end.push(end[end.length - 1])
+    return end.map((v, i) => SubTween(i === 0 ? start : end[i - 1], v))
   } else {
     let isSame = start === end
     return (t) => isSame ? start : t >= 0.5 ? end : start

src/dist/Tween.js

@@ -36,7 +36,7 @@ class Tween extends EventClass {
 
     this._duration = 1000
     this._easingFunction = defaultEasing
-    this._interpolationFunction = Interpolation.None
+    this._interpolationFunction = Interpolation.Linear
 
     this._startTime = 0
     this._delayTime = 0
@@ -178,10 +178,14 @@ class Tween extends EventClass {
     for (let property in _valuesEnd) {
       if (typeof _valuesEnd[property] === 'object' && _valuesEnd[property]) {
         this._valuesEnd[property] = SubTween(object[property], _valuesEnd[property])
-        this.object[property] = this._valuesEnd[property](0)
+        if (typeof this._valuesEnd[property] === 'function') {
+          this.object[property] = this._valuesEnd[property](0)
+        }
       } else if (typeof _valuesEnd[property] === 'string' && typeof object[property] === 'string') {
         this._valuesEnd[property] = SubTween(object[property], _valuesEnd[property])
-        this.object[property] = this._valuesEnd[property](0)
+        if (typeof this._valuesEnd[property] === 'function') {
+          this.object[property] = this._valuesEnd[property](0)
+        }
       }
 
       // If `to()` specifies a property that doesn't exist in the source object,