{"slug":"container","contract":{"unknowns":["宿主项目的国际化文案、数据请求和权限策略由接入方决定。"],"doNot":["不把本组件扩展为外部依赖提供的完整业务流程。","未声明的高级主题、数据请求和服务端校验不由组件自行推断。"],"structure":{"root":"kole-container","states":"default / hover / focus / disabled(按组件语义展示)","responsive":"使用 CSS 令牌与 flex/grid,宿主可覆盖容器宽度"},"clarificationNotes":[],"variants":["布局容器 · default","布局容器 · primary","布局容器 · compact"],"usage":["组合页面级 Header、Sider、Main 与 Footer,统一内容宽度和间距。","五端保持相同的类名、状态和基础语义。","交互控件优先使用原生元素,受控值变化通过 change 或 v-model 事件传递。"],"anatomy":{"root":"kole-container","content":"布局容器 主体内容","state":"状态类 is-* 与 ARIA 属性同步"},"dims":[]},"specLines":["- 用途:组合页面级 Header、Sider、Main 与 Footer,统一内容宽度和间距。","- Anatomy:根节点 `kole-container`,包含主体、状态/操作区域,交互控件保持原生语义。","- 变体:default、primary、compact;具体组件按自身属性展示方向、尺寸、状态或位置。","- 状态:default / hover / focus / disabled;含弹层或异步内容的组件另有 open、loading、done、error 状态。","- 无障碍:提供可见焦点、键盘可达、label/role/aria 属性;对话框和抽屉关联标题,进度/状态使用可读文本。","- 实现边界:组合页面级 Header、Sider、Main 与 Footer,统一内容宽度和间距。 未声明的高级数据请求、服务端校验和第三方插件能力不由组件自行推断。"],"family":null,"familyRole":null,"familyParams":null}