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

import { h } from "vue";

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

import { Button } from "ant-design-vue";

import { z } from "#/adapter/form";
import { generateAutoCode } from "#/api/mes/md/autocode/record";

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

/** 新增/修改工艺参数模板的表单 */
export function useFormSchema(
  formType: FormType,
  formApi?: VbenFormApi,
): VbenFormSchema[] {
  return [
    {
      fieldName: "id",
      component: "Input",
      dependencies: {
        triggerFields: [""],
        show: () => false,
      },
    },
    {
      fieldName: "templateCode",
      label: "模板编码",
      component: "Input",
      componentProps: {
        maxLength: 64,
        placeholder: "请输入模板编码，留空将自动生成",
      },
      rules: z.string().max(64).optional(),
      suffix:
        formType === "detail"
          ? undefined
          : () =>
              h(
                Button,
                {
                  type: "default",
                  onClick: async () => {
                    const code = await generateAutoCode(
                      MesAutoCodeRuleCode.PD_PROCESS_PARAM_TEMPLATE_CODE,
                    );
                    await formApi?.setFieldValue("templateCode", code);
                  },
                },
                { default: () => "自动生成" },
              ),
    },
    {
      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",
      },
    },
  ];
}