import { h } from 'vue'
import { ElTag } from 'element-plus'
import { $t } from '@/locales'

export function createWhMatTableColumns({ handleViewDetail, t = $t }) {
  return [
    {
      prop: 'code',
      label: t('pages.basicInfo.whMat.table.code'),
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'name',
      label: t('pages.basicInfo.whMat.table.name'),
      minWidth: 220,
      showOverflowTooltip: true
    },
    {
      prop: 'groupName',
      label: t('pages.basicInfo.whMat.table.groupName'),
      minWidth: 160,
      showOverflowTooltip: true
    },
    {
      prop: 'barcode',
      label: t('pages.basicInfo.whMat.table.barcode'),
      minWidth: 160,
      showOverflowTooltip: true
    },
    {
      prop: 'spec',
      label: t('pages.basicInfo.whMat.table.spec'),
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'model',
      label: t('pages.basicInfo.whMat.table.model'),
      minWidth: 150,
      showOverflowTooltip: true
    },
    {
      prop: 'unit',
      label: t('table.unit'),
      width: 100
    },
    {
      prop: 'status',
      label: t('table.status'),
      width: 100,
      align: 'center',
      formatter: (row) =>
        h(ElTag, { type: row.statusType || 'info', effect: 'light' }, () => row.statusText || t('common.placeholder.empty'))
    },
    {
      prop: 'updateTimeText',
      label: t('table.updateTime'),
      minWidth: 180,
      showOverflowTooltip: true
    },
    {
      prop: 'action',
      label: t('table.operation'),
      width: 100,
      fixed: 'right',
      align: 'center',
      useSlot: true
    }
  ]
}