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

import { ref, unref } from 'vue'
import { XTableProps } from '@/components/XTable/src/type'

export interface tableMethod {
  reload: () => void
  setProps: (props: XTableProps) => void
  deleteData: (ids: string | number) => void
  exportList: (fileName?: string) => void
}

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

  function register(instance) {
    tableRef.value = instance
    props && instance.setProps(props)
  }
  function 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: (ids: string | number) => getInstance().deleteData(ids),
    exportList: (fileName?: string) => getInstance().exportList(fileName)
  }
  return [register, methods]
}