feat: change all file names to lowercase #1574 (#1575)

### What problem does this PR solve?

feat: change all file names to lowercase #1574

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/components/chunk-method-modal/hooks.ts

@@ -1,7 +1,7 @@
 import {
   useFetchTenantInfo,
   useSelectParserList,
-} from '@/hooks/userSettingHook';
+} from '@/hooks/user-setting-hooks';
 import { useEffect, useMemo, useState } from 'react';
 
 const ParserListMap = new Map([

web/src/components/chunk-method-modal/index.tsx

@@ -21,7 +21,7 @@ import omit from 'lodash/omit';
 import React, { useEffect, useMemo } from 'react';
 import { useFetchParserListOnMount } from './hooks';
 
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import LayoutRecognize from '../layout-recognize';
 import ParseConfiguration, {
   showRaptorParseConfiguration,

web/src/components/copy-to-clipboard.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { useState } from 'react';

web/src/components/file-upload-modal/index.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { IModalProps } from '@/interfaces/common';
 import { InboxOutlined } from '@ant-design/icons';
 import {

web/src/components/knowledge-base-item.tsx

@@ -1,5 +1,5 @@
-import { useTranslate } from '@/hooks/commonHooks';
-import { useFetchKnowledgeList } from '@/hooks/knowledgeHook';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useFetchKnowledgeList } from '@/hooks/knowledge-hooks';
 import { Form, Select } from 'antd';
 
 const KnowledgeBaseItem = () => {

web/src/components/layout-recognize.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Switch } from 'antd';
 
 const LayoutRecognize = () => {

web/src/components/llm-setting-items/index.tsx

@@ -6,8 +6,8 @@ import {
 import { Divider, Flex, Form, InputNumber, Select, Slider, Switch } from 'antd';
 import camelCase from 'lodash/camelCase';
 
-import { useTranslate } from '@/hooks/commonHooks';
-import { useSelectLlmOptionsByModelType } from '@/hooks/llmHooks';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useSelectLlmOptionsByModelType } from '@/hooks/llm-hooks';
 import { useCallback, useMemo } from 'react';
 import styles from './index.less';
 

web/src/components/max-token-number.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Flex, Form, InputNumber, Slider } from 'antd';
 
 const MaxTokenNumber = () => {

web/src/components/message-item/index.tsx

@@ -1,8 +1,8 @@
 import { ReactComponent as AssistantIcon } from '@/assets/svg/assistant.svg';
 import { MessageType } from '@/constants/chat';
-import { useTranslate } from '@/hooks/commonHooks';
-import { useGetDocumentUrl } from '@/hooks/documentHooks';
-import { useSelectFileThumbnails } from '@/hooks/knowledgeHook';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useGetDocumentUrl } from '@/hooks/document-hooks';
+import { useSelectFileThumbnails } from '@/hooks/knowledge-hooks';
 import { IReference, Message } from '@/interfaces/database/chat';
 import { IChunk } from '@/interfaces/database/knowledge';
 import classNames from 'classnames';

web/src/components/operate-dropdown/index.tsx

@@ -1,4 +1,4 @@
-import { useShowDeleteConfirm } from '@/hooks/commonHooks';
+import { useShowDeleteConfirm } from '@/hooks/common-hooks';
 import { DeleteOutlined, MoreOutlined } from '@ant-design/icons';
 import { Dropdown, MenuProps, Space } from 'antd';
 import { useTranslation } from 'react-i18next';

web/src/components/parse-configuration/index.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { PlusOutlined } from '@ant-design/icons';
 import {
   Button,
@@ -12,7 +12,7 @@ import {
 } from 'antd';
 import random from 'lodash/random';
 
-export const excludedParseMethods = ['table', 'resume', 'one',"picture"];
+export const excludedParseMethods = ['table', 'resume', 'one', 'picture'];
 
 export const showRaptorParseConfiguration = (parserId: string) => {
   return !excludedParseMethods.includes(parserId);

web/src/components/pdf-previewer/index.tsx

@@ -1,7 +1,7 @@
 import {
   useGetChunkHighlights,
   useGetDocumentUrl,
-} from '@/hooks/documentHooks';
+} from '@/hooks/document-hooks';
 import { IChunk } from '@/interfaces/database/knowledge';
 import { Skeleton } from 'antd';
 import { useEffect, useRef, useState } from 'react';

web/src/components/rename-modal/index.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Input, Modal } from 'antd';
 import { useEffect } from 'react';
 import { IModalManagerChildrenProps } from '../modal-manager';

web/src/components/rerank.tsx

@@ -1,6 +1,6 @@
 import { LlmModelType } from '@/constants/knowledge';
-import { useTranslate } from '@/hooks/commonHooks';
-import { useSelectLlmOptionsByModelType } from '@/hooks/llmHooks';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useSelectLlmOptionsByModelType } from '@/hooks/llm-hooks';
 import { Form, Select, Slider } from 'antd';
 
 type FieldType = {

web/src/components/similarity-slider/index.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Slider } from 'antd';
 
 type FieldType = {

web/src/components/top-n-item.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Slider } from 'antd';
 
 type FieldType = {

web/src/hooks/{chunkHooks.ts → chunk-hooks.ts}

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import { useDispatch } from 'umi';
-import { useGetKnowledgeSearchParams } from './routeHook';
+import { useGetKnowledgeSearchParams } from './route-hook';
 
 interface PayloadType {
   doc_id: string;

web/src/hooks/{documentHooks.ts → document-hooks.ts}

@@ -6,8 +6,8 @@ import { UploadFile } from 'antd';
 import { useCallback, useMemo, useState } from 'react';
 import { IHighlight } from 'react-pdf-highlighter';
 import { useDispatch, useSelector } from 'umi';
-import { useGetKnowledgeSearchParams } from './routeHook';
-import { useOneNamespaceEffectsLoading } from './storeHooks';
+import { useGetKnowledgeSearchParams } from './route-hook';
+import { useOneNamespaceEffectsLoading } from './store-hooks';
 
 export const useGetDocumentUrl = (documentId?: string) => {
   const getDocumentUrl = useCallback(

web/src/hooks/{knowledgeHook.ts → knowledge-hooks.ts}

@@ -1,9 +1,11 @@
-import { useShowDeleteConfirm } from '@/hooks/commonHooks';
+import { useShowDeleteConfirm } from '@/hooks/common-hooks';
 import { IKnowledge } from '@/interfaces/database/knowledge';
+import kbService from '@/services/knowledge-service';
+import { useQuery } from '@tanstack/react-query';
 import { useCallback, useEffect, useMemo } from 'react';
 import { useDispatch, useSearchParams, useSelector } from 'umi';
-import { useGetKnowledgeSearchParams } from './routeHook';
-import { useOneNamespaceEffectsLoading } from './storeHooks';
+import { useGetKnowledgeSearchParams } from './route-hook';
+import { useOneNamespaceEffectsLoading } from './store-hooks';
 
 export const useKnowledgeBaseId = (): string => {
   const [searchParams] = useSearchParams();
@@ -158,6 +160,23 @@ export const useFetchKnowledgeList = (
   return { list, loading, fetchList };
 };
 
+export const useNextFetchKnowledgeList = (): {
+  data: any[];
+  loading: boolean;
+} => {
+  const { data, isFetching: loading } = useQuery({
+    queryKey: ['fetchKnowledgeList'],
+    initialData: [],
+    queryFn: async () => {
+      const { data } = await kbService.getList();
+
+      return data?.data ?? [];
+    },
+  });
+
+  return { data, loading };
+};
+
 export const useSelectFileThumbnails = () => {
   const fileThumbnails: Record<string, string> = useSelector(
     (state: any) => state.kFModel.fileThumbnails,

web/src/hooks/logic-hooks.ts

@@ -20,15 +20,15 @@ import {
 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch } from 'umi';
-import { useSetModalState, useTranslate } from './commonHooks';
-import { useSetDocumentParser } from './documentHooks';
-import { useFetchLlmList } from './llmHooks';
-import { useOneNamespaceEffectsLoading } from './storeHooks';
+import { useSetModalState, useTranslate } from './common-hooks';
+import { useSetDocumentParser } from './document-hooks';
+import { useFetchLlmList } from './llm-hooks';
+import { useOneNamespaceEffectsLoading } from './store-hooks';
 import {
   useFetchTenantInfo,
   useSaveSetting,
   useSelectTenantInfo,
-} from './userSettingHook';
+} from './user-setting-hooks';
 
 export const useChangeDocumentParser = (documentId: string) => {
   const setDocumentParser = useSetDocumentParser();

web/src/hooks/{userSettingHook.ts → user-setting-hooks.ts}

@@ -1,6 +1,6 @@
 import { ITenantInfo } from '@/interfaces/database/knowledge';
 import { ISystemStatus, IUserInfo } from '@/interfaces/database/userSetting';
-import userService from '@/services/userService';
+import userService from '@/services/user-service';
 import authorizationUtil from '@/utils/authorizationUtil';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { history, useDispatch, useSelector } from 'umi';

web/src/layouts/components/header/index.tsx

@@ -1,8 +1,8 @@
 import { ReactComponent as FileIcon } from '@/assets/svg/file-management.svg';
 import { ReactComponent as GraphIcon } from '@/assets/svg/graph.svg';
 import { ReactComponent as KnowledgeBaseIcon } from '@/assets/svg/knowledge-base.svg';
-import { useTranslate } from '@/hooks/commonHooks';
-import { useNavigateWithFromState } from '@/hooks/routeHook';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useNavigateWithFromState } from '@/hooks/route-hook';
 import { Flex, Layout, Radio, Space, theme } from 'antd';
 import { useCallback, useMemo } from 'react';
 import { useLocation } from 'umi';

web/src/layouts/components/right-toolbar/index.tsx

@@ -1,4 +1,4 @@
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { DownOutlined, GithubOutlined } from '@ant-design/icons';
 import { Dropdown, MenuProps, Space } from 'antd';
 import camelCase from 'lodash/camelCase';

web/src/layouts/components/user/index.tsx

@@ -1,30 +1,33 @@
-import { useFetchUserInfo, useSelectUserInfo } from '@/hooks/userSettingHook';
-import { Avatar } from 'antd';
-import React from 'react';
-import { history } from 'umi';
-
-import styles from '../../index.less';
-
-const App: React.FC = () => {
-  const userInfo = useSelectUserInfo();
-
-  const toSetting = () => {
-    history.push('/user-setting');
-  };
-
-  useFetchUserInfo();
-
-  return (
-    <Avatar
-      size={32}
-      onClick={toSetting}
-      className={styles.clickAvailable}
-      src={
-        userInfo.avatar ??
-        'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
-      }
-    />
-  );
-};
-
-export default App;
+import {
+  useFetchUserInfo,
+  useSelectUserInfo,
+} from '@/hooks/user-setting-hooks';
+import { Avatar } from 'antd';
+import React from 'react';
+import { history } from 'umi';
+
+import styles from '../../index.less';
+
+const App: React.FC = () => {
+  const userInfo = useSelectUserInfo();
+
+  const toSetting = () => {
+    history.push('/user-setting');
+  };
+
+  useFetchUserInfo();
+
+  return (
+    <Avatar
+      size={32}
+      onClick={toSetting}
+      className={styles.clickAvailable}
+      src={
+        userInfo.avatar ??
+        'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+      }
+    />
+  );
+};
+
+export default App;

web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-creating-modal/index.tsx

@@ -1,5 +1,5 @@
-import { useDeleteChunkByIds } from '@/hooks/knowledgeHook';
-import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
+import { useDeleteChunkByIds } from '@/hooks/knowledge-hooks';
+import { useOneNamespaceEffectsLoading } from '@/hooks/store-hooks';
 import { DeleteOutlined } from '@ant-design/icons';
 import { Checkbox, Divider, Form, Input, Modal, Space } from 'antd';
 import React, { useCallback, useEffect, useState } from 'react';

web/src/pages/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx

@@ -1,7 +1,7 @@
 import { ReactComponent as FilterIcon } from '@/assets/filter.svg';
 import { KnowledgeRouteKey } from '@/constants/knowledge';
-import { useTranslate } from '@/hooks/commonHooks';
-import { useKnowledgeBaseId } from '@/hooks/knowledgeHook';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useKnowledgeBaseId } from '@/hooks/knowledge-hooks';
 import {
   ArrowLeftOutlined,
   CheckCircleOutlined,

web/src/pages/add-knowledge/components/knowledge-chunk/components/document-preview/hooks.ts

@@ -1,4 +1,4 @@
-import { useGetKnowledgeSearchParams } from '@/hooks/routeHook';
+import { useGetKnowledgeSearchParams } from '@/hooks/route-hook';
 import { api_host } from '@/utils/api';
 import { useSize } from 'ahooks';
 import { CustomTextRenderer } from 'node_modules/react-pdf/dist/esm/shared/types';

web/src/pages/add-knowledge/components/knowledge-chunk/hooks.ts

@@ -1,4 +1,4 @@
-import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
+import { useOneNamespaceEffectsLoading } from '@/hooks/store-hooks';
 import { IChunk, IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { buildChunkHighlights } from '@/utils/documentUtils';
 import { useCallback, useMemo, useState } from 'react';

web/src/pages/add-knowledge/components/knowledge-chunk/index.tsx

@@ -1,5 +1,5 @@
-import { useFetchChunkList } from '@/hooks/chunkHooks';
-import { useDeleteChunkByIds } from '@/hooks/knowledgeHook';
+import { useFetchChunkList } from '@/hooks/chunk-hooks';
+import { useDeleteChunkByIds } from '@/hooks/knowledge-hooks';
 import type { PaginationProps } from 'antd';
 import { Divider, Flex, Pagination, Space, Spin, message } from 'antd';
 import classNames from 'classnames';

web/src/pages/add-knowledge/components/knowledge-chunk/model.ts

@@ -1,6 +1,6 @@
 import { BaseState } from '@/interfaces/common';
 import { IChunk, IKnowledgeFile } from '@/interfaces/database/knowledge';
-import kbService from '@/services/kbService';
+import kbService from '@/services/knowledge-service';
 import { message } from 'antd';
 import { pick } from 'lodash';
 // import { delay } from '@/utils/storeUtil';

web/src/pages/add-knowledge/components/knowledge-dataset/knowledge-upload-file/index.tsx

@@ -6,17 +6,17 @@ import {
   useRunDocument,
   useSelectDocumentList,
   useUploadDocument,
-} from '@/hooks/documentHooks';
+} from '@/hooks/document-hooks';
 import {
   useDeleteDocumentById,
   useFetchKnowledgeDetail,
   useKnowledgeBaseId,
-} from '@/hooks/knowledgeHook';
+} from '@/hooks/knowledge-hooks';
 import {
   useChangeDocumentParser,
   useSetSelectedRecord,
 } from '@/hooks/logic-hooks';
-import { useFetchTenantInfo } from '@/hooks/userSettingHook';
+import { useFetchTenantInfo } from '@/hooks/user-setting-hooks';
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { getExtension, isFileUploadDone } from '@/utils/documentUtils';
 import {
@@ -40,7 +40,7 @@ import classNames from 'classnames';
 import { ReactElement, useCallback, useMemo, useRef, useState } from 'react';
 import { Link, useNavigate } from 'umi';
 
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import styles from './index.less';
 
 const { Dragger } = Upload;

web/src/pages/add-knowledge/components/knowledge-file/document-toolbar.tsx

@@ -3,13 +3,13 @@ import { ReactComponent as DeleteIcon } from '@/assets/svg/delete.svg';
 import { ReactComponent as DisableIcon } from '@/assets/svg/disable.svg';
 import { ReactComponent as EnableIcon } from '@/assets/svg/enable.svg';
 import { ReactComponent as RunIcon } from '@/assets/svg/run.svg';
-import { useShowDeleteConfirm, useTranslate } from '@/hooks/commonHooks';
+import { useShowDeleteConfirm, useTranslate } from '@/hooks/common-hooks';
 import {
   useRemoveDocument,
   useRunDocument,
   useSetDocumentStatus,
-} from '@/hooks/documentHooks';
-import { useGetKnowledgeSearchParams } from '@/hooks/routeHook';
+} from '@/hooks/document-hooks';
+import { useGetKnowledgeSearchParams } from '@/hooks/route-hook';
 import {
   DownOutlined,
   FileOutlined,

web/src/pages/add-knowledge/components/knowledge-file/hooks.ts

@@ -1,4 +1,4 @@
-import { useSetModalState, useTranslate } from '@/hooks/commonHooks';
+import { useSetModalState, useTranslate } from '@/hooks/common-hooks';
 import {
   useCreateDocument,
   useFetchDocumentList,
@@ -8,10 +8,10 @@ import {
   useSetDocumentParser,
   useUploadDocument,
   useWebCrawl,
-} from '@/hooks/documentHooks';
-import { useGetKnowledgeSearchParams } from '@/hooks/routeHook';
-import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
-import { useFetchTenantInfo } from '@/hooks/userSettingHook';
+} from '@/hooks/document-hooks';
+import { useGetKnowledgeSearchParams } from '@/hooks/route-hook';
+import { useOneNamespaceEffectsLoading } from '@/hooks/store-hooks';
+import { useFetchTenantInfo } from '@/hooks/user-setting-hooks';
 import { Pagination } from '@/interfaces/common';
 import { IChangeParserConfigRequestBody } from '@/interfaces/request/document';
 import { getUnSupportedFilesCount } from '@/utils/documentUtils';
@@ -296,13 +296,13 @@ export const useHandleWebCrawl = () => {
   const webCrawl = useWebCrawl();
 
   const onWebCrawlUploadOk = useCallback(
-    async (name: string, url: string ) => {
+    async (name: string, url: string) => {
       const ret = await webCrawl(name, url);
       if (ret === 0) {
         hideWebCrawlUploadModal();
-        return 0
+        return 0;
       }
-      return -1
+      return -1;
     },
     [webCrawl, hideWebCrawlUploadModal],
   );

web/src/pages/add-knowledge/components/knowledge-file/index.tsx

@@ -3,9 +3,9 @@ import SvgIcon from '@/components/svg-icon';
 import {
   useSelectDocumentList,
   useSetDocumentStatus,
-} from '@/hooks/documentHooks';
+} from '@/hooks/document-hooks';
 import { useSetSelectedRecord } from '@/hooks/logic-hooks';
-import { useSelectParserList } from '@/hooks/userSettingHook';
+import { useSelectParserList } from '@/hooks/user-setting-hooks';
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { getExtension } from '@/utils/documentUtils';
 import { Divider, Flex, Switch, Table, Typography } from 'antd';

web/src/pages/add-knowledge/components/knowledge-file/model.ts

@@ -1,276 +1,276 @@
-import { BaseState } from '@/interfaces/common';
-import { IKnowledgeFile } from '@/interfaces/database/knowledge';
-import i18n from '@/locales/config';
-import kbService, { getDocumentFile } from '@/services/kbService';
-import { message } from 'antd';
-import omit from 'lodash/omit';
-import pick from 'lodash/pick';
-import { DvaModel } from 'umi';
-
-export interface KFModelState extends BaseState {
-  tenantIfo: any;
-  data: IKnowledgeFile[];
-  total: number;
-  currentRecord: Nullable<IKnowledgeFile>;
-  fileThumbnails: Record<string, string>;
-}
-
-const model: DvaModel<KFModelState> = {
-  namespace: 'kFModel',
-  state: {
-    tenantIfo: {},
-    data: [],
-    total: 0,
-    currentRecord: null,
-    searchString: '',
-    pagination: {
-      current: 1,
-      pageSize: 10,
-    },
-    fileThumbnails: {} as Record<string, string>,
-  },
-  reducers: {
-    updateState(state, { payload }) {
-      return {
-        ...state,
-        ...payload,
-      };
-    },
-
-    setCurrentRecord(state, { payload }) {
-      return { ...state, currentRecord: payload };
-    },
-    setSearchString(state, { payload }) {
-      return { ...state, searchString: payload };
-    },
-    setPagination(state, { payload }) {
-      return { ...state, pagination: { ...state.pagination, ...payload } };
-    },
-    setFileThumbnails(state, { payload }) {
-      return { ...state, fileThumbnails: payload };
-    },
-  },
-  effects: {
-    *createKf({ payload = {} }, { call }) {
-      const { data } = yield call(kbService.createKb, payload);
-      const { retcode } = data;
-      if (retcode === 0) {
-        message.success(i18n.t('message.created'));
-      }
-    },
-    *updateKf({ payload = {} }, { call }) {
-      const { data } = yield call(kbService.updateKb, payload);
-      const { retcode } = data;
-      if (retcode === 0) {
-        message.success(i18n.t('message.modified'));
-      }
-    },
-    *getKfDetail({ payload = {} }, { call }) {
-      const { data } = yield call(kbService.get_kb_detail, payload);
-    },
-    *getKfList({ payload = {} }, { call, put, select }) {
-      const state: KFModelState = yield select((state: any) => state.kFModel);
-      const requestBody = {
-        ...payload,
-        page: state.pagination.current,
-        page_size: state.pagination.pageSize,
-      };
-      if (state.searchString) {
-        requestBody['keywords'] = state.searchString;
-      }
-      const { data } = yield call(kbService.get_document_list, requestBody);
-      const { retcode, data: res } = data;
-
-      if (retcode === 0) {
-        yield put({
-          type: 'updateState',
-          payload: {
-            data: res.docs,
-            total: res.total,
-          },
-        });
-      }
-    },
-    throttledGetDocumentList: [
-      function* ({ payload }, { call, put }) {
-        yield put({ type: 'getKfList', payload: { kb_id: payload } });
-      },
-      { type: 'throttle', ms: 1000 }, // TODO: Provide type support for this effect
-    ],
-    pollGetDocumentList: [
-      function* ({ payload }, { call, put }) {
-        yield put({ type: 'getKfList', payload: { kb_id: payload } });
-      },
-      { type: 'poll', delay: 5000 }, // TODO: Provide type support for this effect
-    ],
-    *updateDocumentStatus({ payload = {} }, { call, put }) {
-      const { data } = yield call(
-        kbService.document_change_status,
-        pick(payload, ['doc_id', 'status']),
-      );
-      const { retcode } = data;
-      if (retcode === 0) {
-        message.success(i18n.t('message.modified'));
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-      }
-    },
-    *document_rm({ payload = {} }, { call, put }) {
-      const { data } = yield call(kbService.document_rm, {
-        doc_id: payload.doc_id,
-      });
-      const { retcode } = data;
-      if (retcode === 0) {
-        message.success(i18n.t('message.deleted'));
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-      }
-      return retcode;
-    },
-    *document_rename({ payload = {} }, { call, put }) {
-      const { data } = yield call(
-        kbService.document_rename,
-        omit(payload, ['kb_id']),
-      );
-      const { retcode } = data;
-      if (retcode === 0) {
-        message.success(i18n.t('message.renamed'));
-
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-      }
-
-      return retcode;
-    },
-    *document_create({ payload = {} }, { call, put }) {
-      const { data } = yield call(kbService.document_create, payload);
-      const { retcode } = data;
-      if (retcode === 0) {
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-
-        message.success(i18n.t('message.created'));
-      }
-      return retcode;
-    },
-    *document_run({ payload = {} }, { call, put }) {
-      const { data } = yield call(
-        kbService.document_run,
-        omit(payload, ['knowledgeBaseId']),
-      );
-      const { retcode } = data;
-      if (retcode === 0) {
-        if (payload.knowledgeBaseId) {
-          yield put({
-            type: 'getKfList',
-            payload: { kb_id: payload.knowledgeBaseId },
-          });
-        }
-        message.success(i18n.t('message.operated'));
-      }
-      return retcode;
-    },
-    *document_change_parser({ payload = {} }, { call, put }) {
-      const { data } = yield call(
-        kbService.document_change_parser,
-        omit(payload, ['kb_id']),
-      );
-      const { retcode } = data;
-      if (retcode === 0) {
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-
-        message.success(i18n.t('message.modified'));
-      }
-      return retcode;
-    },
-    *fetch_document_thumbnails({ payload = {} }, { call, put }) {
-      const { data } = yield call(kbService.document_thumbnails, payload);
-      if (data.retcode === 0) {
-        yield put({ type: 'setFileThumbnails', payload: data.data });
-      }
-    },
-    *fetch_document_file({ payload = {} }, { call }) {
-      const documentId = payload;
-      try {
-        const ret = yield call(getDocumentFile, documentId);
-        return ret;
-      } catch (error) {
-        console.warn(error);
-      }
-    },
-    *upload_document({ payload = {} }, { call, put }) {
-      const fileList = payload.fileList;
-      const formData = new FormData();
-      formData.append('kb_id', payload.kb_id);
-      fileList.forEach((file: any) => {
-        formData.append('file', file);
-      });
-
-      const { data } = yield call(kbService.document_upload, formData);
-
-      const succeed = data.retcode === 0;
-
-      if (succeed) {
-        message.success(i18n.t('message.uploaded'));
-      }
-      if (succeed || data.retcode === 500) {
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-      }
-      return data;
-    },
-    *web_crawl({ payload = {} }, { call, put }) {
-      const formData = new FormData();
-      formData.append('name', payload.name);
-      formData.append('url', payload.url);
-      formData.append('kb_id', payload.kb_id);
-
-      const { data } = yield call(kbService.web_crawl, formData);
-
-      const succeed = data.retcode === 0;
-
-      if (succeed) {
-        message.success(i18n.t('message.uploaded'));
-      }
-      if (succeed || data.retcode === 500) {
-        yield put({
-          type: 'getKfList',
-          payload: { kb_id: payload.kb_id },
-        });
-      }
-      return data.retcode;
-    },
-  },
-  subscriptions: {
-    setup({ dispatch, history }) {
-      history.listen(({ location }) => {
-        const state: { from: string } = (location.state ?? {
-          from: '',
-        }) as { from: string };
-        if (
-          state.from === '/knowledge' || // TODO: Just directly determine whether the current page is on the knowledge list page.
-          location.pathname === '/knowledge/dataset/upload'
-        ) {
-          dispatch({
-            type: 'setPagination',
-            payload: { current: 1, pageSize: 10 },
-          });
-        }
-      });
-    },
-  },
-};
-export default model;
+import { BaseState } from '@/interfaces/common';
+import { IKnowledgeFile } from '@/interfaces/database/knowledge';
+import i18n from '@/locales/config';
+import kbService, { getDocumentFile } from '@/services/knowledge-service';
+import { message } from 'antd';
+import omit from 'lodash/omit';
+import pick from 'lodash/pick';
+import { DvaModel } from 'umi';
+
+export interface KFModelState extends BaseState {
+  tenantIfo: any;
+  data: IKnowledgeFile[];
+  total: number;
+  currentRecord: Nullable<IKnowledgeFile>;
+  fileThumbnails: Record<string, string>;
+}
+
+const model: DvaModel<KFModelState> = {
+  namespace: 'kFModel',
+  state: {
+    tenantIfo: {},
+    data: [],
+    total: 0,
+    currentRecord: null,
+    searchString: '',
+    pagination: {
+      current: 1,
+      pageSize: 10,
+    },
+    fileThumbnails: {} as Record<string, string>,
+  },
+  reducers: {
+    updateState(state, { payload }) {
+      return {
+        ...state,
+        ...payload,
+      };
+    },
+
+    setCurrentRecord(state, { payload }) {
+      return { ...state, currentRecord: payload };
+    },
+    setSearchString(state, { payload }) {
+      return { ...state, searchString: payload };
+    },
+    setPagination(state, { payload }) {
+      return { ...state, pagination: { ...state.pagination, ...payload } };
+    },
+    setFileThumbnails(state, { payload }) {
+      return { ...state, fileThumbnails: payload };
+    },
+  },
+  effects: {
+    *createKf({ payload = {} }, { call }) {
+      const { data } = yield call(kbService.createKb, payload);
+      const { retcode } = data;
+      if (retcode === 0) {
+        message.success(i18n.t('message.created'));
+      }
+    },
+    *updateKf({ payload = {} }, { call }) {
+      const { data } = yield call(kbService.updateKb, payload);
+      const { retcode } = data;
+      if (retcode === 0) {
+        message.success(i18n.t('message.modified'));
+      }
+    },
+    *getKfDetail({ payload = {} }, { call }) {
+      const { data } = yield call(kbService.get_kb_detail, payload);
+    },
+    *getKfList({ payload = {} }, { call, put, select }) {
+      const state: KFModelState = yield select((state: any) => state.kFModel);
+      const requestBody = {
+        ...payload,
+        page: state.pagination.current,
+        page_size: state.pagination.pageSize,
+      };
+      if (state.searchString) {
+        requestBody['keywords'] = state.searchString;
+      }
+      const { data } = yield call(kbService.get_document_list, requestBody);
+      const { retcode, data: res } = data;
+
+      if (retcode === 0) {
+        yield put({
+          type: 'updateState',
+          payload: {
+            data: res.docs,
+            total: res.total,
+          },
+        });
+      }
+    },
+    throttledGetDocumentList: [
+      function* ({ payload }, { call, put }) {
+        yield put({ type: 'getKfList', payload: { kb_id: payload } });
+      },
+      { type: 'throttle', ms: 1000 }, // TODO: Provide type support for this effect
+    ],
+    pollGetDocumentList: [
+      function* ({ payload }, { call, put }) {
+        yield put({ type: 'getKfList', payload: { kb_id: payload } });
+      },
+      { type: 'poll', delay: 5000 }, // TODO: Provide type support for this effect
+    ],
+    *updateDocumentStatus({ payload = {} }, { call, put }) {
+      const { data } = yield call(
+        kbService.document_change_status,
+        pick(payload, ['doc_id', 'status']),
+      );
+      const { retcode } = data;
+      if (retcode === 0) {
+        message.success(i18n.t('message.modified'));
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+      }
+    },
+    *document_rm({ payload = {} }, { call, put }) {
+      const { data } = yield call(kbService.document_rm, {
+        doc_id: payload.doc_id,
+      });
+      const { retcode } = data;
+      if (retcode === 0) {
+        message.success(i18n.t('message.deleted'));
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+      }
+      return retcode;
+    },
+    *document_rename({ payload = {} }, { call, put }) {
+      const { data } = yield call(
+        kbService.document_rename,
+        omit(payload, ['kb_id']),
+      );
+      const { retcode } = data;
+      if (retcode === 0) {
+        message.success(i18n.t('message.renamed'));
+
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+      }
+
+      return retcode;
+    },
+    *document_create({ payload = {} }, { call, put }) {
+      const { data } = yield call(kbService.document_create, payload);
+      const { retcode } = data;
+      if (retcode === 0) {
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+
+        message.success(i18n.t('message.created'));
+      }
+      return retcode;
+    },
+    *document_run({ payload = {} }, { call, put }) {
+      const { data } = yield call(
+        kbService.document_run,
+        omit(payload, ['knowledgeBaseId']),
+      );
+      const { retcode } = data;
+      if (retcode === 0) {
+        if (payload.knowledgeBaseId) {
+          yield put({
+            type: 'getKfList',
+            payload: { kb_id: payload.knowledgeBaseId },
+          });
+        }
+        message.success(i18n.t('message.operated'));
+      }
+      return retcode;
+    },
+    *document_change_parser({ payload = {} }, { call, put }) {
+      const { data } = yield call(
+        kbService.document_change_parser,
+        omit(payload, ['kb_id']),
+      );
+      const { retcode } = data;
+      if (retcode === 0) {
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+
+        message.success(i18n.t('message.modified'));
+      }
+      return retcode;
+    },
+    *fetch_document_thumbnails({ payload = {} }, { call, put }) {
+      const { data } = yield call(kbService.document_thumbnails, payload);
+      if (data.retcode === 0) {
+        yield put({ type: 'setFileThumbnails', payload: data.data });
+      }
+    },
+    *fetch_document_file({ payload = {} }, { call }) {
+      const documentId = payload;
+      try {
+        const ret = yield call(getDocumentFile, documentId);
+        return ret;
+      } catch (error) {
+        console.warn(error);
+      }
+    },
+    *upload_document({ payload = {} }, { call, put }) {
+      const fileList = payload.fileList;
+      const formData = new FormData();
+      formData.append('kb_id', payload.kb_id);
+      fileList.forEach((file: any) => {
+        formData.append('file', file);
+      });
+
+      const { data } = yield call(kbService.document_upload, formData);
+
+      const succeed = data.retcode === 0;
+
+      if (succeed) {
+        message.success(i18n.t('message.uploaded'));
+      }
+      if (succeed || data.retcode === 500) {
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+      }
+      return data;
+    },
+    *web_crawl({ payload = {} }, { call, put }) {
+      const formData = new FormData();
+      formData.append('name', payload.name);
+      formData.append('url', payload.url);
+      formData.append('kb_id', payload.kb_id);
+
+      const { data } = yield call(kbService.web_crawl, formData);
+
+      const succeed = data.retcode === 0;
+
+      if (succeed) {
+        message.success(i18n.t('message.uploaded'));
+      }
+      if (succeed || data.retcode === 500) {
+        yield put({
+          type: 'getKfList',
+          payload: { kb_id: payload.kb_id },
+        });
+      }
+      return data.retcode;
+    },
+  },
+  subscriptions: {
+    setup({ dispatch, history }) {
+      history.listen(({ location }) => {
+        const state: { from: string } = (location.state ?? {
+          from: '',
+        }) as { from: string };
+        if (
+          state.from === '/knowledge' || // TODO: Just directly determine whether the current page is on the knowledge list page.
+          location.pathname === '/knowledge/dataset/upload'
+        ) {
+          dispatch({
+            type: 'setPagination',
+            payload: { current: 1, pageSize: 10 },
+          });
+        }
+      });
+    },
+  },
+};
+export default model;

web/src/pages/add-knowledge/components/knowledge-file/parsing-action-cell/index.tsx

@@ -1,5 +1,5 @@
-import { useShowDeleteConfirm, useTranslate } from '@/hooks/commonHooks';
-import { useRemoveDocument } from '@/hooks/documentHooks';
+import { useShowDeleteConfirm, useTranslate } from '@/hooks/common-hooks';
+import { useRemoveDocument } from '@/hooks/document-hooks';
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { api_host } from '@/utils/api';
 import { downloadFile } from '@/utils/fileUtil';

web/src/pages/add-knowledge/components/knowledge-file/parsing-status-cell/index.tsx

@@ -1,7 +1,7 @@
 import { ReactComponent as CancelIcon } from '@/assets/svg/cancel.svg';
 import { ReactComponent as RefreshIcon } from '@/assets/svg/refresh.svg';
 import { ReactComponent as RunIcon } from '@/assets/svg/run.svg';
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { IKnowledgeFile } from '@/interfaces/database/knowledge';
 import { Badge, DescriptionsProps, Flex, Popover, Space, Tag } from 'antd';
 import classNames from 'classnames';

web/src/pages/add-knowledge/components/knowledge-file/rename-modal/index.tsx

@@ -1,5 +1,5 @@
 import { IModalManagerChildrenProps } from '@/components/modal-manager';
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Input, Modal } from 'antd';
 import { useEffect } from 'react';
 

web/src/pages/add-knowledge/components/knowledge-file/web-crawl-modal.tsx

@@ -1,8 +1,7 @@
 import { IModalManagerChildrenProps } from '@/components/modal-manager';
+import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Input, Modal } from 'antd';
 import React from 'react';
-import {useTranslate} from "@/hooks/commonHooks";
-
 
 interface IProps extends Omit<IModalManagerChildrenProps, 'showModal'> {
   loading: boolean;
@@ -36,14 +35,28 @@ const WebCrawlModal: React.FC<IProps> = ({ visible, hideModal, onOk }) => {
         <Form.Item
           label="Name"
           name="name"
-          rules={[{ required: true, message: 'Please input name!' },{ max: 10, message: 'The maximum length of name is 128 characters' }]}
+          rules={[
+            { required: true, message: 'Please input name!' },
+            {
+              max: 10,
+              message: 'The maximum length of name is 128 characters',
+            },
+          ]}
         >
           <Input placeholder="Document name" />
         </Form.Item>
         <Form.Item
           label="URL"
           name="url"
-          rules={[{ required: true, message: 'Please input url!' },{pattern: new RegExp('(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]'), message: 'Please enter a valid URL!'}]}
+          rules={[
+            { required: true, message: 'Please input url!' },
+            {
+              pattern: new RegExp(
+                '(https?|ftp|file)://[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]',
+              ),
+              message: 'Please enter a valid URL!',
+            },
+          ]}
         >
           <Input placeholder="https://www.baidu.com" />
         </Form.Item>

web/src/pages/add-knowledge/components/knowledge-setting/category-panel.tsx

@@ -1,6 +1,6 @@
 import SvgIcon from '@/components/svg-icon';
-import { useTranslate } from '@/hooks/commonHooks';
-import { useSelectParserList } from '@/hooks/userSettingHook';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useSelectParserList } from '@/hooks/user-setting-hooks';
 import { Col, Divider, Empty, Row, Typography } from 'antd';
 import DOMPurify from 'dompurify';
 import { useMemo } from 'react';

web/src/pages/add-knowledge/components/knowledge-setting/configuration.tsx

@@ -11,7 +11,7 @@ import MaxTokenNumber from '@/components/max-token-number';
 import ParseConfiguration, {
   showRaptorParseConfiguration,
 } from '@/components/parse-configuration';
-import { useTranslate } from '@/hooks/commonHooks';
+import { useTranslate } from '@/hooks/common-hooks';
 import { FormInstance } from 'antd/lib';
 import styles from './index.less';
 

web/src/pages/add-knowledge/components/knowledge-setting/hooks.ts

@@ -3,14 +3,14 @@ import {
   useKnowledgeBaseId,
   useSelectKnowledgeDetails,
   useUpdateKnowledge,
-} from '@/hooks/knowledgeHook';
-import { useFetchLlmList, useSelectLlmOptions } from '@/hooks/llmHooks';
-import { useNavigateToDataset } from '@/hooks/routeHook';
-import { useOneNamespaceEffectsLoading } from '@/hooks/storeHooks';
+} from '@/hooks/knowledge-hooks';
+import { useFetchLlmList, useSelectLlmOptions } from '@/hooks/llm-hooks';
+import { useNavigateToDataset } from '@/hooks/route-hook';
+import { useOneNamespaceEffectsLoading } from '@/hooks/store-hooks';
 import {
   useFetchTenantInfo,
   useSelectParserList,
-} from '@/hooks/userSettingHook';
+} from '@/hooks/user-setting-hooks';
 import {
   getBase64FromUploadFileList,
   getUploadFileListFromBase64,