Fix: Bug fixes (#11960)

### What problem does this PR solve?

Fix: Bug fixes

New search popup style modification
Fixed multilingual settings not updating immediately on personal center
page
Changed overlapped percent to percentage format, with maximum value of
30%
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/dataset/dataset-overview/overview-table.tsx

@@ -24,7 +24,8 @@ import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { cn } from '@/lib/utils';
 import { PipelineResultSearchParams } from '@/pages/dataflow-result/constant';
 import { NavigateToDataflowResultProps } from '@/pages/dataflow-result/interface';
-import { DataSourceInfo } from '@/pages/user-setting/data-source/contant';
+import { useDataSourceInfo } from '@/pages/user-setting/data-source/contant';
+import { IDataSourceInfoMap } from '@/pages/user-setting/data-source/interface';
 import { formatDate, formatSecondsToHumanReadable } from '@/utils/date';
 import {
   ColumnDef,
@@ -54,6 +55,7 @@ export const getFileLogsTableColumns = (
   navigateToDataflowResult: (
     props: NavigateToDataflowResultProps,
   ) => () => void,
+  dataSourceInfo: IDataSourceInfoMap,
 ) => {
   // const { t } = useTranslate('knowledgeDetails');
   const columns: ColumnDef<IFileLogItem & DocumentLog>[] = [
@@ -117,8 +119,8 @@ export const getFileLogsTableColumns = (
           ) : (
             <div className="w-6 h-6 flex items-center justify-center">
               {
-                DataSourceInfo[
-                  row.original.source_from as keyof typeof DataSourceInfo
+                dataSourceInfo[
+                  row.original.source_from as keyof typeof dataSourceInfo
                 ].icon
               }
             </div>
@@ -368,7 +370,7 @@ const FileLogsTable: FC<FileLogsTableProps> = ({
     setLogInfo(logDetail);
     setIsModalVisible(true);
   };
-
+  const { dataSourceInfo } = useDataSourceInfo();
   const columns = useMemo(() => {
     return active === LogTabs.FILE_LOGS
       ? getFileLogsTableColumns(
@@ -376,6 +378,7 @@ const FileLogsTable: FC<FileLogsTableProps> = ({
           showLog,
           kowledgeId || '',
           navigateToDataflowResult,
+          dataSourceInfo,
         )
       : getDatasetLogsTableColumns(t, showLog);
   }, [active, t]);

web/src/pages/dataset/dataset-setting/components/link-data-source.tsx

@@ -9,7 +9,7 @@ import {
 import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { IConnector } from '@/interfaces/database/knowledge';
 import { delSourceModal } from '@/pages/user-setting/data-source/component/delete-source-modal';
-import { DataSourceInfo } from '@/pages/user-setting/data-source/contant';
+import { useDataSourceInfo } from '@/pages/user-setting/data-source/contant';
 import { useDataSourceRebuild } from '@/pages/user-setting/data-source/hooks';
 import { IDataSourceBase } from '@/pages/user-setting/data-source/interface';
 import { Link, Settings, Unlink } from 'lucide-react';
@@ -41,6 +41,7 @@ interface DataSourceItemProps extends IDataSourceNodeProps {
 }
 
 const DataSourceItem = (props: DataSourceItemProps) => {
+  const { dataSourceInfo } = useDataSourceInfo();
   const { t } = useTranslation();
   const { id, name, icon, source, auto_parse, unbindFunc, handleAutoParse } =
     props;
@@ -56,7 +57,7 @@ const DataSourceItem = (props: DataSourceItemProps) => {
       <div className="flex items-center gap-1">
         <div className="w-6 h-6 flex-shrink-0">{icon}</div>
         <div className="text-base text-text-primary">
-          {DataSourceInfo[source].name}
+          {dataSourceInfo[source].name}
         </div>
         <div>{name}</div>
       </div>
@@ -114,6 +115,7 @@ const DataSourceItem = (props: DataSourceItemProps) => {
               delSourceModal({
                 data: props,
                 type: 'unlink',
+                dataSourceInfo: dataSourceInfo,
                 onOk: (data) => unbindFunc?.(data as DataSourceItemProps),
               });
             }}
@@ -134,6 +136,7 @@ const LinkDataSource = (props: ILinkDataSourceProps) => {
     handleAutoParse,
   } = props;
   const { t } = useTranslation();
+  const { dataSourceInfo } = useDataSourceInfo();
   const [openLinkModal, setOpenLinkModal] = useState(false);
 
   const pipelineNode: IDataSourceNodeProps[] = useMemo(() => {
@@ -144,7 +147,7 @@ const LinkDataSource = (props: ILinkDataSourceProps) => {
           id: item?.id,
           name: item?.name,
           icon:
-            DataSourceInfo[item?.source as keyof typeof DataSourceInfo]?.icon ||
+            dataSourceInfo[item?.source as keyof typeof dataSourceInfo]?.icon ||
             '',
         } as IDataSourceNodeProps;
       });

web/src/pages/dataset/dataset-setting/configuration/common-item.tsx

@@ -291,9 +291,10 @@ export function EnableTocToggle() {
 export function OverlappedPercent() {
   return (
     <SliderInputFormField
+      percentage={true}
       name="parser_config.overlapped_percent"
       label={t('knowledgeConfiguration.overlappedPercent')}
-      max={0.5}
+      max={0.3}
       step={0.01}
     ></SliderInputFormField>
   );

web/src/pages/dataset/dataset-setting/index.tsx

@@ -8,7 +8,7 @@ import { FormLayout } from '@/constants/form';
 import { DocumentParserType } from '@/constants/knowledge';
 import { PermissionRole } from '@/constants/permission';
 import { IConnector } from '@/interfaces/database/knowledge';
-import { DataSourceInfo } from '@/pages/user-setting/data-source/contant';
+import { useDataSourceInfo } from '@/pages/user-setting/data-source/contant';
 import { IDataSourceBase } from '@/pages/user-setting/data-source/interface';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useEffect, useState } from 'react';
@@ -89,6 +89,7 @@ export default function DatasetSettings() {
       connectors: [],
     },
   });
+  const { dataSourceInfo } = useDataSourceInfo();
   const knowledgeDetails = useFetchKnowledgeConfigurationOnMount(form);
   // const [pipelineData, setPipelineData] = useState<IDataPipelineNodeProps>();
   const [sourceData, setSourceData] = useState<IDataSourceNodeProps[]>();
@@ -113,7 +114,7 @@ export default function DatasetSettings() {
           return {
             ...connector,
             icon:
-              DataSourceInfo[connector.source as keyof typeof DataSourceInfo]
+              dataSourceInfo[connector.source as keyof typeof dataSourceInfo]
                 ?.icon || '',
           };
         });
@@ -159,7 +160,7 @@ export default function DatasetSettings() {
           ...connector,
           auto_parse: connector.auto_parse === '0' ? '0' : '1',
           icon:
-            DataSourceInfo[connector.source as keyof typeof DataSourceInfo]
+            dataSourceInfo[connector.source as keyof typeof dataSourceInfo]
               ?.icon || '',
         };
       });

web/src/pages/dataset/dataset/use-dataset-table-columns.tsx

@@ -11,7 +11,7 @@ import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useSetDocumentStatus } from '@/hooks/use-document-request';
 import { IDocumentInfo } from '@/interfaces/database/document';
 import { cn } from '@/lib/utils';
-import { DataSourceInfo } from '@/pages/user-setting/data-source/contant';
+import { useDataSourceInfo } from '@/pages/user-setting/data-source/contant';
 import { formatDate } from '@/utils/date';
 import { ColumnDef } from '@tanstack/table-core';
 import { ArrowUpDown, MonitorUp } from 'lucide-react';
@@ -35,7 +35,7 @@ export function useDatasetTableColumns({
   const { t } = useTranslation('translation', {
     keyPrefix: 'knowledgeDetails',
   });
-
+  const { dataSourceInfo } = useDataSourceInfo();
   const { navigateToChunkParsedResult } = useNavigatePage();
   const { setDocumentStatus } = useSetDocumentStatus();
 
@@ -134,8 +134,8 @@ export function useDatasetTableColumns({
           ) : (
             <div className="w-6 h-6 flex items-center justify-center">
               {
-                DataSourceInfo[
-                  row.original.source_type as keyof typeof DataSourceInfo
+                dataSourceInfo[
+                  row.original.source_type as keyof typeof dataSourceInfo
                 ]?.icon
               }
             </div>