|
|
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]
|
|
|
}
|