DESIGN-02-DARKVerdaccio 缓存可视化管理面板

暗色调版本 · 与 v2-1 同构布局 · 暖黑底 + 霓虹多巴胺点缀 · 预警呼吸光晕

设计稿 · v2_2 暗色调
画面:概览 / 检索 / 详情抽屉 / 忽略列表 / 最近动态
2026-09
FRAME 01 · 缓存概览(9 项统计 + Top30 排行 + 包卡片)
📦
Verdaccio Manager
你的缓存 · 尽在掌握
👤
📦 包的数量 🗃️
1,247个缓存包
💾 占用空间 🧊
12.8GB
🚨 预警数量 🔥
23个需关注
🧹 可清理空间 ✨
3.2GB
✨ 立即清理
🏆访问排行展开
Top 30
lodash · axios · react
📈今日下载量
1,234
较昨日 +18%
🐘最大包
tensorflow2.1 GB
24 个版本
⏳最老包时间
3 年前⏰
legacy-utils · 未更新
🧩版本数分布查看详情
>50 版本12 个
>30: 41 · >15: 128
🏆访问次数 Top 30按热度排序
收起 ▴
排名包名访问次数热度
1📚lodash12,456
85%
2🔌axios9,832
72%
3📊@antv/g27,654
58%
4⚛️react6,543
49%
5💚vue5,218
41%
6🚀express4,376
35%
🎁你的缓存 共 1,247 个包 · 预警置顶 · 同状态按版本数降序
📚
lodash 🔥 预警
超阈值 10 个版本
25
版本数
128.5 MB
占用空间
📊
@antv/g2 🔥 预警
超阈值 17 个版本
32
版本数
256.8 MB
占用空间
🔌
axios 🔥 预警
超阈值 3 个版本
18
版本数
45.2 MB
占用空间
⚛️
react ✅ 正常
最近更新 2026-09-12
8
版本数
42.1 MB
占用空间
🚀
express ✅ 正常
最近更新 2026-09-08
6
版本数
18.9 MB
占用空间
🛡️
vue 💤 已忽略
标记于 2026-08-30
19
版本数
88.3 MB
占用空间
FRAME 02 · 全局检索(大圆角搜索框 + pill 筛选 + 无边框虚拟表格)
FRAME 03 · 阈值配置(全局默认 + 单包例外 · 命中即预警)
📦
Verdaccio Manager
你的缓存 · 尽在掌握
👤
⚙️阈值配置
命中阈值即预警 · 全局默认 + 单包例外 · 保存后立即生效,历史缓存包即时重算状态
📦版本数阈值命中即预警
恢复默认 50
包内缓存版本数达到阈值后,该包被标记为「预警」,并置顶展示在概览与检索结果中。
个版本
🧊包大小阈值命中即预警
恢复默认 500
包占用空间达到阈值后标记预警。预警包内的低版本可一键清理,释放可清理空间。
MB
💡 保存后立即生效 · 历史缓存包将即时重算预警状态 · 无需重启服务
🔧单包例外 例外的阈值优先于全局配置 · 用于个别大包 / 特殊包
包名版本数阈值包大小阈值命中状态操作
📊@antv/g2 15 200 MB 🔥 命中 2 项
📚lodash 30 1 GB ✅ 正常
🐘tensorflow 20 3 GB ✅ 正常
🗃️zod 10 100 MB 🔥 命中 1 项
FRAME 04 · 包详情抽屉(版本列表 / 删除单版本 / 批量操作)
📚 lodash 🔥 预警
✕
版本数
25
占用空间
128.5 MB
最后更新
2026-09-15
首次缓存
2019-03-10
版本列表 25 个版本 · 按 semver 降序
4.17.21 1.2 MB 2026-09-15
4.17.20 1.2 MB 2025-08-22
4.17.19 1.1 MB 2025-03-10
4.17.18 1.1 MB 2024-11-02
4.17.17 1.1 MB 2024-06-28
▾ 共 25 个版本 · 支持虚拟滚动
FRAME 05 · 忽略列表(已忽略包管理 / 取消忽略)
📦
Verdaccio Manager
你的缓存 · 尽在掌握
👤
💤忽略列表
已标记忽略的包不再触发预警 · 共 15 个已忽略包 · 取消忽略后自动恢复状态判断
包名版本数占用空间忽略时间操作
📚lodash 25 128.5 MB 2026-08-30 14:20
💚vue 19 88.3 MB 2026-08-30 14:21
🗃️zod 22 31.6 MB 2026-09-02 09:15
🗓️moment 17 26.4 MB 2026-09-05 16:42
FRAME 06 · 最近动态(操作日志 · 最近 50 条 · 时间倒序)
📦
Verdaccio Manager
你的缓存 · 尽在掌握
👤
🕒最近动态 每次清理自动记录 · 最近 50 条 · 时间倒序
实时
时间包名删除版本删除数量释放空间
2026-09-18 14:32 📚lodash 2.0.0 · 2.1.0 · 2.4.0 · 3.0.0 · 3.1.0 … 10 64 MB
2026-09-17 09:05 🔌axios 0.18.0 · 0.19.0 · 0.21.1 … 6 22 MB
2026-09-15 18:47 📊@antv/g2 4.0.15 · 4.1.0 · 4.1.2 … 7 31 MB
2026-09-12 11:20 🗓️moment 2.24.0 · 2.26.0 · 2.27.0 · 2.28.0 … 7 12 MB
2026-09-08 16:03 🚀react-router 5.2.0 · 5.3.0 … 4 9 MB
FRAME 07 · 移动端竖版(390×844 · 收起态 / 展开态 · 底部 Tab)
收起态 · 点击右上角 ☰ 展开
VerdaccioManager
🗃️
1,247缓存包
🧊
12.8 GB占用空间
🔥
23预警数量
✨
3.2 GB可清理
🔥 23 个包超出阈值
🎁 预警包
📚
lodash25 个版本 · 128.5 MB · 访问 Top 1
🔥 预警
📊
@antv/g232 个版本 · 256.8 MB · 访问 Top 3
🔥 预警
⚛️
react8 个版本 · 42.1 MB · 最近更新 09-12
✅ 正常
▼ 向下滚动查看更多
🏠概览 🔍检索 ⚙️阈值 🕒动态
展开态 · 点击 ☰ 右侧滑出设置抽屉
VerdaccioManager
🗃️
1,247缓存包
🧊
12.8 GB占用空间
🔥
23预警数量
✨
3.2 GB可清理
🔥 23 个包超出阈值
🎁 预警包
📚
lodash25 个版本 · 128.5 MB · 访问 Top 1
🔥 预警
📊
@antv/g232 个版本 · 256.8 MB · 访问 Top 3
🔥 预警
⚛️
react8 个版本 · 42.1 MB · 最近更新 09-12
✅ 正常
▼ 向下滚动查看更多
🏠概览 🔍检索 ⚙️阈值 🕒动态
⚙️ 更多与设置✕
👤
缓存管理员admin@verdaccio.local
🌙 主题切换当前:暗色
⚙️ 阈值配置版本数 50 · 500MB
📦 版本信息v0.2.0
FRAME 08 · 登录页(渐变背景 + 居中卡片 · 三端适配:桌面 420px / 平板自适应 / 手机 100%)
Verdaccio Cache Manager · 设计稿 v2_2 暗色调 · 与 v2-1 同构 · 暖黑底 + 霓虹多巴胺点缀