Files
ipms-sjy/yudao-ui-admin-vue3/src/hooks/web/useXTable.ts
2023-01-03 10:40:53 +08:00

33 lines
998 B
TypeScript

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