Commit Graph

186 Commits

Author SHA1 Message Date
zqm
bd9faf6ebe 面板拖拽问题 2025-12-29 16:52:28 +08:00
zqm
9aad6ebc21 修复运行异常 2025-12-29 10:40:33 +08:00
zqm
09e4076635 修改内容区显示逻辑,改为配置驱动 2025-12-26 17:12:36 +08:00
zqm
e89d3254e8 找不到区域拖拽状态 2025-12-26 16:23:54 +08:00
zqm
7f2f31156f 解决事件泄漏问题 2025-12-26 14:36:42 +08:00
zqm
81dba291f9 全部用静态导入 2025-12-25 13:53:52 +08:00
zqm
8c8ce2f8ce 使用全局事件总线 2025-12-24 16:40:17 +08:00
zqm
4ca836df37 优化事件总线 2025-12-15 13:27:53 +08:00
zqm
e96e3018ed ### 主要修复内容
1. 事件监听器泄漏 :修复了事件监听器泄漏问题,确保所有监听器都能被正确清理
2. 组件生命周期管理 :为所有组件添加了onUnmounted钩子,确保资源能被正确清理
3. props大小写问题 :修复了props名称大小写不匹配问题
4. 延迟初始化 :将事件管理器的初始化从立即初始化改为延迟初始化,提高性能
5. flexbox布局修复 :修复了flexbox布局问题,确保组件能正确显示
6. 代码结构优化 :简化了代码结构,提高了可维护性
这些修改解决了事件监听器泄漏、组件生命周期管理和props传递等问题,提高了代码的质量和可维护性。
2025-12-04 14:58:41 +08:00
zqm
e9ef33bd62 完善事件总线功能,创建专门的事件处理器模块 2025-11-20 13:25:23 +08:00
zqm
10557a5466 优化事件总线 2025-11-20 10:51:49 +08:00
zqm
f19f8fadff 检查Panel的关闭按钮执行关闭的整个过程,解决可能的内存泄漏 2025-11-20 10:21:05 +08:00
zqm
5e60553a04 为DockLayout.vue添加事件总线支持,让它能够响应面板关闭事件 2025-11-20 09:51:08 +08:00
zqm
f92d3ca474 面板关闭事件接入总线 2025-11-20 09:44:51 +08:00
zqm
f978a42990 增加事件总线 2025-11-19 16:44:59 +08:00
zqm
986c659195 去掉日志 2025-11-19 16:06:50 +08:00
zqm
bb6248b4fa 统一名称 2025-11-19 15:26:39 +08:00
zqm
0e7207adce 采用嵌套呈现方式处理 2025-11-19 14:16:26 +08:00
zqm
7acf65356f 增加渲染器 2025-11-19 11:31:21 +08:00
zqm
c11f1212ba 开始重构 2025-11-19 11:00:22 +08:00
zqm
0d3b81df7f 修复中心停靠 2025-11-18 15:39:46 +08:00
zqm
0e163e0c32 将浮动窗口Area拖动到独立中心指示器外面放开,效果和在独立中心指示器上放开是一样的,都实现了停靠。这不合逻辑,只有在独立中心指示器上放开才应该停靠 2025-11-18 13:58:44 +08:00
zqm
d4f3098af7 点击Panel最大化 2025-11-18 13:48:13 +08:00
zqm
324e5e99cb TabPage.vue : 移除 .tab-panel 的 padding: 12px 2025-11-18 10:43:22 +08:00
zqm
cd406ce620 增加分隔条 2025-11-18 10:28:57 +08:00
zqm
b19a0c1a39 发现点击tabpage的不同页标签,标签页内容没有改变 2025-11-18 08:46:40 +08:00
zqm
0c66be439a 中心区依靠多个TabPanel 2025-11-17 16:55:03 +08:00
zqm
8e472d4497 拖拽Area停靠中心区域 2025-11-17 11:30:02 +08:00
zqm
b4b2e75fef 优化配色 2025-11-17 09:35:52 +08:00
zqm
5502db6d42 7. TabPage的页标签可以定义在上、右、下、左四个边缘显示,通过对外提供的属性设置。 2025-11-17 09:10:29 +08:00
zqm
fd4c694b46 修复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
2025-11-14 16:43:00 +08:00
zqm
894fb8b87c 实现Area标题栏拖动时显示停靠指示器功能
- 在Area.vue中添加areaDragStart、areaDragMove、areaDragEnd事件发射
- 在DockLayout.vue中添加相应的拖拽事件处理函数
- 拖动Area标题栏时现在会显示停靠指示器,类似于Tab拖动的行为
- 符合用户需求:Area内容区可以嵌套放置Area时需要显示停靠指示器
2025-11-14 16:02:12 +08:00
zqm
65dd96be0b 修复Tab拖拽结束时停靠指示器未隐藏的问题
- 修复DockLayout.vue中onTabDragEnd函数缺少隐藏停靠指示器的代码
- 确保通过Tab标签拖动Area结束后正确隐藏停靠指示器
- 与onPanelDragEnd函数保持一致的行为
- 提升拖拽操作的完整性和用户体验
2025-11-14 15:53:27 +08:00
zqm
e94ae82a38 修复拖动Area标题栏时独立中心指示器显示问题并清理控制台日志 2025-11-14 15:45:54 +08:00
zqm
ec9f846448 实现主区域Area检测指示器隐藏功能
- 修正DockIndicator.vue中center-dock-container的显示逻辑
- 当主区域内没有其他Area时,隐藏外部边缘指示器和中心区域容器
- 独立中心指示器始终显示,不受hideEdgeIndicators影响
- 满足用户需求:只有中心指示器时简化界面显示
2025-11-14 15:22:42 +08:00
zqm
624a04ec69 独立中心指示器层级修正
- 修正 center-main-indicator z-index 从 10 更新为 10000
- 确保独立中心指示器位于 center-dock-container 上层
- 删除残留的 indicator-center 样式定义
- 更新文档中的 z-index 说明和层级结构图
- 清理代码并同步文档描述
2025-11-14 15:18:02 +08:00
zqm
c298d7ba2d 修复主区域边缘指示器显示逻辑
- 修改DockLayout.vue中的hideEdgeIndicators判断逻辑,从简单检查floatingAreas数组改为实际检测主区域内容区内是否包含其他Area
- 添加checkMainContentForAreas函数,通过DOM查询检测主区域内的.vs-area、.tab-page和.panel元素
- 添加onMounted钩子和floatingAreas监听器,确保在适当时机进行检测
- 保持DockIndicator.vue中v-if条件渲染边缘指示器的逻辑
- 修复第3条需求:当主区域内没有其他Area时正确隐藏外部边缘指示器
2025-11-14 14:23:10 +08:00
zqm
806674d5aa 修改中心主指示器:半透明区域显示为完整目标区域范围 2025-11-14 10:48:49 +08:00
zqm
05d1dd866a 更新DockLayout组件和相关指示器实现 2025-11-14 10:35:22 +08:00
zqm
d2f47559d3 docs: 更新DockIndicator指示器命名约定文档
- 修正层级结构图,添加完整的外部边缘指示器
- 在层级结构图中标注当前实际类名
- 完善命名体系的一致性
- 版本更新为v1.1
2025-11-14 10:19:22 +08:00
zqm
b42e317ddd 修正DockIndicator.vue中区域指示器图标样式 - 使用正确的shared-area图标替代shared-icon旋转 2025-11-14 10:05:14 +08:00
zqm
afdd48bc93 调整DockIndicator.vue中的区域指示器布局
- 将左区、右区、下区三个区域指示器从外部移动到center-dock-container内部
- 按照上区指示器的布局方式,围绕中心指示器放置
- 更新相关CSS样式,确保视觉一致性和布局平衡
- 删除原有的外部指示器定义,简化代码结构
2025-11-14 09:39:59 +08:00
zqm
7bd1c52ca8 调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位 2025-11-14 09:28:45 +08:00
zqm
0b8cf468a8 调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位 2025-11-14 09:12:53 +08:00
zqm
0bc966d9d0 调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位 2025-11-14 08:40:25 +08:00
zqm
2a6906ae06 调整DockIndicator上区指示器位置,将其移至中心区域容器内部并设置正确的相对定位 2025-11-13 17:08:21 +08:00
zqm
05a7972ddf 更新DockIndicator.vue文件 2025-11-13 16:12:23 +08:00
zqm
12c2ccbb32 更新DockIndicator.vue文件 2025-11-13 16:02:58 +08:00
zqm
a8757b9988 在中心指示区上下左右与边框5个像素的位置添加四个指示器 2025-11-13 15:12:30 +08:00
zqm
a239776b3f 修复中心指示器在鼠标悬停时位置变动的问题 2025-11-13 15:05:57 +08:00