From 31236102966689d50f8d95e06c040b817d43edfb Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Tue, 4 Nov 2025 11:08:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DPanel=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E6=A0=8F=E6=8B=96=E6=8B=BD=E7=A7=BB=E5=8A=A8Area=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=EF=BC=9A=E5=B0=86=E6=8B=96=E6=8B=BD=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A=E5=88=B0document=E4=B8=8A=E4=BB=A5=E7=A1=AE?=
 =?UTF-8?q?=E4=BF=9D=E6=8B=96=E6=8B=BD=E8=BF=9E=E7=BB=AD=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Windows/Robot/Web/src/DockLayout/Panel.vue    | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue
index 2a02825..1bd1ebb 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue
@@ -4,10 +4,7 @@
     <div class="flex flex-col h-full">
       <!-- 标题栏 -->
       <div class="title-bar h-6 bg-[#435d9c] text-white px-2 flex items-center justify-between select-none cursor-move"
-           @mousedown="onDragStart"
-           @mousemove="onDragMove"
-           @mouseup="onDragEnd"
-           @mouseleave="onDragEnd">
+           @mousedown="onDragStart">
         <div class="flex items-center">
           <span class="text-xs">{{ title }}</span>
         </div>
@@ -135,6 +132,11 @@ const onDragStart = (e) => {
     });
     // 防止文本选择
     e.preventDefault();
+    
+    // 将鼠标移动和释放事件绑定到document，确保拖拽的连续性
+    document.addEventListener('mousemove', onDragMove);
+    document.addEventListener('mouseup', onDragEnd);
+    document.addEventListener('mouseleave', onDragEnd);
   }
 };
 
@@ -153,6 +155,11 @@ const onDragEnd = () => {
   if (isDragging) {
     isDragging = false;
     emit('dragEnd');
+    
+    // 拖拽结束后移除事件监听器
+    document.removeEventListener('mousemove', onDragMove);
+    document.removeEventListener('mouseup', onDragEnd);
+    document.removeEventListener('mouseleave', onDragEnd);
   }
 };
 </script>