4.6.8 supplement (#831)

Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

projects/app/src/components/core/dataset/SearchParamsTip.tsx

@@ -0,0 +1,85 @@
+import { useSystemStore } from '@/web/common/system/useSystemStore';
+import { Flex, Table, Thead, Tbody, Tr, Th, Td, TableContainer } from '@chakra-ui/react';
+import {
+  DatasetSearchModeEnum,
+  DatasetSearchModeMap
+} from '@fastgpt/global/core/dataset/constants';
+import { useTranslation } from 'next-i18next';
+import React, { useMemo } from 'react';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+
+const SearchParamsTip = ({
+  searchMode,
+  similarity = 0,
+  limit = 1500,
+  responseEmptyText,
+  usingReRank = false,
+  usingQueryExtension = false
+}: {
+  searchMode: `${DatasetSearchModeEnum}`;
+  similarity?: number;
+  limit?: number;
+  responseEmptyText?: string;
+  usingReRank?: boolean;
+  usingQueryExtension?: boolean;
+}) => {
+  const { t } = useTranslation();
+  const { reRankModelList } = useSystemStore();
+
+  const hasReRankModel = reRankModelList.length > 0;
+  const hasEmptyResponseMode = responseEmptyText !== undefined;
+  const hasSimilarityMode = usingReRank || searchMode === DatasetSearchModeEnum.embedding;
+
+  return (
+    <TableContainer
+      bg={'primary.50'}
+      borderRadius={'lg'}
+      borderWidth={'1px'}
+      borderColor={'primary.1'}
+    >
+      <Table fontSize={'xs'} overflow={'overlay'}>
+        <Thead>
+          <Tr color={'myGray.600'}>
+            <Th>{t('core.dataset.search.search mode')}</Th>
+            <Th>{t('core.dataset.search.Max Tokens')}</Th>
+            <Th>{t('core.dataset.search.Min Similarity')}</Th>
+            {hasReRankModel && <Th>{t('core.dataset.search.ReRank')}</Th>}
+            <Th>{t('core.module.template.Query extension')}</Th>
+            {hasEmptyResponseMode && <Th>{t('core.dataset.search.Empty result response')}</Th>}
+          </Tr>
+        </Thead>
+        <Tbody>
+          <Tr color={'myGray.800'}>
+            <Td pt={0} pb={1}>
+              <Flex alignItems={'center'}>
+                <MyIcon
+                  name={DatasetSearchModeMap[searchMode]?.icon as any}
+                  w={'12px'}
+                  mr={'1px'}
+                />
+                {t(DatasetSearchModeMap[searchMode]?.title)}
+              </Flex>
+            </Td>
+            <Td pt={0} pb={1}>
+              {limit}
+            </Td>
+            <Td pt={0} pb={1}>
+              {hasSimilarityMode ? similarity : t('core.dataset.search.Nonsupport')}
+            </Td>
+            {hasReRankModel && (
+              <Td pt={0} pb={1}>
+                {usingReRank ? '✅' : '❌'}
+              </Td>
+            )}
+            <Td pt={0} pb={1}>
+              {usingQueryExtension ? '✅' : '❌'}
+            </Td>
+            {hasEmptyResponseMode && <Th>{responseEmptyText !== '' ? '✅' : '❌'}</Th>}
+          </Tr>
+        </Tbody>
+      </Table>
+    </TableContainer>
+  );
+};
+
+export default React.memo(SearchParamsTip);