import type { VbenFormSchema } from "#/adapter/form";
import type { VxeTableGridOptions } from "#/adapter/vxe-table";
import type { MesPdTemplateApi } from "#/api/mes/pro/processdesign/template";

import { DICT_TYPE } from "@vben/constants";
import { getDictOptions } from "@vben/hooks";

import { z } from "#/adapter/form";

/** 表单类型 */
export type FormType = "create" | "detail" | "update";

/** 新增/修改工艺参数模板的表单 */
export function useFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: "id",
      component: "Input",
      dependencies: {
        triggerFields: [""],
        show: () => false,
      },
    },
    {
      fieldName: "templateCode",
      label: "模板编码",
      component: "Input",
      componentProps: {
        maxLength: 64,
        placeholder: "模板编码自动生成",
        disabled: true,
      },
    },
    {
      fieldName: "templateName",
      label: "模板名称",
      component: "Input",
      componentProps: {
        maxLength: 100,
        placeholder: "请输入模板名称",
      },
      rules: z.string().min(1, "模板名称不能为空").max(100),
    },
    {
      fieldName: "templateType",
      label: "模板类型",
      component: "Select",
      componentProps: {
        allowClear: true,
        options: getDictOptions(DICT_TYPE.MES_PD_TEMPLATE_TYPE, "number"),
        placeholder: "请选择模板类型",
      },
      rules: "selectRequired",
    },
    {
      fieldName: "remark",
      label: "备注",
      component: "Textarea",
      formItemClass: "col-span-2",
      componentProps: {
        maxLength: 250,
        placeholder: "请输入备注",
        rows: 3,
      },
    },
  ];
}

/** 列表的搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: "templateCode",
      label: "模板编码",
      component: "Input",
      componentProps: {
        allowClear: true,
        placeholder: "请输入模板编码",
      },
    },
    {
      fieldName: "templateName",
      label: "模板名称",
      component: "Input",
      componentProps: {
        allowClear: true,
        placeholder: "请输入模板名称",
      },
    },
    {
      fieldName: "templateType",
      label: "模板类型",
      component: "Select",
      componentProps: {
        allowClear: true,
        options: getDictOptions(DICT_TYPE.MES_PD_TEMPLATE_TYPE, "number"),
        placeholder: "请选择模板类型",
      },
    },
  ];
}

/** 列表的字段 */
export function useGridColumns(): VxeTableGridOptions<MesPdTemplateApi.Template>["columns"] {
  return [
    {
      type: "seq",
      title: "序号",
      width: 60,
      align: "center",
    },
    { field: "templateCode", title: "模板编码", minWidth: 150 },
    { field: "templateName", title: "模板名称", minWidth: 180 },
    {
      field: "templateType",
      title: "模板类型",
      width: 120,
      cellRender: {
        name: "CellDict",
        props: { type: DICT_TYPE.MES_PD_TEMPLATE_TYPE },
      },
    },
    { field: "remark", title: "备注", minWidth: 180 },
    {
      field: "createTime",
      title: "创建时间",
      width: 180,
      formatter: "formatDateTime",
    },
    {
      title: "操作",
      width: 240,
      fixed: "right",
      slots: {
        default: "actions",
      },
    },
  ];
}