import { updateColumnsApi } from "@/request/api";
import { ElMessage } from "element-plus";
import { formatToDate, formatToDateTime } from "./time";

export function updateEditTableColumns(tableRef) {
  const $table = unref(tableRef);

  if (!$table || typeof $table.getColumns !== "function") {
    ElMessage.warning("表格尚未初始化完成");
    return;
  }

  const columns = $table.getColumns();
  if (!$table || $table.length === 0) {
    ElMessage.warning("未获取到栏位信息");
    return;
  }

  const newColumns = columns
    .filter((item) => item.params.b_id !== undefined)
    .map((item, index) => ({
      b_id: item.params.b_id,
      col_edit_width: item.renderWidth,
      col_edit_position: index,
    }));

  updateColumnsApi(newColumns).then((res) => {
    if (res.success) {
      ElMessage.success("保存成功");
    }
  });
}

export function updateViewTableColumns(tableRef) {
  const $table = unref(tableRef);

  if (!$table || typeof $table.getColumns !== "function") {
    ElMessage.warning("表格尚未初始化完成");
    return;
  }

  const columns = $table.getColumns();
  console.log(columns);

  if (!$table || $table.length === 0) {
    ElMessage.warning("未获取到栏位信息");
    return;
  }

  const newColumns = columns
    .filter((item) => item.type === undefined && item.params && item.params.b_id)
    .map((item, index) => ({
      b_id: item.params.b_id,
      col_Width: item.renderWidth,
      col_Position: index,
    }));

  console.log(newColumns);

  updateColumnsApi(newColumns).then((res) => {
    if (res.success) {
      ElMessage.success("保存成功");
    }
  });
}

/**
 * 根据 format 判断列对齐方式
 * @param {string} format
 */
export function getAlignByFormat(format) {
  if (!format || typeof format !== "string") return "left";

  const fmt = format.toLowerCase();
  if (fmt.startsWith("money") || fmt.startsWith("number")) {
    return "right";
  }

  if (fmt === "checkbox") {
    return "center";
  }

  return "left";
}

/**
 * 根据 format 格式化值
 * @param {any} value 原始值
 * @param {string} format 格式描述，如 money(2)、percent(1)
 */
export function formatValueByFormat(value, format) {
  if (value === null || value === undefined || value === "") return "";

  if (!format || typeof format !== "string") return value;

  const fmt = format.trim().toLowerCase();

  // money(n)
  if (fmt.startsWith("money")) {
    const match = fmt.match(/^money\((\d+)\)$/);
    const decimals = match ? Number(match[1]) : 2;

    const num = Number.parseFloat(value);
    if (Number.isNaN(num)) return value;

    // 使用Intl.NumberFormat来处理千分位
    return new Intl.NumberFormat("en-US", {
      minimumFractionDigits: decimals,
      maximumFractionDigits: decimals,
    }).format(num);
  } else if (fmt === "date") {
    return formatToDate(value);
  } else if (fmt === "datetime") {
    return formatToDateTime(value);
  } else if (fmt === "number") {
    return Number(value) || 0;
  }

  return value;
}

/**
 * 根据 format 格式化值
 * @param {any} value 原始值
 * @param {string} format 格式描述，如 money(2)、percent(1)
 */
export function formatValueByFullFormat(value, format) {
  if (value === null || value === undefined || value === "") return "";

  if (!format || typeof format !== "string") return value;

  const fmt = format.trim().toLowerCase();

  // money(n)
  if (fmt.startsWith("money")) {
    const match = fmt.match(/^money\((\d+)\)$/);
    const decimals = match ? Number(match[1]) : 2;

    const num = Number.parseFloat(value);
    if (Number.isNaN(num)) return value;

    return num.toFixed(decimals);
  } else if (fmt === "date") {
    return formatToDate(value);
  } else if (fmt === "datetime") {
    return formatToDateTime(value);
  } else if (fmt === "number") {
    return Number(value) || 0;
  }

  return value;
}