mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
const availablePrefixs = ['moz', 'ms', 'webkit'];
|
|
|
|
function requestAnimationFramePolyfill() {
|
|
let lastTime = 0;
|
|
return function(callback: (n: number) => void) {
|
|
const currTime = new Date().getTime();
|
|
const timeToCall = Math.max(0, 16 - (currTime - lastTime));
|
|
const id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall);
|
|
lastTime = currTime + timeToCall;
|
|
return id;
|
|
};
|
|
}
|
|
|
|
export default function getRequestAnimationFrame() {
|
|
if (typeof window === 'undefined') {
|
|
return () => {};
|
|
}
|
|
if (window.requestAnimationFrame) {
|
|
// https://github.com/vuejs/vue/issues/4465
|
|
return window.requestAnimationFrame.bind(window);
|
|
}
|
|
|
|
const prefix = availablePrefixs.filter(key => `${key}RequestAnimationFrame` in window)[0];
|
|
|
|
return prefix
|
|
? (window as any)[`${prefix}RequestAnimationFrame`]
|
|
: requestAnimationFramePolyfill();
|
|
}
|
|
|
|
export function cancelRequestAnimationFrame(id: number) {
|
|
if (typeof window === 'undefined') {
|
|
return null;
|
|
}
|
|
if (window.cancelAnimationFrame) {
|
|
return window.cancelAnimationFrame(id);
|
|
}
|
|
const prefix = availablePrefixs.filter(key =>
|
|
`${key}CancelAnimationFrame` in window || `${key}CancelRequestAnimationFrame` in window,
|
|
)[0];
|
|
|
|
return prefix ?
|
|
(
|
|
(window as any)[`${prefix}CancelAnimationFrame`] ||
|
|
(window as any)[`${prefix}CancelRequestAnimationFrame`]
|
|
).call(this, id) : clearTimeout(id);
|
|
}
|