Javascript 如何在JupyterLab中监听SplitPanel的调整大小？

我目前正在尝试为JupyterLab修改一些JupyterNotebook扩展（）

如果垂直拆分面板被移动，我想更新我的树视图的大小

不幸的是，下面的代码不起作用。所有事件均未记录垂直拆分器的移动：

app.shell.add(treezPlugin, 'left', { rank: 200 });

app.shell.layoutModified.connect(()=>{
    updateGoldenLayout(layout, layoutContainer);
}); 

app.shell.onResize(()=>{
    updateGoldenLayout(layout, layoutContainer);
}); 
        
window.onresize = ()=>{
    updateGoldenLayout(layout, layoutContainer);
};  

function updateGoldenLayout(layout, layoutContainer){
    var rect = layoutContainer.getBoundingClientRect();
    layout.updateSize(rect.width, rect.height);
}

红色区域显示水平尺寸不匹配：

=>如何才能正确收听水平拆分面板的更改

我试图访问SplitPanel，但还不知道如何访问

相关的：

红色的div是我的“layoutContainer”。一位ResizeObserver做了这个把戏：

let resizeObserver = new ResizeObserver( () => {
   updateGoldenLayout(layout, layoutContainer);
});
resizeObserver.observe(layoutContainer);

现在我可以将GoldenLayout用于我的JupyterLab扩展