vue-hooks-plus/es/useRequest/plugins/useLoadingDelayPlugin.js

Vue hooks library

import { ref, unref } from "vue";
const useLoadingDelayPlugin = (inst, { loadingDelay }) => {
  const delayRef = ref();
  const clear = () => {
    if (delayRef.value) {
      clearTimeout(unref(delayRef.value));
      delayRef.value = void 0;
    }
  };
  return {
    name: "loadingDelayPlugin",
    onFinally: () => {
      clear();
      const delay = unref(loadingDelay);
      if (delay) {
        inst.setState({
          loading: true
        });
        delayRef.value = setTimeout(() => {
          inst.setState({
            loading: false
          });
        }, delay);
      }
    },
    onError: () => {
      clear();
    }
  };
};
export {
  useLoadingDelayPlugin as default
};