44 lines
913 B
TypeScript
44 lines
913 B
TypeScript
|
import { ref, watch } from 'vue';
|
||
|
|
import { tryOnUnmounted } from '/@/utils/helper/vueHelper';
|
||
|
|
|
||
|
|
import { isFunction } from '/@/utils/is';
|
||
|
|
|
||
|
|
export function useTimeoutFn(handle: Fn<any>, wait: number) {
|
||
|
|
if (!isFunction(handle)) {
|
||
|
|
throw new Error('handle is not Function!');
|
||
|
|
}
|
||
|
|
|
||
|
|
const { readyRef, stop, start } = useTimeoutRef(wait);
|
||
|
|
|
||
|
|
watch(
|
||
|
|
readyRef,
|
||
|
|
(maturity) => {
|
||
|
|
maturity && handle();
|
||
|
|
},
|
||
|
|
{ immediate: false }
|
||
|
|
);
|
||
|
|
return { readyRef, stop, start };
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useTimeoutRef(wait: number) {
|
||
|
|
const readyRef = ref(false);
|
||
|
|
|
||
|
|
let timer: ReturnType<typeof setTimeout> | undefined;
|
||
|
|
function stop(): void {
|
||
|
|
readyRef.value = false;
|
||
|
|
timer && window.clearTimeout(timer);
|
||
|
|
}
|
||
|
|
function start(): void {
|
||
|
|
stop();
|
||
|
|
timer = setTimeout(() => {
|
||
|
|
readyRef.value = true;
|
||
|
|
}, wait);
|
||
|
|
}
|
||
|
|
|
||
|
|
start();
|
||
|
|
|
||
|
|
tryOnUnmounted(stop);
|
||
|
|
|
||
|
|
return { readyRef, stop, start };
|
||
|
|
}
|