Skip to content

feat: 统一菜单滚动容器、控件视觉规范与深色卡片边界 - #19

Merged
qqqqqf-q merged 5 commits into
mainfrom
codex/ui-design-checkpoint
Sep 11, 2026
Merged

qqqqqf-q merged 5 commits into
mainfrom
codex/ui-design-checkpoint

Conversation

@qqqqqf-q

@qqqqqf-q qqqqqf-q commented Sep 7, 2026

Copy link
Copy Markdown
Member

目的

统一 Select、DropdownMenu、ContextMenu 的滚动容器、渐隐与菜单动画,修正子菜单首项中心对齐;把输入框尺寸、字重、深浅主题 Section Card 与控件边框规范收进组件库,并补充 Settings 示例。消费方:felinics/Memoh#1177

主要改动

  • MenuScrollArea 统一菜单滚动容器与渐隐,Select/DropdownMenu/ContextMenu 及虚拟列表 viewport 接入;DialogBody 移除独立滚动实现。
  • Button 新增 ghost tone="muted",承接较淡的工具栏操作;DialogPanel 宽度/页脚约定落地。
  • Section Card 深色默认无描边(浅色保留),嵌套边界走 bordered 入口;菜单行高、宽度档位、动画与阴影参数统一。
  • 菜单组件类名拼接清理与导出顺序修正。

验证与边界

  • 组件库 ESLint 与 vue-tsc 通过。
  • 已在 Memoh 本地浏览器自检:菜单、右键动画、子菜单移动、设置控件;尚未完成所有调用方、键盘、窄屏与主题验收。
  • Memoh 消费方另带 Reka 2.10.1 补丁(focus/pointer 事件 await 后 currentTarget 丢失),独立组件库消费方不会自动获得;发布前需处理上游或分发。

代码量自审

相对当前 main(三点 diff,head 879ea03):46 文件,新增 852、删除 250,净增 602 行。主要增量为共享滚动与子菜单定位、Settings 示例与规范;分类口径与此前一致(示例与规范文档单列,机械变更并入生产)。重点 review:子菜单碰撞对齐、虚拟列表 viewport、tone 语义边界,以及独立消费方的补丁分发。

@qqqqqf-q qqqqqf-q changed the title UI 检查点:统一菜单、滚动容器与控件视觉规范 feat: 统一菜单滚动容器、控件视觉规范与深色卡片边界 Sep 11, 2026
此前在 monorepo 工作区内误把该依赖记到 devDependencies 段,
CI 的 --frozen-lockfile 校验失败。
@qqqqqf-q
qqqqqf-q marked this pull request as ready for review September 11, 2026 15:10
@qqqqqf-q
qqqqqf-q requested a review from a team as a code owner September 11, 2026 15:10
@qqqqqf-q
qqqqqf-q merged commit 0db558f into main Sep 11, 2026
1 check passed
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 11, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-09-11T15:11:44.407433Z 879ea03 Draft marked ready
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

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