1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-12-18 05:19:19 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add ResizeObserver to dynamically adjust terminal size on container resize (#10894)

Browse source
This commit is contained in:
刘瑞斌 2025-11-10 09:39:02 +08:00 • committed by GitHub
parent c82d6838c5
commit c1039fb7f2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/components/terminal/index.vue
View file

@ -248,6 +248,21 @@ function sendMsg(data: string) {
// websocket 相关代码 end
const resizeObserver = ref<ResizeObserver>();
onMounted(() => {
// 使用 ResizeObserver 监听容器大小变化
resizeObserver.value = new ResizeObserver(() => {
if (termReady.value && webSocketReady.value) {
changeTerminalSize();
}
});
if (terminalElement.value) {
resizeObserver.value.observe(terminalElement.value);
}
});
defineExpose({
acceptParams,
onClose,
@ -258,6 +273,7 @@ defineExpose({
onBeforeUnmount(() => {
onClose();
resizeObserver.value?.disconnect();
});
</script>