ChatInput 对话输入

支持 Enter 发送、Shift+Enter 换行；放在 DanChat footer 时可自动接入上下文。

最近发送：无

<script setup lang="ts">
import { ref } from 'vue'
import { DanChatInput } from '@dandan-ui/ui'

const last = ref('')
</script>

<template>
  <div style="display: grid; gap: 12px; max-width: 640px">
    <DanChatInput @send="last = $event" />
    <div style="font-size: 13px; color: var(--dan-color-text-secondary)">
      最近发送：{{ last || '无' }}
    </div>
  </div>
</template>

API

Props

属性	说明	类型	默认值	必填
modelValue / v-model	输入内容	string	''	否
disabled	禁用输入与发送	boolean	false	否
placeholder	占位文案	string	'输入消息，Enter 发送，Shift+Enter 换行'	否
submitOnEnter	是否 Enter 发送（Shift+Enter 换行）	boolean	true	否

Events

事件名	说明	回调参数
update:modelValue	输入变化	(value: string) => void
send	点击发送或 Enter；会清空输入	(content: string) => void
stop	生成中点击停止	() => void

Slots

插槽名	说明
actions	发送按钮左侧的额外操作区

行为说明

• 若处于 DanChat 内且 generating=true，显示「停止」按钮，发送按钮隐藏。
• 调用 send 时同时 emit('send') 与上下文 chat.send()。
• 空内容或禁用/生成中时不会发送。