import axios, { AxiosRequestConfig, AxiosResponse } from 'axios'
import Qs from 'qs'

export namespace Ajax {

    export interface CreateAjaxOption {
        baseUrl: string
    }

    export type MethodType = 'POST' | 'GET' | 'POST-JSON' | 'UPLOADEXCEL' | 'DOWNLOAD' | 'POST-FILE'

    /**
     * 请求参数
     */
    export interface Option {
        /**
         * url 地址
         */
        url: string,

        /**
         * 下载文件名
         */
        fileName?: string,

        /**
         * 请求方法
         */
        method: MethodType,

        /**
         * 上传文件（如果需要的话）
         */
        file?: any,

        /**
         * 请求参数
         */
        data?: any,

        /**
         * 请求头
         */
        headers?: any

        /**
         * 是否只传送 responseData
         */
        disableResponseData?: boolean
    }

    /**
     * 数据响应
     */
    export interface Response<T> {
        success: boolean
        msg: string
        data: T
    }

    export type Function = (option: Option) => Promise<Ajax.Response<any>>
}

export function downLoad(downLoadUrl: string, filename: string, data: any, header: any, isJson: boolean = false) {
    const YvanUI: any = _.get(window, 'YvanUI');
    YvanUI.loading();
    const createObjectURL = (object: any) => {
        return (window.URL) ? window.URL.createObjectURL(object) : _.get(window, 'webkitURL').createObjectURL(object)
    };

    // const formData = new FormData();
    // _.forOwn(data, (v, k) => {
    //     formData.append(k, v);
    // });
    let formData = '';

    const xhr = new XMLHttpRequest();
    xhr.open('POST', downLoadUrl);
    xhr.responseType = 'blob';
    // xhr.setRequestHeader('Authorization', $.cookie('auth'))
    if (isJson) {
        formData = data ? JSON.stringify(data) : '';
        xhr.setRequestHeader('Content-Type', 'application/json');
    } else {
        formData = data ? Qs.stringify(data) : '';
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    }
    //
    if (header) {
        _.forOwn(header, (v, k) => {
            xhr.setRequestHeader(k, v);
        })
    }
    xhr.onload = function (e: any) {
        if (this.status === 200) {
            const blob = this.response;
            if (_.hasIn(window, 'navigator.msSaveOrOpenBlob')) {
                navigator.msSaveBlob(blob, filename)
                YvanUI.clearLoading();

            } else {
                const a = document.createElement('a');
                const url = createObjectURL(blob);
                a.href = url;
                a.download = filename;
                $('body').append(a);
                a.click();
                $(a).remove();
                window.URL.revokeObjectURL(url)
                YvanUI.clearLoading();
            }
        }
    };
    xhr.send(formData);
}

/**
 * 创建一个 Ajax 客户端
 */
export function createAjax(createOption: Ajax.CreateAjaxOption): Ajax.Function {

    if (createOption.baseUrl) {
        axios.defaults.baseURL = createOption.baseUrl;
    }

    return function (option: Ajax.Option) {

        const ax: AxiosRequestConfig = {
            url: option.url
        };

        if (option.method === 'DOWNLOAD') {
            downLoad(createOption.baseUrl + option.url, option.fileName || 'file',
                option.data, option.headers);
            return new Promise<Ajax.Response<any>>((resolver, reject) => {
            });
        }

        if (option.method === 'POST-JSON') {
            ax.method = 'POST';
            ax.headers = {
                'Content-Type': 'application/json',
                ...option.headers
            };
            ax.data = JSON.stringify(option.data)

        } else if (option.method === 'POST-FILE') {
            //TODO 刘壮. 上传文件
            var forms = new FormData();
            ax.headers = {
                'Content-Type': 'multipart/form-data',
                ...option.headers
            };
            _.forOwn(option.data, (value, key) => {
                if (key === 'files') {
                    let i = 0;
                    _.each(value, f => {
                        forms.append('file' + (++i), f)
                    })
                } else {
                    forms.append(key, value)
                }
            });
            ax.data = forms;
            ax.method = 'POST'
        } else if (option.method === 'POST') {
            ax.method = 'POST';
            ax.headers = {
                'Content-Type': 'application/x-www-form-urlencoded',
                ...option.headers
            };
            ax.data = Qs.stringify(option.data)

        } else if (option.method === 'GET') {
            ax.method = 'GET';
            ax.params = option.data
            ax.headers = {
                ...option.headers
            }

        } else {
            throw new Error('not implements')
        }

        return new Promise<Ajax.Response<any>>((resolver, reject) => {
            axios(ax).then((resolverRaw: AxiosResponse<any>) => {
                resolver(resolverRaw.data)

            }).catch((reason: any) => {
                reject(reason)
            })
        })
    }
}