import { LitElement } from 'lit'; /** * Layout 组件 - 提供页面布局框架,支持可折叠侧边栏 * * @fires sidebar-collapsed-change - 桌面端侧边栏折叠状态变更请求时触发 * @fires sidebar-open-change - 移动端侧边栏 Drawer 开关请求时触发 * @slot banner - 顶部 Banner 区域(全宽,随页面滚动,可选) * @slot header - 内容区顶部 header(sticky) * @slot sidebar - 侧边栏内容;Consumer 决定其内部固定区域与滚动容器 * @slot tabbar - 底部 tabbar 区域 * @slot default - 主内容区 */ export declare class WebUiLayout extends LitElement { static styles: import('lit').CSSResult[]; /** * 桌面端 Sidebar 的持久布局偏好。 * * `true` 只会将桌面 Sidebar 收窄到 `collapsedWidth`,不会影响移动端 Drawer。 * 它不与 `sidebarOpen` 合并:前者是跨视口保留的密度选择,后者是移动端瞬时的 modal 可见性。 */ sidebarCollapsed: boolean; sidebarWidth: string; collapsedWidth: string; /** * 移动端 headless Drawer 的瞬时可见性。 * * Drawer Toggle、Escape 和遮罩关闭都通过 `sidebar-open-change` 请求更新它;它不会改变桌面端的折叠偏好。 * 因而不与 `sidebarCollapsed` 合并,避免响应式切换时将一次移动端交互误写为桌面端布局选择。 */ sidebarOpen: boolean; /** * 启用 header 晕染效果 */ headerGlow: boolean; private _isMobile; private readonly _visibleBanner; private readonly _visibleBannerController; private _toggleSidebar; private _emitSidebarCollapsedChange; private _emitSidebarOpenChange; private _onDrawerChange; private _checkMobile; private _resizeTimeout; private _handleResize; connectedCallback(): void; disconnectedCallback(): void; firstUpdated(): void; private _onBannerSlotChange; private _syncBannerPresence; render(): import('lit').TemplateResult<1>; readonly $events: { 'sidebar-collapsed-change': CustomEvent<{ collapsed: boolean; }>; 'sidebar-open-change': CustomEvent<{ open: boolean; }>; }; } declare global { interface HTMLElementTagNameMap { 'web-ui-layout': WebUiLayout; } }