import { TableData } from '@arco-design/web-vue'
|
import { debounce } from 'lodash'
|
import { onMounted, SetupContext } from 'vue'
|
import { TablePropsItemType } from './BaseTable.d'
|
import { useHook } from './useHook'
|
import { injectState } from './useState'
|
// import { currentRow } from './useState'
|
|
export const useEvent = (props: TablePropsItemType, ctx: SetupContext) => {
|
const { emit } = ctx
|
// const { boxRef, isResize } = injectState()
|
const onRowClick = (record: TableData) => {
|
// currentRow.value = record
|
}
|
const onColumnResize = debounce((dataIndex: string, width: number) => {
|
emit('columnResize', dataIndex, width)
|
}, 200)
|
|
// onMounted(() => {
|
// boxRef.value?.addEventListener('mousedown', (event: MouseEvent) => {
|
// if (isResize.value) {
|
|
// }
|
// })
|
// boxRef.value?.addEventListener('mouseup', (event: MouseEvent) => {
|
// isResize.value = false
|
// })
|
// })
|
|
return {
|
onRowClick,
|
onColumnResize,
|
}
|
}
|
