From 814c3a2565565762f967d91c5894767abfd6ffc7 Mon Sep 17 00:00:00 2001
From: Allen <987425154@qq.com>
Date: Wed, 22 Mar 2023 19:53:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=20=E5=88=87=E6=8D=A2=20history=20?=
 =?UTF-8?q?=E6=97=B6=E8=87=AA=E5=8A=A8=E8=81=9A=E7=84=A6=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=A1=86=20(#735)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 修改 scrollToBottom 行为(当滚动条在底部或发送问题时才会进入自动滚动,滚轮向上滚动会中止自动滚动,方便复制和查看之前的代码; 切换 history 时自动聚焦输入框,方便直接输入文字,不用再次去点击输入框;)

* chore: 通过eslint检查

* perf: 清理重复功能

---------

Co-authored-by: Redon <790348264@qq.com>
---
 src/views/chat/index.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index f0e85dd..2984f62 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -1,4 +1,5 @@
 <script setup lang='ts'>
+import type { Ref } from 'vue'
 import { computed, onMounted, onUnmounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { storeToRefs } from 'pinia'
@@ -40,6 +41,7 @@ const conversationList = computed(() => dataSources.value.filter(item => (!item.
 
 const prompt = ref<string>('')
 const loading = ref<boolean>(false)
+const inputRef = ref<Ref | null>(null)
 
 // 添加PromptStore
 const promptStore = usePromptStore()
@@ -452,6 +454,8 @@ const footerClass = computed(() => {
 
 onMounted(() => {
   scrollToBottom()
+  if (inputRef.value)
+    inputRef.value?.focus()
 })
 
 onUnmounted(() => {
@@ -532,6 +536,7 @@ onUnmounted(() => {
           <NAutoComplete v-model:value="prompt" :options="searchOptions" :render-label="renderOption">
             <template #default="{ handleInput, handleBlur, handleFocus }">
               <NInput
+                ref="inputRef"
                 v-model:value="prompt"
                 type="textarea"
                 :placeholder="placeholder"