优化

src/components/Avatar/index.tsx

@@ -1,5 +1,5 @@
 import styles from '@/components/Avatar/index.module.scss'
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { memo, useImperativeHandle, forwardRef } from "react";
 const Avatar = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     getData: () => {
@@ -15,4 +15,4 @@ const Avatar = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default Avatar
+export default memo(Avatar)

src/components/EquipmentManagement/index.tsx

@@ -1,7 +1,7 @@
 import styles from '@/components/EquipmentManagement/index.module.scss'
 import { getKeyOpenChildWindow } from '@/utils/package/public';
 import { Button, Modal, Select, Slider, message } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 const EquipmentManagement = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     changeModal: async (uid: string, userName: string) => {
@@ -116,4 +116,4 @@ const EquipmentManagement = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default EquipmentManagement
+export default memo(EquipmentManagement)

src/components/FeedBackModel/index.tsx

@@ -2,7 +2,7 @@ import { PostFeedback } from '@/api/Home/Index';
 import styles from '@/components/FeedBackModel/index.module.scss'
 import { Button, message, Modal, Rate } from 'antd';
 import TextArea from 'antd/es/input/TextArea';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 const FeedBackModel = forwardRef((_props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     changeModal: () => {
@@ -135,4 +135,4 @@ const FeedBackModel = forwardRef((_props: any, ref: any) => {
   )
 })
 
-export default FeedBackModel
+export default memo(FeedBackModel)

src/components/InvitingPersonnelModal/index.tsx

@@ -1,6 +1,6 @@
 import styles from '@/components/InvitingPersonnelModal/index.module.scss'
 import { Button, Checkbox, Input, Modal, Pagination, Radio, message } from 'antd';
-import { useState, useImperativeHandle, forwardRef, useEffect } from "react";
+import { useState, useImperativeHandle, forwardRef, useEffect, memo } from "react";
 import { SearchOutlined } from '@ant-design/icons';
 import { GetUserList } from '@/api/Home/User';
 import { useLocation } from 'react-router-dom';
@@ -197,4 +197,4 @@ const InvitingPersonnelModal = forwardRef((props: any, ref: any) => {
 })
 
 
-export default InvitingPersonnelModal
+export default memo(InvitingPersonnelModal)

src/components/JoinMeetingModal/index.tsx

@@ -1,7 +1,7 @@
 import styles from '@/components/JoinMeetingModal/index.module.scss'
 import ImageUrl from '@/utils/package/imageUrl';
 import { Modal, message } from 'antd';
-import { useState, useImperativeHandle, forwardRef, useRef } from "react";
+import { useState, useImperativeHandle, forwardRef, useRef, memo } from "react";
 import Avatar from '@/components/Avatar';
 import JoinSetting from '../JoinSetting';
 const JoinMeetingModal = forwardRef((props: any, ref: any) => {
@@ -55,4 +55,4 @@ const JoinMeetingModal = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default JoinMeetingModal
+export default memo(JoinMeetingModal)

src/components/JoinSetting/index.tsx

@@ -3,7 +3,7 @@ import { storage } from '@/utils';
 import ImageUrl from '@/utils/package/imageUrl';
 import { GetCheckoutRoomNum, GetRoomRtcToken, GetRoomInfo } from '@/api/Home/Index';
 import { Button, Modal, message } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 import { PostRefresh } from '@/api/Login';
 import Avatar from '@/components/Avatar';
 import { useNavigate } from 'react-router-dom';
@@ -236,4 +236,4 @@ const JoinSetting = forwardRef((_props: any, ref: any) => {
   )
 })
 
-export default JoinSetting
+export default memo(JoinSetting)

src/components/MeetingDisconnected/index.tsx

@@ -1,6 +1,6 @@
 import styles from '@/components/MeetingDisconnected/index.module.scss'
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 const MeetingDisconnected = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     changeModal: (bool: boolean) => {
@@ -17,4 +17,4 @@ const MeetingDisconnected = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default MeetingDisconnected
+export default memo(MeetingDisconnected)

src/components/Operation/index.tsx

@@ -1,6 +1,6 @@
 import styles from '@/components/Operation/index.module.scss'
 import ImageUrl from '@/utils/package/imageUrl';
-import { useEffect, useState } from "react";
+import { useEffect, useState, memo } from "react";
 type OperationKeyType = 'minimize' | 'quit' | 'maximize' | 'unmaximize' | 'hide' | 'show';
 type OperationType = {
   icon: string;
@@ -100,4 +100,4 @@ const Operation: React.FC = () => {
     </>
   )
 }
-export default Operation
+export default memo(Operation)

src/components/QuitTips/index.tsx

@@ -2,7 +2,7 @@ import styles from '@/components/QuitTips/index.module.scss'
 import { storage } from '@/utils';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { Button, Checkbox, Modal, Radio } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 type OperationKeyType = 'minimize' | 'quit' | 'maximize' | 'unmaximize' | 'hide' | 'show';
 const QuitTips = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
@@ -66,4 +66,4 @@ const QuitTips = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default QuitTips
+export default memo(QuitTips)

src/components/SharedFilesModel/index.tsx

@@ -8,7 +8,7 @@ import {
     VerticalAlignBottomOutlined
 } from '@ant-design/icons';
 import { Button, Input, message, Modal, Pagination, Popconfirm, Progress, Table } from 'antd';
-import { forwardRef, useEffect, useImperativeHandle, useState, useRef } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useState, useRef, memo } from "react";
 import { DeleteRoomFile, GetRoomFile, GetRoomFileDwUrl, GetRoomUpFileurl, GetRoomUserItem, PostRoomFile } from '@/api/Meeting';
 import axios from 'axios';
 import { useLocation } from 'react-router-dom';
@@ -393,4 +393,4 @@ const SharedFilesModel = forwardRef((props: any, ref: any) => {
     )
 })
 
-export default SharedFilesModel
+export default memo(SharedFilesModel)

src/components/SingIn/index.tsx

@@ -2,7 +2,7 @@ import { GetRoomSingnIn, PostRoomSingnIn } from '@/api/Meeting';
 import styles from '@/components/SingIn/index.module.scss'
 import { storage } from '@/utils';
 import { Button, message, Modal } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 const SingIn = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     changeModal: () => {
@@ -85,4 +85,4 @@ const SingIn = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default SingIn
+export default memo(SingIn)

src/components/SpeakerModeModal/index.tsx

@@ -1,6 +1,6 @@
 import styles from '@/components/SpeakerModeModal/index.module.scss'
 import { Checkbox, Modal } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 import { storage } from '@/utils';
 import { useLocation } from 'react-router-dom';
 import { GetSyncView } from '@/api/Meeting';
@@ -147,4 +147,4 @@ const FourScreenMode: React.FC<Props> = ({ onClick, meetingMode }) => {
   )
 }
 
-export default SpeakerModeModal
+export default memo(SpeakerModeModal)

src/components/StupWizard/index.tsx

@@ -1,7 +1,7 @@
 import styles from '@/components/StupWizard/index.module.scss'
 import ImageUrl from '@/utils/package/imageUrl';
 import { Button, Checkbox, Empty, Input, message, Modal, Popover, Radio, Select, Slider, Space } from 'antd';
-import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
+import { forwardRef, useEffect, useImperativeHandle, useState, memo } from "react";
 import { agora } from '@/utils/package/agora'
 import { CloseOutlined, LoadingOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { storage } from '@/utils';
@@ -969,4 +969,4 @@ const FileComponents = () => {
     )
 }
 
-export default StupWizard
+export default memo(StupWizard)

src/components/TldrawView/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, memo } from "react";
 import '@/components/TldrawView/index.scss'
 import {
   Tldraw,
@@ -44,4 +44,4 @@ const TldrawView: React.FC = () => {
     </>
   )
 }
-export default TldrawView
+export default memo(TldrawView)

src/components/UpdateModal/index.tsx

@@ -2,7 +2,7 @@ import styles from '@/components/UpdateModal/index.module.scss'
 import ImageUrl from '@/utils/package/imageUrl';
 import { getUpdateUrl } from '@/utils/package/public';
 import { Button, Flex, Modal, Progress } from 'antd';
-import { forwardRef, useImperativeHandle, useState } from "react";
+import { forwardRef, useImperativeHandle, useState, memo } from "react";
 
 const UpdateModal = forwardRef((props: any, ref: any) => {
     useImperativeHandle(ref, () => ({
@@ -87,4 +87,4 @@ const UpdateModal = forwardRef((props: any, ref: any) => {
     )
 })
 
-export default UpdateModal
+export default memo(UpdateModal)

src/components/UserName/index.tsx

@@ -2,7 +2,7 @@ import { PutAlterUname } from '@/api/Meeting';
 import styles from '@/components/UserName/index.module.scss'
 import { storage } from '@/utils';
 import { Button, Input, message, Modal } from 'antd';
-import { useState, useImperativeHandle, forwardRef } from "react";
+import { useState, useImperativeHandle, forwardRef, memo } from "react";
 const UserName = forwardRef((props: any, ref: any) => {
   useImperativeHandle(ref, () => ({
     changeModal: (data: any) => {
@@ -71,4 +71,4 @@ const UserName = forwardRef((props: any, ref: any) => {
   )
 })
 
-export default UserName
+export default memo(UserName)

src/components/UserVideo/index.tsx

@@ -3,7 +3,7 @@ import styles from '@/components/UserVideo/index.module.scss'
 import { GetPolling } from '@/api/Meeting';
 import { agora } from '@/utils/package/agora';
 import { Button, Empty, Select, message } from 'antd';
-import { useEffect, useState } from "react";
+import { useEffect, useState, memo } from "react";
 import { useLocation } from 'react-router';
 import { VideoStreamType } from 'agora-electron-sdk';
 const { setInterval, clearInterval } = require('timers');
@@ -154,4 +154,4 @@ const UserVideo: React.FC = () => {
   )
 }
 
-export default UserVideo
+export default memo(UserVideo)