ant-design-vue/components/vc-align/hooks/useBuffer.tsx
2021-11-29 17:53:09 +08:00

40 lines
779 B
Vue

import type { ComputedRef } from 'vue';
export default (callback: () => boolean, buffer: ComputedRef<number>) => {
let called = false;
let timeout = null;
function cancelTrigger() {
clearTimeout(timeout);
}
function trigger(force?: boolean) {
if (!called || force === true) {
if (callback() === false) {
// Not delay since callback cancelled self
return;
}
called = true;
cancelTrigger();
timeout = setTimeout(() => {
called = false;
}, buffer.value);
} else {
cancelTrigger();
timeout = setTimeout(() => {
called = false;
trigger();
}, buffer.value);
}
}
return [
trigger,
() => {
called = false;
cancelTrigger();
},
];
};