对话输入面板
卡片输入:挂起状态页签,厂商侧栏型号菜单,多行富文本与附件均可配置。
两行卡片输入:placeholder、branch / project / modeLabel / contextPct、attachments、mentions 均为 props。型号菜单与权限芯片属于同一输入栏配置,不是独立写死菜单。
安装
npx @joyui/cli add composer-panel --yes或通过 JoyUI MCP / CLI 安装。
应用场景
Agent IDE 底部输入:状态页签绑定仓库分支与工作区;mentions 接项目文件树;附件条接上传队列。
<ComposerPanel
branch="主要"
project="项目海"
modeLabel="绕过所有"
contextPct={57}
placeholder="输入消息,用 @ 提及附件或图片…"
/>API
ComposerPanel
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| placeholder | 富文本占位。 | string | — | — |
| branch / project / modeLabel | 状态与权限文案。 | string | — | — |
| contextPct | 上下文占比。 | number | 0–100 | 57 |
| attachments | 附件。 | ComposerAttachment[] | — | — |
| mentions | @ 候选项。 | MentionItem[] | — | 内置 |
| className | 合并到根节点的额外类名。 | string | — | — |