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/next-chats/chat/app-settings/chat-settings.tsx

@@ -13,7 +13,7 @@ import { X } from 'lucide-react';
 import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { z } from 'zod';
 import ChatBasicSetting from './chat-basic-settings';
 import { ChatModelSettings } from './chat-model-settings';

web/src/pages/next-chats/chat/chat-box/multiple-chat-box.tsx

@@ -28,7 +28,7 @@ import { isEmpty, omit } from 'lodash';
 import { ListCheck, Plus, Trash2 } from 'lucide-react';
 import { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { z } from 'zod';
 import {
   useGetSendButtonDisabled,

web/src/pages/next-chats/chat/index.tsx

@@ -27,7 +27,7 @@ import { isEmpty } from 'lodash';
 import { ArrowUpRight, LogOut, Send } from 'lucide-react';
 import { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { useHandleClickConversationCard } from '../hooks/use-click-card';
 import { ChatSettings } from './app-settings/chat-settings';
 import { MultipleChatBox } from './chat-box/multiple-chat-box';

web/src/pages/next-chats/hooks/use-button-disabled.tsx

@@ -1,5 +1,5 @@
 import { trim } from 'lodash';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 
 export const useGetSendButtonDisabled = () => {
   const { id: dialogId } = useParams();

web/src/pages/next-chats/hooks/use-chat-url.ts

@@ -3,7 +3,7 @@ import { useGetChatSearchParams } from '@/hooks/use-chat-request';
 import { IMessage } from '@/interfaces/database/chat';
 import { generateConversationId } from '@/utils/chat';
 import { useCallback, useMemo } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
 import { useSetConversation } from './use-set-conversation';
 
 /**

web/src/pages/next-chats/hooks/use-create-conversation.ts

@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { useChatUrlParams } from './use-chat-url';
 import { useSetConversation } from './use-set-conversation';
 

web/src/pages/next-chats/hooks/use-select-conversation-list.ts

@@ -7,7 +7,7 @@ import {
 import { IConversation } from '@/interfaces/database/chat';
 import { generateConversationId } from '@/utils/chat';
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { useChatUrlParams } from './use-chat-url';
 
 export const useFindPrologueFromDialogList = () => {

web/src/pages/next-chats/hooks/use-send-chat-message.ts

@@ -10,7 +10,7 @@ import { IMessage } from '@/interfaces/database/chat';
 import api from '@/utils/api';
 import { trim } from 'lodash';
 import { useCallback, useEffect } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 import { v4 as uuid } from 'uuid';
 import { useCreateConversationBeforeSendMessage } from './use-chat-url';
 import { useFindPrologueFromDialogList } from './use-select-conversation-list';
@@ -100,7 +100,7 @@ export const useSendMessage = (controller: AbortController) => {
           messages: [
             ...(Array.isArray(messages) && messages?.length > 0
               ? messages
-              : derivedMessages ?? []),
+              : (derivedMessages ?? [])),
             message,
           ],
         },

web/src/pages/next-chats/hooks/use-send-shared-message.ts

@@ -10,7 +10,7 @@ import { message } from 'antd';
 import { get } from 'lodash';
 import trim from 'lodash/trim';
 import { useCallback, useEffect, useState } from 'react';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
 import { v4 as uuid } from 'uuid';
 
 const isCompletionError = (res: any) =>

web/src/pages/next-chats/hooks/use-set-conversation.ts

@@ -1,7 +1,7 @@
 import { MessageType } from '@/constants/chat';
 import { useUpdateConversation } from '@/hooks/use-chat-request';
 import { useCallback } from 'react';
-import { useParams } from 'umi';
+import { useParams } from 'react-router';
 
 export const useSetConversation = () => {
   const { id: dialogId } = useParams();

web/src/pages/next-chats/index.tsx

@@ -10,7 +10,7 @@ import { pick } from 'lodash';
 import { Plus } from 'lucide-react';
 import { useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useSearchParams } from 'umi';
+import { useSearchParams } from 'react-router';
 import { ChatCard } from './chat-card';
 import { useRenameChat } from './hooks/use-rename-chat';