第六轮 · 工程基建组件
最后一轮。命令面板 / 日历 / 快捷键展示。效率工具 + 日期场景。
本轮 3 个:① Command(⌘K 命令面板)② Calendar(日历选择)③ kbd(快捷键展示)
1Command · ⌘K 命令面板
全局快捷搜索面板。⌘K/Ctrl+K 唤起,模糊搜索页面/任务/操作。中后台效率标配。支持分组、快捷键、recent。
esc
页面
视频号审核
GV
Directive 审核
GD
操作
新建审核任务
N
↑↓导航↵选择
PU Dashboardprops: { open; onOpenChange; groups: { label; items: { id; label; icon?; shortcut?; onSelect }[] }[] } | 全局 ⌘K 绑定由 CommandProvider 管理
2Calendar · 日历选择
日期选择。单选 / 范围选 / 带标记点(有任务的日期)。配合 DatePicker(输入框 + 弹层日历)。发布时间、审核日期筛选。
2026 年 7 月
一
二
三
四
五
六
日
单选(今日 23 高亮)
2026 年 7 月
一
二
三
四
五
六
日
范围选(16-21)+ 标记点(10/24)
Calendar: { mode?: 'single'|'range'; selected; onSelect; marked?: Date[] } | DatePicker: { value; onChange; mode? }(输入框 + 弹层)
3kbd · 快捷键展示
键盘按键视觉展示。配合快捷键提示、Command 面板、帮助文档。单体 + 组合键。
⌘+K命令面板
⌘+⇧+P发布
GthenT跳转任务
?快捷键帮助
esc关闭
props: { children: string } | <KbdGroup><Kbd>⌘</Kbd><Kbd>K</Kbd></KbdGroup>(自动加 + 号)