// 表单配置
export const formColumns = [
    {
        type: 'input', // 表单类型：input | select | date | cascader
        prop: 'tableName', // 字段名
        label: '', // 标签
        placeholder: '请输入表格名称',
        defaultValue: '', // 默认值
        isShowLabel: false,
    },
    {
        type: 'select',
        prop: 'status',
        label: '',
        placeholder: '请选择状态',
        options: [
            { label: '启用', value: '1' },
            { label: '禁用', value: '0' },
        ],
    },
    {
        type: 'date',
        prop: 'createTime',
        label: '',
        dateType: 'daterange', // date | daterange | datetime | datetimerange
        valueFormat: 'YYYY-MM-DD',
        startPlaceholder: '开始日期',
        endPlaceholder: '结束日期',
    },
]

// 表格列配置
export const tableColumns = [
    {
        prop: 'tableName', // 字段名
        label: '表格名称', // 标签
        width: 180, // 列宽
        minWidth: 120, // 最小列宽
        align: 'left', // 对齐方式
        showOverflowTooltip: true, // 超出显示提示
        id: 'tableName',
    },
    {
        prop: 'status',
        label: '状态',
        width: 100,
        // 自定义渲染（使用插槽）
        slot: 'status',
        id: 'status',
        // 或者使用格式化函数
        // formatter: (row, column, cellValue) => {
        //     return cellValue === '1' ? '启用' : '禁用'
        // }
    },
    {
        prop: 'createTime',
        label: '创建时间',
        width: 180,
        id: 'createTime',
    },
    {
        prop: 'remark',
        label: '备注',
        minWidth: 200,
        showOverflowTooltip: true,
        id: 'remark',
    },
]

// 操作列配置（可选）
export const actionColumns = [
    {
        label: '编辑',
        type: 'primary',
        link: true,
        handler: (row) => {
            console.log('编辑', row)
        },
    },
    {
        label: '删除',
        type: 'danger',
        link: true,
        handler: (row) => {
            console.log('删除', row)
        },
    },
]
