feat: 支持 AI 助手输入框回车快捷操作

- 新增 onInputKeydown 方法:支持回车发送、Shift+Enter 换行,提升输入体验。
- 更新输入框组件,绑定键盘事件,实现更流畅的交互。
- 自动聚焦输入框,提升用户体验。
This commit is contained in:
kuaifan 2025-12-31 09:54:53 +00:00
parent 1af29837e2
commit 0362c83e77

View File

@ -93,11 +93,13 @@
<div class="ai-assistant-input">
<Input
v-model="inputValue"
ref="inputRef"
type="textarea"
:placeholder="inputPlaceholder || $L('请输入你的问题...')"
:rows="inputRows || 1"
:autosize="inputAutosize || {minRows:1, maxRows:6}"
:maxlength="inputMaxlength || 500" />
:maxlength="inputMaxlength || 500"
@on-keydown="onInputKeydown" />
<div class="ai-assistant-footer">
<div class="ai-assistant-footer-models">
<Select
@ -252,6 +254,7 @@ export default {
this.$nextTick(() => {
this.scheduleAutoSubmit();
this.scrollResponsesToBottom();
this.$refs.inputRef.focus();
});
},
@ -400,6 +403,16 @@ export default {
}
},
/**
* 输入框键盘事件回车发送Shift+回车换行
*/
onInputKeydown(e) {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
this.onSubmit();
}
},
/**
* 发送提问并推入响应
*/