import type { VbenFormSchema } from '#/adapter/form';
import type { VxeTableGridOptions } from '#/adapter/vxe-table';

import { DICT_TYPE } from '@vben/constants';
import { getDictOptions } from '@vben/hooks';
import { markRaw } from 'vue';

import { AreaCascader } from '#/components/area';

/** 表单类型 */
export type FormType = 'create' | 'detail' | 'edit';

/** 会员类型（对应字典 ums_member_type） */
export const MemberType = {
  PERSONAL: 1, // 个人会员
  UNIT: 2, // 单位会员
} as const;

/** 会员状态（对应字典 ums_member_status） */
export const MemberStatus = {
  NORMAL: 1, // 正常
  SUSPENDED: 0, // 暂停
} as const;

/** 根据会员类型获取等级字典选项 */
export function getGradeDictOptions(memberType?: number) {
  return getDictOptions(
    memberType === MemberType.UNIT
      ? DICT_TYPE.UMS_UNIT_GRADE
      : DICT_TYPE.UMS_PERSONAL_GRADE,
    'string',
  );
}

/** 表单配置 */
export function useFormSchema(formType: FormType): VbenFormSchema[] {
  return [
    {
      fieldName: 'id',
      component: 'Input',
      dependencies: {
        triggerFields: [''],
        show: () => false,
      },
    },
    {
      fieldName: 'no',
      label: '会员编号',
      component: 'Input',
      componentProps: {
        placeholder: '会员编号由系统自动生成',
        disabled: true,
      },
    },
    {
      fieldName: 'memberType',
      label: '会员类型',
      component: 'Select',
      componentProps: (_values, form) => ({
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_TYPE, 'number'),
        placeholder: '请选择会员类型',
        allowClear: true,
        disabled: formType === 'detail',
        onChange: () => {
          // 切换会员类型后清空已选等级（个人与单位使用不同等级字典）
          form.setFieldValue('memberGrade', undefined);
        },
      }),
      rules: 'required',
    },
    {
      fieldName: 'name',
      label: '姓名/单位名称',
      component: 'Input',
      componentProps: {
        placeholder: '个人填写姓名，单位填写单位名称',
        maxlength: 128,
        disabled: formType === 'detail',
      },
      rules: 'required',
    },
    {
      fieldName: 'memberGrade',
      label: '会员等级',
      component: 'Select',
      componentProps: (values) => ({
        options: getGradeDictOptions(values.memberType),
        placeholder: '请选择会员等级',
        allowClear: true,
        disabled: formType === 'detail',
      }),
      rules: 'required',
    },
    {
      fieldName: 'contactUser',
      label: '联系人',
      component: 'Input',
      componentProps: {
        placeholder: '请输入联系人（单位会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
    },
    {
      fieldName: 'contactPhone',
      label: '联系电话',
      component: 'Input',
      componentProps: {
        placeholder: '请输入联系电话',
        maxlength: 20,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'contactEmail',
      label: '邮箱',
      component: 'Input',
      componentProps: {
        placeholder: '请输入邮箱',
        maxlength: 128,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'workUnit',
      label: '工作单位',
      component: 'Input',
      componentProps: {
        placeholder: '请输入工作单位（个人会员填写）',
        maxlength: 128,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.PERSONAL,
      },
    },
    {
      fieldName: 'title',
      label: '职称',
      component: 'Input',
      componentProps: {
        placeholder: '请输入职称（个人会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.PERSONAL,
      },
    },
    {
      fieldName: 'legalPerson',
      label: '法定代表人',
      component: 'Input',
      componentProps: {
        placeholder: '请输入法定代表人（单位会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
    },
    {
      fieldName: 'organizationCode',
      label: '统一社会信用代码',
      component: 'Input',
      componentProps: {
        placeholder: '请输入统一社会信用代码（单位会员填写）',
        maxlength: 64,
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
    },
    {
      fieldName: 'researchDirection',
      label: '研究方向',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入研究方向',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'unitIntro',
      label: '单位简介',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入单位简介（单位会员填写）',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      dependencies: {
        triggerFields: ['memberType'],
        show: (values) => values.memberType === MemberType.UNIT,
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'regionCode',
      label: '地区',
      component: markRaw(AreaCascader),
      componentProps: {
        placeholder: '请选择地区',
        allowClear: true,
        class: '!w-full',
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'industry',
      label: '行业',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_INDUSTRY, 'string'),
        placeholder: '请选择行业',
        allowClear: true,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'joinDate',
      label: '入会日期',
      component: 'DatePicker',
      componentProps: {
        placeholder: '请选择入会日期',
        valueFormat: 'YYYY-MM-DD',
        style: { width: '100%' },
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'expireDate',
      label: '有效期至',
      component: 'DatePicker',
      componentProps: {
        placeholder: '请选择有效期',
        valueFormat: 'YYYY-MM-DD',
        style: { width: '100%' },
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'status',
      label: '状态',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_STATUS, 'number'),
        placeholder: '请选择状态',
        allowClear: true,
        disabled: formType === 'detail',
      },
    },
    {
      fieldName: 'remark',
      label: '备注',
      component: 'Textarea',
      componentProps: {
        placeholder: '请输入备注',
        autoSize: { minRows: 2, maxRows: 3 },
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
    {
      fieldName: 'blobIds',
      label: '附件',
      component: 'FileUpload',
      componentProps: {
        valueKey: 'id',
        maxNumber: 10,
        multiple: true,
        showDescription: formType !== 'detail',
        disabled: formType === 'detail',
      },
      formItemClass: 'col-span-2',
    },
  ];
}

/** 列表搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
  return [
    {
      fieldName: 'no',
      label: '会员编号',
      component: 'Input',
      componentProps: {
        placeholder: '请输入会员编号',
        allowClear: true,
      },
    },
    {
      fieldName: 'name',
      label: '姓名/单位',
      component: 'Input',
      componentProps: {
        placeholder: '请输入姓名或单位名称',
        allowClear: true,
      },
    },
    {
      fieldName: 'memberType',
      label: '会员类型',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_TYPE, 'number'),
        placeholder: '请选择会员类型',
        allowClear: true,
      },
    },
    {
      fieldName: 'regionCode',
      label: '地区',
      component: markRaw(AreaCascader),
      componentProps: {
        placeholder: '请选择地区',
        allowClear: true,
        class: '!w-full',
      },
    },
    {
      fieldName: 'industry',
      label: '行业',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_INDUSTRY, 'string'),
        placeholder: '请选择行业',
        allowClear: true,
      },
    },
    {
      fieldName: 'status',
      label: '状态',
      component: 'Select',
      componentProps: {
        options: getDictOptions(DICT_TYPE.UMS_MEMBER_STATUS, 'number'),
        placeholder: '请选择状态',
        allowClear: true,
      },
    },
  ];
}

/** 列表列配置 */
export function useGridColumns(): VxeTableGridOptions['columns'] {
  return [
    {
      type: 'checkbox',
      width: 50,
      fixed: 'left',
    },
    {
      field: 'no',
      title: '会员编号',
      width: 180,
      fixed: 'left',
    },
    {
      field: 'name',
      title: '姓名/单位',
      minWidth: 150,
    },
    {
      field: 'memberType',
      title: '会员类型',
      minWidth: 100,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.UMS_MEMBER_TYPE },
      },
    },
    {
      field: 'memberGrade',
      title: '会员等级',
      minWidth: 100,
      slots: { default: 'memberGrade' },
    },
    {
      field: 'contactPhone',
      title: '联系电话',
      minWidth: 130,
    },
    {
      field: 'industry',
      title: '行业',
      minWidth: 100,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.UMS_INDUSTRY },
      },
    },
    {
      field: 'joinDate',
      title: '入会日期',
      width: 115,
      formatter: 'formatDate',
    },
    {
      field: 'status',
      title: '状态',
      minWidth: 85,
      cellRender: {
        name: 'CellDict',
        props: { type: DICT_TYPE.UMS_MEMBER_STATUS },
      },
    },
    {
      field: 'hasAttachment',
      title: '附件',
      minWidth: 80,
      slots: { default: 'hasAttachment' },
    },
    {
      title: '操作',
      width: 180,
      fixed: 'right',
      slots: { default: 'actions' },
    },
  ];
}