import axios from './axios'
import { AxiosRequestConfig } from 'axios'
import { shallowRef, ref } from 'vue'
import { IResponse } from './types'

function useHttp(config: AxiosRequestConfig) {
    return axios(config)
}

export default {
    get<T>(url: string) {
        const loading = ref(false)
        const result = shallowRef<IResponse<T> | undefined>(undefined)

        const request = (successCb?: () => any, params?: Record<string, any>) => {
            if (loading.value) return
            loading.value = true
            axios.get<IResponse<T>>(url, { params }).then(({ data }) => {
                result.value = data
                successCb && successCb()
            }).finally(() => {
                loading.value = false
            })
        }

        return {
            result,
            loading,
            request
        }
    },
    post<T>(url: string) {
        const loading = ref(false)
        const result = shallowRef<IResponse<T> | undefined>(undefined)

        const request = (successCb?: () => void, data?: Record<string, any>) => {
            if (loading.value) return
            loading.value = true
            axios.post<IResponse<T>>(url, data).then(({ data }) => {
                result.value = data
                successCb && successCb()
            }).finally(() => {
                loading.value = false
            })
        }

        return {
            result,
            loading,
            request
        }
    },
    put<T>(url: string) {
        const loading = ref(false)
        const result = shallowRef<IResponse<T> | undefined>(undefined)

        const request = (successCb?: () => void, data?: Record<string, any>) => {
            if (loading.value) return
            loading.value = true
            axios.put<IResponse<T>>(url, data).then(({ data }) => {
                result.value = data
                successCb && successCb()
            }).finally(() => {
                loading.value = false
            })
        }

        return {
            result,
            loading,
            request
        }
    },
    delete<T>(url: string) {
        const loading = ref(false)
        const result = shallowRef<IResponse<T> | undefined>(undefined)

        const request = (successCb?: () => void, data?: Record<string, any>) => {
            if (loading.value) return
            loading.value = true
            axios.delete<IResponse<T>>(url, { data }).then(({ data }) => {
                result.value = data
                successCb && successCb()
            }).finally(() => {
                loading.value = false
            })
        }

        return {
            result,
            loading,
            request
        }
    }
}

export { useHttp }