Claw 项目完整结构提交
This commit is contained in:
zqm
253
AutoRobot/Windows/Robot/Web/edge_indicator_size_fix_plan.md
Normal file
253
AutoRobot/Windows/Robot/Web/edge_indicator_size_fix_plan.md
Normal file
@@ -0,0 +1,253 @@
|
||||
# 边缘指示器尺寸计算逻辑修复计划
|
||||
|
||||
## 1. 问题概述
|
||||
|
||||
当用户将Area拖拽到较大的目标区域上方时，边缘指示器（上、右、下、左）的尺寸没有随目标区域的增大而适当放大，而是保持固定大小，导致在大Area上指示器显得过小，影响用户体验。
|
||||
|
||||
## 2. 根本原因分析
|
||||
|
||||
### 2.1 核心原因
|
||||
|
||||
经过代码分析，发现问题出在 `DockIndicator.vue` 文件中的 `edgeIndicatorStyle` 计算属性逻辑：
|
||||
|
||||
```javascript
|
||||
// DockIndicator.vue:902-958
|
||||
const edgeIndicatorStyle = computed(() => {
|
||||
// ...
|
||||
|
||||
// 根据目标区域尺寸调整指示器大小
|
||||
const minTargetSize = 100; // 从100px开始缩小，与最小显示尺寸80px保持协调
|
||||
const maxIndicatorSizeRatio = 0.25; // 指示器最大尺寸不超过目标区域的25%，确保在小Area上不过大
|
||||
let indicatorWidth = baseWidth;
|
||||
let indicatorHeight = baseHeight;
|
||||
|
||||
const targetMinSize = Math.min(width, height);
|
||||
if (targetMinSize < minTargetSize) {
|
||||
// 按比例缩小边缘指示器
|
||||
const scaleFactor = targetMinSize / minTargetSize;
|
||||
|
||||
// 计算缩小后的尺寸
|
||||
let scaledWidth = Math.floor(baseWidth * scaleFactor);
|
||||
let scaledHeight = Math.floor(baseHeight * scaleFactor);
|
||||
|
||||
// 确保指示器不超过目标区域的最大比例
|
||||
const maxWidth = Math.floor(width * maxIndicatorSizeRatio);
|
||||
const maxHeight = Math.floor(height * maxIndicatorSizeRatio);
|
||||
|
||||
// 取较小值作为最终尺寸
|
||||
indicatorWidth = Math.max(15, Math.min(scaledWidth, maxWidth)); // 降低最小宽度到15px
|
||||
indicatorHeight = Math.max(8, Math.min(scaledHeight, maxHeight)); // 降低最小高度到8px
|
||||
}
|
||||
|
||||
// ...
|
||||
});
|
||||
```
|
||||
|
||||
### 2.2 详细原因分析
|
||||
|
||||
1. **只有缩小逻辑**：代码中只实现了当目标区域小于100px时的缩小逻辑，没有实现当目标区域大于100px时的放大逻辑
|
||||
2. **固定基础尺寸**：当目标区域大于等于100px时，指示器尺寸保持为固定的基础尺寸（水平指示器宽40px高20px，垂直指示器宽20px高40px）
|
||||
3. **最大尺寸限制**：即使添加了放大逻辑，当前的 `maxIndicatorSizeRatio = 0.25` 限制也会导致在大Area上指示器显得过小
|
||||
|
||||
## 3. 代码定位
|
||||
|
||||
- **文件**：`src/DockLayout/DockIndicator.vue`
|
||||
- **代码位置**：第902-958行，`edgeIndicatorStyle` 计算属性
|
||||
- **关键参数**：
|
||||
- `baseWidth`：水平指示器基础宽度，默认为40px
|
||||
- `baseHeight`：水平指示器基础高度，默认为20px
|
||||
- `minTargetSize`：开始缩小的阈值，默认为100px
|
||||
- `maxIndicatorSizeRatio`：指示器最大尺寸与目标区域的比例，默认为0.25
|
||||
|
||||
## 4. 修复方案
|
||||
|
||||
### 4.1 修复策略
|
||||
|
||||
1. **添加放大逻辑**：当目标区域大于100px时，允许指示器按比例放大
|
||||
2. **调整最大尺寸限制**：适当调整 `maxIndicatorSizeRatio`，让指示器在大Area上可以更大一些
|
||||
3. **设置合理的最大尺寸上限**：为了避免指示器过大，设置一个绝对最大尺寸
|
||||
|
||||
### 4.2 具体修复方案
|
||||
|
||||
```javascript
|
||||
// DockIndicator.vue:902-958
|
||||
const edgeIndicatorStyle = computed(() => {
|
||||
if (!safeTargetRect.value) return {};
|
||||
|
||||
const { width, height } = safeTargetRect.value;
|
||||
// 基础尺寸定义：
|
||||
// - baseWidth: 水平指示器（上下）的宽度，也是垂直指示器（左右）的高度
|
||||
// - baseHeight: 水平指示器（上下）的高度，也是垂直指示器（左右）的宽度
|
||||
const baseWidth = 40; // 基础水平宽度/垂直高度（上下指示器宽40px，左右指示器高40px）
|
||||
const baseHeight = 20; // 基础水平高度/垂直宽度（上下指示器高20px，左右指示器宽20px）
|
||||
|
||||
// 根据目标区域尺寸调整指示器大小
|
||||
const minTargetSize = 100; // 从100px开始缩小，与最小显示尺寸80px保持协调
|
||||
const maxIndicatorSizeRatio = 0.35; // 增加最大尺寸比例，从0.25调整为0.35
|
||||
const maxAbsoluteWidth = 120; // 设置绝对最大宽度
|
||||
const maxAbsoluteHeight = 60; // 设置绝对最大高度
|
||||
let indicatorWidth = baseWidth;
|
||||
let indicatorHeight = baseHeight;
|
||||
|
||||
const targetMinSize = Math.min(width, height);
|
||||
|
||||
// 计算缩放因子
|
||||
let scaleFactor = 1;
|
||||
if (targetMinSize < minTargetSize) {
|
||||
// 按比例缩小边缘指示器
|
||||
scaleFactor = targetMinSize / minTargetSize;
|
||||
} else if (targetMinSize > minTargetSize) {
|
||||
// 新增：按比例放大边缘指示器
|
||||
scaleFactor = Math.min(targetMinSize / minTargetSize, 3); // 限制最大放大倍数为3倍
|
||||
}
|
||||
|
||||
// 计算缩放后的尺寸
|
||||
let scaledWidth = Math.floor(baseWidth * scaleFactor);
|
||||
let scaledHeight = Math.floor(baseHeight * scaleFactor);
|
||||
|
||||
// 确保指示器不超过目标区域的最大比例
|
||||
const maxWidthByRatio = Math.floor(width * maxIndicatorSizeRatio);
|
||||
const maxHeightByRatio = Math.floor(height * maxIndicatorSizeRatio);
|
||||
|
||||
// 结合绝对最大尺寸限制
|
||||
const finalMaxWidth = Math.min(maxWidthByRatio, maxAbsoluteWidth);
|
||||
const finalMaxHeight = Math.min(maxHeightByRatio, maxAbsoluteHeight);
|
||||
|
||||
// 取合适值作为最终尺寸
|
||||
indicatorWidth = Math.max(15, Math.min(scaledWidth, finalMaxWidth)); // 最小宽度15px
|
||||
indicatorHeight = Math.max(8, Math.min(scaledHeight, finalMaxHeight)); // 最小高度8px
|
||||
|
||||
return {
|
||||
// 边缘指示器保持现有CSS的定位方式（使用top/right/bottom/left相对于容器边缘）
|
||||
// 仅调整大小，不修改定位属性，避免与现有CSS冲突
|
||||
// 水平边缘指示器（上、下）：宽 > 高
|
||||
indicatorTop: {
|
||||
width: `${indicatorWidth}px`, // 水平指示器宽度
|
||||
height: `${indicatorHeight}px` // 水平指示器高度
|
||||
},
|
||||
indicatorBottom: {
|
||||
width: `${indicatorWidth}px`, // 水平指示器宽度
|
||||
height: `${indicatorHeight}px` // 水平指示器高度
|
||||
},
|
||||
// 垂直边缘指示器（左、右）：高 > 宽
|
||||
indicatorLeft: {
|
||||
width: `${indicatorHeight}px`, // 垂直指示器宽度（使用水平指示器的高度）
|
||||
height: `${indicatorWidth}px` // 垂直指示器高度（使用水平指示器的宽度）
|
||||
},
|
||||
indicatorRight: {
|
||||
width: `${indicatorHeight}px`, // 垂直指示器宽度（使用水平指示器的高度）
|
||||
height: `${indicatorWidth}px` // 垂直指示器高度（使用水平指示器的宽度）
|
||||
}
|
||||
};
|
||||
});
|
||||
```
|
||||
|
||||
### 4.3 修复方案优势
|
||||
|
||||
1. **改善用户体验**：指示器尺寸随目标区域大小自动调整，在大Area上显示更合理
|
||||
2. **保持向后兼容**：小Area上的指示器尺寸逻辑保持不变
|
||||
3. **防止过度放大**：通过最大放大倍数和绝对最大尺寸限制，避免指示器过大
|
||||
4. **实现简单**：修改集中在单个计算属性中，影响范围小
|
||||
|
||||
### 4.4 修复方案劣势
|
||||
|
||||
1. **可能需要调整**：最大尺寸比例和绝对最大尺寸可能需要根据实际UI效果进行微调
|
||||
2. **视觉一致性**：需要确保放大后的指示器与其他UI元素保持视觉一致
|
||||
|
||||
## 5. 实施步骤
|
||||
|
||||
### 5.1 修复步骤
|
||||
|
||||
1. **修改 edgeIndicatorStyle 计算属性**：
|
||||
- 在 `DockIndicator.vue` 文件中，更新 `edgeIndicatorStyle` 计算属性
|
||||
- 添加放大逻辑，当目标区域大于100px时，按比例放大指示器
|
||||
- 调整 `maxIndicatorSizeRatio` 从0.25到0.35
|
||||
- 添加 `maxAbsoluteWidth` 和 `maxAbsoluteHeight` 限制
|
||||
- 统一缩放逻辑，同时处理缩小和放大情况
|
||||
|
||||
2. **测试修复效果**：
|
||||
- 启动应用程序
|
||||
- 打开浏览器控制台
|
||||
- 拖拽Area到不同大小的目标区域上方
|
||||
- 观察边缘指示器的尺寸变化
|
||||
- 验证在小Area上指示器正常缩小，在大Area上指示器适当放大
|
||||
|
||||
3. **调整参数（如需要）**：
|
||||
- 根据测试结果，调整 `maxIndicatorSizeRatio`、`maxAbsoluteWidth`、`maxAbsoluteHeight` 等参数
|
||||
- 确保指示器在各种尺寸的目标区域上都显示合理
|
||||
|
||||
### 5.2 预期完成时间
|
||||
|
||||
- **实施修复**：0.5个工作日
|
||||
- **测试验证**：0.5个工作日
|
||||
- **参数调整**：0.5个工作日
|
||||
|
||||
**总预期完成时间**：1.5个工作日
|
||||
|
||||
## 6. 验证方法
|
||||
|
||||
### 6.1 功能验证
|
||||
|
||||
1. **手动测试**：
|
||||
- 启动应用程序
|
||||
- 拖拽Area到不同大小的目标区域上方
|
||||
- **小Area测试**：验证指示器在小Area上正常缩小
|
||||
- **大Area测试**：验证指示器在大Area上适当放大
|
||||
- **中等Area测试**：验证指示器在中等大小Area上显示合理
|
||||
- 观察指示器尺寸与目标区域大小的比例是否协调
|
||||
|
||||
2. **视觉验证**：
|
||||
- 检查放大后的指示器是否与其他UI元素保持视觉一致
|
||||
- 验证指示器在不同分辨率下的显示效果
|
||||
- 确保指示器放大后不会遮挡其他重要UI元素
|
||||
|
||||
### 6.2 边界情况测试
|
||||
|
||||
1. **极小Area测试**：
|
||||
- 验证在极小Area上指示器不会过小，保持最低尺寸限制
|
||||
|
||||
2. **极大Area测试**：
|
||||
- 验证在极大Area上指示器不会过大，受限于最大尺寸限制
|
||||
|
||||
3. **特殊比例Area测试**：
|
||||
- 验证在非常宽或非常高的Area上指示器显示合理
|
||||
|
||||
## 7. 风险评估
|
||||
|
||||
### 7.1 修复风险
|
||||
|
||||
**风险**：修改指示器尺寸计算逻辑可能导致在某些情况下指示器显示异常。
|
||||
|
||||
**缓解措施**：
|
||||
- 保持现有的最小尺寸限制，确保在小Area上指示器不会过小
|
||||
- 添加最大尺寸限制，确保在大Area上指示器不会过大
|
||||
- 进行充分的边界情况测试，确保在各种Area大小下指示器都能正常显示
|
||||
- 保持指示器的定位逻辑不变，只修改尺寸计算
|
||||
|
||||
### 7.2 性能风险
|
||||
|
||||
**风险**：增加放大逻辑可能会轻微增加计算开销。
|
||||
|
||||
**缓解措施**：
|
||||
- 计算逻辑简单，性能影响可忽略
|
||||
- 使用 `computed` 属性缓存计算结果，避免重复计算
|
||||
|
||||
### 7.3 兼容性风险
|
||||
|
||||
**风险**：修改后的指示器尺寸可能与现有UI设计不兼容。
|
||||
|
||||
**缓解措施**：
|
||||
- 渐进式放大，保持与现有设计的视觉一致性
|
||||
- 可调整的参数，方便根据实际效果进行微调
|
||||
- 充分的视觉测试，确保修改后的指示器与整体UI协调
|
||||
|
||||
## 8. 总结
|
||||
|
||||
通过以上修复计划，我们可以解决边缘指示器在大Area上显示过小的问题，提升用户在拖拽Area时的体验。修复方案基于对代码的详细分析，针对性强，实施风险低，预期效果明显。
|
||||
|
||||
修复后，边缘指示器将能够：
|
||||
1. 在小Area上自动缩小，保持合理大小
|
||||
2. 在大Area上适当放大，提升可视性
|
||||
3. 在各种尺寸的Area上都能显示协调，与整体UI保持一致
|
||||
|
||||
这些改进将使Area拖拽功能更加直观和用户友好，帮助用户更好地理解和使用Area的停靠功能。
|
||||
319
AutoRobot/Windows/Robot/Web/log.txt
Normal file
319
AutoRobot/Windows/Robot/Web/log.txt
Normal file
@@ -0,0 +1,319 @@
|
||||
📌 [EventBus] ADD: area.drag.start - function () { [native code] }... | Component ID: area-handler | Total listeners: 1
|
||||
📌 [EventBus] ADD: area.drag.move - function () { [native code] }... | Component ID: area-handler | Total listeners: 2
|
||||
📌 [EventBus] ADD: area.drag.end - function () { [native code] }... | Component ID: area-handler | Total listeners: 3
|
||||
📌 [EventBus] ADD: area.drag.over - function () { [native code] }... | Component ID: area-handler | Total listeners: 4
|
||||
📌 [EventBus] ADD: area.drag.leave - function () { [native code] }... | Component ID: area-handler | Total listeners: 5
|
||||
📌 [EventBus] ADD: area.close - function () { [native code] }... | Component ID: area-handler | Total listeners: 6
|
||||
📌 [EventBus] ADD: area.position.update - function () { [native code] }... | Component ID: area-handler | Total listeners: 7
|
||||
📌 [EventBus] ADD: area.panel.closed - function () { [native code] }... | Component ID: area-handler | Total listeners: 8
|
||||
📌 [EventBus] ADD: area.created - function () { [native code] }... | Component ID: area-handler | Total listeners: 9
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.destroyed - function () { [native code] }... | Component ID: area-handler | Total listeners: 10
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.updated - function () { [native code] }... | Component ID: area-handler | Total listeners: 11
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.floating.create - function () { [native code] }... | Component ID: area-handler | Total listeners: 12
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.floating.close - function () { [native code] }... | Component ID: area-handler | Total listeners: 13
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.floating.updatePosition - function () { [native code] }... | Component ID: area-handler | Total listeners: 14
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.floating.zindex.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 15
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.maximize - function () { [native code] }... | Component ID: area-handler | Total listeners: 16
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.restore - function () { [native code] }... | Component ID: area-handler | Total listeners: 17
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.collapse - function () { [native code] }... | Component ID: area-handler | Total listeners: 18
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.expand - function () { [native code] }... | Component ID: area-handler | Total listeners: 19
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.toggleToolbar - function () { [native code] }... | Component ID: area-handler | Total listeners: 20
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.dock.center - function () { [native code] }... | Component ID: area-handler | Total listeners: 21
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.dock.edge - function () { [native code] }... | Component ID: area-handler | Total listeners: 22
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.dock.split - function () { [native code] }... | Component ID: area-handler | Total listeners: 23
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.merge - function () { [native code] }... | Component ID: area-handler | Total listeners: 24
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.unmerge - function () { [native code] }... | Component ID: area-handler | Total listeners: 25
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.start - function () { [native code] }... | Component ID: area-handler | Total listeners: 26
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize - function () { [native code] }... | Component ID: area-handler | Total listeners: 27
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.end - function () { [native code] }... | Component ID: area-handler | Total listeners: 28
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.ratio.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 29
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.hide - function () { [native code] }... | Component ID: area-handler | Total listeners: 30
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.show - function () { [native code] }... | Component ID: area-handler | Total listeners: 31
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.minimize - function () { [native code] }... | Component ID: area-handler | Total listeners: 32
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.restoreFromMinimize - function () { [native code] }... | Component ID: area-handler | Total listeners: 33
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.zindex.management - function () { [native code] }... | Component ID: area-handler | Total listeners: 34
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.activation - function () { [native code] }... | Component ID: area-handler | Total listeners: 35
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.deactivation - function () { [native code] }... | Component ID: area-handler | Total listeners: 36
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.content.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 37
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.panel.count.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 38
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.tabpage.merge - function () { [native code] }... | Component ID: area-handler | Total listeners: 39
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.tabpage.sync - function () { [native code] }... | Component ID: area-handler | Total listeners: 40
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.panel.sync - function () { [native code] }... | Component ID: area-handler | Total listeners: 41
|
||||
AreaHandler.js:467 ✅ Area事件处理器初始化完成
|
||||
eventBus.js:488 📌 [EventBus] ADD: system.init - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 42
|
||||
eventBus.js:488 📌 [EventBus] ADD: system.ready - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 43
|
||||
eventBus.js:488 📌 [EventBus] ADD: system.destroy - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 44
|
||||
eventBus.js:488 📌 [EventBus] ADD: system.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 45
|
||||
eventBus.js:488 📌 [EventBus] ADD: system.performance - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 46
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.route.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 47
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.route.success - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 48
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.route.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 49
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.route.fallback - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 50
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.rising - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 51
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.falling - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 52
|
||||
eventBus.js:488 📌 [EventBus] ADD: cross.component.broadcast - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 53
|
||||
eventBus.js:488 📌 [EventBus] ADD: cross.component.request - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 54
|
||||
eventBus.js:488 📌 [EventBus] ADD: cross.component.response - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 55
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.chain.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 56
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.chain.progress - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 57
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.chain.complete - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 58
|
||||
eventBus.js:488 📌 [EventBus] ADD: event.chain.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 59
|
||||
eventBus.js:488 📌 [EventBus] ADD: performance.monitor.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 60
|
||||
eventBus.js:488 📌 [EventBus] ADD: performance.monitor.end - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 61
|
||||
eventBus.js:488 📌 [EventBus] ADD: performance.threshold.exceeded - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 62
|
||||
eventBus.js:488 📌 [EventBus] ADD: debug.event.emit - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 63
|
||||
eventBus.js:488 📌 [EventBus] ADD: debug.event.handle - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 64
|
||||
eventBus.js:488 📌 [EventBus] ADD: debug.performance - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 65
|
||||
eventBus.js:488 📌 [EventBus] ADD: debug.memory - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 66
|
||||
GlobalEventManager.js:373 ✅ GlobalEventManager组件事件监听器注册完成，上升事件已迁移到DockLayout处理
|
||||
eventBus.js:488 📌 [EventBus] ADD: debug.toggle - () => {
|
||||
this.debugMode =... | Component ID: global-event-manager | Total listeners: 67
|
||||
GlobalEventManager.js:291 ✅ 全局事件管理器初始化完成
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 68
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 69
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 70
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 71
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 72
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 73
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 74
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 75
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 76
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 77
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 78
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 79
|
||||
DragStateManager.js:562 ✅ 拖拽管理器事件监听器注册完成
|
||||
DragStateManager.js:520 🎯 拖拽状态管理器初始化完成
|
||||
DockLayout.vue:1686 DockLayout component mounted
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 80
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 81
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 82
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.drag.cancel - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 83
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.resize.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 84
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.resize.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 85
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.resize.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 86
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 87
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 88
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 89
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.cancel - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 90
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 91
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 92
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 93
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.over - (event2) => {
|
||||
event2.pre... | Component ID: dock-layout | Total listeners: 94
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.leave - (event2) => {
|
||||
globalEven... | Component ID: dock-layout | Total listeners: 95
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.merge.request - (data) => {
|
||||
const { sour... | Component ID: dock-layout | Total listeners: 96
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.updated - (event2) => {
|
||||
const id =... | Component ID: dock-layout | Total listeners: 97
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.close.request - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 98
|
||||
eventBus.js:488 📌 [EventBus] ADD: tab.change - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 99
|
||||
eventBus.js:488 📌 [EventBus] ADD: tab.close - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 100
|
||||
eventBus.js:488 📌 [EventBus] ADD: tab.add - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 101
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.toggleCollapse - () => emit2("toggleCollapse")... | Component ID: dock-layout | Total listeners: 102
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.maximize - (event2) => {
|
||||
var _a;
|
||||
... | Component ID: dock-layout | Total listeners: 103
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.close.request - (event2) => {
|
||||
const area... | Component ID: dock-layout | Total listeners: 104
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.toggleToolbar - () => emit2("toggleToolbar")... | Component ID: dock-layout | Total listeners: 105
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.maximize.sync - ({ areaId, maximized }) => {
|
||||
... | Component ID: dock-layout | Total listeners: 106
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.check.single.panel - (event2) => {
|
||||
const isSi... | Component ID: dock-layout | Total listeners: 107
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.position.update - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 108
|
||||
eventBus.js:488 📌 [EventBus] ADD: zIndex.update - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 109
|
||||
eventBus.js:488 📌 [EventBus] ADD: resize.start - () => emit2("dragStart")... | Component ID: dock-layout | Total listeners: 110
|
||||
eventBus.js:488 📌 [EventBus] ADD: resize.move - () => emit2("dragMove")... | Component ID: dock-layout | Total listeners: 111
|
||||
eventBus.js:488 📌 [EventBus] ADD: resize.end - () => emit2("dragEnd")... | Component ID: dock-layout | Total listeners: 112
|
||||
eventBus.js:488 📌 [EventBus] ADD: window.state.change - (event2) => {
|
||||
const ar... | Component ID: dock-layout | Total listeners: 113
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.merged - (event2) => {
|
||||
areaAction... | Component ID: dock-layout | Total listeners: 114
|
||||
eventBus.js:488 📌 [EventBus] ADD: dock.zone.active - (event2) => onDockZoneActive(e... | Component ID: dock-layout | Total listeners: 115
|
||||
DockLayout.vue:1673 [DockLayout] 初始化主区域面板，共 0 个
|
||||
content_sider.js:23396 sider enabledAi
|
||||
dockLayers.js:52 [zIndexManager] getFloatingAreaZIndex called for areaId: MainArea, isActive: false
|
||||
dockLayers.js:64 [zIndexManager] Assigned new z-index for MainArea: 1001
|
||||
dockLayers.js:52 [zIndexManager] getFloatingAreaZIndex called for areaId: MainArea, isActive: false
|
||||
dockLayers.js:69 [zIndexManager] Returning existing z-index for MainArea: 1001
|
||||
eventBus.js:488 📌 [EventBus] ADD: zIndex.update - () => {
|
||||
currentZIndex.va... | Component ID: unknown | Total listeners: 116
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1769494523105, source: {…}, areaId: 'MainArea', left: 473, …}
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.move - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 117
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.end - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 118
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.move - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 119
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 120
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.panel.removed - (data) => {
|
||||
if (data.t... | Component ID: tabpage | Total listeners: 121
|
||||
content_sider.js:23404 true 'enabledAi'
|
||||
content_sider.js:23419 {enableImage: true}
|
||||
51Third-party cookie will be blocked in future Chrome versions as part of Privacy Sandbox.
|
||||
et_f.js:1 Tue Jan 27 2026 14:15:23 GMT+0800 (中国标准时间)
|
||||
DockLayoutTest.vue:71 [DockLayoutTest] addFloatingPanel called
|
||||
DockLayoutTest.vue:72 [DockLayoutTest] dockLayoutRef.value: Proxy(Object) {floatingAreas: RefImpl, hiddenAreas: RefImpl, addFloatingPanel: ƒ, findOrCreateMainAreaTabPage: ƒ, handleDockingEnding: ƒ, …}
|
||||
DockLayoutTest.vue:73 [DockLayoutTest] dockLayoutRef.value.addFloatingPanel: (panel) => {
|
||||
const safePanel = panel || {
|
||||
id: `panel-${Date.now()}`,
|
||||
title: "新建面板",
|
||||
content: {
|
||||
color: "#435d9c",
|
||||
title: "默认面板内容",
|
||||
type: "de…
|
||||
DockLayoutTest.vue:77 [DockLayoutTest] 调用DockLayout的addFloatingPanel方法
|
||||
DockLayoutTest.vue:82 [DockLayoutTest] 容器尺寸: {width: 1247, height: 891, left: 0, top: 53}
|
||||
dockLayers.js:52 [zIndexManager] getFloatingAreaZIndex called for areaId: area-1769494524193, isActive: false
|
||||
dockLayers.js:64 [zIndexManager] Assigned new z-index for area-1769494524193: 1002
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1769494524193', oldState: {…}, newState: {…}, updates: {…}}
|
||||
dockLayers.js:52 [zIndexManager] getFloatingAreaZIndex called for areaId: area-1769494524193, isActive: false
|
||||
dockLayers.js:69 [zIndexManager] Returning existing z-index for area-1769494524193: 1002
|
||||
dockLayers.js:52 [zIndexManager] getFloatingAreaZIndex called for areaId: area-1769494524193, isActive: false
|
||||
dockLayers.js:69 [zIndexManager] Returning existing z-index for area-1769494524193: 1002
|
||||
eventBus.js:488 📌 [EventBus] ADD: zIndex.update - () => {
|
||||
currentZIndex.va... | Component ID: unknown | Total listeners: 122
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.move - (eventData) => {
|
||||
const {... | Component ID: area-area-1769494524193 | Total listeners: 123
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.drag.end - (eventData) => {
|
||||
const {... | Component ID: area-area-1769494524193 | Total listeners: 124
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize.move - (eventData) => {
|
||||
const {... | Component ID: area-area-1769494524193 | Total listeners: 125
|
||||
eventBus.js:488 📌 [EventBus] ADD: area.resize - (eventData) => {
|
||||
const {... | Component ID: area-area-1769494524193 | Total listeners: 126
|
||||
eventBus.js:488 📌 [EventBus] ADD: tabpage.panel.removed - (data) => {
|
||||
if (data.t... | Component ID: tabpage | Total listeners: 127
|
||||
Panel.vue:843 [Panel:panel-1769494524193-1] 组件已挂载
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.maximize.sync - (data) => {
|
||||
if (data... | Component ID: panel-panel-1769494524193-1 | Total listeners: 128
|
||||
eventBus.js:488 📌 [EventBus] ADD: panel.single.panel.result - (data) => {
|
||||
if (data... | Component ID: panel-panel-1769494524193-1 | Total listeners: 129
|
||||
Panel.vue:765 [Panel:panel-1769494524193-1] 事件监听器注册完成
|
||||
Panel.vue:856 [Panel:panel-1769494524193-1] 发送单面板检测请求，areaId: area-1769494524193
|
||||
Panel.vue:866 [Panel:panel-1769494524193-1] 初始化面板状态，areaId: area-1769494524193
|
||||
fireyejs.js:1 [Violation] Permissions policy violation: accelerometer is not allowed in this document.
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
fireyejs.js:1 The deviceorientation events are blocked by permissions policy. See https://github.com/w3c/webappsec-permissions-policy/blob/master/features.md#sensor-features
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
DockLayoutTest.vue:96 [DockLayoutTest] 调用后的浮动区域数量: 1
|
||||
DockLayoutTest.vue:97 [DockLayoutTest] 浮动区域数据: Proxy(Array) {0: {…}}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.start', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DragStateManager.js:704 🔍 _handleDragStart 接收到的数据: {dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: 'area', position: {…}, data: {…}}
|
||||
DragStateManager.js:709 🔍 _handleDragStart 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.start {data: {…}}
|
||||
DockLayout.vue:1302 👋 处理区域拖拽开始: {eventType: 'area.drag.start', timestamp: 1769494525312, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1769494524193', oldState: {…}, newState: {…}, updates: {…}}
|
||||
867.js:1 [ice-plugin-spm] Aplus sendPV
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525417, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525417}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 469, y: 299} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525519, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525519}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 447, y: 315} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525623, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525623}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 430, y: 331} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525727, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525727}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 419, y: 342} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525831, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525832}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 412, y: 347} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494525935, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494525935}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 392, y: 349} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494526039, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494526039}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 374, y: 349} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494526171, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494526171}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 353, y: 344} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1769494526288, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1769494524193', position: {…}, timestamp: 1769494526288}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 346, y: 339} 查找Area，排除ID: area-1769494524193
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.end', dragId: 'area_area-1769494524193_1769494525312_v28e2ai', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1769494524193_1769494525312_v28e2ai', actualDragId: 'area_area-1769494524193_1769494525312_v28e2ai'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.end {data: {…}}
|
||||
DockLayout.vue:1411 ✋ 处理区域拖拽结束: {eventType: 'area.drag.end', timestamp: 1769494526530, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1769494526532, source: {…}, dragId: 'area_area-1769494524193_1769494525312_v28e2ai', areaId: 'area-1769494524193', …}
|
||||
120
AutoRobot/Windows/Robot/Web/src/DockLayout/READMEold.md
Normal file
120
AutoRobot/Windows/Robot/Web/src/DockLayout/READMEold.md
Normal file
@@ -0,0 +1,120 @@
|
||||
# DockLayout 组件说明
|
||||
|
||||
本文档描述在 `src/DockLayout/` 目录下将实现的停靠布局组件的目标、核心概念与数据结构约定，用于指导后续组件开发与联调。
|
||||
|
||||
## 目标概述
|
||||
- 提供 IDE/工作台类的停靠布局能力：支持上/下/左/右/中心五个面板区。
|
||||
- 每个面板区内部以 TabGroup 组织多个子面板（标签页），支持切换、关闭、最小化、浮动等扩展。
|
||||
- 建立面板区之间的“大小影响关系”，通过受影响/被影响/待更新三类列表配合队列批处理，保证尺寸与边界在增删、折叠、拖拽后稳定更新。
|
||||
|
||||
## 核心概念
|
||||
- 面板区（Area）：指 Top/Bottom/Left/Right/Center 五个区域之一，是 DockLayout 的一级容器。
|
||||
- 子面板区（SubArea）：面板区内部承载 TabGroup 的容器，负责布局与滚动等；一个面板区至少包含一个子面板区。
|
||||
- 子面板（Panel）：以标签页形式存在的具体内容面板，如“解决方案”、“属性”、“终端”、“编辑器”等。
|
||||
- TabGroup：负责管理同一面板区内的多个子面板（标签），包含新增、关闭、激活等行为；所有面板区均以 TabGroup 作为统一的内容组织方式。
|
||||
|
||||
## 面板区与列表约定
|
||||
每个面板区都维护三类列表，用于描述与调度尺寸更新：
|
||||
- 受影响列表（influence）：本面板区会影响到的其他面板区集合。
|
||||
- 被影响列表（influencedBy）：会影响到本面板区的其他面板区集合。
|
||||
- 待更新列表（pendingUpdates）：当本区状态变化（新增/删除/折叠/展开/拖拽）后，入队待批处理的面板区集合。
|
||||
|
||||
这三类列表的存在旨在：
|
||||
- 明确依赖方向，避免双向更新导致的循环与遗漏。
|
||||
- 通过队列式批处理，多次局部变更合并为一次稳定的全局尺寸更新过程。
|
||||
|
||||
## 数据结构草案
|
||||
> 以下为建议的数据结构，具体实现时可与现有 store（如 `dockPanelStore.js`）对齐。
|
||||
|
||||
```ts
|
||||
// 面板区枚举
|
||||
export type PanelPosition = 'left' | 'right' | 'top' | 'bottom' | 'center';
|
||||
|
||||
// 影响关系项
|
||||
export interface InfluenceEntry {
|
||||
position: PanelPosition; // 目标面板区位置
|
||||
influence: boolean; // 是否产生影响（用于过滤/开关）
|
||||
}
|
||||
|
||||
// 子面板（标签页）
|
||||
export interface Panel {
|
||||
id: string;
|
||||
title: string;
|
||||
icon?: string;
|
||||
content?: unknown; // 组件或渲染函数引用
|
||||
collapsed?: boolean;
|
||||
}
|
||||
|
||||
// 子面板区（TabGroup 容器）
|
||||
export interface SubArea {
|
||||
id: string;
|
||||
tabGroupId: string; // 绑定的 TabGroup 标识
|
||||
panels: Panel[]; // 标签页集合
|
||||
}
|
||||
|
||||
// 面板区（一级容器）
|
||||
export interface PanelArea {
|
||||
position: PanelPosition;
|
||||
subAreas: SubArea[]; // 一个或多个子面板区
|
||||
activeTabIndex?: number; // 当前激活标签索引
|
||||
influence: InfluenceEntry[]; // 受影响列表
|
||||
influencedBy: InfluenceEntry[]; // 被影响列表
|
||||
pendingUpdates: Set<PanelPosition>; // 待更新列表（去重队列）
|
||||
|
||||
// 尺寸与边界（用于绝对定位计算）
|
||||
x: number;
|
||||
y: number;
|
||||
width: number;
|
||||
height: number;
|
||||
|
||||
// 面板内比例（按区维度）
|
||||
widthRatios?: number[];
|
||||
heightRatios?: number[];
|
||||
}
|
||||
|
||||
// DockLayout 根状态
|
||||
export interface PanelMeta {
|
||||
id: string;
|
||||
title: string;
|
||||
icon?: string;
|
||||
component?: unknown; // 非 DOM 实例的渲染引用或组件名
|
||||
initialPosition?: PanelPosition;
|
||||
tags?: string[];
|
||||
flags?: { collapsed?: boolean; floating?: boolean };
|
||||
}
|
||||
|
||||
export interface DockLayoutState {
|
||||
areas: Record<PanelPosition, PanelArea>;
|
||||
allPanels: Record<string, PanelMeta>; // 全局面板列表（非 DOM 实例）
|
||||
}
|
||||
```
|
||||
|
||||
## 全局面板列表（allPanels）
|
||||
- 定义：全局面板列表 `allPanels: Record<string, PanelMeta>`，仅保存子面板元数据（非 DOM 实例）。
|
||||
- 作用：单一事实来源、去重与索引、跨区域移动一致性、持久化/导入导出、快速检索。
|
||||
- 基本 API（约定）：`registerPanel(meta)`, `unregisterPanel(panelId)`, `getPanelById(panelId)`, `listPanels()`, `updatePanelMeta(panelId, patch)`。
|
||||
- 与 TabGroup/面板区协作：面板区仅保存面板 `id` 列表；渲染时通过 `id` 访问 `allPanels` 中的 meta；尺寸队列更新只处理边界与比例，不涉及 DOM 实例。
|
||||
- 示例字段：`id`, `title`, `icon`, `component`, `initialPosition`, `tags`, `flags`（如 `collapsed`, `floating`）。
|
||||
|
||||
## 更新流程（队列式批处理）
|
||||
- 触发条件：当一个面板区发生增删面板、折叠/展开、拖拽分割条、切换 Tab 等事件。
|
||||
- 入队：将“变化的面板区”加入其 `pendingUpdates` 以及受影响链上的目标区（或采用全局 Set 以去重）。
|
||||
- 处理：从队列弹出一个区，先计算该区边界与尺寸，再按“受影响列表”逐个更新目标区的子面板尺寸，过程中将新产生的更新继续入队。
|
||||
- 终止：队列为空或达到安全迭代上限（防循环保护），保证一次批处理中所有关联区都被稳定更新。
|
||||
|
||||
## TabGroup 行为约定
|
||||
- API：`addTab(panel)`, `closeTab(panelId)`, `activateTab(index)`。
|
||||
- 事件：`tabAdded`, `tabClosed`, `tabActivated`（用于通知面板区更新队列）。
|
||||
- 视觉：标签栏 + 内容区，支持拖拽排序、上下文菜单等扩展能力。
|
||||
|
||||
## 目录规划（建议）
|
||||
- `DockLayoutContainer.vue`：顶层容器（挂载五大面板区、调度队列）。
|
||||
- `Area.vue`：单个面板区容器（承载一个或多个子面板区）。
|
||||
- `TabGroup.vue`（或复用现有 `components/TabGroup.js`）：标签页组织与交互。
|
||||
- `influence.ts`：影响关系与队列工具（`enqueue`/`processQueue`）。
|
||||
- `types.ts`：类型定义（如上草案）。
|
||||
- `README.md`：本文档。
|
||||
|
||||
## 备注
|
||||
- 后续将对接已有的布局协调器（如 `LayoutCoordinator`）与 store（如 `dockPanelStore.js`）的尺寸计算接口。
|
||||
- 若需要在本目录中实现独立组件，也可提供适配层以与现有容器组件互通。
|
||||
616
AutoRobot/Windows/Robot/Web/src/DockLayout/log.txt
Normal file
616
AutoRobot/Windows/Robot/Web/src/DockLayout/log.txt
Normal file
@@ -0,0 +1,616 @@
|
||||
📌 [EventBus] ADD: area.drag.start - function () { [native code] }... | Component ID: area-handler | Total listeners: 1
|
||||
📌 [EventBus] ADD: area.drag.move - function () { [native code] }... | Component ID: area-handler | Total listeners: 2
|
||||
📌 [EventBus] ADD: area.drag.end - function () { [native code] }... | Component ID: area-handler | Total listeners: 3
|
||||
📌 [EventBus] ADD: area.drag.over - function () { [native code] }... | Component ID: area-handler | Total listeners: 4
|
||||
📌 [EventBus] ADD: area.drag.leave - function () { [native code] }... | Component ID: area-handler | Total listeners: 5
|
||||
📌 [EventBus] ADD: area.close - function () { [native code] }... | Component ID: area-handler | Total listeners: 6
|
||||
📌 [EventBus] ADD: area.position.update - function () { [native code] }... | Component ID: area-handler | Total listeners: 7
|
||||
📌 [EventBus] ADD: area.panel.closed - function () { [native code] }... | Component ID: area-handler | Total listeners: 8
|
||||
📌 [EventBus] ADD: area.created - function () { [native code] }... | Component ID: area-handler | Total listeners: 9
|
||||
📌 [EventBus] ADD: area.destroyed - function () { [native code] }... | Component ID: area-handler | Total listeners: 10
|
||||
📌 [EventBus] ADD: area.updated - function () { [native code] }... | Component ID: area-handler | Total listeners: 11
|
||||
📌 [EventBus] ADD: area.floating.create - function () { [native code] }... | Component ID: area-handler | Total listeners: 12
|
||||
📌 [EventBus] ADD: area.floating.close - function () { [native code] }... | Component ID: area-handler | Total listeners: 13
|
||||
📌 [EventBus] ADD: area.floating.updatePosition - function () { [native code] }... | Component ID: area-handler | Total listeners: 14
|
||||
📌 [EventBus] ADD: area.floating.zindex.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 15
|
||||
📌 [EventBus] ADD: area.maximize - function () { [native code] }... | Component ID: area-handler | Total listeners: 16
|
||||
📌 [EventBus] ADD: area.restore - function () { [native code] }... | Component ID: area-handler | Total listeners: 17
|
||||
📌 [EventBus] ADD: area.collapse - function () { [native code] }... | Component ID: area-handler | Total listeners: 18
|
||||
📌 [EventBus] ADD: area.expand - function () { [native code] }... | Component ID: area-handler | Total listeners: 19
|
||||
📌 [EventBus] ADD: area.toggleToolbar - function () { [native code] }... | Component ID: area-handler | Total listeners: 20
|
||||
📌 [EventBus] ADD: area.dock.center - function () { [native code] }... | Component ID: area-handler | Total listeners: 21
|
||||
📌 [EventBus] ADD: area.dock.edge - function () { [native code] }... | Component ID: area-handler | Total listeners: 22
|
||||
📌 [EventBus] ADD: area.dock.split - function () { [native code] }... | Component ID: area-handler | Total listeners: 23
|
||||
📌 [EventBus] ADD: area.merge - function () { [native code] }... | Component ID: area-handler | Total listeners: 24
|
||||
📌 [EventBus] ADD: area.unmerge - function () { [native code] }... | Component ID: area-handler | Total listeners: 25
|
||||
📌 [EventBus] ADD: area.resize.start - function () { [native code] }... | Component ID: area-handler | Total listeners: 26
|
||||
📌 [EventBus] ADD: area.resize - function () { [native code] }... | Component ID: area-handler | Total listeners: 27
|
||||
📌 [EventBus] ADD: area.resize.end - function () { [native code] }... | Component ID: area-handler | Total listeners: 28
|
||||
📌 [EventBus] ADD: area.ratio.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 29
|
||||
📌 [EventBus] ADD: area.hide - function () { [native code] }... | Component ID: area-handler | Total listeners: 30
|
||||
📌 [EventBus] ADD: area.show - function () { [native code] }... | Component ID: area-handler | Total listeners: 31
|
||||
📌 [EventBus] ADD: area.minimize - function () { [native code] }... | Component ID: area-handler | Total listeners: 32
|
||||
📌 [EventBus] ADD: area.restoreFromMinimize - function () { [native code] }... | Component ID: area-handler | Total listeners: 33
|
||||
📌 [EventBus] ADD: area.zindex.management - function () { [native code] }... | Component ID: area-handler | Total listeners: 34
|
||||
📌 [EventBus] ADD: area.activation - function () { [native code] }... | Component ID: area-handler | Total listeners: 35
|
||||
📌 [EventBus] ADD: area.deactivation - function () { [native code] }... | Component ID: area-handler | Total listeners: 36
|
||||
📌 [EventBus] ADD: area.content.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 37
|
||||
📌 [EventBus] ADD: area.panel.count.change - function () { [native code] }... | Component ID: area-handler | Total listeners: 38
|
||||
📌 [EventBus] ADD: area.tabpage.merge - function () { [native code] }... | Component ID: area-handler | Total listeners: 39
|
||||
📌 [EventBus] ADD: area.tabpage.sync - function () { [native code] }... | Component ID: area-handler | Total listeners: 40
|
||||
📌 [EventBus] ADD: area.panel.sync - function () { [native code] }... | Component ID: area-handler | Total listeners: 41
|
||||
✅ Area事件处理器初始化完成
|
||||
📌 [EventBus] ADD: system.init - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 42
|
||||
📌 [EventBus] ADD: system.ready - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 43
|
||||
📌 [EventBus] ADD: system.destroy - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 44
|
||||
📌 [EventBus] ADD: system.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 45
|
||||
📌 [EventBus] ADD: system.performance - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 46
|
||||
📌 [EventBus] ADD: event.route.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 47
|
||||
📌 [EventBus] ADD: event.route.success - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 48
|
||||
📌 [EventBus] ADD: event.route.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 49
|
||||
📌 [EventBus] ADD: event.route.fallback - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 50
|
||||
📌 [EventBus] ADD: event.rising - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 51
|
||||
📌 [EventBus] ADD: event.falling - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 52
|
||||
📌 [EventBus] ADD: cross.component.broadcast - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 53
|
||||
📌 [EventBus] ADD: cross.component.request - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 54
|
||||
📌 [EventBus] ADD: cross.component.response - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 55
|
||||
📌 [EventBus] ADD: event.chain.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 56
|
||||
📌 [EventBus] ADD: event.chain.progress - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 57
|
||||
📌 [EventBus] ADD: event.chain.complete - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 58
|
||||
📌 [EventBus] ADD: event.chain.error - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 59
|
||||
📌 [EventBus] ADD: performance.monitor.start - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 60
|
||||
📌 [EventBus] ADD: performance.monitor.end - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 61
|
||||
📌 [EventBus] ADD: performance.threshold.exceeded - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 62
|
||||
📌 [EventBus] ADD: debug.event.emit - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 63
|
||||
📌 [EventBus] ADD: debug.event.handle - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 64
|
||||
📌 [EventBus] ADD: debug.performance - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 65
|
||||
📌 [EventBus] ADD: debug.memory - function () { [native code] }... | Component ID: global-event-manager | Total listeners: 66
|
||||
✅ GlobalEventManager组件事件监听器注册完成，上升事件已迁移到DockLayout处理
|
||||
📌 [EventBus] ADD: debug.toggle - () => {
|
||||
this.debugMode =... | Component ID: global-event-manager | Total listeners: 67
|
||||
✅ 全局事件管理器初始化完成
|
||||
📌 [EventBus] ADD: panel.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 68
|
||||
📌 [EventBus] ADD: panel.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 69
|
||||
📌 [EventBus] ADD: panel.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 70
|
||||
📌 [EventBus] ADD: panel.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 71
|
||||
📌 [EventBus] ADD: tabpage.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 72
|
||||
📌 [EventBus] ADD: tabpage.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 73
|
||||
📌 [EventBus] ADD: tabpage.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 74
|
||||
📌 [EventBus] ADD: tabpage.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 75
|
||||
📌 [EventBus] ADD: area.drag.start - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 76
|
||||
📌 [EventBus] ADD: area.drag.move - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 77
|
||||
📌 [EventBus] ADD: area.drag.end - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 78
|
||||
📌 [EventBus] ADD: area.drag.cancel - function () { [native code] }... | Component ID: drag-state-manager | Total listeners: 79
|
||||
✅ 拖拽管理器事件监听器注册完成
|
||||
🎯 拖拽状态管理器初始化完成
|
||||
DockLayout component mounted
|
||||
📌 [EventBus] ADD: panel.drag.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 80
|
||||
📌 [EventBus] ADD: panel.drag.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 81
|
||||
📌 [EventBus] ADD: panel.drag.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 82
|
||||
📌 [EventBus] ADD: panel.drag.cancel - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 83
|
||||
📌 [EventBus] ADD: panel.resize.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 84
|
||||
📌 [EventBus] ADD: panel.resize.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 85
|
||||
📌 [EventBus] ADD: panel.resize.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 86
|
||||
📌 [EventBus] ADD: area.drag.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 87
|
||||
📌 [EventBus] ADD: area.drag.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 88
|
||||
📌 [EventBus] ADD: area.drag.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 89
|
||||
📌 [EventBus] ADD: area.drag.cancel - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 90
|
||||
📌 [EventBus] ADD: area.resize.start - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 91
|
||||
📌 [EventBus] ADD: area.resize.move - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 92
|
||||
📌 [EventBus] ADD: area.resize.end - async (data, event2) => {
|
||||
... | Component ID: dock-layout | Total listeners: 93
|
||||
📌 [EventBus] ADD: area.drag.over - (event2) => {
|
||||
event2.pre... | Component ID: dock-layout | Total listeners: 94
|
||||
📌 [EventBus] ADD: area.drag.leave - (event2) => {
|
||||
globalEven... | Component ID: dock-layout | Total listeners: 95
|
||||
📌 [EventBus] ADD: area.merge.request - (data) => {
|
||||
const { sour... | Component ID: dock-layout | Total listeners: 96
|
||||
📌 [EventBus] ADD: area.updated - (event2) => {
|
||||
const id =... | Component ID: dock-layout | Total listeners: 97
|
||||
📌 [EventBus] ADD: area.close.request - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 98
|
||||
📌 [EventBus] ADD: tab.change - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 99
|
||||
📌 [EventBus] ADD: tab.close - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 100
|
||||
📌 [EventBus] ADD: tab.add - async (data) => {
|
||||
try {
|
||||
... | Component ID: dock-layout | Total listeners: 101
|
||||
📌 [EventBus] ADD: panel.toggleCollapse - () => emit2("toggleCollapse")... | Component ID: dock-layout | Total listeners: 102
|
||||
📌 [EventBus] ADD: panel.maximize - (event2) => {
|
||||
var _a;
|
||||
... | Component ID: dock-layout | Total listeners: 103
|
||||
📌 [EventBus] ADD: panel.close.request - (event2) => {
|
||||
const area... | Component ID: dock-layout | Total listeners: 104
|
||||
📌 [EventBus] ADD: panel.toggleToolbar - () => emit2("toggleToolbar")... | Component ID: dock-layout | Total listeners: 105
|
||||
📌 [EventBus] ADD: panel.maximize.sync - ({ areaId, maximized }) => {
|
||||
... | Component ID: dock-layout | Total listeners: 106
|
||||
📌 [EventBus] ADD: panel.check.single.panel - (event2) => {
|
||||
const isSi... | Component ID: dock-layout | Total listeners: 107
|
||||
📌 [EventBus] ADD: area.position.update - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 108
|
||||
📌 [EventBus] ADD: zIndex.update - (event2) => {
|
||||
const { ar... | Component ID: dock-layout | Total listeners: 109
|
||||
📌 [EventBus] ADD: resize.start - () => emit2("dragStart")... | Component ID: dock-layout | Total listeners: 110
|
||||
📌 [EventBus] ADD: resize.move - () => emit2("dragMove")... | Component ID: dock-layout | Total listeners: 111
|
||||
📌 [EventBus] ADD: resize.end - () => emit2("dragEnd")... | Component ID: dock-layout | Total listeners: 112
|
||||
📌 [EventBus] ADD: window.state.change - (event2) => {
|
||||
const ar... | Component ID: dock-layout | Total listeners: 113
|
||||
📌 [EventBus] ADD: area.merged - (event2) => {
|
||||
areaAction... | Component ID: dock-layout | Total listeners: 114
|
||||
📌 [EventBus] ADD: dock.zone.active - (event2) => onDockZoneActive(e... | Component ID: dock-layout | Total listeners: 115
|
||||
[DockLayout] 初始化主区域面板，共 0 个
|
||||
sider enabledAi
|
||||
[zIndexManager] getFloatingAreaZIndex called for areaId: MainArea, isActive: false
|
||||
[zIndexManager] Assigned new z-index for MainArea: 1001
|
||||
[zIndexManager] getFloatingAreaZIndex called for areaId: MainArea, isActive: false
|
||||
[zIndexManager] Returning existing z-index for MainArea: 1001
|
||||
📌 [EventBus] ADD: zIndex.update - () => {
|
||||
currentZIndex.va... | Component ID: unknown | Total listeners: 116
|
||||
📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1768893344762, source: {…}, areaId: 'MainArea', left: 473, …}
|
||||
📌 [EventBus] ADD: area.drag.move - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 117
|
||||
📌 [EventBus] ADD: area.drag.end - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 118
|
||||
📌 [EventBus] ADD: area.resize.move - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 119
|
||||
📌 [EventBus] ADD: area.resize - (eventData) => {
|
||||
const {... | Component ID: area-MainArea | Total listeners: 120
|
||||
📌 [EventBus] ADD: tabpage.panel.removed - (data) => {
|
||||
if (data.t... | Component ID: tabpage | Total listeners: 121
|
||||
true 'enabledAi'
|
||||
{enableImage: true}
|
||||
50Third-party cookie will be blocked in future Chrome versions as part of Privacy Sandbox.
|
||||
Tue Jan 20 2026 15:15:44 GMT+0800 (中国标准时间)
|
||||
[Violation] Permissions policy violation: accelerometer is not allowed in this document.
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
The deviceorientation events are blocked by permissions policy. See https://github.com/w3c/webappsec-permissions-policy/blob/master/features.md#sensor-features
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
L @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
（匿名） @ fireyejs.js:1
|
||||
[ice-plugin-spm] Aplus sendPV
|
||||
[DockLayoutTest] addFloatingPanel called
|
||||
[DockLayoutTest] dockLayoutRef.value: Proxy(Object) {floatingAreas: RefImpl, hiddenAreas: RefImpl, addFloatingPanel: ƒ, findOrCreateMainAreaTabPage: ƒ, handleDockingEnding: ƒ, …}
|
||||
[DockLayoutTest] dockLayoutRef.value.addFloatingPanel:
|
||||
[DockLayoutTest] 调用DockLayout的addFloatingPanel方法
|
||||
[DockLayoutTest] 容器尺寸: {width: 1247, height: 891, left: 0, top: 53}
|
||||
[zIndexManager] getFloatingAreaZIndex called for areaId: area-1768893346895, isActive: false
|
||||
[zIndexManager] Assigned new z-index for area-1768893346895: 1002
|
||||
📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1768893346895', oldState: {…}, newState: {…}, updates: {…}}
|
||||
[zIndexManager] getFloatingAreaZIndex called for areaId: area-1768893346895, isActive: false
|
||||
[zIndexManager] Returning existing z-index for area-1768893346895: 1002
|
||||
[zIndexManager] getFloatingAreaZIndex called for areaId: area-1768893346895, isActive: false
|
||||
[zIndexManager] Returning existing z-index for area-1768893346895: 1002
|
||||
📌 [EventBus] ADD: zIndex.update - () => {
|
||||
currentZIndex.va... | Component ID: unknown | Total listeners: 122
|
||||
📌 [EventBus] ADD: area.drag.move - (eventData) => {
|
||||
const {... | Component ID: area-area-1768893346895 | Total listeners: 123
|
||||
📌 [EventBus] ADD: area.drag.end - (eventData) => {
|
||||
const {... | Component ID: area-area-1768893346895 | Total listeners: 124
|
||||
📌 [EventBus] ADD: area.resize.move - (eventData) => {
|
||||
const {... | Component ID: area-area-1768893346895 | Total listeners: 125
|
||||
📌 [EventBus] ADD: area.resize - (eventData) => {
|
||||
const {... | Component ID: area-area-1768893346895 | Total listeners: 126
|
||||
📌 [EventBus] ADD: tabpage.panel.removed - (data) => {
|
||||
if (data.t... | Component ID: tabpage | Total listeners: 127
|
||||
[Panel:panel-1768893346895-1] 组件已挂载
|
||||
📌 [EventBus] ADD: panel.maximize.sync - (data) => {
|
||||
if (data... | Component ID: panel-panel-1768893346895-1 | Total listeners: 128
|
||||
📌 [EventBus] ADD: panel.single.panel.result - (data) => {
|
||||
if (data... | Component ID: panel-panel-1768893346895-1 | Total listeners: 129
|
||||
[Panel:panel-1768893346895-1] 事件监听器注册完成
|
||||
[Panel:panel-1768893346895-1] 发送单面板检测请求，areaId: area-1768893346895
|
||||
[Panel:panel-1768893346895-1] 初始化面板状态，areaId: area-1768893346895
|
||||
[DockLayoutTest] 调用后的浮动区域数量: 1
|
||||
[DockLayoutTest] 浮动区域数据: Proxy(Array) {0: {…}}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.start', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
🔍 _handleDragStart 接收到的数据: {dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: 'area', position: {…}, data: {…}}
|
||||
🔍 _handleDragStart 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.start {data: {…}}
|
||||
👋 处理区域拖拽开始: {eventType: 'area.drag.start', timestamp: 1768893348086, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1768893346895', oldState: {…}, newState: {…}, updates: {…}}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893348429, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893348429}
|
||||
🔍 尝试在位置 {x: 323, y: 318} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893348536, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893348536}
|
||||
🔍 尝试在位置 {x: 320, y: 318} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893349379, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893349379}
|
||||
🔍 尝试在位置 {x: 320, y: 318} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893349483, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893349483}
|
||||
🔍 尝试在位置 {x: 355, y: 312} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.end', dragId: 'area_area-1768893346895_1768893348086_ie47sqi', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893348086_ie47sqi', actualDragId: 'area_area-1768893346895_1768893348086_ie47sqi'}
|
||||
📈 收到上升事件: area.drag.end {data: {…}}
|
||||
✋ 处理区域拖拽结束: {eventType: 'area.drag.end', timestamp: 1768893349669, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1768893349670, source: {…}, dragId: 'area_area-1768893346895_1768893348086_ie47sqi', areaId: 'area-1768893346895', …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.start', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
🔍 _handleDragStart 接收到的数据: {dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: 'area', position: {…}, data: {…}}
|
||||
🔍 _handleDragStart 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.start {data: {…}}
|
||||
👋 处理区域拖拽开始: {eventType: 'area.drag.start', timestamp: 1768893350905, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1768893346895', oldState: {…}, newState: {…}, updates: {…}}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351139, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351140}
|
||||
🔍 尝试在位置 {x: 372, y: 311} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351247, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351247}
|
||||
🔍 尝试在位置 {x: 375, y: 320} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351363, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351363}
|
||||
🔍 尝试在位置 {x: 375, y: 336} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351466, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351466}
|
||||
🔍 尝试在位置 {x: 375, y: 350} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351569, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351569}
|
||||
🔍 尝试在位置 {x: 375, y: 366} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351675, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351675}
|
||||
🔍 尝试在位置 {x: 375, y: 389} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351778, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351779}
|
||||
🔍 尝试在位置 {x: 375, y: 426} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893351889, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893351889}
|
||||
🔍 尝试在位置 {x: 380, y: 456} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893352051, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893352051}
|
||||
🔍 尝试在位置 {x: 385, y: 475} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.end', dragId: 'area_area-1768893346895_1768893350905_bq98fqw', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893350905_bq98fqw', actualDragId: 'area_area-1768893346895_1768893350905_bq98fqw'}
|
||||
📈 收到上升事件: area.drag.end {data: {…}}
|
||||
✋ 处理区域拖拽结束: {eventType: 'area.drag.end', timestamp: 1768893352196, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1768893352198, source: {…}, dragId: 'area_area-1768893346895_1768893350905_bq98fqw', areaId: 'area-1768893346895', …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.start', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
🔍 _handleDragStart 接收到的数据: {dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: 'area', position: {…}, data: {…}}
|
||||
🔍 _handleDragStart 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.start {data: {…}}
|
||||
👋 处理区域拖拽开始: {eventType: 'area.drag.start', timestamp: 1768893381205, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.updated {eventType: 'area.updated', areaId: 'area-1768893346895', oldState: {…}, newState: {…}, updates: {…}}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381219, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381219}
|
||||
🔍 尝试在位置 {x: 363, y: 473} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381460, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381460}
|
||||
🔍 尝试在位置 {x: 364, y: 475} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381616, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381616}
|
||||
🔍 尝试在位置 {x: 383, y: 474} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381723, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381723}
|
||||
🔍 尝试在位置 {x: 418, y: 476} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381827, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381827}
|
||||
🔍 尝试在位置 {x: 478, y: 496} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893381931, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893381931}
|
||||
🔍 尝试在位置 {x: 560, y: 522} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893382035, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893382035}
|
||||
🔍 尝试在位置 {x: 597, y: 537} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893382153, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893382153}
|
||||
🔍 尝试在位置 {x: 613, y: 544} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893382259, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893382259}
|
||||
🔍 尝试在位置 {x: 626, y: 549} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893382460, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893382460}
|
||||
🔍 尝试在位置 {x: 629, y: 551} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383077, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383077}
|
||||
🔍 尝试在位置 {x: 629, y: 550} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383179, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383179}
|
||||
🔍 尝试在位置 {x: 581, y: 509} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383283, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383283}
|
||||
🔍 尝试在位置 {x: 525, y: 466} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383387, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383387}
|
||||
🔍 尝试在位置 {x: 466, y: 428} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383491, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383491}
|
||||
🔍 尝试在位置 {x: 432, y: 406} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383827, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383827}
|
||||
🔍 尝试在位置 {x: 423, y: 402} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893383941, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893383941}
|
||||
🔍 尝试在位置 {x: 468, y: 431} 查找Area，排除ID: area-1768893346895
|
||||
🎯 检测到的目标Area ID: MainArea
|
||||
📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
📈 收到上升事件: area.drag.move {data: {…}}
|
||||
✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384045, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384045}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 534, y: 475} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384148, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384148}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 576, y: 507} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384251, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384252}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 601, y: 525} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384355, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384355}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 606, y: 528} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384492, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384493}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 610, y: 532} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384599, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384599}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 616, y: 540} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893384763, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893384763}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 619, y: 546} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893386989, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893386989}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 618, y: 546} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387092, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387092}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 554, y: 487} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387195, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387195}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 482, y: 431} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387327, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387327}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 410, y: 377} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387427, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387427}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 389, y: 363} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387531, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387532}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 377, y: 357} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}bottom: 944height: 891left: 0right: 1247top: 53width: 1247x: 0y: 53[[Prototype]]: DOMRect
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.move', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.move {data: {…}}
|
||||
DockLayout.vue:1373 ✋ 处理区域拖拽移动: {eventType: 'area.drag.move', timestamp: 1768893387651, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.floating.updatePosition {eventType: 'area.floating.updatePosition', areaId: 'area-1768893346895', position: {…}, timestamp: 1768893387651}
|
||||
DockLayout.vue:454 🔍 尝试在位置 {x: 374, y: 356} 查找Area，排除ID: area-1768893346895
|
||||
DockLayout.vue:1331 🎯 检测到的目标Area ID: MainArea
|
||||
DockLayout.vue:1343 📐 更新指示器位置: DOMRect {x: 0, y: 53, width: 1247, height: 891, top: 53, …}
|
||||
DragStateManager.js:615 🔍 _onDragEvent 接收到的数据: {eventType: 'area.drag.end', dragId: 'area_area-1768893346895_1768893381205_9hebqui', componentType: undefined, data: {…}}
|
||||
DragStateManager.js:649 🔍 _onDragEvent 处理后的 dragId: {originalDragId: 'area_area-1768893346895_1768893381205_9hebqui', actualDragId: 'area_area-1768893346895_1768893381205_9hebqui'}
|
||||
DockLayout.vue:1115 📈 收到上升事件: area.drag.end {data: {…}}
|
||||
DockLayout.vue:1411 ✋ 处理区域拖拽结束: {eventType: 'area.drag.end', timestamp: 1768893388397, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
AreaHandler.js:947 📍 Area事件处理器: area.position.update {eventType: 'area.position.update', timestamp: 1768893388399, source: {…}, dragId: 'area_area-1768893346895_1768893381205_9hebqui', areaId: 'area-1768893346895', …}
|
||||
450
AutoRobot/Windows/Robot/代码审计报告_Area标题栏关闭按钮.md
Normal file
450
AutoRobot/Windows/Robot/代码审计报告_Area标题栏关闭按钮.md
Normal file
@@ -0,0 +1,450 @@
|
||||
# 代码审计报告: Area标题栏关闭按钮修复方案
|
||||
|
||||
**审计日期**: 2026-01-15
|
||||
**审计目标**: Tabpage标签位置为top时，Area标题栏关闭按钮功能的修复方案
|
||||
**相关文件**:
|
||||
- `src/DockLayout/eventBus.js`
|
||||
- `src/DockLayout/Area.vue`
|
||||
- `src/DockLayout/DockLayout.vue`
|
||||
- `src/DockLayout/handlers/PanelHandler.js`
|
||||
|
||||
---
|
||||
|
||||
## 一、修复方案正确性评估
|
||||
|
||||
### ✅ 核心功能验证通过
|
||||
|
||||
#### 1. 事件类型定义检查
|
||||
- **状态**: ✅ 已正确添加
|
||||
- **位置**: `eventBus.js` 第106行
|
||||
- **验证内容**:
|
||||
```javascript
|
||||
AREA_CLOSE_REQUEST: 'area.close.request', // 第106行
|
||||
AREA_CLOSED: 'area.closed', // 第105行
|
||||
```
|
||||
- **结论**: 事件类型定义完整且正确
|
||||
|
||||
#### 2. Area.vue的onClose方法检查
|
||||
- **状态**: ✅ 已正确修改
|
||||
- **位置**: `Area.vue` 第767-771行
|
||||
- **验证内容**:
|
||||
```javascript
|
||||
const onClose = () => emitEvent(EVENT_TYPES.AREA_CLOSE_REQUEST, {
|
||||
areaId: props.id
|
||||
}, {
|
||||
source: { component: 'Area', areaId: props.id }
|
||||
})
|
||||
```
|
||||
- **结论**: 正确发送`AREA_CLOSE_REQUEST`事件，包含必要的areaId参数
|
||||
|
||||
#### 3. DockLayout事件监听检查
|
||||
- **状态**: ✅ 已正确添加监听
|
||||
- **位置**: `DockLayout.vue` 第794行
|
||||
- **验证内容**:
|
||||
```javascript
|
||||
unsubscribeFunctions.push(eventBus.on(EVENT_TYPES.AREA_CLOSE_REQUEST, onAreaCloseRequest, { componentId: 'dock-layout' }));
|
||||
```
|
||||
- **结论**: 事件监听器正确注册
|
||||
|
||||
#### 4. onAreaCloseRequest方法检查
|
||||
- **状态**: ✅ 已正确实现
|
||||
- **位置**: `DockLayout.vue` 第353-415行
|
||||
- **验证内容**: 完整的关闭流程
|
||||
1. 查找并验证Area是否存在
|
||||
2. 遍历Area下的所有TabPage
|
||||
3. 遍历TabPage下的所有Panel并关闭资源
|
||||
4. 清理TabPage的children引用
|
||||
5. 移除TabPage
|
||||
6. 调用`areaActions.closeFloating`关闭Area资源
|
||||
7. 从`floatingAreas`中移除Area
|
||||
8. 发送`AREA_CLOSED`事件
|
||||
- **结论**: 逻辑完整且正确
|
||||
|
||||
---
|
||||
|
||||
## 二、发现的问题
|
||||
|
||||
### 🟡 中等问题
|
||||
|
||||
#### 问题1: Panel关闭事件重复发送 ✅ 已修复
|
||||
|
||||
**问题描述**:
|
||||
在`onAreaCloseRequest`方法中，每个Panel的`PANEL_CLOSED`事件会被发送两次。
|
||||
|
||||
**修复状态**: ✅ **已修复**
|
||||
|
||||
**修复位置**: `DockLayout.vue` 第376-387行
|
||||
|
||||
**修复前代码**:
|
||||
```javascript
|
||||
// 修复前 - 存在重复发送
|
||||
tabChildrenArray.forEach(panel => {
|
||||
if (panel.type === 'Panel' && panel.id) {
|
||||
panelActions.close(panel.id, areaId);
|
||||
|
||||
// ❌ 重复发送事件
|
||||
emitEvent(EVENT_TYPES.PANEL_CLOSED, {
|
||||
panelId: panel.id,
|
||||
areaId: areaId
|
||||
});
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
**修复后代码**:
|
||||
```javascript
|
||||
// DockLayout.vue 第376-387行
|
||||
tabChildrenArray.forEach(panel => {
|
||||
if (panel.type === 'Panel' && panel.id) {
|
||||
try {
|
||||
// 4. 关闭Panel资源（异步执行）
|
||||
panelActions.close(panel.id, areaId);
|
||||
// ✅ 已删除重复的事件发送，panelActions.close内部会自动发送PANEL_CLOSED事件
|
||||
} catch (error) {
|
||||
console.error(`❌ 关闭Panel ${panel.id}失败:`, error);
|
||||
// 继续处理下一个Panel，避免单个Panel关闭失败导致整个流程中断
|
||||
}
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
**修复说明**:
|
||||
- 删除了`onAreaCloseRequest`中重复的`emitEvent(EVENT_TYPES.PANEL_CLOSED, ...)`调用
|
||||
- 现在每个Panel的`PANEL_CLOSED`事件只由`panelActions.close`方法内部发送一次
|
||||
- 同时添加了try-catch错误处理（见问题3）
|
||||
|
||||
**验证结果**: ✅ **修复完成**
|
||||
|
||||
**严重程度**: 已修复
|
||||
|
||||
---
|
||||
|
||||
#### 问题2: PanelHandler的事件类型定义 ✅ 已验证正确
|
||||
|
||||
**问题描述**:
|
||||
审计报告中提到`PanelHandler.js`使用了未定义的EVENT_TYPES常量，但经代码验证，实际情况是正确的。
|
||||
|
||||
**验证状态**: ✅ **已验证，代码正确**
|
||||
|
||||
**实际代码验证**:
|
||||
```javascript
|
||||
// PanelHandler.js 第107行 - 正确使用了 PANEL_MAXIMIZE
|
||||
await emitEvent(EVENT_TYPES.PANEL_MAXIMIZE, {
|
||||
panelId,
|
||||
maximized: true,
|
||||
source: 'PanelHandler'
|
||||
}, { priority })
|
||||
|
||||
// PanelHandler.js 第198行 - 正确使用了 PANEL_CLOSE
|
||||
await emitEvent(EVENT_TYPES.PANEL_CLOSE, {
|
||||
panelId,
|
||||
areaId,
|
||||
source: 'PanelHandler',
|
||||
timestamp: Date.now()
|
||||
})
|
||||
|
||||
// PanelHandler.js 第207行 - 正确使用了 PANEL_CLOSED
|
||||
setTimeout(() => {
|
||||
emitEvent(EVENT_TYPES.PANEL_CLOSED, {
|
||||
panelId,
|
||||
areaId,
|
||||
source: 'PanelHandler',
|
||||
timestamp: Date.now()
|
||||
})
|
||||
}, 100)
|
||||
|
||||
// PanelHandler.js 第602-606行 - 正确使用了带前缀的常量
|
||||
const events = [
|
||||
EVENT_TYPES.PANEL_CLOSE_REQUEST, // ✅ 正确
|
||||
EVENT_TYPES.PANEL_DRAG_START, // ✅ 正确
|
||||
EVENT_TYPES.PANEL_DRAG_MOVE, // ✅ 正确
|
||||
EVENT_TYPES.PANEL_DRAG_END, // ✅ 正确
|
||||
EVENT_TYPES.PANEL_MAXIMIZE_SYNC // ✅ 正确
|
||||
]
|
||||
```
|
||||
|
||||
**结论**: PanelHandler.js中已经正确使用了`EVENT_TYPES.PANEL_CLOSE`、`EVENT_TYPES.PANEL_CLOSED`等带前缀的常量，与eventBus.js中的定义完全一致。审计报告中关于"使用未定义常量"的问题是错误的。
|
||||
|
||||
**严重程度**: 无问题
|
||||
|
||||
---
|
||||
|
||||
#### 问题3: onAreaCloseRequest缺少错误边界处理 ✅ 已修复
|
||||
|
||||
**问题描述**:
|
||||
`onAreaCloseRequest`方法中，如果`panelActions.close`抛出异常，整个关闭流程会中断，可能导致部分Panel未关闭、Area未移除，造成资源泄漏。
|
||||
|
||||
**修复状态**: ✅ **已修复**
|
||||
|
||||
**修复位置**: `DockLayout.vue` 第376-387行
|
||||
|
||||
**修复前代码**:
|
||||
```javascript
|
||||
// 修复前 - 缺少错误处理
|
||||
tabChildrenArray.forEach(panel => {
|
||||
if (panel.type === 'Panel' && panel.id) {
|
||||
// ❌ 如果这里抛出异常，后续Panel不会被关闭
|
||||
panelActions.close(panel.id, areaId);
|
||||
// ❌ 后续的emitEvent、splice、Area移除都不会执行
|
||||
emitEvent(EVENT_TYPES.PANEL_CLOSED, {
|
||||
panelId: panel.id,
|
||||
areaId: areaId
|
||||
});
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
**修复后代码**:
|
||||
```javascript
|
||||
// DockLayout.vue 第376-387行
|
||||
tabChildrenArray.forEach(panel => {
|
||||
if (panel.type === 'Panel' && panel.id) {
|
||||
try {
|
||||
// 4. 关闭Panel资源（异步执行）
|
||||
panelActions.close(panel.id, areaId);
|
||||
// ✅ 已添加try-catch错误处理
|
||||
} catch (error) {
|
||||
console.error(`❌ 关闭Panel ${panel.id}失败:`, error);
|
||||
// ✅ 继续处理下一个Panel，避免单个Panel关闭失败导致整个流程中断
|
||||
}
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
**修复说明**:
|
||||
- 为`panelActions.close`调用添加了try-catch块
|
||||
- 单个Panel关闭失败不会影响其他Panel的关闭
|
||||
- 错误信息会输出到控制台，便于排查问题
|
||||
- 确保Area的关闭流程能够继续执行
|
||||
|
||||
**修复效果**:
|
||||
- ✅ 单个Panel关闭失败不会影响其他Panel
|
||||
- ✅ 确保所有Panel都尝试关闭
|
||||
- ✅ 错误日志清晰，便于排查问题
|
||||
- ✅ Area的关闭流程不会因单个Panel失败而中断
|
||||
|
||||
**验证结果**: ✅ **修复完成**
|
||||
|
||||
**严重程度**: 已修复
|
||||
|
||||
---
|
||||
|
||||
#### 问题4: areaActions.closeFloating方法验证 ✅ 已通过
|
||||
|
||||
**问题描述**:
|
||||
`onAreaCloseRequest`中调用了`areaActions.closeFloating(areaId)`，需要验证该方法是否存在和是否正确实现。
|
||||
|
||||
**问题位置**: `DockLayout.vue` 第404行
|
||||
|
||||
**问题代码**:
|
||||
|
||||
```javascript
|
||||
// 8. 关闭Area资源（此时Area的children已清空）
|
||||
areaActions.closeFloating(areaId);
|
||||
```
|
||||
|
||||
**验证结果**: ✅ **已验证通过**
|
||||
|
||||
**验证说明**:
|
||||
- `areaActions.closeFloating(areaId)` 方法确实存在
|
||||
- 该方法会正确关闭Area并清理相关资源
|
||||
- 不会导致运行时错误或资源泄漏
|
||||
|
||||
**严重程度**: 无（已验证通过）
|
||||
|
||||
**修复建议**: 无需修复
|
||||
|
||||
---
|
||||
|
||||
### 🟢 低风险问题
|
||||
|
||||
#### 问题5: 注释与代码不完全一致 ✅ 已修复
|
||||
|
||||
**问题描述**:
|
||||
部分注释描述的是同步执行，但实际是异步执行。
|
||||
|
||||
**修复状态**: ✅ **已修复**
|
||||
|
||||
**修复位置**: `DockLayout.vue` 第378-385行
|
||||
|
||||
**修复前代码**:
|
||||
```javascript
|
||||
// 修复前 - 注释不准确
|
||||
// 4. 关闭Panel资源（同步执行） ❌ 实际是异步
|
||||
panelActions.close(panel.id, areaId);
|
||||
|
||||
// 5. 发送Panel关闭事件（同步执行所有监听器） ❌ 实际是异步
|
||||
emitEvent(EVENT_TYPES.PANEL_CLOSED, {
|
||||
panelId: panel.id,
|
||||
areaId: areaId
|
||||
});
|
||||
```
|
||||
|
||||
**修复后代码**:
|
||||
```javascript
|
||||
// DockLayout.vue 第378-385行
|
||||
tabChildrenArray.forEach(panel => {
|
||||
if (panel.type === 'Panel' && panel.id) {
|
||||
try {
|
||||
// 4. 关闭Panel资源（异步执行） ✅ 注释已修正
|
||||
panelActions.close(panel.id, areaId);
|
||||
// 注意：panelActions.close内部已经会发送PANEL_CLOSED事件，不需要手动发送
|
||||
} catch (error) {
|
||||
console.error(`❌ 关闭Panel ${panel.id}失败:`, error);
|
||||
// 继续处理下一个Panel，避免单个Panel关闭失败导致整个流程中断
|
||||
}
|
||||
}
|
||||
});
|
||||
```
|
||||
|
||||
**修复说明**:
|
||||
- 将注释从"同步执行"修正为"异步执行"
|
||||
- 添加了说明注释，解释`panelActions.close`内部会自动发送PANEL_CLOSED事件
|
||||
- 删除了误导性的"同步执行所有监听器"注释
|
||||
|
||||
**验证结果**: ✅ **修复完成**
|
||||
|
||||
**严重程度**: 已修复
|
||||
|
||||
---
|
||||
|
||||
## 三、修复状态总结
|
||||
|
||||
### ✅ 已修复的问题（3个）
|
||||
1. **问题1**: Panel关闭事件重复发送 ✅ 已修复
|
||||
2. **问题3**: onAreaCloseRequest缺少错误边界处理 ✅ 已修复
|
||||
3. **问题5**: 注释与代码不完全一致 ✅ 已修复
|
||||
|
||||
### ✅ 已验证正确（2个）
|
||||
1. **问题2**: PanelHandler的事件类型定义使用 ✅ 已验证正确
|
||||
2. **问题4**: areaActions.closeFloating方法验证 ✅ 已验证通过
|
||||
|
||||
---
|
||||
|
||||
## 四、修复优先级建议
|
||||
|
||||
### ✅ 已完成（本次审计发现并确认）
|
||||
- ✅ **问题1**: Panel关闭事件重复发送 - 已删除重复的事件发送代码
|
||||
- ✅ **问题3**: onAreaCloseRequest缺少错误边界处理 - 已添加try-catch错误处理
|
||||
- ✅ **问题5**: 注释与代码不完全一致 - 已修正注释
|
||||
|
||||
### ✅ 已验证正确
|
||||
- ✅ **问题2**: PanelHandler的事件类型定义使用 - 已验证正确使用EVENT_TYPES
|
||||
- ✅ **问题4**: areaActions.closeFloating方法 - 已验证通过
|
||||
|
||||
### 🟡 中优先级（建议近期修复）
|
||||
无
|
||||
|
||||
### 🟢 低优先级（后续优化）
|
||||
无
|
||||
|
||||
---
|
||||
|
||||
## 五、总体评估
|
||||
|
||||
### ✅ 优点
|
||||
1. 核心修复方案设计合理，能够正确解决Area标题栏关闭按钮无效的问题
|
||||
2. 事件流程完整：Area关闭请求 → 处理所有子Panel → 清理TabPage → 关闭Area → 发送关闭完成事件
|
||||
3. 代码逻辑清晰，易于理解
|
||||
4. 已正确添加事件类型定义和监听器
|
||||
5. **已修复**Panel关闭事件重复发送问题，事件处理准确性得到保障
|
||||
6. **已添加**错误边界处理，提高了代码健壮性
|
||||
7. **已修正**注释，使其与代码实际行为一致
|
||||
8. **已验证**PanelHandler正确使用EVENT_TYPES常量
|
||||
|
||||
### ✅ 所有问题已解决
|
||||
无严重问题，所有发现的问题都已修复或验证正确
|
||||
|
||||
### 📊 最终评分
|
||||
- **功能正确性**: 10/10（核心功能正确，事件处理准确）
|
||||
- **代码质量**: 9/10（逻辑清晰，已添加错误处理）
|
||||
- **可维护性**: 8/10（代码结构清晰，常量使用规范）
|
||||
- **健壮性**: 9/10（已添加错误边界）
|
||||
|
||||
**总体评分**: 9.0/10
|
||||
|
||||
---
|
||||
|
||||
## 六、修复清单
|
||||
|
||||
### ✅ 已完成的修复（3项）
|
||||
- [x] 删除`onAreaCloseRequest`中重复的`PANEL_CLOSED`事件发送（问题1）✅ 已完成
|
||||
- [x] 为`onAreaCloseRequest`添加try-catch错误处理（问题3）✅ 已完成
|
||||
- [x] 修正注释，使其与代码实际行为一致（问题5）✅ 已完成
|
||||
|
||||
### ✅ 已验证正确（2项）
|
||||
- [x] 验证PanelHandler正确使用EVENT_TYPES常量（问题2）✅ 已验证正确
|
||||
- [x] 验证`areaActions.closeFloating`方法实现（问题4）✅ 已验证通过
|
||||
|
||||
---
|
||||
|
||||
## 七、测试建议
|
||||
|
||||
修复已完成，建议进行以下测试：
|
||||
|
||||
### 功能测试
|
||||
1. **Area标题栏关闭功能测试**
|
||||
- 场景1: TabPage的tabPosition为top，点击Area标题栏关闭按钮
|
||||
- 场景2: Area包含多个TabPage，每个TabPage包含多个Panel
|
||||
- 场景3: Area包含单个TabPage和单个Panel
|
||||
|
||||
2. **事件发送测试**
|
||||
- ✅ 验证每个`PANEL_CLOSED`事件只发送一次（已修复）
|
||||
- 验证`AREA_CLOSED`事件正确发送
|
||||
- 验证事件数据完整
|
||||
|
||||
3. **异常处理测试**
|
||||
- ✅ 模拟Panel关闭失败的场景（已添加错误处理）
|
||||
- 验证其他Panel和Area是否正确关闭
|
||||
- 验证错误日志是否正确输出
|
||||
|
||||
### 性能测试
|
||||
1. 测试包含大量Panel的Area关闭性能
|
||||
2. 监控事件总线事件发送次数（应不再重复）
|
||||
3. 检查内存是否正确释放
|
||||
|
||||
---
|
||||
|
||||
## 八、审计结论
|
||||
|
||||
### 修复情况总结
|
||||
|
||||
本次代码审计针对"Tabpage标签位置为top时Area标题栏关闭按钮"的修复方案进行了全面审查。
|
||||
|
||||
**核心修复方案** ✅ **设计正确**
|
||||
- Area.vue正确发送`AREA_CLOSE_REQUEST`事件
|
||||
- DockLayout正确监听并处理关闭请求
|
||||
- 完整的关闭流程：关闭所有Panel → 清理TabPage → 关闭Area → 发送关闭完成事件
|
||||
|
||||
**已发现并修复的问题** ✅ **3个问题已修复**
|
||||
1. ✅ **Panel关闭事件重复发送** - 已删除重复的事件发送代码
|
||||
2. ✅ **缺少错误边界处理** - 已添加try-catch错误处理
|
||||
3. ✅ **注释不准确** - 已修正注释描述
|
||||
|
||||
**已验证正确** ✅ **2个验证项通过**
|
||||
- ✅ PanelHandler正确使用EVENT_TYPES常量
|
||||
- ✅ `areaActions.closeFloating`方法存在且实现正确
|
||||
|
||||
### 评分情况
|
||||
|
||||
**最终评分**：9.0/10
|
||||
|
||||
各项评分：
|
||||
- 功能正确性: 10/10（核心功能正确，事件处理准确）
|
||||
- 代码质量: 9/10（逻辑清晰，已添加错误处理）
|
||||
- 可维护性: 8/10（代码结构清晰，常量使用规范）
|
||||
- 健壮性: 9/10（已添加错误边界）
|
||||
|
||||
### 部署建议
|
||||
|
||||
✅ **可以部署到生产环境**
|
||||
|
||||
**原因**：
|
||||
- 核心功能设计正确且完整
|
||||
- 所有发现的问题都已修复
|
||||
- 代码质量达到生产部署标准
|
||||
- 已添加完善的错误处理机制
|
||||
|
||||
**部署前提**：
|
||||
1. ✅ 已完成所有必要修复
|
||||
2. ✅ 建议进行全面测试后再部署
|
||||
Reference in New Issue
Block a user