Shell 应用外壳
侧栏、命令面板、通知与看板组成的应用外壳
用法
侧栏工作台
⌘K 打开命令面板，侧栏切换分区，铃铛展开通知。图中为示例数据。
示例加载中...
顶栏控制台
导航收进顶部两行，宽度全部留给内容，适合分区少、常切换产品与工作区的控制台。
⌘K 打开命令面板；产品、工作区、通知与账户均为下拉菜单。图中为示例数据。
示例加载中...
概述
团队工作区的后台外壳：切换分区只替换主区，外壳不动。
- ⌘K（Windows 为 Ctrl+K）绑在模板根节点并调用
preventDefault()，不会同时打开文档站的搜索。 - 侧栏切换分区；「新建工作流」在动态顶部插入一条记录。
- 铃铛展开最新通知；命令与账户操作的反馈进入同一托盘，3.2 秒后收起。
- 进入视口后自动演示一次，点击或按键即停止；减少动态效果时直接显示最终状态。
- 宽屏（≥ 960px）增加右栏；窄屏（< 640px）侧栏收进顶栏菜单。
- 顶栏控制台：产品、工作区、通知、账户均为下拉菜单，工作区菜单含「数据区域」子菜单；点项目卡进入详情，面包屑逐级返回。
- 顶栏控制台：窄屏（< 640px）时全局栏换成 TxNavBar，菜单移入抽屉。
自定义
- 导航数据就是 TxSidebarNav 的
items，窄屏菜单复用同一份。 - 快捷键绑在模板根节点，不挂
window/document；search-hint只传多字符字形（如⌘K）。 - 通知用受控的 TxToastPanel，不用全局
toast()。 - 分区较多时，把主区换成路由出口（
<RouterView>/<NuxtPage>）。 - 顶栏控制台：TxDropdownMenu 面板最宽 360px；更宽的面板改用指定
width的 TxPopover，并自行处理焦点。
相关组件
| 区域 | 组件 | 作用 |
|---|---|---|
| 侧栏 | TxSidebarNav | 工作区切换、分组导航与主操作 |
| 顶栏 | TxBreadcrumb、TxSearchInput、TxKbd、TxTooltip | 当前位置、筛选、⌘K 入口 |
| 通知托盘 | TxIconButton、TxBadge、TxToastPanel、TxIconChip | 铃铛、未读数与最新通知 |
| 账户菜单 | TxDropdownMenu、TxAvatar | 账户操作 |
| 命令面板 | TxCommandPalette | 跳转与全局命令 |
| 指标 | TxStatCard、TxTextMorph | 关键指标 |
| 动态 | TxTimeline、TxSearchEmpty | 最近活动与无结果 |
| 查询趋势 | TxSparkChart / TxChartScrubber | 按小时的查询量 |
| 右栏（宽屏） | TxStatusBadge、TxAvatar、TxButton | 在线成员、服务、设备 |
| 其他分区 | TxEmptyState、TuffSwitch、TxTag | 插件启停与空状态 |
| 全局栏（顶栏控制台） | TxDropdownMenu / TxDropdownItem / TxDropdownSubmenu、TxIconChip、TxKbd | 产品、工作区与数据区域切换，搜索入口 |
| 通知与账户（顶栏控制台） | TxCornerOverlay、TxBadge、TxDropdownMenu、TxAvatar、TxTooltip | 未读角标、通知菜单与账户菜单 |
| 分区页签（顶栏控制台） | TxTabs / TxTabItem、TxAvatarGroup / TxAvatar、TxTextMorph | 分区页签与在线成员 |
| 页头（顶栏控制台） | TxTabs 的 TxTabHeader、TxBreadcrumb、TxButton / TxSplitButton | 面包屑下钻、按类型新建 |
| 项目（顶栏控制台） | TxCard、TxStatusBadge、TxProgressBar、TxFilterChips、TxSearchInput、TxCardItem | 项目网格、筛选与详情 |
| 右栏（顶栏控制台，宽屏） | TxCardItem、TxSparkChart | 在线成员、构建与动态 |
| 窄屏（顶栏控制台） | TxNavBar、TxDrawer | 紧凑顶栏与抽屉菜单 |