@douyinfe/semi-animation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/index.js

@@ -39,19 +39,11 @@ Object.defineProperty(exports, "presets", {
     return _presets.default;
   }
 });
-
 var _getEasing = _interopRequireWildcard(require("./src/getEasing"));
-
 var _constants = require("./src/constants");
-
 var _Animation = _interopRequireDefault(require("./src/Animation"));
-
 var _interpolate = _interopRequireDefault(require("./src/interpolate"));
-
 var _presets = _interopRequireDefault(require("./src/presets"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/cjs/src/Animation.js

@@ -4,30 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _Event = _interopRequireDefault(require("./utils/Event"));
-
 var _shouldStopAnimation = _interopRequireDefault(require("./shouldStopAnimation"));
-
 var _shouldUseBezier = _interopRequireDefault(require("./shouldUseBezier"));
-
 var _stripStyle = _interopRequireDefault(require("./stripStyle"));
-
 var _stepper = _interopRequireDefault(require("./stepper"));
-
 var _mapToZero = _interopRequireDefault(require("./mapToZero"));
-
 var _wrapValue = _interopRequireDefault(require("./wrapValue"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-depth */
-
 /* eslint-disable eqeqeq */
-
 /* eslint-disable max-lines-per-function */
-const now = () => Date.now();
 
+const now = () => Date.now();
 const msPerFrame = 1000 / 60;
 /**
  * @summary
@@ -38,7 +27,6 @@ const msPerFrame = 1000 / 60;
  * Binding method:
  * const animation = new Animation (); animation.on ('start | frame | rest ', () => {});
  */
-
 class Animation extends _Event.default {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -48,18 +36,14 @@ class Animation extends _Event.default {
     this._config = Object.assign({}, config);
     this.initStates();
   }
-
   _wrapConfig(object, config) {
     config = config && typeof config === 'object' ? config : this._config;
     const ret = {};
-
     for (const key of Object.keys(object)) {
       ret[key] = (0, _wrapValue.default)(object[key], config);
     }
-
     return ret;
   }
-
   initStates(props, config) {
     props = props && typeof props === 'object' ? props : this._props;
     config = config && typeof config === 'object' ? config : this._config;
@@ -68,13 +52,11 @@ class Animation extends _Event.default {
       to
     } = props;
     this._from = {};
-
     if (from && typeof from) {
       for (const key of Object.keys(from)) {
         this._from[key] = typeof from[key] === 'object' && from[key].val ? from[key].val : from[key];
       }
     }
-
     this._to = this._wrapConfig(to, config);
     this._delay = parseInt(config.delay) || 0;
     const currentStyle = this._from && (0, _stripStyle.default)(this._from) || (0, _stripStyle.default)(this._to);
@@ -87,15 +69,13 @@ class Animation extends _Event.default {
     this._frameCount = 0;
     this._prevTime = 0;
   }
-
   animate() {
     if (this._timer != null) {
       return;
     }
-
     this._timer = requestAnimationFrame(timestamp => {
-      const nowTime = now(); // stop animation and emit onRest event
-
+      const nowTime = now();
+      // stop animation and emit onRest event
       if ((0, _shouldStopAnimation.default)(this._currentStyle, this._to, this._currentVelocity, this._startedTime || nowTime, nowTime) || this._ended || this._stopped) {
         if (this._wasAnimating && !this._ended && !this._stopped) {
           // should emit reset in settimeout for delay msPerframe
@@ -106,45 +86,36 @@ class Animation extends _Event.default {
             this.emit('rest', this.getCurrentStates());
           }, msPerFrame);
         }
-
         this.resetPlayStates();
         return;
       }
-
       if (!this._started) {
         this._started = true;
         this.emit('start', this.getCurrentStates());
       }
-
       this._stopped = false;
       this._paused = false;
       this._wasAnimating = true;
-
       if (this._startedTime === 0) {
         this._startedTime = nowTime;
       }
-
       const currentTime = nowTime;
       const timeDelta = currentTime - this._prevTime;
       this._prevTime = currentTime;
-
       if (currentTime - this._startedTime < this._delay) {
         this._timer = null;
         this.animate();
       }
-
       const newLastIdealStyle = {};
       const newLastIdealVelocity = {};
       const newCurrentStyle = {};
       const newCurrentVelocity = {};
       const toKeys = this._to && Object.keys(this._to) || [];
-
       for (const key of toKeys) {
         const styleValue = this._to[key];
         this._accumulatedTime[key] = typeof this._accumulatedTime[key] !== 'number' ? timeDelta : this._accumulatedTime[key] + timeDelta;
         const from = this._from[key] != null && typeof this._from[key] === 'object' ? this._from[key].val : this._from[key];
         const to = styleValue.val;
-
         if (typeof styleValue === 'number') {
           newCurrentStyle[key] = styleValue;
           newCurrentVelocity[key] = 0;
@@ -153,7 +124,6 @@ class Animation extends _Event.default {
         } else {
           let newLastIdealStyleValue = this._lastIdealStyle[key];
           let newLastIdealVelocityValue = this._lastIdealVelocity[key];
-
           if ((0, _shouldUseBezier.default)(this._config) || (0, _shouldUseBezier.default)(styleValue)) {
             // easing
             const {
@@ -161,12 +131,10 @@ class Animation extends _Event.default {
               duration
             } = styleValue;
             newLastIdealStyleValue = from + easing((currentTime - this._startedTime) / duration) * (to - from);
-
             if (currentTime >= this._startedTime + duration) {
               newLastIdealStyleValue = to;
               styleValue.done = true;
             }
-
             newLastIdealStyle[key] = newLastIdealStyleValue;
             newCurrentStyle[key] = newLastIdealStyleValue;
           } else if (to != null && to === this._currentStyle[key]) {
@@ -178,11 +146,9 @@ class Animation extends _Event.default {
             // spring
             const currentFrameCompletion = (this._accumulatedTime[key] - Math.floor(this._accumulatedTime[key] / msPerFrame) * msPerFrame) / msPerFrame;
             const framesToCatchUp = Math.floor(this._accumulatedTime[key] / msPerFrame);
-
             for (let i = 0; i < framesToCatchUp; i++) {
               [newLastIdealStyleValue, newLastIdealVelocityValue] = (0, _stepper.default)(msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.tension, styleValue.friction, styleValue.precision);
             }
-
             const [nextIdealX, nextIdealV] = (0, _stepper.default)(msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.tension, styleValue.friction, styleValue.precision);
             newCurrentStyle[key] = newLastIdealStyleValue + (nextIdealX - newLastIdealStyleValue) * currentFrameCompletion;
             newCurrentVelocity[key] = newLastIdealVelocityValue + (nextIdealV - newLastIdealVelocityValue) * currentFrameCompletion;
@@ -192,26 +158,23 @@ class Animation extends _Event.default {
           }
         }
       }
-
       this._timer = null;
       this._currentStyle = Object.assign({}, newCurrentStyle);
       this._currentVelocity = Object.assign({}, newCurrentVelocity);
       this._lastIdealStyle = Object.assign({}, newLastIdealStyle);
-      this._lastIdealVelocity = Object.assign({}, newLastIdealVelocity); // console.log(newCurrentStyle);
-
+      this._lastIdealVelocity = Object.assign({}, newLastIdealVelocity);
+      // console.log(newCurrentStyle);
       if (!this._destroyed) {
         this.emit('frame', this.getCurrentStates());
         this.animate();
       }
     });
   }
-
   start() {
     this._prevTime = now();
     this._startedTime = now();
     this.animate();
   }
-
   end() {
     if (!this._ended) {
       this._ended = true;
@@ -219,10 +182,8 @@ class Animation extends _Event.default {
       this.emit('frame', this.getFinalStates());
       this.emit('rest', this.getFinalStates());
     }
-
     this.destroy();
   }
-
   pause() {
     if (!this._paused) {
       this._pausedTime = now();
@@ -232,13 +193,12 @@ class Animation extends _Event.default {
       this._destroyed = false;
     }
   }
-
   resume() {
     if (this._started && this._paused) {
       const nowTime = now();
       const pausedDuration = nowTime - this._pausedTime;
-      this._paused = false; // should add with pausedDuration
-
+      this._paused = false;
+      // should add with pausedDuration
       this._startedTime += pausedDuration;
       this._prevTime += pausedDuration;
       this._pausedTime = 0;
@@ -246,25 +206,21 @@ class Animation extends _Event.default {
       this.animate();
     }
   }
-
   stop() {
     this.destroy();
-
     if (!this._stopped) {
-      this._stopped = true; // this.emit('frame', this.getInitialStates());
-
+      this._stopped = true;
+      // this.emit('frame', this.getInitialStates());
       this.emit('stop', this.getInitialStates());
       this.initStates();
     }
   }
-
   destroy() {
     cancelAnimationFrame(this._timer);
     clearTimeout(this._timer);
     this._timer = null;
     this._destroyed = true;
   }
-
   resetPlayStates() {
     this._started = false;
     this._stopped = false;
@@ -277,12 +233,10 @@ class Animation extends _Event.default {
     this._startedTime = 0;
     this._pausedTime = 0;
   }
-
   reset() {
     this.destroy();
     this.initStates();
   }
-
   reverse() {
     this.destroy();
     const props = Object.assign({}, this._props);
@@ -292,19 +246,14 @@ class Animation extends _Event.default {
     this._props = Object.assign({}, props);
     this.initStates();
   }
-
   getCurrentStates() {
     return Object.assign({}, this._currentStyle);
   }
-
   getInitialStates() {
     return Object.assign({}, (0, _stripStyle.default)(this._props.from));
   }
-
   getFinalStates() {
     return Object.assign({}, (0, _stripStyle.default)(this._props.to));
   }
-
 }
-
 exports.default = Animation;

package/lib/cjs/src/getEasing.d.ts

@@ -1,4 +1,4 @@
-export declare type BezierArgs = [number, number, number, number];
+export type BezierArgs = [number, number, number, number];
 export declare const easingMap: {
     linear: number[];
 };

package/lib/cjs/src/getEasing.js

@@ -5,102 +5,43 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = getEasing;
 exports.easingMap = void 0;
-
 var _bezierEasing = _interopRequireDefault(require("bezier-easing"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function minMax(val, min, max) {
   return Math.min(Math.max(val, min), max);
 }
-
 function parseEasingParameters(string) {
   const match = /\(([^)]+)\)/.exec(string);
   return match ? match[1].split(',').map(p => parseFloat(p)) : [];
-} // Elastic easing adapted from jQueryUI http://api.jqueryui.com/easings/
-
-
+}
+// Elastic easing adapted from jQueryUI http://api.jqueryui.com/easings/
 function elastic() {
   let amplitude = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   let period = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.5;
   const a = minMax(amplitude, 1, 10);
   const p = minMax(period, 0.1, 2);
   return t => t === 0 || t === 1 ? t : -a * Math.pow(2, 10 * (t - 1)) * Math.sin((t - 1 - p / (Math.PI * 2) * Math.asin(1 / a)) * (Math.PI * 2) / p);
-} // anime.js/src/index.js
-
-
+}
+// anime.js/src/index.js
 const easingMap = (() => {
-  const names = ['Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Elastic']; // Approximated Penner equations http://matthewlein.com/ceaser/
-
+  const names = ['Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Elastic'];
+  // Approximated Penner equations http://matthewlein.com/ceaser/
   const curves = {
-    In: [[0.55, 0.085, 0.68, 0.53]
-    /* inQuad */
-    , [0.55, 0.055, 0.675, 0.19]
-    /* inCubic */
-    , [0.895, 0.03, 0.685, 0.22]
-    /* inQuart */
-    , [0.755, 0.05, 0.855, 0.06]
-    /* inQuint */
-    , [0.47, 0.0, 0.745, 0.715]
-    /* inSine */
-    , [0.95, 0.05, 0.795, 0.035]
-    /* inExpo */
-    , [0.6, 0.04, 0.98, 0.335]
-    /* inCirc */
-    , [0.6, -0.28, 0.735, 0.045]
-    /* inBack */
-    , elastic
-    /* inElastic */
-    ],
-    Out: [[0.25, 0.46, 0.45, 0.94]
-    /* outQuad */
-    , [0.215, 0.61, 0.355, 1.0]
-    /* outCubic */
-    , [0.165, 0.84, 0.44, 1.0]
-    /* outQuart */
-    , [0.23, 1.0, 0.32, 1.0]
-    /* outQuint */
-    , [0.39, 0.575, 0.565, 1.0]
-    /* outSine */
-    , [0.19, 1.0, 0.22, 1.0]
-    /* outExpo */
-    , [0.075, 0.82, 0.165, 1.0]
-    /* outCirc */
-    , [0.175, 0.885, 0.32, 1.275]
-    /* outBack */
-    , (a, p) => t => 1 - elastic(a, p)(1 - t)
-    /* outElastic */
-    ],
-    InOut: [[0.455, 0.03, 0.515, 0.955]
-    /* inOutQuad */
-    , [0.645, 0.045, 0.355, 1.0]
-    /* inOutCubic */
-    , [0.77, 0.0, 0.175, 1.0]
-    /* inOutQuart */
-    , [0.86, 0.0, 0.07, 1.0]
-    /* inOutQuint */
-    , [0.445, 0.05, 0.55, 0.95]
-    /* inOutSine */
-    , [1.0, 0.0, 0.0, 1.0]
-    /* inOutExpo */
-    , [0.785, 0.135, 0.15, 0.86]
-    /* inOutCirc */
-    , [0.68, -0.55, 0.265, 1.55]
-    /* inOutBack */
-    , (a, p) => t => t < 0.5 ? elastic(a, p)(t * 2) / 2 : 1 - elastic(a, p)(t * -2 + 2) / 2
-    /* inOutElastic */
-    ]
+    In: [[0.55, 0.085, 0.68, 0.53] /* inQuad */, [0.55, 0.055, 0.675, 0.19] /* inCubic */, [0.895, 0.03, 0.685, 0.22] /* inQuart */, [0.755, 0.05, 0.855, 0.06] /* inQuint */, [0.47, 0.0, 0.745, 0.715] /* inSine */, [0.95, 0.05, 0.795, 0.035] /* inExpo */, [0.6, 0.04, 0.98, 0.335] /* inCirc */, [0.6, -0.28, 0.735, 0.045] /* inBack */, elastic /* inElastic */],
+
+    Out: [[0.25, 0.46, 0.45, 0.94] /* outQuad */, [0.215, 0.61, 0.355, 1.0] /* outCubic */, [0.165, 0.84, 0.44, 1.0] /* outQuart */, [0.23, 1.0, 0.32, 1.0] /* outQuint */, [0.39, 0.575, 0.565, 1.0] /* outSine */, [0.19, 1.0, 0.22, 1.0] /* outExpo */, [0.075, 0.82, 0.165, 1.0] /* outCirc */, [0.175, 0.885, 0.32, 1.275] /* outBack */, (a, p) => t => 1 - elastic(a, p)(1 - t) /* outElastic */],
+
+    InOut: [[0.455, 0.03, 0.515, 0.955] /* inOutQuad */, [0.645, 0.045, 0.355, 1.0] /* inOutCubic */, [0.77, 0.0, 0.175, 1.0] /* inOutQuart */, [0.86, 0.0, 0.07, 1.0] /* inOutQuint */, [0.445, 0.05, 0.55, 0.95] /* inOutSine */, [1.0, 0.0, 0.0, 1.0] /* inOutExpo */, [0.785, 0.135, 0.15, 0.86] /* inOutCirc */, [0.68, -0.55, 0.265, 1.55] /* inOutBack */, (a, p) => t => t < 0.5 ? elastic(a, p)(t * 2) / 2 : 1 - elastic(a, p)(t * -2 + 2) / 2 /* inOutElastic */]
   };
+
   const eases = {
     linear: [0.25, 0.25, 0.75, 0.75]
   };
-
   for (const coords of Object.keys(curves)) {
     curves[coords].forEach((ease, i) => {
       eases['ease' + coords + names[i]] = ease;
     });
   }
-
   return eases;
 })();
 /**
@@ -108,25 +49,19 @@ const easingMap = (() => {
  * @param {string|Function} easing
  * @returns {Function}
  */
-
-
 exports.easingMap = easingMap;
-
 function getEasing(easing) {
   if (typeof easing === 'function') {
     return easing;
   }
-
   if (!easing || typeof easing !== 'string') {
     easing = 'linear';
   } else {
     easing = easing.trim();
   }
-
   let name = easing.split('(')[0];
   const args = parseEasingParameters(easing);
   let ease;
-
   if (name === 'cubic-bezier' || name === 'cubicBezier') {
     return (0, _bezierEasing.default)(...(args.length ? args : easingMap.linear));
   } else {
@@ -134,9 +69,7 @@ function getEasing(easing) {
     if (!name || typeof name !== 'string' || typeof name === 'string' && easingMap[name] == null) {
       name = 'linear';
     }
-
     ease = easingMap[name];
-
     if (typeof ease === 'function') {
       return ease(...args);
     } else if (args.length) {

package/lib/cjs/src/interpolate.d.ts

@@ -7,7 +7,7 @@
  * @param {Function} [formatter]
  * @returns {any}
 */
-export declare type FromTo = string | number | (string | number)[];
-export declare type Parser = (value: FromTo) => any;
-export declare type Formatter = (value: any[]) => any;
+export type FromTo = string | number | (string | number)[];
+export type Parser = (value: FromTo) => any;
+export type Formatter = (value: any[]) => any;
 export default function interpolate(from: FromTo, to: FromTo, ratio?: number, parser?: Parser, formatter?: Formatter): any;

package/lib/cjs/src/interpolate.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = interpolate;
-
 /**
  *
  * @param {number|number[]|string|string[]} from
@@ -19,22 +18,17 @@ function interpolate(from, to) {
   let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   let parser = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   let formatter = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
-
   if (typeof parser === 'function') {
     from = parser(from);
     to = parser(to);
   }
-
   if (typeof from === 'string' || typeof from === 'number') {
     from = [parseFloat(from)];
   }
-
   if (typeof to === 'string' || typeof to === 'number') {
     to = [parseFloat(to)];
   }
-
   const result = [];
-
   if (Array.isArray(from) && Array.isArray(to)) {
     from.forEach((fromVal, idx) => {
       fromVal = parseFloat(fromVal);
@@ -42,7 +36,6 @@ function interpolate(from, to) {
       result.push((toVal - fromVal) * ratio + fromVal);
     });
   }
-
   if (typeof formatter === 'function') {
     return formatter(result);
   } else {

package/lib/cjs/src/mapToZero.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = mapToZero;
-
 // currently used to initiate the velocity style object to 0
 function mapToZero(obj) {
   const ret = {};
   const objKeys = obj && Object.keys(obj) || [];
-
   for (const key of objKeys) {
     ret[key] = 0;
   }
-
   return ret;
 }

package/lib/cjs/src/presets.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /**
  * stiffness is like tension
  * damping is like friction

package/lib/cjs/src/shouldStopAnimation.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = shouldStopAnimation;
-
 var _shouldUseBezier = _interopRequireDefault(require("./shouldUseBezier"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * usage assumption: currentStyle values have already been rendered but it says
  * nothing of whether currentStyle is stale (see unreadPropStyle)
@@ -20,31 +17,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {number} nowTime
  *
  * @returns {boolean}
- */
-// eslint-disable-next-line max-len
+ */ // eslint-disable-next-line max-len
 function shouldStopAnimation(currentStyle, style, currentVelocity, startTime, nowTime) {
   for (const key of Object.keys(style)) {
     const styleValue = style[key];
     const value = typeof styleValue === 'number' ? styleValue : styleValue.val;
-
     if (typeof styleValue === 'object' && styleValue.done) {
       continue;
     }
-
     if ((0, _shouldUseBezier.default)(styleValue) && startTime && nowTime && styleValue.duration) {
       if (styleValue.duration + startTime <= nowTime || value !== currentStyle[key]) {
         return false;
       }
     } else if (typeof currentVelocity[key] === 'number' && currentVelocity[key] !== 0) {
       return false;
-    } // stepper will have already taken care of rounding precision errors, so
+    }
+    // stepper will have already taken care of rounding precision errors, so
     // won't have such thing as 0.9999 !=== 1
-
-
     if (currentStyle[key] !== value) {
       return false;
     }
   }
-
   return true;
 }

package/lib/cjs/src/shouldUseBezier.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = shouldUseBezier;
-
 function shouldUseBezier(config) {
   return Boolean(config && typeof config === 'object' && (config.duration > 0 || typeof config.easing === 'string' || typeof config.easing === 'function'));
 }

package/lib/cjs/src/stepper.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = stepper;
-
 /**
  * @file
  *
@@ -26,27 +25,24 @@ const reusedTuple = [0, 0];
  * @param {number} precision
  */
 // eslint-disable-next-line max-len
-
 function stepper(secondPerFrame, x, v, destX, k, b, precision) {
   // Spring stiffness, in kg / s^2
   // for animations, destX is really spring length (spring at rest). initial
   // position is considered as the stretched/compressed position of a spring
-  const Fspring = -k * (x - destX); // Damping, in kg / s
-
-  const Fdamper = -b * v; // usually we put mass here, but for animation purposes, specifying mass is a
+  const Fspring = -k * (x - destX);
+  // Damping, in kg / s
+  const Fdamper = -b * v;
+  // usually we put mass here, but for animation purposes, specifying mass is a
   // bit redundant. you could simply adjust k and b accordingly
   // let a = (Fspring + Fdamper) / mass;
-
   const a = Fspring + Fdamper;
   const newV = v + a * secondPerFrame;
   const newX = x + newV * secondPerFrame;
-
   if (Math.abs(newV) < precision && Math.abs(newX - destX) < precision) {
     reusedTuple[0] = destX;
     reusedTuple[1] = 0;
     return reusedTuple;
   }
-
   reusedTuple[0] = newX;
   reusedTuple[1] = newV;
   return reusedTuple;

package/lib/cjs/src/stripStyle.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = stripStyle;
-
 /* eslint-disable no-restricted-syntax */
 function stripStyle(style) {
   const ret = {};
-
   for (const key in style) {
     if (!Object.prototype.hasOwnProperty.call(style, key)) {
       continue;
     }
-
     ret[key] = typeof style[key] === 'number' ? style[key] : style[key].val;
   }
-
   return ret;
 }