import { reactive, getCurrentInstance } from "vue";
// requestUrl
// import ApiUrl from "@/api/requestUrl";
// API
// import { TableData, CommonApi } from "@/api/common";
import { configHook } from "./configHook";
import { ElMessage } from "element-plus";
export function requestHook() {
  const { config, configInit } = configHook();

  // 获取实例上下文
  const { proxy } = getCurrentInstance();
  let request_config = {
    has: true, // 是否请求
    url: "", // 请求模块
    method: "post", // 请求类型
    data: {}, // 请求参数
    delete_key: "", // 删除接口的KEY
    search_params: {},
  };
  const table_data = reactive({
    data: [],
    data_id: "",
    current_page: 0,
    total: 0,
    loading: false,
  });
  /**
   * @returns 列表数据请求
   */
  const loadData = () => {
    // 判断条件是否请求接口
    if (!request_config.has) {
      return false;
    }
    if (!request_config.url) {
      return false;
    }
    // 参数
    const url = ApiUrl[request_config.url]?.list?.url;
    const method = ApiUrl[request_config.url]?.list?.method || "post";
    const data = { ...request_config.data, ...request_config.search_params };
    if (!url) {
      console.log("请求地址不存在");
      return Promise.reject();
    }
    const request_data = {
      url,
      method,
      data,
    };
    // 加载状态
    table_data.loading = true;
    return new Promise((resolve, reject) => {
      //   TableData(request_data)
      //     .then((response) => {
      //       let response_data = response.data.data;
      //       // 是否格式化数据
      //       if (
      //         request_config.format_data &&
      //         Object.prototype.toString.call(request_config.format_data) ===
      //           "[object Function]"
      //       ) {
      //         response_data = request_config.format_data(response.data.data);
      //       }
      //       console.log(response_data);
      //       table_data.data = response_data;
      //       table_data.total = response.data.total;
      //       table_data.current_page = response.data.current_page;
      //       // 取消加载状态
      //       table_data.loading = false;
      //       resolve(response.data);
      //     })
      //     .catch((error) => {
      //       reject();
      //       // 取消加载状态
      //       table_data.loading = false;
      //     });
    });
  };
  const requestData = (data = {}, type = "init") => {
    // 初始化逻辑
    if (type === "init") {
      request_config = { ...request_config, ...data };
    }
    // 分页逻辑
    if (type === "page") {
      request_config.data = { ...request_config.data, ...data };
    }
    // 搜索
    if (type === "search") {
      request_config.data.pageNumber = 1;
      request_config.data.pageSize = 10;
      request_config.search_params = data;
    }
    // 请求数据
    return loadData();
  };
  /**
   *
   * @param {Object} data
   * @description 手动请求
   */
  const handlerRequestData = (data = {}) => {
    table_data.params_data = data;
    loadData();
  };
  /**
   *
   * @param { String、Array } value
   * @description 存储数据ID，作用于删除接口使用
   * 删除接口
   */
  const saveDataId = (value) => {
    const isArray = Array.isArray(value);
    if (!isArray) {
      table_data.data_id = value[request_config.delete_key];
    } else {
      table_data.data_id =
        value.length > 0
          ? value.map((item) => item[request_config.delete_key]).join()
          : "";
    }
    console.log(table_data.data_id);
  };
  /**
   *
   * @description 删除动作的确认弹窗
   */
  const handlerDeleteComfirm = () => {
    proxy.deleteConfirm({
      title: "删除",
      message: "确认删除当前数据吗？",
      thenFun: () => {
        handlerDelete();
      },
    });
  };
  const handlerDelete = () => {
    const url = ApiUrl?.[request_config.url]?.delete?.url;
    const method = ApiUrl?.[request_config.url]?.delete?.method || "post";
    if (!url) {
      console.log("未配置删除接口参数");
      return false;
    }
    // 参数
    const request_data = {
      url,
      method: method,
      data: { [request_config.delete_key]: table_data.data_id },
    };
    // CommonApi(request_data)
    //   .then((response) => {
    //     // 成功提示
    //     proxy.$message({
    //       message: response.message,
    //       type: "success",
    //     });
    //     loadData();
    //     table_data.data_id = "";
    //     proxy.deleteConfirmClose();
    //   })
    //   .catch((error) => {
    //     proxy.confirmButtonLoading(false);
    //   });
  };
  return {
    table_data,
    requestData,
    handlerDelete,
    saveDataId,
    handlerDeleteComfirm,
  };
}