perf: 知识库录入

src/pages/chat/index.tsx

@@ -190,91 +190,97 @@ const Chat = ({ chatId }: { chatId: string }) => {
   /**
    * 发送一个内容
    */
-  const sendPrompt = useCallback(async () => {
-    const storeInput = inputVal;
-    // 去除空行
-    const val = inputVal
-      .trim()
-      .split('\n')
-      .filter((val) => val)
-      .join('\n');
-    if (!chatData?.modelId || !val || !ChatBox.current || isChatting) {
-      return;
-    }
+  const sendPrompt = useCallback(
+    async (e?: React.MouseEvent<HTMLDivElement>) => {
+      e?.stopPropagation();
+      e?.preventDefault();
 
-    // 长度校验
-    const tokens = encode(val).length;
-    const model = modelList.find((item) => item.model === chatData.modelName);
-
-    if (model && tokens >= model.maxToken) {
-      toast({
-        title: '单次输入超出 4000 tokens',
-        status: 'warning'
-      });
-      return;
-    }
-
-    const newChatList: ChatSiteItemType[] = [
-      ...chatData.history,
-      {
-        obj: 'Human',
-        value: val,
-        status: 'finish'
-      },
-      {
-        obj: 'AI',
-        value: '',
-        status: 'loading'
+      const storeInput = inputVal;
+      // 去除空行
+      const val = inputVal
+        .trim()
+        .split('\n')
+        .filter((val) => val)
+        .join('\n');
+      if (!chatData?.modelId || !val || !ChatBox.current || isChatting) {
+        return;
       }
-    ];
 
-    // 插入内容
-    setChatData((state) => ({
-      ...state,
-      history: newChatList
-    }));
+      // 长度校验
+      const tokens = encode(val).length;
+      const model = modelList.find((item) => item.model === chatData.modelName);
 
-    // 清空输入内容
-    resetInputVal('');
-    scrollToBottom();
-
-    try {
-      await gptChatPrompt(newChatList[newChatList.length - 2]);
-
-      // 如果是 Human 第一次发送，插入历史记录
-      const humanChat = newChatList.filter((item) => item.obj === 'Human');
-      if (humanChat.length === 1) {
-        pushChatHistory({
-          chatId,
-          title: humanChat[0].value
+      if (model && tokens >= model.maxToken) {
+        toast({
+          title: '单次输入超出 4000 tokens',
+          status: 'warning'
         });
+        return;
       }
-    } catch (err: any) {
-      toast({
-        title: typeof err === 'string' ? err : err?.message || '聊天出错了~',
-        status: 'warning',
-        duration: 5000,
-        isClosable: true
-      });
 
-      resetInputVal(storeInput);
+      const newChatList: ChatSiteItemType[] = [
+        ...chatData.history,
+        {
+          obj: 'Human',
+          value: val,
+          status: 'finish'
+        },
+        {
+          obj: 'AI',
+          value: '',
+          status: 'loading'
+        }
+      ];
 
+      // 插入内容
       setChatData((state) => ({
         ...state,
-        history: newChatList.slice(0, newChatList.length - 2)
+        history: newChatList
       }));
-    }
-  }, [
-    inputVal,
-    chatData,
-    isChatting,
-    resetInputVal,
-    scrollToBottom,
-    toast,
-    gptChatPrompt,
-    pushChatHistory,
-    chatId
-  ]);
+
+      // 清空输入内容
+      resetInputVal('');
+      scrollToBottom();
+
+      try {
+        await gptChatPrompt(newChatList[newChatList.length - 2]);
+
+        // 如果是 Human 第一次发送，插入历史记录
+        const humanChat = newChatList.filter((item) => item.obj === 'Human');
+        if (humanChat.length === 1) {
+          pushChatHistory({
+            chatId,
+            title: humanChat[0].value
+          });
+        }
+      } catch (err: any) {
+        toast({
+          title: typeof err === 'string' ? err : err?.message || '聊天出错了~',
+          status: 'warning',
+          duration: 5000,
+          isClosable: true
+        });
+
+        resetInputVal(storeInput);
+
+        setChatData((state) => ({
+          ...state,
+          history: newChatList.slice(0, newChatList.length - 2)
+        }));
+      }
+    },
+    [
+      inputVal,
+      chatData,
+      isChatting,
+      resetInputVal,
+      scrollToBottom,
+      toast,
+      gptChatPrompt,
+      pushChatHistory,
+      chatId
+    ]
+  );
 
   // 删除一句话
   const delChatRecord = useCallback(