feat: 大量升级,v2.0.0

This commit is contained in:
菲鸽
2024-04-17 15:32:15 +08:00
parent 09fbee72aa
commit 28caa1dea3
37 changed files with 233 additions and 297 deletions

42
src/hooks/useRequest.ts Normal file
View File

@@ -0,0 +1,42 @@
type IUseRequestOptions<T> = {
/** 是否立即执行如果是则在onLoad执行 */
immediate?: boolean
/** 初始化数据 */
initialData?: T
}
/**
* useRequest是一个定制化的请求钩子用于处理异步请求和响应。
* @param func 一个执行异步请求的函数返回一个包含响应数据的Promise。
* @param options 包含请求选项的对象 {immediate, initialData}。
* @param options.immediate 是否立即执行请求默认为true。
* @param options.initialData 初始化数据默认为undefined。
* @returns 返回一个对象{loading, error, data, run},包含请求的加载状态、错误信息、响应数据和手动触发请求的函数。
*/
export default function useRequest<T>(
func: () => Promise<IResData<T>>,
options: IUseRequestOptions<T> = { immediate: true },
) {
const loading = ref(false)
const error = ref(false)
const data = ref<T>()
const run = async () => {
loading.value = true
func()
.then((res) => {
data.value = res.data
error.value = false
})
.catch((err) => {
error.value = err
})
.finally(() => {
loading.value = false
})
}
onLoad(() => {
options.immediate && run()
})
return { loading, error, data, run }
}