From 042b0c535aa0f9b4d0ad6481867d794c4b5094d8 Mon Sep 17 00:00:00 2001
From: archer <545436317@qq.com>
Date: Mon, 3 Apr 2023 17:14:46 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=8F=91=E9=80=81=E6=8C=89=E9=94=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/chat/index.tsx         | 30 +++++++++++++++++-------------
 src/service/events/generateQA.ts |  5 +----
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/pages/chat/index.tsx b/src/pages/chat/index.tsx
index 2a17b3ea3..58ac52b63 100644
--- a/src/pages/chat/index.tsx
+++ b/src/pages/chat/index.tsx
@@ -194,11 +194,7 @@ const Chat = ({ chatId }: { chatId: string }) => {
   const sendPrompt = useCallback(async () => {
     const storeInput = inputVal;
     // 去除空行
-    const val = inputVal
-      .trim()
-      .split('\n')
-      .filter((val) => val)
-      .join('\n');
+    const val = inputVal.trim().replace(/\n\s*/g, '\n');
 
     if (!chatData?.modelId || !val || isChatting) {
       toast({
@@ -458,8 +454,7 @@ const Chat = ({ chatId }: { chatId: string }) => {
         </Box>
         {/* 发送区 */}
         <Box m={media('20px auto', '0 auto')} w={'100%'} maxW={media('min(750px, 100%)', 'auto')}>
-          <Flex
-            alignItems={'center'}
+          <Box
             py={5}
             position={'relative'}
             boxShadow={`0 0 15px rgba(0,0,0,0.1)`}
@@ -471,23 +466,23 @@ const Chat = ({ chatId }: { chatId: string }) => {
             {/* 输入框 */}
             <Textarea
               ref={TextareaDom}
-              flex={1}
-              w={0}
               py={0}
-              pr={0}
+              pr={['45px', '55px']}
               border={'none'}
               _focusVisible={{
                 border: 'none'
               }}
               placeholder="提问"
               resize={'none'}
-              value={inputVal}
+              defaultValue={inputVal}
               rows={1}
               height={'22px'}
               lineHeight={'22px'}
               maxHeight={'150px'}
               maxLength={-1}
               overflowY={'auto'}
+              whiteSpace={'pre-wrap'}
+              wordBreak={'break-all'}
               color={useColorModeValue('blackAlpha.700', 'white')}
               onChange={(e) => {
                 const textarea = e.target;
@@ -507,7 +502,16 @@ const Chat = ({ chatId }: { chatId: string }) => {
               }}
             />
             {/* 发送和等待按键 */}
-            <Flex px={4} h={'30px'} alignItems={'flex-end'} onClick={sendPrompt}>
+            <Flex
+              alignItems={'center'}
+              justifyContent={'center'}
+              h={'30px'}
+              w={'30px'}
+              position={'absolute'}
+              right={['12px', '20px']}
+              bottom={3}
+              onClick={sendPrompt}
+            >
               {isChatting ? (
                 <Image
                   style={{ transform: 'translateY(4px)' }}
@@ -527,7 +531,7 @@ const Chat = ({ chatId }: { chatId: string }) => {
                 </Box>
               )}
             </Flex>
-          </Flex>
+          </Box>
         </Box>
       </Flex>
     </Flex>
diff --git a/src/service/events/generateQA.ts b/src/service/events/generateQA.ts
index 71153ac29..cb517a2f0 100644
--- a/src/service/events/generateQA.ts
+++ b/src/service/events/generateQA.ts
@@ -155,10 +155,7 @@ function splitText(text: string) {
       // 如果Q和A都存在，就将其添加到结果中
       result.push({
         q,
-        a: a // 过滤空行
-          .split('\n')
-          .filter((item) => item)
-          .join('\n')
+        a: a.trim().replace(/\n\s*/g, '\n')
       });
     }
   }