@zegocloud/zego-uikit-prebuilt 1.3.4 → 1.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/1On1Call.html +49 -0
  2. package/groupCall.html +49 -0
  3. package/liveStream.html +68 -0
  4. package/package.json +1 -1
  5. package/videoConference.html +49 -0
  6. package/view/pages/ZegoRoom/components/ZegoScreenSharingLayout.d.ts +1 -1
  7. package/view/pages/ZegoRoom/components/zegoGridLayout.d.ts +2 -1
  8. package/view/pages/ZegoRoom/components/zegoMessage.d.ts +1 -1
  9. package/view/pages/ZegoRoom/components/zegoOne2One.d.ts +1 -1
  10. package/view/pages/ZegoRoom/components/zegoOthersVideo.d.ts +5 -3
  11. package/view/pages/ZegoRoom/components/zegoRoomInvite.d.ts +1 -1
  12. package/view/pages/ZegoRoom/components/zegoSidebarLayout.d.ts +1 -1
  13. package/view/pages/ZegoRoom/components/zegoTimer.d.ts +1 -1
  14. package/view/pages/ZegoRoom/components/zegoUserList.d.ts +1 -1
  15. package/view/pages/ZegoRoom/components/zegoVideoPlayer.d.ts +3 -1
  16. package/view/pages/ZegoRoom/index.d.ts +2 -2
  17. package/view/pages/ZegoRoomMobile/components/ZegoReconnect.d.ts +1 -1
  18. package/view/pages/ZegoRoomMobile/components/zegoGrid.d.ts +1 -1
  19. package/view/pages/ZegoRoomMobile/components/zegoLayout.d.ts +1 -1
  20. package/view/pages/ZegoRoomMobile/components/zegoManage.d.ts +1 -1
  21. package/view/pages/ZegoRoomMobile/components/zegoMessage.d.ts +1 -1
  22. package/view/pages/ZegoRoomMobile/components/zegoMore.d.ts +1 -1
  23. package/view/pages/ZegoRoomMobile/components/zegoOne2One.d.ts +1 -1
  24. package/view/pages/ZegoRoomMobile/components/zegoRoomInvite.d.ts +1 -1
  25. package/view/pages/ZegoRoomMobile/components/zegoScreen.d.ts +1 -1
  26. package/view/pages/ZegoRoomMobile/components/zegoSidebar.d.ts +1 -1
  27. package/view/pages/ZegoRoomMobile/components/zegoTimer.d.ts +1 -1
  28. package/view/pages/ZegoRoomMobile/components/zegoUserList.d.ts +1 -1
  29. package/view/pages/ZegoRoomMobile/components/zegoUserVideo.d.ts +4 -2
  30. package/view/pages/ZegoRoomMobile/index.d.ts +1 -1
  31. package/zego-uikit-prebuilt.js +29 -29
  32. package/index.html +0 -119
package/1On1Call.html ADDED
@@ -0,0 +1,49 @@
1
+ <html>
2
+
3
+ <head>
4
+ <style>
5
+ #root {
6
+ width: 100vw;
7
+ height: 100vh;
8
+ }
9
+ </style>
10
+ </head>
11
+
12
+
13
+ <body>
14
+ <div id="root"></div>
15
+ </body>
16
+ <script src="https://resource.zegocloud.com/prebuilt/crypto-js.js"></script>
17
+ <script src="https://resource.zegocloud.com/prebuilt/prebuiltToken.js"></script>
18
+ <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt@beta/zego-uikit-prebuilt.js"></script>
19
+ <script>
20
+ // Generate a Token by calling a method.
21
+ // @param 1: appID
22
+ // @param 2: serverSecret
23
+ // @param 3: Room ID
24
+ // @param 4: User ID
25
+ // @param 5: Username
26
+ const roomID = 'room01';
27
+ const userID = Math.floor(Math.random() * 10000) + "";
28
+ const userName = "userName" + userID;
29
+ const appID = 11111;
30
+ const serverSecret = "22076fd0a8388.......";
31
+ const TOKEN = generatePrebuiltToken(appID, serverSecret, roomID, userID, userName);
32
+
33
+
34
+
35
+ const zp = ZegoUIKitPrebuilt.create(TOKEN);
36
+ zp.joinRoom({
37
+ container: document.querySelector("#root"),
38
+ sharedLinks: [{
39
+ name: 'Join as Host',
40
+ url: window.location.origin + window.location.pathname + '?roomID=' + roomID,
41
+ }],
42
+ scenario: {
43
+ mode: ZegoUIKitPrebuilt.OneONoneCall, // To implement group calls, modify the parameter here to [ZegoUIKitPrebuilt.GroupCall].
44
+ },
45
+
46
+ });
47
+ </script>
48
+
49
+ </html>
package/groupCall.html ADDED
@@ -0,0 +1,49 @@
1
+ <html>
2
+
3
+ <head>
4
+ <style>
5
+ #root {
6
+ width: 100vw;
7
+ height: 100vh;
8
+ }
9
+ </style>
10
+ </head>
11
+
12
+
13
+ <body>
14
+ <div id="root"></div>
15
+ </body>
16
+ <script src="https://resource.zegocloud.com/prebuilt/crypto-js.js"></script>
17
+ <script src="https://resource.zegocloud.com/prebuilt/prebuiltToken.js"></script>
18
+ <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt@beta/zego-uikit-prebuilt.js"></script>
19
+ <script>
20
+ // Generate a Token by calling a method.
21
+ // @param 1: appID
22
+ // @param 2: serverSecret
23
+ // @param 3: Room ID
24
+ // @param 4: User ID
25
+ // @param 5: Username
26
+ const roomID = 'room01';
27
+ const userID = Math.floor(Math.random() * 10000) + "";
28
+ const userName = "userName" + userID;
29
+ const appID = 11111;
30
+ const serverSecret = "22076fd0a8388.......";
31
+ const TOKEN = generatePrebuiltToken(appID, serverSecret, roomID, userID, userName);
32
+
33
+
34
+
35
+ const zp = ZegoUIKitPrebuilt.create(TOKEN);
36
+ zp.joinRoom({
37
+ container: document.querySelector("#root"),
38
+ sharedLinks: [{
39
+ name: 'Join as Host',
40
+ url: window.location.origin + window.location.pathname + '?roomID=' + roomID,
41
+ }],
42
+ scenario: {
43
+ mode: ZegoUIKitPrebuilt.GroupCall, // To implement 1-on-1 calls, modify the parameter here to [ZegoUIKitPrebuilt.OneONoneCall].
44
+ },
45
+
46
+ });
47
+ </script>
48
+
49
+ </html>
package/liveStream.html ADDED
@@ -0,0 +1,68 @@
1
+ <html>
2
+
3
+ <head>
4
+ <style>
5
+ #root {
6
+ width: 100vw;
7
+ height: 100vh;
8
+ }
9
+ </style>
10
+ </head>
11
+
12
+
13
+ <body>
14
+ <div id="root"></div>
15
+ </body>
16
+ <script src="https://resource.zegocloud.com/prebuilt/crypto-js.js"></script>
17
+ <script src="https://resource.zegocloud.com/prebuilt/prebuiltToken.js"></script>
18
+ <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt@beta/zego-uikit-prebuilt.js"></script>
19
+ <script>
20
+
21
+ function getUrlParams(url) {
22
+ let urlStr = url.split('?')[1];
23
+ const urlSearchParams = new URLSearchParams(urlStr);
24
+ const result = Object.fromEntries(urlSearchParams.entries());
25
+ return result;
26
+ }
27
+
28
+
29
+ // Generate a Token by calling a method.
30
+ // @param 1: appID
31
+ // @param 2: serverSecret
32
+ // @param 3: Room ID
33
+ // @param 4: User ID
34
+ // @param 5: Username
35
+ const roomID = 'room01';
36
+ const userID = Math.floor(Math.random() * 10000) + "";
37
+ const userName = "userName" + userID;
38
+ const appID = 11111;
39
+ const serverSecret = "22076fd0a83......";
40
+ const TOKEN = generatePrebuiltToken(appID, serverSecret, roomID, userID, userName);
41
+
42
+ // You can assign different roles based on url parameters.
43
+ let role = getUrlParams(window.location.href)['role'] || 'Host';
44
+ role = role === 'Host' ? ZegoUIKitPrebuilt.Host : ZegoUIKitPrebuilt.Audience;
45
+
46
+
47
+ const zp = ZegoUIKitPrebuilt.create(TOKEN);
48
+ zp.joinRoom({
49
+ container: document.querySelector("#root"),
50
+ scenario: {
51
+ mode: ZegoUIKitPrebuilt.LiveStreaming,
52
+ config: {
53
+ role,
54
+ },
55
+ },
56
+ sharedLinks: [{
57
+ name: 'Join as audience',
58
+ url:
59
+ window.location.origin +
60
+ window.location.pathname +
61
+ '?roomID=' +
62
+ roomID +
63
+ '&role=Audience',
64
+ }]
65
+ });
66
+ </script>
67
+
68
+ </html>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zegocloud/zego-uikit-prebuilt",
3
- "version": "1.3.4",
3
+ "version": "1.3.6",
4
4
  "description": "zegocloud prebuilt meeting webrtc sdk",
5
5
  "main": "./zego-uikit-prebuilt.js",
6
6
  "typings": "./sdk/index.d.ts",
package/videoConference.html ADDED
@@ -0,0 +1,49 @@
1
+ <html>
2
+
3
+ <head>
4
+ <style>
5
+ #root {
6
+ width: 100vw;
7
+ height: 100vh;
8
+ }
9
+ </style>
10
+ </head>
11
+
12
+
13
+ <body>
14
+ <div id="root"></div>
15
+ </body>
16
+ <script src="https://resource.zegocloud.com/prebuilt/crypto-js.js"></script>
17
+ <script src="https://resource.zegocloud.com/prebuilt/prebuiltToken.js"></script>
18
+ <script src="https://unpkg.com/@zegocloud/zego-uikit-prebuilt@beta/zego-uikit-prebuilt.js"></script>
19
+ <script>
20
+ // Generate a Token by calling a method.
21
+ // @param 1: appID
22
+ // @param 2: serverSecret
23
+ // @param 3: Room ID
24
+ // @param 4: User ID
25
+ // @param 5: Username
26
+ const roomID = 'room01';
27
+ const userID = Math.floor(Math.random() * 10000) + "";
28
+ const userName = "userName" + userID;
29
+ const appID = 11111;
30
+ const serverSecret = "22076fd0a8388.......";
31
+ const TOKEN = generatePrebuiltToken(appID, serverSecret, roomID, userID, userName);
32
+
33
+
34
+
35
+ const zp = ZegoUIKitPrebuilt.create(TOKEN);
36
+ zp.joinRoom({
37
+ container: document.querySelector("#root"),
38
+ sharedLinks: [{
39
+ name: 'Join as Host',
40
+ url: window.location.origin + window.location.pathname + '?roomID=' + roomID,
41
+ }],
42
+ scenario: {
43
+ mode: ZegoUIKitPrebuilt.VideoConference,
44
+ },
45
+
46
+ });
47
+ </script>
48
+
49
+ </html>
package/view/pages/ZegoRoom/components/ZegoScreenSharingLayout.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoScreenSharingLayoutProps } from "../../../../model";
3
3
  import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
4
- export declare class ZegoScreenSharingLayout extends React.Component<ZegoScreenSharingLayoutProps> {
4
+ export declare class ZegoScreenSharingLayout extends React.PureComponent<ZegoScreenSharingLayoutProps> {
5
5
  state: {
6
6
  fullScreen: boolean;
7
7
  loadingMask: boolean;
package/view/pages/ZegoRoom/components/zegoGridLayout.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from "react";
2
2
  import { ZegoGridLayoutProps } from "../../../../model";
3
3
  import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
4
- export declare class ZegoGridLayout extends React.Component<ZegoGridLayoutProps> {
4
+ export declare class ZegoGridLayout extends React.PureComponent<ZegoGridLayoutProps> {
5
5
  static contextType?: React.Context<ShowPCManageType>;
6
6
  context: React.ContextType<typeof ShowPCManageContext>;
7
+ get wrapClassName(): string;
7
8
  render(): React.ReactNode;
8
9
  }
package/view/pages/ZegoRoom/components/zegoMessage.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ChangeEvent, RefObject } from "react";
2
2
  import { ZegoBroadcastMessageInfo2 } from "../../../../model";
3
- export declare class ZegoMessage extends React.Component<{
3
+ export declare class ZegoMessage extends React.PureComponent<{
4
4
  messageList: ZegoBroadcastMessageInfo2[];
5
5
  sendMessage: (msg: string) => void;
6
6
  selfUserID: string;
package/view/pages/ZegoRoom/components/zegoOne2One.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
3
3
  import { SoundLevelMap } from "../../../../model";
4
- export declare class ZegoOne2One extends React.Component<{
4
+ export declare class ZegoOne2One extends React.PureComponent<{
5
5
  selfInfo: {
6
6
  userID: string;
7
7
  };
package/view/pages/ZegoRoom/components/zegoOthersVideo.d.ts CHANGED
@@ -1,5 +1,7 @@
1
- /// <reference types="react" />
2
- export declare function OthersVideo(props: {
1
+ import React from "react";
2
+ export declare class OthersVideo extends React.PureComponent<{
3
3
  users: string[];
4
4
  others: number;
5
- }): JSX.Element;
5
+ }> {
6
+ render(): React.ReactNode;
7
+ }
package/view/pages/ZegoRoom/components/zegoRoomInvite.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudRTCCore } from "../../../../modules";
3
- export declare class ZegoRoomInvite extends React.Component<{
3
+ export declare class ZegoRoomInvite extends React.PureComponent<{
4
4
  core: ZegoCloudRTCCore;
5
5
  }> {
6
6
  handleCopy(url: string): void;
package/view/pages/ZegoRoom/components/zegoSidebarLayout.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoSidebarLayoutProps } from "../../../../model";
3
3
  import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
4
- export declare class ZegoSidebarLayout extends React.Component<ZegoSidebarLayoutProps> {
4
+ export declare class ZegoSidebarLayout extends React.PureComponent<ZegoSidebarLayoutProps> {
5
5
  get pinUser(): import("../../../../modules/tools/UserListManager").ZegoCloudUser;
6
6
  static contextType?: React.Context<ShowPCManageType>;
7
7
  context: React.ContextType<typeof ShowPCManageContext>;
package/view/pages/ZegoRoom/components/zegoTimer.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare class ZegoTimer extends React.Component {
2
+ export declare class ZegoTimer extends React.PureComponent {
3
3
  state: {
4
4
  time: number;
5
5
  };
package/view/pages/ZegoRoom/components/zegoUserList.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { ZegoCloudRTCCore } from "../../../../modules";
3
3
  import { ZegoCloudUser, ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
4
4
  import { SoundLevelMap } from "../../../../model";
5
- export declare class ZegoUserList extends React.Component<{
5
+ export declare class ZegoUserList extends React.PureComponent<{
6
6
  core: ZegoCloudRTCCore;
7
7
  userList: ZegoCloudUserList;
8
8
  selfUserID: string;
package/view/pages/ZegoRoom/components/zegoVideoPlayer.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
3
3
  import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
4
- export declare class VideoPlayer extends React.Component<{
4
+ export declare class VideoPlayer extends React.PureComponent<{
5
5
  userInfo: ZegoCloudUser;
6
6
  muted: boolean;
7
7
  volume?: {
@@ -16,5 +16,7 @@ export declare class VideoPlayer extends React.Component<{
16
16
  }> {
17
17
  static contextType?: React.Context<ShowPCManageType>;
18
18
  context: React.ContextType<typeof ShowPCManageContext>;
19
+ video: HTMLVideoElement | null;
20
+ componentWillUnmount(): void;
19
21
  render(): React.ReactNode;
20
22
  }
package/view/pages/ZegoRoom/index.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import React, { RefObject } from "react";
3
3
  import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNotification } from "../../../model";
4
4
  import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
5
- export declare class ZegoRoom extends React.Component<ZegoBrowserCheckProp> {
5
+ export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp> {
6
6
  state: {
7
7
  localStream: undefined | MediaStream;
8
8
  layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
@@ -101,7 +101,7 @@ export declare class ZegoRoom extends React.Component<ZegoBrowserCheckProp> {
101
101
  get getScreenSharingUser(): ZegoCloudUserList;
102
102
  getHiddenUser(): JSX.Element;
103
103
  get showScreenShareBottomTip(): boolean;
104
- getLayoutScreen(): JSX.Element | undefined;
104
+ getLayoutScreen(): JSX.Element;
105
105
  handleSetPin(userID: string): void;
106
106
  handleFullScreen(fullScreen: boolean): void;
107
107
  setLive(): Promise<void>;
package/view/pages/ZegoRoomMobile/components/ZegoReconnect.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare class ZegoReconnect extends React.Component<{
2
+ export declare class ZegoReconnect extends React.PureComponent<{
3
3
  content: string;
4
4
  }> {
5
5
  render(): React.ReactNode;
package/view/pages/ZegoRoomMobile/components/zegoGrid.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
2
  import { ZegoGridLayoutProps } from "../../../../model/index";
3
- export declare class ZegoGrid extends React.Component<ZegoGridLayoutProps> {
3
+ export declare class ZegoGrid extends React.PureComponent<ZegoGridLayoutProps> {
4
4
  render(): React.ReactNode;
5
5
  }
package/view/pages/ZegoRoomMobile/components/zegoLayout.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare class ZegoLayout extends React.Component<{
2
+ export declare class ZegoLayout extends React.PureComponent<{
3
3
  selectLayout: "Sidebar" | "Grid" | "Auto";
4
4
  closeCallBac: () => void;
5
5
  selectCallBack?: (selectLayout: "Sidebar" | "Grid" | "Auto") => Promise<boolean>;
package/view/pages/ZegoRoomMobile/components/zegoManage.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
3
- export declare class ZegoManage extends React.Component<{
3
+ export declare class ZegoManage extends React.PureComponent<{
4
4
  selectedUser: ZegoCloudUser;
5
5
  closeCallBac: () => void;
6
6
  selectCallBac: (type?: "Pin", value?: boolean) => void;
package/view/pages/ZegoRoomMobile/components/zegoMessage.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ChangeEvent, RefObject } from "react";
2
2
  import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
3
3
  import { ZegoBroadcastMessageInfo2 } from "../../../../model";
4
- export declare class ZegoMessage extends React.Component<{
4
+ export declare class ZegoMessage extends React.PureComponent<{
5
5
  messageList: ZegoBroadcastMessageInfo2[];
6
6
  sendMessage: (msg: string) => void;
7
7
  userID: string;
package/view/pages/ZegoRoomMobile/components/zegoMore.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
3
3
  import ShowManageContext, { ShowManageType } from "../context/showManage";
4
- export declare class ZegoMore extends React.Component<{
4
+ export declare class ZegoMore extends React.PureComponent<{
5
5
  user: ZegoCloudUser;
6
6
  }> {
7
7
  static contextType?: React.Context<ShowManageType>;
package/view/pages/ZegoRoomMobile/components/zegoOne2One.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
3
3
  import { SoundLevelMap } from "../../../../model";
4
- export declare class ZegoOne2One extends React.Component<{
4
+ export declare class ZegoOne2One extends React.PureComponent<{
5
5
  userList: ZegoCloudUserList;
6
6
  onLocalStreamPaused: () => void;
7
7
  soundLevel?: SoundLevelMap;
package/view/pages/ZegoRoomMobile/components/zegoRoomInvite.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudRTCCore } from "../../../../modules";
3
- export declare class ZegoRoomInvite extends React.Component<{
3
+ export declare class ZegoRoomInvite extends React.PureComponent<{
4
4
  core: ZegoCloudRTCCore;
5
5
  closeCallBack: () => void;
6
6
  }> {
package/view/pages/ZegoRoomMobile/components/zegoScreen.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { ZegoScreenSharingLayoutProps } from "../../../../model";
3
- export declare class ZegoScreen extends React.Component<ZegoScreenSharingLayoutProps> {
3
+ export declare class ZegoScreen extends React.PureComponent<ZegoScreenSharingLayoutProps> {
4
4
  state: {
5
5
  loading: boolean;
6
6
  };
package/view/pages/ZegoRoomMobile/components/zegoSidebar.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoGridLayoutProps } from "../../../../model";
3
3
  import { ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
4
- export declare class ZegoSidebar extends React.Component<ZegoGridLayoutProps> {
4
+ export declare class ZegoSidebar extends React.PureComponent<ZegoGridLayoutProps> {
5
5
  get userList(): ZegoCloudUserList;
6
6
  get pinUser(): import("../../../../modules/tools/UserListManager").ZegoCloudUser;
7
7
  render(): React.ReactNode;
package/view/pages/ZegoRoomMobile/components/zegoTimer.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- export declare class ZegoTimer extends React.Component {
2
+ export declare class ZegoTimer extends React.PureComponent {
3
3
  state: {
4
4
  time: number;
5
5
  };
package/view/pages/ZegoRoomMobile/components/zegoUserList.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ChangeEvent } from "react";
2
2
  import { ZegoCloudRTCCore } from "../../../../modules";
3
3
  import { ZegoCloudUser, ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
4
- export declare class ZegoUserList extends React.Component<{
4
+ export declare class ZegoUserList extends React.PureComponent<{
5
5
  userList: ZegoCloudUserList;
6
6
  core: ZegoCloudRTCCore;
7
7
  closeCallBack: (user?: ZegoCloudUser) => void;
package/view/pages/ZegoRoomMobile/components/zegoUserVideo.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
3
3
  import ShowManageContext, { ShowManageType } from "../context/showManage";
4
- export declare class ZegoUserVideo extends React.Component<{
4
+ export declare class ZegoUserVideo extends React.PureComponent<{
5
5
  user: ZegoCloudUser;
6
6
  onLocalStreamPaused?: () => void;
7
7
  onCanPlay?: () => void;
@@ -15,9 +15,11 @@ export declare class ZegoUserVideo extends React.Component<{
15
15
  }> {
16
16
  static contextType?: React.Context<ShowManageType>;
17
17
  context: React.ContextType<typeof ShowManageContext>;
18
+ video: HTMLVideoElement | null;
19
+ componentWillUnmount(): void;
18
20
  render(): React.ReactNode;
19
21
  }
20
- export declare class ZegoUserOtherVideo extends React.Component<{
22
+ export declare class ZegoUserOtherVideo extends React.PureComponent<{
21
23
  user: ZegoCloudUser;
22
24
  nextUser: ZegoCloudUser;
23
25
  othersNumber: number;
package/view/pages/ZegoRoomMobile/index.d.ts CHANGED
@@ -4,7 +4,7 @@ import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNot
4
4
  import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
5
5
  import { ZegoDeviceInfo } from "zego-express-engine-webrtc/sdk/code/zh/ZegoExpressEntity.web";
6
6
  import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
7
- export declare class ZegoRoomMobile extends React.Component<ZegoBrowserCheckProp> {
7
+ export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheckProp> {
8
8
  static contextType: React.Context<import("./context/showManage").ShowManageType>;
9
9
  state: {
10
10
  localStream: undefined | MediaStream;