@zegocloud/zego-uikit-prebuilt 1.3.3 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
             "name": "@zegocloud/zego-uikit-prebuilt",
-            "version": "1.3.3",
+            "version": "1.3.5",
             "description": "zegocloud prebuilt meeting webrtc sdk",
             "main": "./zego-uikit-prebuilt.js",
             "typings": "./sdk/index.d.ts",

package/view/pages/ZegoRoom/components/ZegoScreenSharingLayout.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoScreenSharingLayoutProps } from "../../../../model";
 import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
-export declare class ZegoScreenSharingLayout extends React.Component<ZegoScreenSharingLayoutProps> {
+export declare class ZegoScreenSharingLayout extends React.PureComponent<ZegoScreenSharingLayoutProps> {
     state: {
         fullScreen: boolean;
         loadingMask: boolean;

package/view/pages/ZegoRoom/components/zegoGridLayout.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
 import { ZegoGridLayoutProps } from "../../../../model";
 import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
-export declare class ZegoGridLayout extends React.Component<ZegoGridLayoutProps> {
+export declare class ZegoGridLayout extends React.PureComponent<ZegoGridLayoutProps> {
     static contextType?: React.Context<ShowPCManageType>;
     context: React.ContextType<typeof ShowPCManageContext>;
+    get wrapClassName(): string;
     render(): React.ReactNode;
 }

package/view/pages/ZegoRoom/components/zegoMessage.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, RefObject } from "react";
 import { ZegoBroadcastMessageInfo2 } from "../../../../model";
-export declare class ZegoMessage extends React.Component<{
+export declare class ZegoMessage extends React.PureComponent<{
     messageList: ZegoBroadcastMessageInfo2[];
     sendMessage: (msg: string) => void;
     selfUserID: string;

package/view/pages/ZegoRoom/components/zegoOne2One.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
 import { SoundLevelMap } from "../../../../model";
-export declare class ZegoOne2One extends React.Component<{
+export declare class ZegoOne2One extends React.PureComponent<{
     selfInfo: {
         userID: string;
     };

package/view/pages/ZegoRoom/components/zegoOthersVideo.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
-export declare function OthersVideo(props: {
+import React from "react";
+export declare class OthersVideo extends React.PureComponent<{
     users: string[];
     others: number;
-}): JSX.Element;
+}> {
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoom/components/zegoRoomInvite.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ZegoCloudRTCCore } from "../../../../modules";
-export declare class ZegoRoomInvite extends React.Component<{
+export declare class ZegoRoomInvite extends React.PureComponent<{
     core: ZegoCloudRTCCore;
 }> {
     handleCopy(url: string): void;

package/view/pages/ZegoRoom/components/zegoSidebarLayout.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoSidebarLayoutProps } from "../../../../model";
 import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
-export declare class ZegoSidebarLayout extends React.Component<ZegoSidebarLayoutProps> {
+export declare class ZegoSidebarLayout extends React.PureComponent<ZegoSidebarLayoutProps> {
     get pinUser(): import("../../../../modules/tools/UserListManager").ZegoCloudUser;
     static contextType?: React.Context<ShowPCManageType>;
     context: React.ContextType<typeof ShowPCManageContext>;

package/view/pages/ZegoRoom/components/zegoTimer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare class ZegoTimer extends React.Component {
+export declare class ZegoTimer extends React.PureComponent {
     state: {
         time: number;
     };

package/view/pages/ZegoRoom/components/zegoUserList.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ZegoCloudRTCCore } from "../../../../modules";
 import { ZegoCloudUser, ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
 import { SoundLevelMap } from "../../../../model";
-export declare class ZegoUserList extends React.Component<{
+export declare class ZegoUserList extends React.PureComponent<{
     core: ZegoCloudRTCCore;
     userList: ZegoCloudUserList;
     selfUserID: string;

package/view/pages/ZegoRoom/components/zegoVideoPlayer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
 import ShowPCManageContext, { ShowPCManageType } from "../context/showManage";
-export declare class VideoPlayer extends React.Component<{
+export declare class VideoPlayer extends React.PureComponent<{
     userInfo: ZegoCloudUser;
     muted: boolean;
     volume?: {
@@ -16,5 +16,7 @@ export declare class VideoPlayer extends React.Component<{
 }> {
     static contextType?: React.Context<ShowPCManageType>;
     context: React.ContextType<typeof ShowPCManageContext>;
+    video: HTMLVideoElement | null;
+    componentWillUnmount(): void;
     render(): React.ReactNode;
 }

package/view/pages/ZegoRoom/index.d.ts

@@ -2,7 +2,7 @@
 import React, { RefObject } from "react";
 import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNotification } from "../../../model";
 import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
-export declare class ZegoRoom extends React.Component<ZegoBrowserCheckProp> {
+export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp> {
     state: {
         localStream: undefined | MediaStream;
         layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
@@ -101,7 +101,7 @@ export declare class ZegoRoom extends React.Component<ZegoBrowserCheckProp> {
     get getScreenSharingUser(): ZegoCloudUserList;
     getHiddenUser(): JSX.Element;
     get showScreenShareBottomTip(): boolean;
-    getLayoutScreen(): JSX.Element | undefined;
+    getLayoutScreen(): JSX.Element;
     handleSetPin(userID: string): void;
     handleFullScreen(fullScreen: boolean): void;
     setLive(): Promise<void>;

package/view/pages/ZegoRoomMobile/components/ZegoReconnect.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare class ZegoReconnect extends React.Component<{
+export declare class ZegoReconnect extends React.PureComponent<{
     content: string;
 }> {
     render(): React.ReactNode;

package/view/pages/ZegoRoomMobile/components/zegoGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { ZegoGridLayoutProps } from "../../../../model/index";
-export declare class ZegoGrid extends React.Component<ZegoGridLayoutProps> {
+export declare class ZegoGrid extends React.PureComponent<ZegoGridLayoutProps> {
     render(): React.ReactNode;
 }

package/view/pages/ZegoRoomMobile/components/zegoLayout.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare class ZegoLayout extends React.Component<{
+export declare class ZegoLayout extends React.PureComponent<{
     selectLayout: "Sidebar" | "Grid" | "Auto";
     closeCallBac: () => void;
     selectCallBack?: (selectLayout: "Sidebar" | "Grid" | "Auto") => Promise<boolean>;

package/view/pages/ZegoRoomMobile/components/zegoManage.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
-export declare class ZegoManage extends React.Component<{
+export declare class ZegoManage extends React.PureComponent<{
     selectedUser: ZegoCloudUser;
     closeCallBac: () => void;
     selectCallBac: (type?: "Pin", value?: boolean) => void;

package/view/pages/ZegoRoomMobile/components/zegoMessage.d.ts

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, RefObject } from "react";
 import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
 import { ZegoBroadcastMessageInfo2 } from "../../../../model";
-export declare class ZegoMessage extends React.Component<{
+export declare class ZegoMessage extends React.PureComponent<{
     messageList: ZegoBroadcastMessageInfo2[];
     sendMessage: (msg: string) => void;
     userID: string;

package/view/pages/ZegoRoomMobile/components/zegoMore.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
 import ShowManageContext, { ShowManageType } from "../context/showManage";
-export declare class ZegoMore extends React.Component<{
+export declare class ZegoMore extends React.PureComponent<{
     user: ZegoCloudUser;
 }> {
     static contextType?: React.Context<ShowManageType>;

package/view/pages/ZegoRoomMobile/components/zegoOne2One.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
 import { SoundLevelMap } from "../../../../model";
-export declare class ZegoOne2One extends React.Component<{
+export declare class ZegoOne2One extends React.PureComponent<{
     userList: ZegoCloudUserList;
     onLocalStreamPaused: () => void;
     soundLevel?: SoundLevelMap;

package/view/pages/ZegoRoomMobile/components/zegoRoomInvite.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ZegoCloudRTCCore } from "../../../../modules";
-export declare class ZegoRoomInvite extends React.Component<{
+export declare class ZegoRoomInvite extends React.PureComponent<{
     core: ZegoCloudRTCCore;
     closeCallBack: () => void;
 }> {

package/view/pages/ZegoRoomMobile/components/zegoScreen.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ZegoScreenSharingLayoutProps } from "../../../../model";
-export declare class ZegoScreen extends React.Component<ZegoScreenSharingLayoutProps> {
+export declare class ZegoScreen extends React.PureComponent<ZegoScreenSharingLayoutProps> {
     state: {
         loading: boolean;
     };

package/view/pages/ZegoRoomMobile/components/zegoSidebar.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoGridLayoutProps } from "../../../../model";
 import { ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
-export declare class ZegoSidebar extends React.Component<ZegoGridLayoutProps> {
+export declare class ZegoSidebar extends React.PureComponent<ZegoGridLayoutProps> {
     get userList(): ZegoCloudUserList;
     get pinUser(): import("../../../../modules/tools/UserListManager").ZegoCloudUser;
     render(): React.ReactNode;

package/view/pages/ZegoRoomMobile/components/zegoTimer.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare class ZegoTimer extends React.Component {
+export declare class ZegoTimer extends React.PureComponent {
     state: {
         time: number;
     };

package/view/pages/ZegoRoomMobile/components/zegoUserList.d.ts

@@ -1,7 +1,7 @@
 import React, { ChangeEvent } from "react";
 import { ZegoCloudRTCCore } from "../../../../modules";
 import { ZegoCloudUser, ZegoCloudUserList } from "../../../../modules/tools/UserListManager";
-export declare class ZegoUserList extends React.Component<{
+export declare class ZegoUserList extends React.PureComponent<{
     userList: ZegoCloudUserList;
     core: ZegoCloudRTCCore;
     closeCallBack: (user?: ZegoCloudUser) => void;

package/view/pages/ZegoRoomMobile/components/zegoUserVideo.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ZegoCloudUser } from "../../../../modules/tools/UserListManager";
 import ShowManageContext, { ShowManageType } from "../context/showManage";
-export declare class ZegoUserVideo extends React.Component<{
+export declare class ZegoUserVideo extends React.PureComponent<{
     user: ZegoCloudUser;
     onLocalStreamPaused?: () => void;
     onCanPlay?: () => void;
@@ -15,9 +15,11 @@ export declare class ZegoUserVideo extends React.Component<{
 }> {
     static contextType?: React.Context<ShowManageType>;
     context: React.ContextType<typeof ShowManageContext>;
+    video: HTMLVideoElement | null;
+    componentWillUnmount(): void;
     render(): React.ReactNode;
 }
-export declare class ZegoUserOtherVideo extends React.Component<{
+export declare class ZegoUserOtherVideo extends React.PureComponent<{
     user: ZegoCloudUser;
     nextUser: ZegoCloudUser;
     othersNumber: number;

package/view/pages/ZegoRoomMobile/index.d.ts

@@ -4,7 +4,7 @@ import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNot
 import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
 import { ZegoDeviceInfo } from "zego-express-engine-webrtc/sdk/code/zh/ZegoExpressEntity.web";
 import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
-export declare class ZegoRoomMobile extends React.Component<ZegoBrowserCheckProp> {
+export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheckProp> {
     static contextType: React.Context<import("./context/showManage").ShowManageType>;
     state: {
         localStream: undefined | MediaStream;