export csv format & log title debounce (#3754)

projects/app/src/pageComponents/app/detail/Logs/index.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import {
   Flex,
   Box,
@@ -35,6 +35,7 @@ import SearchInput from '@fastgpt/web/components/common/Input/SearchInput';
 import PopoverConfirm from '@fastgpt/web/components/common/MyPopover/PopoverConfirm';
 import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
 import { downloadFetch } from '@/web/common/system/utils';
+import { debounce } from 'lodash';
 
 const DetailLogsModal = dynamic(() => import('./DetailLogsModal'));
 
@@ -50,6 +51,15 @@ const Logs = () => {
 
   const [detailLogsId, setDetailLogsId] = useState<string>();
   const [logTitle, setLogTitle] = useState<string>();
+  const [inputValue, setInputValue] = useState('');
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      setLogTitle(inputValue);
+    }, 500);
+
+    return () => clearTimeout(timer);
+  }, [inputValue]);
 
   const {
     value: chatSources,
@@ -162,8 +172,8 @@ const Logs = () => {
           <SearchInput
             placeholder={t('app:logs_title')}
             w={'240px'}
-            value={logTitle}
-            onChange={(e) => setLogTitle(e.target.value)}
+            value={inputValue}
+            onChange={(e) => setInputValue(e.target.value)}
           />
         </Flex>
         <Box flex={'1'} />

projects/app/src/pageComponents/app/detail/SimpleApp/index.tsx

@@ -121,7 +121,7 @@ const SimpleEdit = () => {
       {currentTab === TabEnum.appEdit ? (
         <Edit appForm={appForm} setAppForm={setAppForm} setPast={setPast} />
       ) : (
-        <Box flex={'1 0 0'} h={0} mt={[4, 0]}>
+        <Box flex={'1 0 0'} h={0} mt={[4, 0]} mb={[2, 4]}>
           {currentTab === TabEnum.publish && <PublishChannel />}
           {currentTab === TabEnum.logs && <Logs />}
         </Box>