#LayoutHeader 布局头部

LayoutHeader 是一个通用的布局头部组件，通常与 AgenticLayout 或 ChatLayout 配合使用，提供标题显示、侧边栏折叠控制和分享功能。

#代码演示

#API Playground

通过控制面板调试 title / showShare / leftCollapsible / rightCollapsible / 受控折叠与 leftExtra / rightExtra 自定义内容。

#最小用法

import { LayoutHeader } from '@ant-design/agentic-ui';

export default () => (
  <LayoutHeader
    title="AI 助手"
    onLeftCollapse={() => console.log('左侧折叠')}
    onRightCollapse={() => console.log('右侧折叠')}
    onShare={() => console.log('分享')}
  />
);

#API

#LayoutHeaderProps (LayoutHeaderConfig)

#模式说明

LayoutHeader 使用 rc-util 的 useMergedState 来管理折叠状态，同时支持受控和非受控模式。

• 受控模式: 提供 leftCollapsed / rightCollapsed 和对应的 onChange 回调。
• 非受控模式: 提供 leftDefaultCollapsed / rightDefaultCollapsed 作为初始值，组件内部维护状态。

这使得 LayoutHeader 既可以独立使用，也可以轻松集成到如 AgenticLayout 这样的复杂布局组件中。