add ease Elastic and Bounce

Author: jljsj33

examples/simple.js

@@ -3,7 +3,7 @@ import QueueAnim from 'rc-queue-anim';
 import React from 'react';
 import ReactDom from 'react-dom';
 
-ReactDom.render(<QueueAnim ease="easeOutElastic" duration={1000}>
+ReactDom.render(<QueueAnim ease="easeInOutElastic" duration={5000}>
   <div key="1">依次进入</div>
   <div key="2">依次进入</div>
   <div key="3">依次进入</div>

src/QueueAnim.jsx

@@ -36,23 +36,23 @@ const _ease = {
     const _p1 = o >= 1 ? o : 1;
     const _p2 = (t || 1) / (o < 1 ? o : 1);
     const _p3 = _p2 / Math.PI * 2 * (Math.asin(1 / _p1) || 0);
+    // _p2 = Math.PI * 2 / _p2;
     return -(_p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin((p - _p3) * _p2));
   },
   easeOutElastic: function(p, o, t) {
     const _p1 = o >= 1 ? o : 1;
     const _p2 = (t || 1) / (o < 1 ? o : 1);
     const _p3 = _p2 / Math.PI * 2 * (Math.asin(1 / _p1) || 0);
+    //  _p2 = Math.PI * 2 / _p2;
     return _p1 * Math.pow(2, -10 * p) * Math.sin((p - _p3) * _p2) + 1;
   },
   easeInOutElastic: function(_p, o, t) {
     let p = _p;
     const _p1 = o >= 1 ? o : 1;
     const _p2 = (t || 1) / (o < 1 ? o : 1);
     const _p3 = _p2 / Math.PI * 2 * (Math.asin(1 / _p1) || 0);
-    const a = -0.5 * (_p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin((p - _p3) * _p2));
-    const b = _p1 * Math.pow(2, -10 * (p -= 1)) * Math.sin((p - _p3) * _p2) * 0.5 + 1;
     p *= 2;
-    return p < 1 ? a : b;
+    return p < 1 ? -0.5 * (_p1 * Math.pow(2, 10 * (p -= 1)) * Math.sin((p - _p3) * _p2)) : _p1 * Math.pow(2, -10 * (p -= 1)) * Math.sin((p - _p3) * _p2) * 0.5 + 1;
   },
   easeInBounce: function(_p) {
     let p = _p;