mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-26 18:23:47 +02:00
add unit test
This commit is contained in:
@@ -1,44 +0,0 @@
|
||||
import { onMounted, onUnmounted, ref } from 'vue';
|
||||
|
||||
export function useTableHeight(tableRef, options = {}) {
|
||||
const containerRef = ref(null);
|
||||
const offset = options.offset ?? 127;
|
||||
const immediate = options.immediate ?? true;
|
||||
|
||||
let resizeObserver;
|
||||
|
||||
const setTableHeight = () => {
|
||||
if (!tableRef?.value || !containerRef.value) {
|
||||
return;
|
||||
}
|
||||
|
||||
tableRef.value.tableProps = {
|
||||
...(tableRef.value.tableProps || {}),
|
||||
// @ts-ignore default is null
|
||||
height: containerRef.value.clientHeight - offset
|
||||
};
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
if (immediate) {
|
||||
setTableHeight();
|
||||
}
|
||||
|
||||
resizeObserver = new ResizeObserver(() => {
|
||||
setTableHeight();
|
||||
});
|
||||
|
||||
if (containerRef.value) {
|
||||
resizeObserver.observe(containerRef.value);
|
||||
}
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
resizeObserver?.disconnect();
|
||||
});
|
||||
|
||||
return {
|
||||
containerRef,
|
||||
setTableHeight
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user