mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import raf from 'rc-util/lib/raf';
|
|
|
|
export function throttleByAnimationFrame<T extends unknown[]>(fn: (...args: T) => void) {
|
|
let requestId: number | null;
|
|
|
|
const later = (args: T) => () => {
|
|
requestId = null;
|
|
fn(...args);
|
|
};
|
|
|
|
const throttled: {
|
|
(...args: T): void;
|
|
cancel: () => void;
|
|
} = (...args: T) => {
|
|
if (requestId == null) {
|
|
requestId = raf(later(args));
|
|
}
|
|
};
|
|
|
|
throttled.cancel = () => {
|
|
raf.cancel(requestId!);
|
|
requestId = null;
|
|
};
|
|
|
|
return throttled;
|
|
}
|
|
|
|
export function throttleByAnimationFrameDecorator() {
|
|
return function throttle(target: any, key: string, descriptor: any) {
|
|
const fn = descriptor.value;
|
|
let definingProperty = false;
|
|
return {
|
|
configurable: true,
|
|
get() {
|
|
// In IE11 calling Object.defineProperty has a side-effect of evaluating the
|
|
// getter for the property which is being replaced. This causes infinite
|
|
// recursion and an "Out of stack space" error.
|
|
// eslint-disable-next-line no-prototype-builtins
|
|
if (definingProperty || this === target.prototype || this.hasOwnProperty(key)) {
|
|
/* istanbul ignore next */
|
|
return fn;
|
|
}
|
|
|
|
const boundFn = throttleByAnimationFrame(fn.bind(this));
|
|
definingProperty = true;
|
|
Object.defineProperty(this, key, {
|
|
value: boundFn,
|
|
configurable: true,
|
|
writable: true,
|
|
});
|
|
definingProperty = false;
|
|
return boundFn;
|
|
},
|
|
};
|
|
};
|
|
}
|