From b8fe0df77c5933eb5aa38581384077d0f244001d Mon Sep 17 00:00:00 2001
From: shunyue1320 <tsunyue1320@gmail.com>
Date: Wed, 22 Mar 2023 17:13:00 +0800
Subject: [PATCH 1/2] =?UTF-8?q?chore:=20=E9=87=8D=E7=BD=AE=E5=9B=9E?=
 =?UTF-8?q?=E7=AD=94=E6=97=B6=E6=BB=9A=E5=8A=A8=E5=AE=9A=E4=BD=8D=E8=87=B3?=
 =?UTF-8?q?=E8=AF=A5=E5=9B=9E=E7=AD=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chat/components/Message/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/chat/components/Message/index.vue b/src/views/chat/components/Message/index.vue
index d625a8a7be..43ee3df084 100644
--- a/src/views/chat/components/Message/index.vue
+++ b/src/views/chat/components/Message/index.vue
@@ -31,6 +31,8 @@ const textRef = ref<HTMLElement>()
 
 const asRawText = ref(props.inversion)
 
+const messageRef = ref<HTMLElement>()
+
 const options = computed(() => {
   const common = [
     {
@@ -71,11 +73,12 @@ function handleSelect(key: 'copyText' | 'delete' | 'toggleRenderType') {
 
 function handleRegenerate() {
   emit('regenerate')
+  messageRef.value?.scrollIntoView()
 }
 </script>
 
 <template>
-  <div class="flex w-full mb-6 overflow-hidden" :class="[{ 'flex-row-reverse': inversion }]">
+  <div ref="messageRef" class="flex w-full mb-6 overflow-hidden" :class="[{ 'flex-row-reverse': inversion }]">
     <div
       class="flex items-center justify-center flex-shrink-0 h-8 overflow-hidden rounded-full basis-8"
       :class="[inversion ? 'ml-2' : 'mr-2']"

From 84b074278468e79747f2671d89d350312c954b73 Mon Sep 17 00:00:00 2001
From: ChenZhaoYu <790348264@qq.com>
Date: Wed, 22 Mar 2023 17:52:33 +0800
Subject: [PATCH 2/2] perf: format code

---
 src/views/chat/components/Message/index.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/chat/components/Message/index.vue b/src/views/chat/components/Message/index.vue
index 43ee3df084..239ec252bc 100644
--- a/src/views/chat/components/Message/index.vue
+++ b/src/views/chat/components/Message/index.vue
@@ -72,13 +72,17 @@ function handleSelect(key: 'copyText' | 'delete' | 'toggleRenderType') {
 }
 
 function handleRegenerate() {
-  emit('regenerate')
   messageRef.value?.scrollIntoView()
+  emit('regenerate')
 }
 </script>
 
 <template>
-  <div ref="messageRef" class="flex w-full mb-6 overflow-hidden" :class="[{ 'flex-row-reverse': inversion }]">
+  <div
+    ref="messageRef"
+    class="flex w-full mb-6 overflow-hidden"
+    :class="[{ 'flex-row-reverse': inversion }]"
+  >
     <div
       class="flex items-center justify-center flex-shrink-0 h-8 overflow-hidden rounded-full basis-8"
       :class="[inversion ? 'ml-2' : 'mr-2']"