choerodon-ui/pro/lib/performance-table/utils/requestAnimationTimeout.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.requestAnimationTimeout = exports.cancelAnimationTimeout = void 0;

var _requestAnimationFramePolyfill = _interopRequireDefault(require("dom-lib/lib/animation/requestAnimationFramePolyfill"));

var _cancelAnimationFramePolyfill = _interopRequireDefault(require("dom-lib/lib/animation/cancelAnimationFramePolyfill"));

var cancelAnimationTimeout = function cancelAnimationTimeout(frame) {
  return (0, _cancelAnimationFramePolyfill["default"])(frame.id);
};
/**
 * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.
 * When the delay time has been reached the function you're timing out will be called.
 *
 * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)
 */


exports.cancelAnimationTimeout = cancelAnimationTimeout;

var requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {
  var start; // wait for end of processing current event handler, because event handler may be long

  Promise.resolve().then(function () {
    start = Date.now();
  });
  var frame = null;

  var timeout = function timeout() {
    if (Date.now() - start >= delay) {
      callback.call(null);
    } else {
      // @ts-ignore
      frame.id = (0, _requestAnimationFramePolyfill["default"])(timeout);
    }
  }; // @ts-ignore


  frame = {
    id: (0, _requestAnimationFramePolyfill["default"])(timeout)
  }; // @ts-ignore

  return frame;
};

exports.requestAnimationTimeout = requestAnimationTimeout;
//# sourceMappingURL=requestAnimationTimeout.js.map