import axios, { AxiosRequestConfig, AxiosResponse, AxiosError, Canceler } from 'axios';
import qs from 'qs';

interface requestMap {
  [x: string]: Canceler;
}

// 存放請求實例
let requestMap: requestMap[] = [];

/**
 * 創(chuàng)建xhr實例
 * 路徑前綴
 * 超時失敗時間
 */
const service = axios.create({
  timeout: 3000,
  baseURL: process.env.API_URL,
  withCredentials: true
});

/**
 * @desc 設置服務請求攔截器
 * 定義token請求設置
 */
service.interceptors.request.use(
  (config: AxiosRequestConfig) => {
    // 請求頭添加權限驗證
    config.headers.authorization = localStorage.getItem('auth') || '';
    // post請求時轉(zhuǎn)為formdata格式參數(shù)
    if (config.method === 'post') {
      config.data = qs.stringify(config.data);
    }
    return config;
  },
  error => {
    Promise.reject(error);
  }
);

/**
 * @desc 設置服務響應攔截器
 * 截取返回狀態(tài) 統(tǒng)一定義成功失敗
 */
service.interceptors.response.use(
  (response: AxiosResponse) => {
    const data = response.data;
    const code = data.code | 0;
    if (code !== 200) {
      // todo 非正常結(jié)果
      return data;
    } else {
      // todo 正常結(jié)果
      return data;
    }
  },
  (error: AxiosError) => {
    window?.console.log(error.message);
  }
);

/**
 * @desc 取消進行中的請求
 * @param {string} url 請求標記(此處以請求的url為例) 傳遞字符串`all`代表取消進行中的所有請求
 * @param {requestMap[]} requestMap 現(xiàn)存的所有的請求中實例
 * @returns
 */
export function stopRepeatRequest(url: string, requestMap: requestMap[]) {
  return new Promise(res => {
    requestMap.map((ele: requestMap, index: number) => {
      const key = Object.keys(ele)[0];
      if (url && url === key) {
        // 根據(jù)url進行定向取消請求
        ele[url](`取消了 ${url} 請求`);
        delete requestMap[index];
      } else if (url === 'all') {
        // 取消全部請求
        ele[key](`取消了 ${key} 請求`);
        delete requestMap[index];
      }
    });
    res();
  });
}

/**
 * @desc 刪除已完成的請求標記
 * @param {string} url 請求標記(此處以請求的url為例)
 * @param {requestMap[]} requestMap 所有的請求實例
 */
export function deleteCompleteRequest(url: string, requestMap: requestMap[]) {
  requestMap.map((ele: requestMap, index: number) => {
    const key = Object.keys(ele)[0];
    if (url && url === key) {
      delete requestMap[index];
    } else if (url === 'all') {
      delete requestMap[index];
    }
  });
}

/**
 * @desc post請求方法的封裝
 * @param {string} url 請求鏈接
 * @param {*} data 傳參
 * @returns
 */
export async function POST(url: string, data: any) {
  await stopRepeatRequest(url, requestMap);
  const result = await service.post(url, data, {
    cancelToken: new axios.CancelToken(c => {
      requestMap.push({ [url]: c });
      requestMap = requestMap.filter(v => v);
    })
  });
  result && deleteCompleteRequest(url, requestMap);
  return result;
}