fix
This commit is contained in:
@@ -60,7 +60,12 @@
|
||||
:data="data"
|
||||
:bordered="bordered"
|
||||
:size="size"
|
||||
:row-selection="rowSelection"
|
||||
:scroll="scroll"
|
||||
@page-change="onPageChange"
|
||||
@page-size-change="onPageSizeChange"
|
||||
@selection-change="onSelectionChange"
|
||||
@row-click="onRowClick"
|
||||
>
|
||||
<!-- 动态插槽:根据 columns 的 slotName 动态渲染 -->
|
||||
<template v-for="col in slotColumns" :key="col.dataIndex" #[String(col.slotName)]="slotProps">
|
||||
@@ -72,7 +77,7 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { computed, ref, watch, nextTick, onUnmounted, PropType } from 'vue'
|
||||
import type { TableColumnData } from '@arco-design/web-vue/es/table/interface'
|
||||
import type { TableColumnData, TableRowSelection } from '@arco-design/web-vue/es/table/interface'
|
||||
import cloneDeep from 'lodash/cloneDeep'
|
||||
import Sortable from 'sortablejs'
|
||||
|
||||
@@ -107,6 +112,14 @@ const props = defineProps({
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
rowSelection: {
|
||||
type: Object as PropType<TableRowSelection | undefined>,
|
||||
default: undefined,
|
||||
},
|
||||
scroll: {
|
||||
type: Object as PropType<{ x?: number | string; y?: number | string } | undefined>,
|
||||
default: undefined,
|
||||
},
|
||||
showToolbar: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
@@ -147,6 +160,9 @@ const props = defineProps({
|
||||
|
||||
const emit = defineEmits<{
|
||||
(e: 'page-change', current: number): void
|
||||
(e: 'page-size-change', pageSize: number): void
|
||||
(e: 'selection-change', rowKeys: (string | number)[]): void
|
||||
(e: 'row-click', record: any, ev: Event): void
|
||||
(e: 'refresh'): void
|
||||
(e: 'download'): void
|
||||
(e: 'density-change', size: SizeProps): void
|
||||
@@ -178,6 +194,18 @@ const onPageChange = (current: number) => {
|
||||
emit('page-change', current)
|
||||
}
|
||||
|
||||
const onPageSizeChange = (pageSize: number) => {
|
||||
emit('page-size-change', pageSize)
|
||||
}
|
||||
|
||||
const onSelectionChange = (rowKeys: (string | number)[]) => {
|
||||
emit('selection-change', rowKeys)
|
||||
}
|
||||
|
||||
const onRowClick = (record: any, ev: Event) => {
|
||||
emit('row-click', record, ev)
|
||||
}
|
||||
|
||||
const handleRefresh = () => {
|
||||
emit('refresh')
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user