wdy_custom_hooks/index.d.ts

one custom hooks of vue3

import type{App} from 'vue';

declare const useResize: {
  (el:HTMLElement, callback: Function): void
  install: (app: App)=> void
}

declare const useFocus: {
  (el:HTMLElement): void
  install: (app: App)=> void
}

declare const useCopy: {
  (el:HTMLElement, config: {
    text: string;
    success?: () => void;
    error?: (err: any) => void;
  }): void
  install: (app: App)=> void
}

declare const useSrcollLoad: {
  (el:HTMLElement, config: {
    loadMoreFn: () => void;
    distance?: number;
  }): void
  install: (app: App)=> void
}

declare const useImgLazy: {
  (el:HTMLElement, config: {
    src: string;
    placeholderSrc?: string;
    errorSrc?: string;
  }): void
  install: (app: App)=> void
}

declare const useLongPress: {
  (el:HTMLElement, config: {
    callback: () => void;
    time?: number;
  }): void
  install: (app: App)=> void
}

declare const useWaterMarker: {
  (el:HTMLElement, config: {
    text: string;
    font?: string;
    color?: string;
    rotate?: number;
    labelGap?: number;
  }): void
  install: (app: App)=> void
}

declare const useOutsideClick: {
  (el:HTMLElement, callback: Function): void
  install: (app: App)=> void
}

declare const useDebounce: {
  (el:HTMLElement, config: {
    callback: Function;
    delay?: number;
  } ): void
  install: (app: App)=> void
}

declare const useThrottle: {
  (el:HTMLElement, config: {
    callback: Function;
    delay?: number;
  } ): void
  install: (app: App)=> void
}

declare const usePermission: {
  (el:HTMLElement, permissions: Array): void
  install: (app: App)=> void
}

export {
  useResize,
  useFocus,
  useCopy,
  useSrcollLoad,
  useImgLazy,
  useLongPress,
  useWaterMarker,
  useOutsideClick,
  useDebounce,
  useThrottle,
  usePermission
};