vben
2020-11-25 26b6109ca08a28c37355474bf8593f2e2b741ef6
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
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: TimeoutHandle;
  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 };
}