You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/_util/throttleByAnimationFrame.ts

46 lines
1.2 KiB

export default function throttleByAnimationFrame(fn: (...args: any[]) => void) {
let requestId: number | null;
7 years ago
const later = (args: any[]) => () => {
requestId = null;
fn(...args);
};
7 years ago
const throttled = (...args: any[]) => {
7 years ago
if (requestId == null) {
requestId = requestAnimationFrame(later(args));
7 years ago
}
};
7 years ago
(throttled as any).cancel = () => cancelAnimationFrame(requestId!);
7 years ago
return throttled;
7 years ago
}
export function throttleByAnimationFrameDecorator() {
// eslint-disable-next-line func-names
return function (target: any, key: string, descriptor: any) {
const fn = descriptor.value;
let definingProperty = false;
7 years ago
return {
configurable: true,
get() {
// eslint-disable-next-line no-prototype-builtins
7 years ago
if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
return fn;
7 years ago
}
const boundFn = throttleByAnimationFrame(fn.bind(this));
definingProperty = true;
7 years ago
Object.defineProperty(this, key, {
value: boundFn,
configurable: true,
writable: true,
});
definingProperty = false;
return boundFn;
7 years ago
},
};
};
7 years ago
}