yudao-ui-admin-vue3/src/hooks/web/useXTable.ts

import { XTableProps } from '@/components/XTable/src/type'

export interface tableMethod {
  reload: () => void // 刷新表格
  setProps: (props: XTableProps) => void
  deleteData: (id: string | number) => void // 删除数据
  deleteBatch: () => void // 批量删除
  exportList: (fileName?: string) => void // 导出列表
  getCurrentColumn: () => void // 获取当前列
  getRadioRecord: () => void // 获取当前选中列，radio
  getCheckboxRecords: () => void //获取当前选中列， checkbox
}

export const useXTable = (props: XTableProps): [Function, tableMethod] => {
  const tableRef = ref<Nullable<tableMethod>>(null)

  const register = (instance) => {
    tableRef.value = instance
    props && instance.setProps(props)
  }
  const getInstance = (): tableMethod => {
    const table = unref(tableRef)
    if (!table) {
      console.error('表格实例不存在')
    }
    return table as tableMethod
  }
  const methods: tableMethod = {
    reload: () => getInstance().reload(),
    setProps: (props) => getInstance().setProps(props),
    deleteData: (id: string | number) => getInstance().deleteData(id),
    deleteBatch: () => getInstance().deleteBatch(),
    exportList: (fileName?: string) => getInstance().exportList(fileName),
    getCurrentColumn: () => getInstance().getCheckboxRecords(),
    getRadioRecord: () => getInstance().getRadioRecord(),
    getCheckboxRecords: () => getInstance().getCheckboxRecords()
  }
  return [register, methods]
}