import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
// utils/request.ts
import { useModalStore } from '@/stores/modal.ts'
import axios from 'axios'
import { createDiscreteApi } from 'naive-ui'

const { message, loadingBar } = createDiscreteApi(['message', 'loadingBar'])

// 定义响应数据接口
interface ApiResponse<T = any> {
  code: number
  data: T
  message: string
}

// 定义请求配置接口
interface RequestOptions extends AxiosRequestConfig {
  loading?: boolean
}

class RequestHttp {
  private instance: AxiosInstance

  constructor(config: AxiosRequestConfig) {
    this.instance = axios.create(config)

    // 请求拦截器
    this.instance.interceptors.request.use(
      (config: any) => {
        const userStore = useUserStore()

        const isToken = (config.headers || {}).isToken === false
        if (userStore.token && !isToken) {
          config.headers.Authorization = `Bearer ${userStore.token}` // 让每个请求携带自定义token 请根据实际情况自行修改
        }
        // if (userStore.token && !isToken) {
        // config.headers.Authorization = `Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6IjA1NDk1MmNmLTg2YTgtNDZkNC05OWU0LWUzYzU5ODFjZGE2OSJ9.fifWwKgHIswkqGLqp71BWx-UJjv_qYiPO_XeMYt2HkzLfEoDVVpdHysebp_2XNWdjLi4weRga1GzlUBdW_xebw` // 让每个请求携带自定义token 请根据实际情况自行修改
        // }
        // 开启 loading
        if (config.loading) {
          loadingBar.start()
        }
        return config
      },
      (error: any) => {
        return Promise.reject(error)
      },
    )

    // 响应拦截器
    this.instance.interceptors.response.use(
      async (response: AxiosResponse) => {
        const { data, config } = response
        // 关闭 loading
        if (config.loading) {
          loadingBar.finish()
        }
        // 处理业务状态码
        if (data.code !== 200) {
          this.handleError(data.code, data)
          // token过期以后，需要重新登录
          if (data.code === 401) {
            // message.error(data.message || '登录已过期,请重新登录')
            // const modalStore = useModalStore()
            const modalStore = useModalStore()
            modalStore.showLoginModal()
            const userStore = useUserStore()
            try {
              await request.post('/logout')
              userStore.logout()
              navigateTo('/model-square')
            }
            catch (error) {
              console.log(error)
            }
          }

          // if(data.code === 12202){
          //   message.error(data.msg)
          // }

          return Promise.reject(data)
        }

        return data
      },
      (error: any) => {
        // 关闭 loading
        loadingBar.error()
        // 处理错误
        if (error.response) {
          this.handleError(error.response.status, {})
        }
        else {
          message.error('网络连接异常')
        }

        return Promise.reject(error)
      },
    )
  }

  // 处理错误状态码
  private handleError(status: number, data: any): void {
    if (data.code && data.code === 12202) {
      return message.error(data.msg)
    }
    switch (status) {
      case 400:
        message.error('请求参数错误')
        break
      case 401:
        message.error('未登录或登录已过期')
        break
      case 403:
        message.error('没有权限')
        break
      case 404:
        message.error('请求的资源不存在')
        break
      case 500:
        message.error('服务器错误')
        break
      default:
        message.error('未知错误')
    }
  }

  // GET 请求
  // GET 请求
  public get<T = any>(
    url: string,
    data?: Record<string, any>,
    options: RequestOptions = {},
  ): Promise<ApiResponse<T>> {
    // 如果 data 中包含 params，则使用 params 中的值
    const params = data?.params || data

    return this.instance.get(url, {
      ...options,
      params, // 使用解构后的参数
    })
  }

  // POST 请求
  public post<T = any>(
    url: string,
    data?: Record<string, any>,
    options: RequestOptions = {},
  ): Promise<ApiResponse<T>> {
    return this.instance.post(url, data, options)
  }

  // PUT 请求
  // 发送PUT请求，返回Promise<ApiResponse<T>>
  public put<T = any>(
    // 请求的URL
    url: string,
    // 请求的数据
    data?: Record<string, any>,
    // 请求的配置
    options: RequestOptions = {},
  ): Promise<ApiResponse<T>> {
    // 发送PUT请求
    return this.instance.put(url, data, options)
  }

  // DELETE 请求
  public delete<T = any>(
    url: string,
    params?: Record<string, any>,
    options: RequestOptions = {},
  ): Promise<ApiResponse<T>> {
    return this.instance.delete(url, { params, ...options })
  }
}

const request = new RequestHttp({
  baseURL: import.meta.env.NODE_ENV === 'production' ? `${import.meta.env.VITE_NUXT_ENV}/api` : '/api',
  timeout: 20000,
  headers: {
    'Content-Type': 'application/json',
  },
})

export default request