@alicloud/cloud-charts/lib/common/tween.js


"use strict";

exports.__esModule = true;
exports.Tween = void 0;
exports["default"] = _default;
var Tween = exports.Tween = /*#__PURE__*/function () {
  function Tween(config, callback) {
    this.interval = void 0;
    this.timer = void 0;
    this._startTime = void 0;
    this.lastUpdate = void 0;
    this._isPlay = void 0;
    this.config = void 0;
    this.callback = void 0;
    var maxFps = config.maxFps;
    this.config = config;
    this.callback = callback;
    this.refresh = this.refresh.bind(this);
    this.lastUpdate = null;
    this.interval = 1000 / maxFps;
    this.timer = null;
    this.start();
  }
  var _proto = Tween.prototype;
  _proto.start = function start() {
    this._isPlay = true;
    this._startTime = Date.now();
    this.lastUpdate = this._startTime;
    this.refresh();
  };
  _proto.stop = function stop() {
    this._isPlay = false;
  };
  _proto.refresh = function refresh() {
    if (this._isPlay && this.config.autoUpdate) {
      if (window.requestAnimationFrame) {
        this.timer = window.requestAnimationFrame(this.refresh);
      } else {
        this.timer = setTimeout(this.refresh, 1000 / 60);
      }
      var now = Date.now();
      if (this.config.maxFps < 60) {
        var delta = now - this.lastUpdate;
        if (delta > this.interval) {
          // 这里不能简单then=now，否则还会出现上边简单做法的细微时间差问题。例如fps=10，每帧100ms，而现在每16ms（60fps）执行一次draw。16*7=112>100，需要7次才实际绘制一次。这个情况下，实际10帧需要112*10=1120ms>1000ms才绘制完成。
          this.lastUpdate = now - delta % this.interval;
          this.update(now);
        }
      } else {
        this.update(now);
      }
    }
  };
  _proto.update = function update(time) {
    var now = time || Date.now();
    if (now < this._startTime) {
      return;
    }
    var elapsed = (now - this._startTime) / this.config.duration;
    elapsed = elapsed > 1 ? 1 : elapsed;
    this.callback(elapsed);
    if (elapsed === 1) {
      this.stop();
    }
  };
  _proto.destroy = function destroy() {
    this.stop();
    if (this.timer) {
      if (window.requestAnimationFrame) {
        window.cancelAnimationFrame(this.timer);
      } else {
        clearTimeout(this.timer);
      }
    }
  };
  return Tween;
}();
var nameMap = {};
function _default(name, config, callback) {
  if (nameMap[name]) {
    // restart
    nameMap[name].start();
  } else {
    // start
    nameMap[name] = new Tween(config, callback);
  }
  return nameMap[name];
}