Refactor: UmiJs -> Vite (#12410)

### What problem does this PR solve?

Refactor: UmiJs -> Vite+React

### Type of change

- [x] Refactoring

---------

Co-authored-by: Liu An <asiro@qq.com>

web/src/hooks/auth-hooks.ts

@@ -1,7 +1,7 @@
 import message from '@/components/ui/message';
 import authorizationUtil from '@/utils/authorization-util';
 import { useEffect, useMemo, useState } from 'react';
-import { useNavigate, useSearchParams } from 'umi';
+import { useNavigate, useSearchParams } from 'react-router';
 
 export const useOAuthCallback = () => {
   const [currentQueryParameters, setSearchParams] = useSearchParams();

web/src/hooks/common-hooks.tsx

@@ -60,7 +60,9 @@ export function useDynamicSVGImport(
     setLoading(true);
     const importIcon = async (): Promise<void> => {
       try {
-        ImportedIconRef.current = (await import(name)).ReactComponent;
+        ImportedIconRef.current = (
+          await import(/* @vite-ignore */ name)
+        ).ReactComponent;
         onCompleted?.(name, ImportedIconRef.current);
       } catch (err: any) {
         onError?.(err);

web/src/hooks/logic-hooks/navigate-hooks.ts

@@ -2,7 +2,7 @@ import { AgentCategory, AgentQuery } from '@/constants/agent';
 import { NavigateToDataflowResultProps } from '@/pages/dataflow-result/interface';
 import { Routes } from '@/routes';
 import { useCallback } from 'react';
-import { useNavigate, useParams, useSearchParams } from 'umi';
+import { useNavigate, useParams, useSearchParams } from 'react-router';
 
 export enum QueryStringMap {
   KnowledgeId = 'knowledgeId',

web/src/hooks/route-hook.ts

@@ -3,7 +3,7 @@ import {
   KnowledgeSearchParams,
 } from '@/constants/knowledge';
 import { useCallback } from 'react';
-import { useLocation, useNavigate, useSearchParams } from 'umi';
+import { useLocation, useNavigate, useSearchParams } from 'react-router';
 
 export enum SegmentIndex {
   Second = '2',

web/src/hooks/use-agent-request.ts

@@ -31,7 +31,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useDebounce } from 'ahooks';
 import { get, set } from 'lodash';
 import { useCallback, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,

web/src/hooks/use-chat-request.ts

@@ -22,7 +22,7 @@ import { useDebounce } from 'ahooks';
 import { has } from 'lodash';
 import { useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,

web/src/hooks/use-dataflow-request.ts

@@ -3,7 +3,7 @@ import { IFlow } from '@/interfaces/database/agent';
 import dataflowService from '@/services/dataflow-service';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 
 export const enum DataflowApiAction {
   ListDataflow = 'listDataflow',

web/src/hooks/use-document-request.ts

@@ -23,7 +23,7 @@ import { useDebounce } from 'ahooks';
 import { get } from 'lodash';
 import { useCallback, useMemo, useState } from 'react';
 import { IHighlight } from 'react-pdf-highlighter';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,

web/src/hooks/use-file-request.ts

@@ -11,7 +11,7 @@ import { useDebounce } from 'ahooks';
 import { PaginationProps } from 'antd';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,

web/src/hooks/use-knowledge-request.ts

@@ -28,7 +28,7 @@ import {
 } from '@tanstack/react-query';
 import { useDebounce } from 'ahooks';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
 import {
   useGetPaginationWithRouter,
   useHandleSearchChange,

web/src/hooks/use-user-setting-request.tsx

@@ -18,13 +18,13 @@ import userService, {
   listTenant,
   listTenantUser,
 } from '@/services/user-service';
+import { history } from '@/utils/simple-history-util';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { Modal } from 'antd';
 import DOMPurify from 'dompurify';
 import { isEmpty } from 'lodash';
 import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { history } from 'umi';
 
 export const enum UserSettingApiAction {
   UserInfo = 'userInfo',