refactor: 组件按功能分组到子目录

components/ 拆分为 5 个子目录:
- layout/       TitleBar, StatusBar, Sidebar, MainArea
- connection/   ConnectionList, ConnectionCard, NewConnectionDialog
- key/          KeyBrowser, KeyList, KeyDetail, DbSelector
- editors/      String/Hash/List/Set/Zset/Stream/ReJson Editor
- views/        StatusView, CliView, SlowLogView, MemoryAnalysis, CommandLog, SettingsView

更新 4 个文件的跨目录引用 (App.vue, Sidebar, MainArea, KeyDetail)
AGENTS.md 架构树同步更新
This commit is contained in:
2026-07-11 21:21:47 +08:00
parent 12134ec896
commit 3dea59f703
26 changed files with 50 additions and 45 deletions
+29 -24
View File
@@ -68,30 +68,35 @@ Renderer (src/renderer/)
│ ├── connection.ts # connections CRUD, connect/disconnect, health check
│ └── key.ts # key list, scan, tree view, selected key data
├── components/
│ ├── TitleBar.vue # window controls
├── StatusBar.vue # connection status, DB selector
│ ├── Sidebar.vue # keyboard shortcuts, dialog host
├── ConnectionList.vue # search, import/export, new button
├── ConnectionCard.vue # single connection card
│ ├── NewConnectionDialog.vue # create/edit/test connection
├── DbSelector.vue # database 0-15 dropdown
├── MainArea.vue # tab host (Status/Keys/CLI/SlowLog/Settings)
├── StatusView.vue # INFO dashboard with stat cards
│ ├── KeyBrowser.vue # split pane (KeyList + KeyDetail)
│ ├── KeyList.vue # pattern search, filter, SCAN, multi-select
│ ├── KeyDetail.vue # type dispatch, TTL, rename, copy
├── StringEditor.vue # view/edit with JSON format
├── HashEditor.vue # field table CRUD
│ ├── ListEditor.vue # paginated elements
│ ├── SetEditor.vue # member list
├── ZsetEditor.vue # sorted set with scores
├── StreamEditor.vue # stream entries
├── CliView.vue # interactive terminal
├── SlowLogView.vue # slow log table
│ ├── SettingsView.vue # theme, language, scan count
├── MemoryAnalysis.vue # MEMORY USAGE scan & sort
── CommandLog.vue # command execution history
└── ReJsonEditor.vue # JSON.GET / JSON.SET editing
│ ├── layout/ # App shell
│ ├── TitleBar.vue # window controls
├── StatusBar.vue # connection status
│ ├── Sidebar.vue # connection list host, keyboard shortcuts
│ └── MainArea.vue # tab host (Status/Keys/CLI/SlowLog/Settings)
│ ├── connection/ # Connection management
│ ├── ConnectionList.vue # search, import/export, context menu
│ ├── ConnectionCard.vue # single connection card
│ └── NewConnectionDialog.vue # create/edit/test connection
│ ├── key/ # Key browsing
├── KeyBrowser.vue # split pane (KeyList + KeyDetail)
├── KeyList.vue # tree view, SCAN, filter, multi-select
│ ├── KeyDetail.vue # type dispatch, TTL, rename, copy
│ └── DbSelector.vue # database 0-15 dropdown
│ ├── editors/ # Type-specific value editors
├── StringEditor.vue # view/edit with JSON format
│ ├── HashEditor.vue # field table CRUD
│ ├── ListEditor.vue # paginated elements
│ ├── SetEditor.vue # member list
│ ├── ZsetEditor.vue # sorted set with scores
├── StreamEditor.vue # stream entries
│ └── ReJsonEditor.vue # JSON.GET / JSON.SET editing
── views/ # Tab content views
├── StatusView.vue # INFO dashboard with stat cards
│ ├── CliView.vue # interactive terminal
│ ├── SlowLogView.vue # slow log table
│ ├── MemoryAnalysis.vue # MEMORY USAGE scan & sort
│ ├── CommandLog.vue # command execution history
│ └── SettingsView.vue # theme, language, font
├── i18n/
│ ├── index.ts # useI18n composable
│ └── locales/