项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。开发迭代中,请勿用于生产环境。
Skip to content
仅桌面端保证样式

AiPromptBox AI 输入台 ​

大模型调用的首屏入口台:模型选择、场景 chips、能力开关、额度展示、发送与停止。设计向组件——渐变描边输入台随 focus 点亮,明暗一体;send 事件交出完整调用上下文({ text, scene, capabilities, model, attachments }),模型调用与会话编排由使用方承接。

基础用法 ​

停止生成 ​

stoppable 开启后,loading 期间发送钮切换为停止钮:

组合建议 ​

  • 产品站的完整对话工作台(欢迎语 + 示例 + 会话流)见姊妹库 business-ui 的 AiConsole,两库 AiPromptBox API 同面。
  • 标题区用 Hero 展示体排版,关键词可借 --ev-gradient-hero 做渐变文字。

API ​

Props ​

属性说明类型默认值
v-model输入文本string''
placeholder占位文本string'今天你想创造什么?'
disabled禁用整个输入台booleanfalse
loading请求进行中;配合 stoppable 显示停止钮booleanfalse
scenes场景定义{ key, label, icon? }[][]
v-model:scene当前场景 key;选中后输入台内显示可移除 tagstring''
capabilities能力开关定义(图标需在 evoke-ui 图标集内){ key, label, icon? }[][]
v-model:activeCapabilities激活的能力 key 集合string[][]
models模型注册表;非空时显示模型 pill{ key, label }[][]
v-model:model当前模型 keystring''
quota额度展示;传 null 不渲染string | { label, percent }null
showSettings工具行显示设置按钮booleanfalse
allowAttachments / maxAttachments允许附件 / 数量上限boolean / numbertrue / 5
accept附件类型白名单(.ext / mime/* / mime/type,逗号分隔);拖拽与粘贴路径同样按它校验string—
maxFileSize单个附件字节上限,0 为不限number0
allowDrop允许拖拽进输入台与粘贴剪贴板图片booleantrue
maxLength / showWordCount输入长度上限(绑到 textarea maxlength,字数统计同源)/ 字数统计;未传则不限长number / boolean— / false
maxRows输入区最大行数number8
sendOnEnterEnter 发送、Shift+Enter 换行;输入法组字中的 Enter 交还输入法,不会误发booleantrue
stoppableloading 时发送钮切换为停止钮booleanfalse

事件 ​

事件说明参数
send发送,载荷含完整调用上下文{ text, scene, capabilities, model, attachments }
stop停止生成(stoppable 时)—
update:scene / scene-change场景切换(含取消)key
update:activeCapabilities / capability-change能力开关变化keys, key
update:model / model-change模型切换key
quota-click / settings-click额度 / 设置点击—
attachment-add附件通过校验后触发;第二参数是列表内的响应式对象,回写 status / progress 即驱动 chip 显示上传中与失败(file, item)
attachment-reject附件被拒;reason 取 type / size / limit / empty,提示文案由宿主决定(file, reason)

插槽 ​

插槽说明
toolbar-extra工具行左侧追加内容
scenes-append场景 chips 行末尾追加

基于 MIT 许可证发布