style: update some detail code

client/shared/hooks/useEvent.ts

@@ -0,0 +1,3 @@
+import { useMemoizedFn } from './useMemoizedFn';
+
+export const useEvent = useMemoizedFn;

client/shared/index.tsx

@@ -68,6 +68,7 @@ export { useAsyncFn } from './hooks/useAsyncFn';
 export { useAsyncRefresh } from './hooks/useAsyncRefresh';
 export { useAsyncRequest } from './hooks/useAsyncRequest';
 export { useDebounce } from './hooks/useDebounce';
+export { useEvent } from './hooks/useEvent';
 export { useInterval } from './hooks/useInterval';
 export { useMemoizedFn } from './hooks/useMemoizedFn';
 export { useMountedState } from './hooks/useMountedState';
@@ -103,7 +104,7 @@ export {
 // model
 export * as model from './model/__all__';
 export { fetchAvailableServices } from './model/common';
-export { fetchGlobalClientConfig } from './model/config';
+export { fetchGlobalClientConfig, getGlobalConfig } from './model/config';
 export {
   createDMConverse,
   appendDMConverseMembers,

client/web/src/components/ChatBox/ChatInputBox/ChatDropArea.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { t, useMemoizedFn } from 'tailchat-shared';
+import { t, useEvent } from 'tailchat-shared';
 import { DropTargetMonitor, useDrop } from 'react-dnd';
 import { NativeTypes } from 'react-dnd-html5-backend';
 import { useChatInputActionContext } from './context';
@@ -10,7 +10,7 @@ import { Icon } from 'tailchat-design';
 export const ChatDropArea: React.FC = React.memo(() => {
   const actionContext = useChatInputActionContext();
 
-  const handleDrop = useMemoizedFn((files: File[]) => {
+  const handleDrop = useEvent((files: File[]) => {
     const file = files[0];
     if (!file) {
       return;

client/web/src/components/ChatBox/ChatInputBox/context.tsx

@@ -13,7 +13,7 @@ export const ChatInputActionContext =
   React.createContext<ChatInputActionContextProps>(
     {} as ChatInputActionContextProps
   );
-ChatInputActionContext.displayName = 'ChatInputContext';
+ChatInputActionContext.displayName = 'ChatInputActionContext';
 
 export function useChatInputActionContext() {
   return useContext(ChatInputActionContext);

client/web/src/components/modals/ClaimTemporaryUser.tsx

@@ -9,6 +9,7 @@ import {
   useAppDispatch,
   useAsyncRequest,
   userActions,
+  getGlobalConfig,
 } from 'tailchat-shared';
 import {
   createMetaFormSchema,
@@ -21,7 +22,6 @@ import {
 import { ModalWrapper } from '../Modal';
 import { Button, Input } from 'antd';
 import _compact from 'lodash/compact';
-import { getGlobalConfig } from 'tailchat-shared/model/config';
 
 interface Values {
   email: string;

client/web/src/components/modals/EmailVerify.tsx

@@ -1,9 +1,7 @@
-import { setUserJWT } from '@/utils/jwt-helper';
 import { setGlobalUserLoginInfo } from '@/utils/user-helper';
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 import {
   model,
-  showErrorToasts,
   showSuccessToasts,
   t,
   useAppDispatch,
@@ -16,13 +14,10 @@ import {
   MetaFormFieldMeta,
   metaFormFieldSchema,
   WebMetaForm,
-  FastifyFormFieldProps,
-  useFastifyFormContext,
 } from 'tailchat-design';
 import { ModalWrapper } from '../Modal';
 import { Button, Input } from 'antd';
 import _compact from 'lodash/compact';
-import { getGlobalConfig } from 'tailchat-shared/model/config';
 import { Problem } from '../Problem';
 
 interface Values {

client/web/src/plugin/common/index.ts

@@ -32,7 +32,15 @@ export {
   appendUrlSearch,
 } from '@/utils/url-helper';
 export { getServiceWorkerRegistration } from '@/utils/sw-helper';
-import { request, RequestConfig, useUserInfo } from 'tailchat-shared';
+import {
+  /**
+   * 注意: Tailchat 内部的request不会被导出为插件可用模块，如果需要网络请求的话请自行import axios(以作为复用依赖)
+   * 因为有内置中间件逻辑
+   */
+  request,
+  RequestConfig,
+  useUserInfo,
+} from 'tailchat-shared';
 export {
   getServiceUrl,
   getCachedUserInfo,
@@ -46,6 +54,7 @@ export {
   useAsyncFn,
   useAsyncRefresh,
   useAsyncRequest,
+  useEvent,
   uploadFile,
   showToasts,
   showSuccessToasts,

client/web/src/routes/Entry/RegisterView.tsx

@@ -6,6 +6,7 @@ import {
   t,
   useAsyncFn,
   useAsyncRequest,
+  getGlobalConfig,
 } from 'tailchat-shared';
 import React, { useState } from 'react';
 import { string } from 'yup';
@@ -18,7 +19,6 @@ import { useNavToView } from './utils';
 import { EntryInput } from './components/Input';
 import { SecondaryBtn } from './components/SecondaryBtn';
 import { PrimaryBtn } from './components/PrimaryBtn';
-import { getGlobalConfig } from 'tailchat-shared/model/config';
 
 /**
  * 注册视图