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

from ipywidgets import DOMWidget
from traitlets import Unicode, validate

class SplitPanelResizeListener(DOMWidget):
    _view_name = Unicode('SplitPanelResizeView').tag(sync=True)
    _view_module = Unicode('split_panel_resize').tag(sync=True)
    _view_module_version = Unicode('0.1.0').tag(sync=True)
    split_panel_id = Unicode().tag(sync=True)

// 导入所需的JupyterLab模块
const { DOMWidgetView } = require('@jupyter-widgets/base');
const { SplitPanel } = require('@phosphor/widgets');

// 定义自定义的DOM视图类
class SplitPanelResizeView extends DOMWidgetView {
  render() {
    // 获取split_panel_id属性的值
    const splitPanelId = this.model.get('split_panel_id');

    // 获取要监听的SplitPanel元素
    const splitPanel = document.getElementById(splitPanelId);

    // 监听SplitPanel的resize事件
    SplitPanel.setResizeBinds(splitPanel, () => {
      // 当SplitPanel大小调整时触发的回调函数
      this.send({
        event: 'resize',
        split_panel_id: splitPanelId,
        size: {
          width: splitPanel.offsetWidth,
          height: splitPanel.offsetHeight
        }
      });
    });
  }
}

// 导出自定义的DOM视图类
module.exports = {
  SplitPanelResizeView
};

# 导入必要的模块和类
import ipywidgets as widgets
from traitlets import Unicode, validate

# 创建自定义小部件类
class SplitPanelResizeListener(widgets.DOMWidget):
    _view_name = Unicode('SplitPanelResizeView').tag(sync=True)
    _view_module = Unicode('split_panel_resize').tag(sync=True)
    _view_module_version = Unicode('0.1.0').tag(sync=True)
    split_panel_id = Unicode().tag(sync=True)

    # 定义split_panel_id属性的验证器
    @validate('split_panel_id')
    def _validate_split_panel_id(self, proposal):
        if not proposal['value']:
            raise ValueError('split_panel_id不能为空')
        return proposal['value']

from ipywidgets import register

# 注册自定义小部件类和JavaScript模块
register('split_panel_resize', SplitPanelResizeListener)

from IPython.display import display
from split_panel_resize import SplitPanelResizeListener

# 创建一个SplitPanelResizeListener小部件实例
split_panel_resize_listener = SplitPanelResizeListener(split_panel_id='my-split-panel')

# 显示小部件
display(split_panel_resize_listener)