import { h } from 'vue'
import { ElTag } from 'element-plus'
import ArtButtonTable from '@/components/core/forms/art-button-table/index.vue'

export function createSerialRuleTableColumns({ handleView, handleEdit, handleDelete }) {
  return [
    {
      prop: 'code',
      label: '编号',
      minWidth: 160,
      showOverflowTooltip: true
    },
    {
      prop: 'name',
      label: '名称',
      minWidth: 180,
      showOverflowTooltip: true
    },
    {
      prop: 'delimit',
      label: '分隔符',
      width: 100,
      formatter: (row) => row.delimit || '-'
    },
    {
      prop: 'resetText',
      label: '重置规则',
      minWidth: 120,
      formatter: (row) => row.resetText || '-'
    },
    {
      prop: 'resetDep',
      label: '重置依赖',
      minWidth: 120,
      formatter: (row) => row.resetDep || '-'
    },
    {
      prop: 'currValue',
      label: '当前值',
      width: 100,
      formatter: (row) => row.currValue ?? 0
    },
    {
      prop: 'lastCode',
      label: '最近生成编码',
      minWidth: 180,
      showOverflowTooltip: true,
      formatter: (row) => row.lastCode || '-'
    },
    {
      prop: 'status',
      label: '状态',
      width: 100,
      formatter: (row) => h(ElTag, { type: row.statusType, effect: 'light' }, () => row.statusText || '-')
    },
    {
      prop: 'updateTimeText',
      label: '更新时间',
      minWidth: 180,
      formatter: (row) => row.updateTimeText || '-'
    },
    {
      prop: 'operation',
      label: '操作',
      width: handleDelete ? 160 : 120,
      align: 'right',
      formatter: (row) => {
        const buttons = [
          h(ArtButtonTable, {
            type: 'view',
            onClick: () => handleView(row)
          }),
          h(ArtButtonTable, {
            type: 'edit',
            onClick: () => handleEdit(row)
          })
        ]

        if (handleDelete) {
          buttons.push(
            h(ArtButtonTable, {
              type: 'delete',
              onClick: () => handleDelete(row)
            })
          )
        }

        return h('div', { class: 'flex justify-end' }, buttons)
      }
    }
  ]
}