From 8b8d5f9a5e0ab9e36a415a3b61959c34b5db1241 Mon Sep 17 00:00:00 2001
From: zqm <zqm@example.com>
Date: Thu, 13 Nov 2025 11:10:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=81=9C=E9=9D=A0=E6=8C=87?=
 =?UTF-8?q?=E7=A4=BA=E5=99=A8=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91=EF=BC=9A?=
 =?UTF-8?q?=E5=8F=AA=E6=9C=89=E9=BC=A0=E6=A0=87=E8=BF=9B=E5=85=A5=E6=8C=87?=
 =?UTF-8?q?=E7=A4=BA=E5=99=A8=E6=97=B6=E6=89=8D=E6=98=BE=E7=A4=BA=E4=BE=9D?=
 =?UTF-8?q?=E9=9D=A0=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Web/src/DockLayout/DockIndicator.vue      | 60 ++++++++-----------
 1 file changed, 26 insertions(+), 34 deletions(-)

diff --git a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
index 1e410c1..df3014f 100644
--- a/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
+++ b/AutoRobot/Windows/Robot/Web/src/DockLayout/DockIndicator.vue
@@ -65,6 +65,8 @@
       aria-hidden="true" 
       class="indicator-top" 
       :class="{ 'active': activeDockZone === 'top' }"
+      @mouseenter="handleMouseEnter('top')"
+      @mouseleave="handleMouseLeave"
     >
       <use xlink:href="#shared-icon" />
       <path
@@ -87,6 +89,8 @@
       aria-hidden="true" 
       class="indicator-right" 
       :class="{ 'active': activeDockZone === 'right' }"
+      @mouseenter="handleMouseEnter('right')"
+      @mouseleave="handleMouseLeave"
     >
       <use xlink:href="#shared-icon" transform="rotate(90 20 20)" />
       <path
@@ -109,6 +113,8 @@
       aria-hidden="true" 
       class="indicator-bottom" 
       :class="{ 'active': activeDockZone === 'bottom' }"
+      @mouseenter="handleMouseEnter('bottom')"
+      @mouseleave="handleMouseLeave"
     >
       <use xlink:href="#shared-icon" transform="rotate(180 20 20)" />
       <path
@@ -131,6 +137,8 @@
       aria-hidden="true" 
       class="indicator-left" 
       :class="{ 'active': activeDockZone === 'left' }"
+      @mouseenter="handleMouseEnter('left')"
+      @mouseleave="handleMouseLeave"
     >
       <use xlink:href="#shared-icon" transform="rotate(270 20 20)" />
       <path
@@ -153,6 +161,8 @@
       aria-hidden="true" 
       class="indicator-center" 
       :class="{ 'active': activeDockZone === 'center' }"
+      @mouseenter="handleMouseEnter('center')"
+      @mouseleave="handleMouseLeave"
     >
       <use xlink:href="#shared-border" />
       <path
@@ -199,6 +209,19 @@ const props = defineProps({
   }
 })
 
+// 鼠标悬停在哪个指示器上
+const hoveredZone = ref(null)
+
+// 处理鼠标进入指示器
+const handleMouseEnter = (zone) => {
+  hoveredZone.value = zone
+}
+
+// 处理鼠标离开指示器
+const handleMouseLeave = () => {
+  hoveredZone.value = null
+}
+
 // 计算指示器的样式
 const indicatorStyle = computed(() => {
   return {
@@ -212,43 +235,12 @@ const indicatorStyle = computed(() => {
   }
 })
 
-// 计算活动的停靠区域
+// 计算活动的停靠区域 - 只有当鼠标悬停在指示器上时才返回对应的区域
 const activeDockZone = computed(() => {
   if (!props.visible) return null
   
-  // 计算各个区域的位置和大小
-  const { left, top, width, height } = props.targetRect
-  const { x, y } = props.mousePosition
-  
-  // 计算相对位置
-  const relativeX = x - left
-  const relativeY = y - top
-  
-  // 定义区域的阈值（25%）
-  const threshold = 0.25
-  
-  // 判断是否在顶部区域
-  if (relativeY < height * threshold) {
-    return 'top'
-  }
-  
-  // 判断是否在底部区域
-  if (relativeY > height * (1 - threshold)) {
-    return 'bottom'
-  }
-  
-  // 判断是否在左侧区域
-  if (relativeX < width * threshold) {
-    return 'left'
-  }
-  
-  // 判断是否在右侧区域
-  if (relativeX > width * (1 - threshold)) {
-    return 'right'
-  }
-  
-  // 默认在中心区域
-  return 'center'
+  // 只有当鼠标悬停在某个指示器上时才返回对应的区域
+  return hoveredZone.value
 })
 
 // 计算半透明区域框的样式