From 32e073a15f2610bd3e8bec5921916f793b675d9d Mon Sep 17 00:00:00 2001
From: orenzhang <orenzhang@ovinc.cn>
Date: Mon, 5 Feb 2024 11:13:53 +0800
Subject: [PATCH] feat: separate go bottom from input area

---
 src/components/ChatInput.vue | 11 +++++++++++
 src/views/Chat.vue           |  1 +
 2 files changed, 12 insertions(+)

diff --git a/src/components/ChatInput.vue b/src/components/ChatInput.vue
index d187eef..02529d7 100644
--- a/src/components/ChatInput.vue
+++ b/src/components/ChatInput.vue
@@ -16,6 +16,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  userBehavior: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // emits
@@ -208,6 +212,13 @@ defineExpose({reGenerate, promptForm});
             >
               <icon-layers />
             </a-button>
+            <a-button
+              shape="circle"
+              @click="emits('toggleUserBehavior', false)"
+              v-show="userBehavior"
+            >
+              <icon-arrow-down />
+            </a-button>
           </a-space>
           <a-space>
             <a-button
diff --git a/src/views/Chat.vue b/src/views/Chat.vue
index b077dc4..dfaf4ba 100644
--- a/src/views/Chat.vue
+++ b/src/views/Chat.vue
@@ -55,6 +55,7 @@ const setPromptForm = (data) => promptForm.value = data;
       <a-divider />
       <chat-input
         ref="chatInputRef"
+        :user-behavior="userBehavior"
         :local-messages="localMessages"
         :chat-loading="chatLoading"
         @add-message="addMessage"