feat(task-logs): 优化任务中心日志前端展示

- 引入 @tanstack/vue-virtual 实现虚拟滚动,仅渲染可见区域日志行
- 添加自动滚动开关,用户可手动控制是否自动滚动
- 实现用户滚动检测,向上滚动时暂停自动滚动,滚到底部时恢复
- 优化日志面板头部布局,添加自动滚动开关 UI

关联 PR: #119
This commit is contained in:
2026-07-28 17:18:51 +08:00
parent 8904330632
commit 053fd7027c
4 changed files with 116 additions and 58 deletions
+9 -8
View File
@@ -9,19 +9,20 @@
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.3.4",
"vue-router": "^4.2.4",
"pinia": "^2.1.4",
"element-plus": "^2.3.12",
"@element-plus/icons-vue": "^2.1.0",
"axios": "^1.5.0"
"@tanstack/vue-virtual": "^3.13.34",
"axios": "^1.5.0",
"element-plus": "^2.3.12",
"pinia": "^2.1.4",
"vue": "^3.3.4",
"vue-router": "^4.2.4"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.2.4",
"typescript": "^5.2.2",
"vite": "^6.4.3",
"vue-tsc": "^2.2.12",
"unplugin-auto-import": "^0.16.6",
"unplugin-vue-components": "^0.25.2"
"unplugin-vue-components": "^0.25.2",
"vite": "^6.4.3",
"vue-tsc": "^2.2.12"
}
}