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

package/lib/cjs/src/utils/Event.js

@@ -4,71 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 class Event {
   constructor() {
     this._eventMap = new Map();
   }
-
   on(event, callback) {
     if (event && typeof callback === 'function') {
       this._eventMap.has(event) || this._eventMap.set(event, []);
-
       this._eventMap.get(event).push(callback);
     }
-
     return this;
   }
-
   once(event, callback) {
     var _this = this;
-
     if (event && typeof callback === 'function') {
       const fn = function () {
         callback(...arguments);
-
         _this.off(event, fn);
       };
-
       this.on(event, fn);
     }
   }
-
   off(event, callback) {
     if (event) {
       if (typeof callback === 'function') {
         const callbacks = this._eventMap.get(event);
-
         if (Array.isArray(callbacks) && callbacks.length) {
-          let index = -1; // eslint-disable-next-line max-depth
-
+          let index = -1;
+          // eslint-disable-next-line max-depth
           while ((index = callbacks.findIndex(cb => cb === callback)) > -1) {
             callbacks.splice(index, 1);
           }
-        } // eslint-disable-next-line eqeqeq
-
+        }
+        // eslint-disable-next-line eqeqeq
       } else if (callback == null) {
         this._eventMap.delete(event);
       }
     }
-
     return this;
   }
-
   emit(event) {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       args[_key - 1] = arguments[_key];
     }
-
     if (!this._eventMap.has(event)) {
       return false;
     }
-
     this._eventMap.get(event).forEach(callback => callback(...args));
-
     return true;
   }
-
 }
-
 exports.default = Event;

package/lib/cjs/src/utils/debounce.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = debounce;
-
 /**
  *
  * @param {Function} func
@@ -17,7 +16,6 @@ function debounce(func) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const context = this;
     clearTimeout(timeoutId);

package/lib/cjs/src/utils/log.js

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const log = function (text) {
   if (process.env.NODE_ENV === 'development') {
     for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       rest[_key - 1] = arguments[_key];
     }
-
     console.log(text, ...rest);
   }
 };
-
 var _default = log;
 exports.default = _default;

package/lib/cjs/src/utils/noop.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = noop;
-
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 function noop() {}

package/lib/cjs/src/utils/shallowEqual.js

@@ -4,30 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = shallowEqual;
-
 /* eslint-disable no-restricted-syntax */
 function shallowEqual(a, b) {
   if (typeof a !== typeof b) {
     return false;
   }
-
   if (typeof a === 'string' || typeof a === 'number') {
     return a === b;
   }
-
   let i;
-
   for (i in a) {
     if (!(i in b)) {
       return false;
     }
   }
-
   for (i in b) {
     if (a[i] !== b[i]) {
       return false;
     }
   }
-
   return i === void 0 ? a === b : true;
 }

package/lib/cjs/src/wrapValue.js

@@ -4,22 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = wrapValue;
-
 var _getEasing = _interopRequireDefault(require("./getEasing"));
-
 var _presets = _interopRequireDefault(require("./presets"));
-
 var _shouldUseBezier = _interopRequireDefault(require("./shouldUseBezier"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const defaultConfig = Object.assign(Object.assign({}, _presets.default.default), {
   precision: 0.01
 });
-
 function wrapValue(val) {
   let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   if ((0, _shouldUseBezier.default)(config)) {
     const easing = (0, _getEasing.default)(config.easing);
     const duration = typeof config.duration === 'number' && config.duration > 0 ? config.duration : 1000;
@@ -28,11 +21,9 @@ function wrapValue(val) {
       duration
     });
   }
-
   let wrapped = Object.assign(Object.assign(Object.assign({}, defaultConfig), config), {
     done: false
   });
-
   if (val && typeof val === 'object' && 'val' in val) {
     if ((0, _shouldUseBezier.default)(val)) {
       const easing = (0, _getEasing.default)(val.easing);
@@ -42,13 +33,11 @@ function wrapValue(val) {
         duration
       });
     }
-
     wrapped = Object.assign(Object.assign({}, wrapped), val);
   } else {
     wrapped = Object.assign(Object.assign({}, wrapped), {
       val
     });
   }
-
   return wrapped;
 }

package/lib/es/src/Animation.js

@@ -1,7 +1,5 @@
 /* eslint-disable max-depth */
-
 /* eslint-disable eqeqeq */
-
 /* eslint-disable max-lines-per-function */
 import Event from './utils/Event';
 import shouldStopAnimation from './shouldStopAnimation';
@@ -10,9 +8,7 @@ import stripStyle from './stripStyle';
 import stepper from './stepper';
 import mapToZero from './mapToZero';
 import wrapValue from './wrapValue';
-
 const now = () => Date.now();
-
 const msPerFrame = 1000 / 60;
 /**
  * @summary
@@ -23,7 +19,6 @@ const msPerFrame = 1000 / 60;
  * Binding method:
  * const animation = new Animation (); animation.on ('start | frame | rest ', () => {});
  */
-
 export default class Animation extends Event {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -33,18 +28,14 @@ export default class Animation extends Event {
     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] = wrapValue(object[key], config);
     }
-
     return ret;
   }
-
   initStates(props, config) {
     props = props && typeof props === 'object' ? props : this._props;
     config = config && typeof config === 'object' ? config : this._config;
@@ -53,13 +44,11 @@ export default class Animation extends Event {
       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 && stripStyle(this._from) || stripStyle(this._to);
@@ -72,15 +61,13 @@ export default class Animation extends Event {
     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 (shouldStopAnimation(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
@@ -91,45 +78,36 @@ export default class Animation extends Event {
             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;
@@ -138,7 +116,6 @@ export default class Animation extends Event {
         } else {
           let newLastIdealStyleValue = this._lastIdealStyle[key];
           let newLastIdealVelocityValue = this._lastIdealVelocity[key];
-
           if (shouldUseBezier(this._config) || shouldUseBezier(styleValue)) {
             // easing
             const {
@@ -146,12 +123,10 @@ export default class Animation extends Event {
               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]) {
@@ -163,11 +138,9 @@ export default class Animation extends Event {
             // 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] = stepper(msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.tension, styleValue.friction, styleValue.precision);
             }
-
             const [nextIdealX, nextIdealV] = stepper(msPerFrame / 1000, newLastIdealStyleValue, newLastIdealVelocityValue, styleValue.val, styleValue.tension, styleValue.friction, styleValue.precision);
             newCurrentStyle[key] = newLastIdealStyleValue + (nextIdealX - newLastIdealStyleValue) * currentFrameCompletion;
             newCurrentVelocity[key] = newLastIdealVelocityValue + (nextIdealV - newLastIdealVelocityValue) * currentFrameCompletion;
@@ -177,26 +150,23 @@ export default class Animation extends Event {
           }
         }
       }
-
       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;
@@ -204,10 +174,8 @@ export default class Animation extends Event {
       this.emit('frame', this.getFinalStates());
       this.emit('rest', this.getFinalStates());
     }
-
     this.destroy();
   }
-
   pause() {
     if (!this._paused) {
       this._pausedTime = now();
@@ -217,13 +185,12 @@ export default class Animation extends Event {
       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;
@@ -231,25 +198,21 @@ export default class Animation extends Event {
       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;
@@ -262,12 +225,10 @@ export default class Animation extends Event {
     this._startedTime = 0;
     this._pausedTime = 0;
   }
-
   reset() {
     this.destroy();
     this.initStates();
   }
-
   reverse() {
     this.destroy();
     const props = Object.assign({}, this._props);
@@ -277,17 +238,13 @@ export default class Animation extends Event {
     this._props = Object.assign({}, props);
     this.initStates();
   }
-
   getCurrentStates() {
     return Object.assign({}, this._currentStyle);
   }
-
   getInitialStates() {
     return Object.assign({}, stripStyle(this._props.from));
   }
-
   getFinalStates() {
     return Object.assign({}, stripStyle(this._props.to));
   }
-
 }

package/lib/es/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/es/src/getEasing.js

@@ -1,96 +1,39 @@
 import bezier from 'bezier-easing';
-
 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
 export 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;
 })();
 /**
@@ -98,22 +41,18 @@ export const easingMap = (() => {
  * @param {string|Function} easing
  * @returns {Function}
  */
-
 export default 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 bezier(...(args.length ? args : easingMap.linear));
   } else {
@@ -121,9 +60,7 @@ export default 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/es/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/es/src/interpolate.js

@@ -12,22 +12,17 @@ export default 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);
@@ -35,7 +30,6 @@ export default function interpolate(from, to) {
       result.push((toVal - fromVal) * ratio + fromVal);
     });
   }
-
   if (typeof formatter === 'function') {
     return formatter(result);
   } else {

package/lib/es/src/mapToZero.js

@@ -2,10 +2,8 @@
 export default function mapToZero(obj) {
   const ret = {};
   const objKeys = obj && Object.keys(obj) || [];
-
   for (const key of objKeys) {
     ret[key] = 0;
   }
-
   return ret;
 }