## 快速了解 消息多选/分享模式下的底部操作栏。 源码位置：src/components/selection-footer/selection-footer.vue。 ### 关联组件 - **chat-container** — 多选/分享模式由容器渲染底部栏 - **message-container** — 与消息列表勾选状态联动 --- # SelectionFooter 选择操作栏 ## 源码事实 - **源码位置**：`src/components/selection-footer/selection-footer.vue` - **能力域**：输入交互 - **能力说明**：消息多选/分享模式下的底部操作栏。 > **能力域**：输入交互 消息多选模式下的底部操作栏，提供全选、取消和确认操作。由 `ChatContainer` 在分享模式下自动渲染，通常不需要单独使用。 ## 基础用法 ```vue ``` **渲染效果** ## API ### Props | 属性名 | 类型 | 必填 | 默认值 | 说明 | | ------------- | --------- | ---- | ------- | ----------------------------- | | isAllSelected | `boolean` | ✓ | — | 是否全选 | | selectedCount | `number` | ✓ | — | 已选数量，为 0 时确认按钮禁用 | | loading | `boolean` | — | `false` | 确认按钮加载状态 | ### Events | 事件名 | 参数 | 说明 | | ---------- | -------------------- | ------------ | | toggle-all | `(checked: boolean)` | 切换全选状态 | | cancel | — | 点击取消按钮 | | confirm | — | 点击确认按钮 | ## 关联组件 - [ChatContainer](/components/setup/chat-container) — 分享模式挂载 - [MessageContainer](/components/setup/message-container) — 多选与消息列表