46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import type { VxeTableInstance, VxeToolbarInstance } from '#/adapter/vxe-table';
|
||
import type { TableToolbar } from '#/components/table-toolbar';
|
||
|
||
import { ref, watch } from 'vue';
|
||
|
||
// TODO @puhui999：这里的注释、目的写下；
|
||
export function useTableToolbar() {
|
||
const hiddenSearchBar = ref(false); // 隐藏搜索栏
|
||
const tableToolbarRef = ref<InstanceType<typeof TableToolbar>>();
|
||
const tableRef = ref<VxeTableInstance>();
|
||
const isBound = ref<boolean>(false);
|
||
|
||
/** 挂载 toolbar 工具栏 */
|
||
async function bindTableToolbar() {
|
||
const table = tableRef.value;
|
||
const tableToolbar = tableToolbarRef.value;
|
||
if (table && tableToolbar) {
|
||
// TODO @puhui999：通过 nexttick 可以解决么？
|
||
setTimeout(async () => {
|
||
const toolbar = tableToolbar.getToolbarRef();
|
||
if (!toolbar) {
|
||
console.error('[toolbar 挂载失败] Table toolbar not found');
|
||
}
|
||
await table.connect(toolbar as VxeToolbarInstance);
|
||
isBound.value = true;
|
||
}, 1000); // 延迟挂载确保 toolbar 正确挂载
|
||
}
|
||
}
|
||
|
||
watch(
|
||
() => tableRef.value,
|
||
(val) => {
|
||
if (!val || isBound.value) return;
|
||
// TODO @puhui999：这里要处理下 promise 的告警么？
|
||
bindTableToolbar();
|
||
},
|
||
{ immediate: true },
|
||
);
|
||
|
||
return {
|
||
hiddenSearchBar,
|
||
tableToolbarRef,
|
||
tableRef,
|
||
};
|
||
}
|