37 lines
951 B
TypeScript
37 lines
951 B
TypeScript
import type { LoadingOptions } from "element-plus"
|
||
|
||
interface UseFullscreenLoading {
|
||
<T extends (...args: Parameters<T>) => ReturnType<T>>(
|
||
fn: T,
|
||
options?: LoadingOptions
|
||
): (...args: Parameters<T>) => Promise<ReturnType<T>>
|
||
}
|
||
|
||
interface LoadingInstance {
|
||
close: () => void
|
||
}
|
||
|
||
const DEFAULT_OPTIONS = {
|
||
lock: true,
|
||
text: "加载中..."
|
||
}
|
||
|
||
/**
|
||
* @name 全屏加载 Composable
|
||
* @description 传入一个函数 fn，在它执行周期内，加上「全屏」Loading
|
||
* @param fn 要执行的函数
|
||
* @param options LoadingOptions
|
||
* @returns 返回一个新的函数，该函数返回一个 Promise
|
||
*/
|
||
export const useFullscreenLoading: UseFullscreenLoading = (fn, options = {}) => {
|
||
let loadingInstance: LoadingInstance
|
||
return async (...args) => {
|
||
try {
|
||
loadingInstance = ElLoading.service({ ...DEFAULT_OPTIONS, ...options })
|
||
return await fn(...args)
|
||
} finally {
|
||
loadingInstance.close()
|
||
}
|
||
}
|
||
}
|