修复DockLayout浮动窗口按钮点击无效问题

- 修复浮动窗口和面板按钮点击时触发拖拽而非按钮功能的问题
- 在Area.vue和Panel.vue中的所有按钮添加 @mousedown.stop 阻止事件冒泡
- 修复的事件类型包括:最大化、关闭、折叠等所有按钮
- 确保按钮点击时只触发相应的功能,不影响拖拽功能

修复文件:
- AutoRobot/Windows/Robot/Web/src/DockLayout/Area.vue
- AutoRobot/Windows/Robot/Web/src/DockLayout/Panel.vue
- AutoRobot/Windows/Robot/Web/src/views/DockLayoutTest.vue
This commit is contained in:
zqm
2025-11-14 16:43:00 +08:00
parent 894fb8b87c
commit fd4c694b46
3 changed files with 50 additions and 6 deletions

View File

@@ -10,7 +10,8 @@
</div>
<div class="title-bar-buttons flex items-center gap-0.5">
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
@click="onToggleCollapse"
@click.stop="onToggleCollapse"
@mousedown.stop
aria-label="折叠/展开">
<!-- 向下小三角使用内联SVG避免样式作用域问题 -->
<svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
@@ -18,7 +19,8 @@
</svg>
</button>
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
@click="onMaximize"
@click.stop="onMaximize"
@mousedown.stop
:aria-label="maximized ? '还原' : '最大化'">
<!-- 最大化图标 -->
<template v-if="!maximized">
@@ -43,7 +45,8 @@
</template>
</button>
<button class="button-icon p-[2px] rounded hover:opacity-100 opacity-80"
@click="onClose"
@click.stop="onClose"
@mousedown.stop
aria-label="关闭">
<!-- 关闭图标X内联SVG确保1px线条 -->
<svg width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">