fix: use @tanstack/react-query to get knowledge base data #1306 (#1609)

### What problem does this PR solve?
fix: use @tanstack/react-query to get knowledge base data #1306

### Type of change

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

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

@@ -1,12 +1,9 @@
 import {
   useFetchKnowledgeBaseConfiguration,
-  useKnowledgeBaseId,
-  useSelectKnowledgeDetails,
   useUpdateKnowledge,
 } 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,
@@ -15,6 +12,7 @@ import {
   getBase64FromUploadFileList,
   getUploadFileListFromBase64,
 } from '@/utils/fileUtil';
+import { useIsFetching } from '@tanstack/react-query';
 import { Form, UploadFile } from 'antd';
 import { FormInstance } from 'antd/lib';
 import pick from 'lodash/pick';
@@ -22,32 +20,32 @@ import { useCallback, useEffect } from 'react';
 import { LlmModelType } from '../../constant';
 
 export const useSubmitKnowledgeConfiguration = (form: FormInstance) => {
-  const save = useUpdateKnowledge();
-  const knowledgeBaseId = useKnowledgeBaseId();
-  const submitLoading = useOneNamespaceEffectsLoading('kSModel', ['updateKb']);
+  const { saveKnowledgeConfiguration, loading } = useUpdateKnowledge();
   const navigateToDataset = useNavigateToDataset();
 
   const submitKnowledgeConfiguration = useCallback(async () => {
     const values = await form.validateFields();
     const avatar = await getBase64FromUploadFileList(values.avatar);
-    save({
+    saveKnowledgeConfiguration({
       ...values,
       avatar,
-      kb_id: knowledgeBaseId,
     });
     navigateToDataset();
-  }, [save, knowledgeBaseId, form, navigateToDataset]);
+  }, [saveKnowledgeConfiguration, form, navigateToDataset]);
 
-  return { submitKnowledgeConfiguration, submitLoading, navigateToDataset };
+  return {
+    submitKnowledgeConfiguration,
+    submitLoading: loading,
+    navigateToDataset,
+  };
 };
 
 export const useFetchKnowledgeConfigurationOnMount = (form: FormInstance) => {
-  const knowledgeDetails = useSelectKnowledgeDetails();
   const parserList = useSelectParserList();
   const embeddingModelOptions = useSelectLlmOptions();
 
   useFetchTenantInfo();
-  useFetchKnowledgeBaseConfiguration();
+  const { data: knowledgeDetails } = useFetchKnowledgeBaseConfiguration();
   useFetchLlmList(LlmModelType.Embedding);
 
   useEffect(() => {
@@ -76,7 +74,7 @@ export const useFetchKnowledgeConfigurationOnMount = (form: FormInstance) => {
 };
 
 export const useSelectKnowledgeDetailsLoading = () =>
-  useOneNamespaceEffectsLoading('kSModel', ['getKbDetail']);
+  useIsFetching({ queryKey: ['fetchKnowledgeDetail'] }) > 0;
 
 export const useHandleChunkMethodChange = () => {
   const [form] = Form.useForm();

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

@@ -1,49 +0,0 @@
-import { IKnowledge } from '@/interfaces/database/knowledge';
-import i18n from '@/locales/config';
-import kbService from '@/services/knowledge-service';
-import { message } from 'antd';
-import { DvaModel } from 'umi';
-
-export interface KSModelState {
-  isShowPSwModal: boolean;
-  tenantIfo: any;
-  knowledgeDetails: IKnowledge;
-}
-
-const model: DvaModel<KSModelState> = {
-  namespace: 'kSModel',
-  state: {
-    isShowPSwModal: false,
-    tenantIfo: {},
-    knowledgeDetails: {} as any,
-  },
-  reducers: {
-    updateState(state, { payload }) {
-      return {
-        ...state,
-        ...payload,
-      };
-    },
-    setKnowledgeDetails(state, { payload }) {
-      return { ...state, knowledgeDetails: payload };
-    },
-  },
-  effects: {
-    *updateKb({ payload = {} }, { call, put }) {
-      const { data } = yield call(kbService.updateKb, payload);
-      const { retcode } = data;
-      if (retcode === 0) {
-        yield put({ type: 'getKbDetail', payload: { kb_id: payload.kb_id } });
-        message.success(i18n.t('message.updated'));
-      }
-    },
-    *getKbDetail({ payload = {} }, { call, put }) {
-      const { data } = yield call(kbService.get_kb_detail, payload);
-      if (data.retcode === 0) {
-        yield put({ type: 'setKnowledgeDetails', payload: data.data });
-      }
-      return data;
-    },
-  },
-};
-export default model;