Inbox 收件箱
带键盘快捷键与新邮件提示的三栏收件箱
用法
三栏收件箱
点一下列表后可用 J / K 切换、E 归档、S 加星标、Enter 回复。图中为示例数据。
示例加载中...
通知中心
按天分组、每条带就地快捷操作的单列信息流，适合短、量大、要尽快处理的通知。
点一下列表后可用 J / K 切换、E 切换已读、X 选择；快捷操作就地执行并可撤销。图中为示例数据。
示例加载中...
概述
Tuff 账户的邮件与通知中心：几百封邮件可快速扫读、用键盘切换、就地回复，新邮件不打断阅读。
- 焦点在模板里时：↑ / ↓ 或 J / K 切换，E 归档，S 加星标，Enter 聚焦回复框；在输入框里时单字母键不生效。
- 进入视口后陆续到达三封新邮件；读者已往下滚时，新邮件插在视口上方，列表不跳回顶部；减少动态效果时三封一开始就在。
- 回复框里 Enter 换行、⌘ / Ctrl + Enter 发送；归档与「移动到」立即生效并可撤销。
- 展开后（≥ 960px）左侧为固定 216px 的导航栏；窄于 640px 时只显示列表，阅读区从右侧滑入，Esc 返回。
- 通知中心：快捷操作就地执行并可撤销；批准、拒绝、是我 / 不是我只由读者点击，自动演示从不替你点。
- 通知中心：J / K 移动，E 切换已读，X 选中并进入选择模式，Esc 退出；⋯ 菜单可稍后提醒或静音来源。
- 通知中心：勿扰期间新通知静默插入并计数，安全通知在「可穿透」开启时照常提醒；展开后右侧常驻通知设置。
自定义
- 数据量更大时保持固定行高（
item-height），搜索与分页交给服务端；aria-setsize与aria-posinset按真实总数填写。 - 正文来自外部时，保留 TxMarkdownView 的默认净化，并在宿主里拦截链接点击。
- 快捷键可以改键，但始终挂在组件根节点上，并在可编辑元素里让出单字母键。
- 附件上传由宿主负责：TxChatComposer 只交出 File 对象，object URL 的创建与回收都在宿主里。
- 通知中心：接真实推送时，用同一份勿扰与来源设置决定是否提醒；快捷操作以服务端结果为准，失败时保留原按钮。
相关组件
| 区域 | 组件 | 作用 |
|---|---|---|
| 导航（展开后） | TxSidebarNav、TxDotIndicator | 邮箱、标签与未读数 |
| 文件夹（列内与窄屏） | TxFilterChips | 同一份文件夹与未读数 |
| 顶栏 | TxSearchInput、TxButton、TxKbd | 搜索、写邮件与快捷键提示 |
| 分栏 | TxSplitter | 列表与阅读区之间的分隔 |
| 邮件列表 | TxVirtualList、TxAvatar、TxDotIndicator、TxTag、TxIconButton、TxBadge、TxDropdownMenu、TxSkeleton | 约 160 封邮件的虚拟列表 |
| 空态 | TxSearchEmpty、TxEmptyState、TxNoSelection | 无结果、空文件夹与未选中 |
| 阅读区 | TxMessageActions、TxDropdownMenu、TxMarkdownView、TxAttachmentTray | 正文、附件、往来与操作 |
| 回复 | TxChatComposer、TxAttachmentTray | 快捷键发送与附件 |
| 通知 | TxToastPanel | 「查看」与「撤销」提示 |
| 顶栏（通知中心） | TxBadge、TxModeChip、TxButton、TxIconButton、TxPopover | 未读数、勿扰与选择模式 |
| 类型筛选（通知中心） | TxFilterChips、TuffSwitch | 按类型筛选与仅未读 |
| 通知行（通知中心） | TxCardItem、TxAvatar、TxIconChip、TxDotIndicator、TxTag、TxStatusBadge | 头像、未读点与就地操作 |
| 行菜单（通知中心） | TxDropdownMenu / TxDropdownSubmenu | 稍后提醒、静音与删除 |
| 批量（通知中心） | TxCheckbox、TxButton | 整组选择与批量栏 |
| 已延后（通知中心） | TxCollapse / TxCollapseItem | 末尾折叠，可取消延后 |
| 通知设置（通知中心） | TuffSwitch、TxSelect、TxFlatRadio、TxIconChip、TxTooltip | 勿扰时段与按来源接收 |
| 空态（通知中心） | TxEmptyState | 清除筛选与查看已延后 |