AppShell

后台壳:顶栏 + 可选侧栏 + 主区。collapsible 时顶栏提供折叠控制(小屏高度收起,非 Drawer)。

与 platform HubShell 解耦,勿反向依赖业务壳。

Demo

主内容区

点击顶栏折叠按钮可收起侧栏。完整 CRUD 见「场景 Demo · Admin」。

Props

属性 类型 默认 说明
logo ReactNode 顶栏左侧
headerExtra ReactNode 顶栏右侧
sidebar ReactNode 侧栏(常放 Menu)
children ReactNode 主内容
collapsible boolean false 显示折叠按钮
sidebarCollapsed boolean 受控折叠
defaultSidebarCollapsed boolean false 非受控初值
onSidebarCollapsedChange (v: boolean) => void 折叠变更
className string 追加类名
ON THIS PAGE