Bug: useTable里设置size:'small'结果项目里用到的basicTable全都成了small

[caidc]

Version

Vben Admin

Describe the bug?

useTable里设置size:'small'结果项目里用到的basicTable全都成了small

Reproduction

`

还原 开启loading 更改Columns 获取Columns 获取表格数据 获取接口原始数据 跳转到第2页

获取选中行 获取选中行Key 设置选中行 清空选中行 获取分页信息

<script lang="ts" setup> import { BasicTable, ColumnChangeParam, useTable } from '@/components/Table'; import { getBasicColumns, getBasicShortColumns } from './tableData'; import { useMessage } from '@/hooks/web/useMessage'; import { demoListApi } from '@/api/demo/table';

const { createMessage } = useMessage();
function onChange() {
console.log('onChange', arguments);
}
const [
registerTable,
{
setLoading,
setProps,
getColumns,
getDataSource,
getRawDataSource,
reload,
getPaginationRef,
setPagination,
getSelectRows,
getSelectRowKeys,
setSelectedRowKeys,
clearSelectedRowKeys,
},
] = useTable({
canResize: true,
title: 'useTable示例',
titleHelpMessage: '使用useTable调用表格内方法',
api: demoListApi,
columns: getBasicColumns(),
defSort: {
field: 'name',
order: 'ascend',
},
rowKey: 'id',
showTableSetting: true,
onChange,
rowSelection: {
type: 'checkbox',
},
onColumnsChange: (data: ColumnChangeParam[]) => {
console.log('ColumnsChanged', data);
},
showSelectionBar: true, // 显示多选状态栏
size: 'small',
});

function changeLoading() {
setLoading(true);
setTimeout(() => {
setLoading(false);
}, 1000);
}
function changeColumns() {
setProps({
columns: getBasicShortColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
}
function reloadTable() {
setProps({
columns: getBasicColumns(),
rowSelection: {
type: 'checkbox',
},
showIndexColumn: true,
});
reload({
page: 1,
});
}
function getColumn() {
createMessage.info('请在控制台查看！');
console.log(getColumns());
}

function getTableData() {
createMessage.info('请在控制台查看！');
console.log(getDataSource());
}

function getTableRawData() {
createMessage.info('请在控制台查看！');
console.log(getRawDataSource());
}

function getPagination() {
createMessage.info('请在控制台查看！');
console.log(getPaginationRef());
}

function setPaginationInfo() {
setPagination({
current: 2,
});
reload();
}
function getSelectRowList() {
createMessage.info('请在控制台查看！');
console.log(getSelectRows());
}
function getSelectRowKeyList() {
createMessage.info('请在控制台查看！');
console.log(getSelectRowKeys());
}
function setSelectedRowKeyList() {
setSelectedRowKeys(['0', '1', '2']);
}
function clearSelect() {
clearSelectedRowKeys();
}
</script>

`

System Info

System:
    OS: Windows 11 10.0.26120
    CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics
    Memory: 2.91 GB / 15.87 GB
  Binaries:
    Node: 20.12.2 - C:\Program Files\nodejs\node.EXE
    npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.6.0 - ~\AppData\Local\pnpm\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.31)
    Internet Explorer: 11.0.26100.1

Relevant log output

No response

Validations

• Read the docs
• Ensure the code is up to date. (Some issues have been fixed in the latest version)
• I have searched the existing issues and checked that my issue does not duplicate any existing issues.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.