如何在运行时从左侧调整可调整大小的面板控件的大小？

// 获取面板控件的引用
var panel = document.getElementById('panel');

// 添加事件监听器
var resizeHandle = document.getElementById('resize-handle');
resizeHandle.addEventListener('mousedown', startResize);

// 定义变量记录初始鼠标位置
var startX, startY;

// 鼠标按下事件处理函数
function startResize(event) {
  startX = event.clientX;
  startY = event.clientY;
  document.addEventListener('mousemove', resizePanel);
  document.addEventListener('mouseup', stopResize);
}

// 鼠标移动事件处理函数
function resizePanel(event) {
  var deltaX = event.clientX - startX;
  var deltaY = event.clientY - startY;
  
  // 根据鼠标位置变化量调整面板控件的大小
  panel.style.width = panel.offsetWidth + deltaX + 'px';
  panel.style.height = panel.offsetHeight + deltaY + 'px';
  
  // 更新界面
  startX = event.clientX;
  startY = event.clientY;
}

// 鼠标松开事件处理函数
function stopResize() {
  document.removeEventListener('mousemove', resizePanel);
  document.removeEventListener('mouseup', stopResize);
}