Skip to Content
JoyUI

对话输入面板

卡片输入:挂起状态页签,厂商侧栏型号菜单,多行富文本与附件均可配置。

两行卡片输入:placeholder、branch / project / modeLabel / contextPct、attachments、mentions 均为 props。型号菜单与权限芯片属于同一输入栏配置,不是独立写死菜单。

主要项目海57%

安装

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上下文占比。number0–10057
attachments附件。ComposerAttachment[]——
mentions@ 候选项。MentionItem[]—内置
className合并到根节点的额外类名。string——