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/pages/dataflow-result/chunker.tsx

@@ -23,7 +23,7 @@ import {
   useHandleChunkCardClick,
   useUpdateChunk,
 } from './hooks';
-import styles from './index.less';
+import styles from './index.module.less';
 
 interface IProps {
   isChange: boolean;

web/src/pages/dataflow-result/components/chunk-card/index.tsx

@@ -14,7 +14,7 @@ import classNames from 'classnames';
 import DOMPurify from 'dompurify';
 import { useEffect, useState } from 'react';
 import { ChunkTextMode } from '../../constant';
-import styles from './index.less';
+import styles from './index.module.less';
 
 interface IProps {
   item: IChunk;

web/src/pages/dataflow-result/components/chunk-toolbar/index.tsx

@@ -1,4 +1,4 @@
-import { ReactComponent as FilterIcon } from '@/assets/filter.svg';
+import FilterIcon from '@/assets/filter.svg';
 import { KnowledgeRouteKey } from '@/constants/knowledge';
 import { useTranslate } from '@/hooks/common-hooks';
 import {
@@ -32,16 +32,15 @@ import {
   Typography,
 } from 'antd';
 import { useCallback, useMemo, useState } from 'react';
-import { Link } from 'umi';
+import { Link } from 'react-router';
 import { ChunkTextMode } from '../../constant';
 
 const { Text } = Typography;
 
-interface IProps
-  extends Pick<
-    IChunkListResult,
-    'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
-  > {
+interface IProps extends Pick<
+  IChunkListResult,
+  'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
+> {
   checked: boolean;
   selectAllChunk: (checked: boolean) => void;
   createChunk: () => void;

web/src/pages/dataflow-result/components/parse-editer/json-parser.tsx

@@ -3,7 +3,7 @@ import { cn } from '@/lib/utils';
 import { isArray } from 'lodash';
 import { useCallback, useEffect, useMemo } from 'react';
 import { ChunkTextMode } from '../../constant';
-import styles from '../../index.less';
+import styles from '../../index.module.less';
 import { IChunk } from '../../interface';
 import { useParserInit } from './hook';
 import { IJsonContainerProps } from './interface';

web/src/pages/dataflow-result/components/parse-editer/object-parser.tsx

@@ -1,7 +1,7 @@
 import { cn } from '@/lib/utils';
 import { useCallback, useEffect } from 'react';
 import { ChunkTextMode } from '../../constant';
-import styles from '../../index.less';
+import styles from '../../index.module.less';
 import { IChunk } from '../../interface';
 import { useParserInit } from './hook';
 import { IObjContainerProps } from './interface';

web/src/pages/dataflow-result/hooks.ts

@@ -12,7 +12,7 @@ import { t } from 'i18next';
 import { camelCase, upperFirst } from 'lodash';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { IHighlight } from 'react-pdf-highlighter';
-import { useParams, useSearchParams } from 'umi';
+import { useParams, useSearchParams } from 'react-router';
 import { ITimelineNodeObj, TimelineNodeObj } from './components/time-line';
 import {
   ChunkTextMode,

web/src/pages/dataflow-result/index.tsx

@@ -35,7 +35,7 @@ import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useGetKnowledgeSearchParams } from '@/hooks/route-hook';
 import TimelineDataFlow from './components/time-line';
 import { TimelineNodeType } from './constant';
-import styles from './index.less';
+import styles from './index.module.less';
 import { IDslComponent, IPipelineFileLogDetail } from './interface';
 import ParserContainer from './parser';