Skip to content

Conversation

@GoldenTangerine
Copy link

实现热力图自适应容器宽度,并为图标选择添加搜索功能

主要变更:

  • 新增 useAdaptiveHeatmap composable,封装热力图自适应逻辑
  • 热力图根据容器宽度动态计算显示列数,移除横向滚动条
  • 使用 ResizeObserver 监听容器尺寸变化,采用节流优化性能
  • 图标选择下拉框添加搜索筛选功能,支持实时过滤
  • 为供应商卡片的编辑和删除按钮添加 tooltip 提示
  • 修复图标选择器和等级选择器的按钮样式问题

变更文件:

  • frontend/src/composables/useAdaptiveHeatmap.ts (新增)
  • frontend/src/components/Main/Index.vue (修改)
  • frontend/src/data/usageHeatmap.ts (修改)
  • frontend/src/style.css (修改)
  • frontend/src/locales/en.json (修改)
  • frontend/src/locales/zh.json (修改)

GoldenTangerine and others added 12 commits December 8, 2025 10:20
- 添加 pauseLogging 标志,在 GetLogs/GetRecentLogs/ClearLogs 执行期间暂停日志捕获
- 添加日志过滤规则,过滤 Wails 框架内部日志和 JSON 序列化日志
- 解决打开控制台界面时日志无限递归导致控制台输出大量转义字符的问题
  实现热力图自适应容器宽度,并为图标选择添加搜索功能

  主要变更:
  - 新增 useAdaptiveHeatmap composable,封装热力图自适应逻辑
  - 热力图根据容器宽度动态计算显示列数,移除横向滚动条
  - 使用 ResizeObserver 监听容器尺寸变化,采用节流优化性能
  - 图标选择下拉框添加搜索筛选功能,支持实时过滤
  - 为供应商卡片的编辑和删除按钮添加 tooltip 提示
  - 修复图标选择器和等级选择器的按钮样式问题
  优化 GitHub Actions release 工作流,在所有构建产物文件名中包含版本号

  主要变更:
  - macOS: codeswitch-macos-*.zip → CodeSwitch-v{VERSION}-macos-*.zip
  - Windows: CodeSwitch.exe → CodeSwitch-v{VERSION}.exe
  - Windows: updater.exe → updater-v{VERSION}.exe
  - Windows: 安装器添加版本号后缀
  - Linux: CodeSwitch.AppImage → CodeSwitch-v{VERSION}.AppImage

  同步更新 latest.json 和 release notes 中的文件名引用
- 新增 formatTokenNumber 函数,支持大数值自动换算
- ≥1,000 显示为 k,≥1,000,000 显示为 M,≥1,000,000,000 显示为 B
- 保留 2 位小数精度
- 应用于表格和统计卡片中的 token 显示
- bump version to v2.6.15
- 新增 formatTokenNumber 函数到首页组件
- 供应商卡片 Tokens 显示支持单位换算
- 热力图 Tooltip 的 token 指标支持单位换算
- bump version to v2.6.16
- 添加 TOKEN 流量卡片点击弹窗,展示输入/输出 token 明细
- 缓存卡片显示缓存命中率(格式:1.23M (45.6%))
- 日志列表新增金额列,直观展示每条请求的费用
- 补充中英文国际化文案
- 将命中率与缓存数字分开显示
- 命中率使用较小字体和浅色
- 支持亮色/暗色主题
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant