Skip to content

ToAPI v0.1.5 — 画布浮层现代化重构

Choose a tag to compare

View all tags
@yxpil yxpil released this 23 Oct 19:49
· 22 commits to main since this release
v0.1.5
a830d85

本版重点

界面上的一次整体重构：从“描边药丸堆叠”改为“浅灰画布 + 白色浮层面板”，信息层级更清楚，视觉更安静。

  • 画布与浮层：body 改为浅灰画布 #F2F2F4；项目树、编辑器、响应区成为三块白色面板（14px 圆角、1px 细线、10px 间距），不使用投影，靠留白与细线分区分层。
  • 下划线文字 Tab：Params / Headers / Body / Scripts 与响应 Pretty / Raw / Headers 改为透明底文字 Tab，选中项加 2px 黑条，去掉胶囊选中块。
  • 底色徽章：HTTP 方法与响应状态改为 6px 圆角的柔和色块（method 色 + 浅底），不再是描边药丸。
  • 输入框：普通输入改为填充式；URL 大胶囊 44px，聚焦时底色转白并加深边框。编辑面板窄于 480px 时发送按钮收为 36px 图标圆钮，保证 1024 最小窗口下 URL 仍有 237px。
  • 标题栏与状态栏：标题栏 46px、与画布同色，品牌方标 24px，右侧窗口控件改为 32×28 / 8px 圆角；底栏 30px 透明，DB 大小与版本靠右。
  • Toast：移到底部居中（距底 44px），不再占用标题栏下方空间。
  • 空态：Params / Headers 无内容时显示一块浅底说明卡与「添加一行」动作，不再是一片空白。

验证（实测，不是声明）

  • npm run gate：typecheck + lint + format + 32 invoke / 3 event 通道契约 + 76 项测试全绿。
  • npm run verify:flow：CDP 驱动真机两轮。画布 rgb(242,242,244)、三块面板白底/1px/14px、下划线 Tab 透明底 + 2px rgb(22,22,24) 指示条、Toast 距底 44px；状态行 200 OK · 16ms · 112 B；Runner 2/2 通过率 100%；1024×640 下 URL 237px。
  • 标题栏 46px、drag/no-drag 正确、三枚 32×28/8px 按钮带 title；点击最大化/还原/最小化后由 Win32 GetWindowPlacement 实测 maximized → normal → minimized；关闭按钮真实退出进程。
  • 字体仅 12/13/14/20；按钮按角色圆角；2px 聚焦环；渐变/投影计数 0；JSON 三色 22/29/180；DOM emoji 0、两轮 console 错误 0。
  • 打包产物 ToAPI.exe 冒烟 PASS（握手 v0.1.5、标题栏 46px / 3 按钮、三面板 14px、canvas 正确、页面错误 0）。

产物

文件 说明
ToAPI-Setup-0.1.5-win-x64.exe NSIS 安装器（未签名，SmartScreen 提示属预期）
ToAPI-0.1.5-win-x64.zip 便携版
sha256sums.txt 校验和

截图：.tmp/toapi-flow-1.png（首轮）、.tmp/toapi-select.png（下拉展开）、.tmp/toapi-titlebar.png（最大化态）。

Assets 5
Loading