fix(ui): 下拉角标/空心按钮激活态/排序辨识/实心底降饱和 + 进度 toast 不残留#275
Merged
Conversation
- 下拉角标：node-picker 触发器延迟+角标包进恒渲染的 ms-auto 组；选中节点无延迟值时 LatencyLabel 返 null 会丢右锚使角标浮行中，改后角标恒贴最右（首页出口/应用分流/规则/组网共享）。 - 空心按钮激活态：新增系统级 .btn.ghost.on / [aria-pressed=true]（边框亮 + 弱底 + 高亮字），供 toggle 复用。 - 排序辨识：节点列表排序触发钮非默认排序（名称升序外）时接激活态 + 常显 ↑/↓ 方向，合上菜单亦可辨识。 - 实心底降饱和：新增 --flow-solid token（明用 flow 本值 L=34%；暗降 S 50→40、L 50→45）； .btn.flow 白字对比 ≈2:1→3.3:1。「当前」标 .nd-cur + 复选✓ .nd-chk.on/.rl-cbx 一并走 --flow-solid，暗色不再刺眼。
检查 App 更新 / 检查核心更新 / 更新核心 / 批量测速：原用未捕获 id 的 toast.info
显示「正在…」，结果 toast 另起一条，两条并存至超时。改为 toast.loading 捕获 id，
每个结果分支（成功/失败/异常/无数据）带 { id } 复用同一 toast（loading→result 原地替换）；
无结果文案的分支 toast.dismiss。id 声明在 try 外供 catch 引用。单节点测速用行内 spinner，无此问题不动。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
本轮 UI 辨识度打磨 + 进度 toast 生命周期修复（真机 macOS arm64 逐项验过）。
① 下拉角标恒贴最右
node-picker 触发器：延迟徽标 + 角标包进恒渲染的
ms-auto组。原先右推ms-auto挂在LatencyLabel上，选中节点无延迟值时它返null→ 角标丢右锚浮行中。共享组件，惠及首页出口/应用分流/规则/组网所有选出口下拉。② 空心按钮激活态（系统级）
新增
.btn.ghost.on/[aria-pressed=true]：边框亮 + 弱底 + 高亮字。此前 ghost 按钮无选中态，作 toggle 时无法辨识。③ 排序辨识
节点列表排序触发钮：非默认排序（名称升序外）接
.on激活态 + 常显 ↑/↓ 方向，合上菜单也能看出「已按 X 排序」。④ 实心底降饱和、白字达标
新增
--flow-solidtoken（明用 flow 本值 L=34%；暗降 S 50→40、L 50→45）。暗色.btn.flow白字对比 ≈2:1→3.3:1。「当前」标.nd-cur+ 复选✓.nd-chk.on/.rl-cbx一并走--flow-solid，暗色不再刺眼。全局--flow（链接/焦点环/角标）不动。⑤ 进度 toast 结果到达即替换
检查 App 更新 / 检查核心更新 / 更新核心 / 批量测速：原
toast.info未捕获 id → 「正在…」与结果 toast 两条并存至超时。改为toast.loading捕获 id，每个结果分支（成功/失败/异常/无数据）带{ id }原地替换；无文案分支toast.dismiss。单节点测速用行内 spinner，无此问题。gate：tsc + eslint + jest 2895 全绿。