@zegocloud/zego-uikit-prebuilt 1.4.0 → 1.5.0

package/4f79f8247d3206183fd2.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="116px" height="116px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+<circle cx="30" cy="50" fill="#0055ff" r="20">
+  <animate attributeName="cx" repeatCount="indefinite" dur="1.0204081632653061s" keyTimes="0;0.5;1" values="30;70;30" begin="-0.5102040816326531s"></animate>
+</circle>
+<circle cx="70" cy="50" fill="#4698f0" r="20">
+  <animate attributeName="cx" repeatCount="indefinite" dur="1.0204081632653061s" keyTimes="0;0.5;1" values="30;70;30" begin="0s"></animate>
+</circle>
+<circle cx="30" cy="50" fill="#0055ff" r="20">
+  <animate attributeName="cx" repeatCount="indefinite" dur="1.0204081632653061s" keyTimes="0;0.5;1" values="30;70;30" begin="-0.5102040816326531s"></animate>
+  <animate attributeName="fill-opacity" values="0;0;1;1" calcMode="discrete" keyTimes="0;0.499;0.5;1" dur="1.0204081632653061s" repeatCount="indefinite"></animate>
+</circle>
+<!-- [ldio] generated by https://loading.io/ --></svg>

package/fingerGestureUtil.d.ts

@@ -0,0 +1,50 @@
+export declare class FingerGestureUtils {
+    isPointerdown: boolean;
+    pointers: PointerEvent[];
+    point1: {
+        x: number;
+        y: number;
+    };
+    point2: {
+        x: number;
+        y: number;
+    };
+    diff: {
+        x: number;
+        y: number;
+    };
+    lastPointermove: {
+        x: number;
+        y: number;
+    };
+    lastPoint1: {
+        x: number;
+        y: number;
+    };
+    lastPoint2: {
+        x: number;
+        y: number;
+    };
+    lastCenter: {
+        x: number;
+        y: number;
+    };
+    dom: HTMLElement;
+    x: number;
+    y: number;
+    scale: number;
+    maxScale: number;
+    minScale: number;
+    private callBack;
+    addDomListener(dom: HTMLElement, callBack: (x: number, y: number, scale: number) => void): void;
+    private pointerDown;
+    private pointerMove;
+    private pointerUp;
+    private pointerCancel;
+    /**
+     * 更新或删除指针
+     * @param {PointerEvent} e
+     * @param {string} type
+     */
+    handlePointers(e: PointerEvent, type: "update" | "delete"): void;
+}

package/index.d.ts

@@ -1,4 +1,5 @@
 import { Root } from "react-dom/client";
+import { ZegoSuperBoardManager } from "zego-superboard-web";
 import { LiveRole, LiveStreamingMode, ScenarioModel, VideoResolution, ZegoCloudRoomConfig } from "./model/index";
 import { ZegoCloudRTCCore } from "./modules/index";
 export declare class ZegoUIKitPrebuilt {
@@ -21,6 +22,9 @@ export declare class ZegoUIKitPrebuilt {
     static generateKitTokenForTest(appID: number, serverSecret: string, roomID: string, userID: string, userName?: string, ExpirationSeconds?: number): string;
     static generateKitTokenForProduction(appID: number, token: string, roomID: string, userID: string, userName?: string): string;
     static create(kitToken: string): ZegoUIKitPrebuilt;
+    addPlugins(plugins?: {
+        ZegoSuperBoardManager?: typeof ZegoSuperBoardManager;
+    }): void;
     joinRoom(roomConfig?: ZegoCloudRoomConfig): void;
     destroy(): void;
 }

package/model/index.d.ts

@@ -1,4 +1,5 @@
 import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
+import { ZegoSuperBoardView } from "zego-superboard-web";
 import { ZegoCloudRTCCore } from "../modules";
 import { ZegoCloudUser, ZegoCloudUserList } from "../modules/tools/UserListManager";
 export interface ZegoCloudRemoteMedia {
@@ -95,11 +96,16 @@ export interface ZegoCloudRoomConfig {
     onUserAvatarSetter?: (user: ZegoUser[]) => void;
     videoResolutionList?: VideoResolution[];
     videoResolutionDefault?: VideoResolution;
+    onLiveStart?: (user: ZegoUser) => void;
+    onLiveEnd?: (user: ZegoUser) => void;
     facingMode?: "user" | "environment";
     joinRoomCallback?: () => void;
     leaveRoomCallback?: () => void;
     userUpdateCallback?: (updateType: "DELETE" | "ADD", userList: ZegoUser[]) => void;
     roomTimerDisplayed?: boolean;
+    whiteboardConfig?: {
+        showAddImageButton?: boolean;
+    };
 }
 export interface ZegoBrowserCheckProp {
     core: ZegoCloudRTCCore;
@@ -164,6 +170,24 @@ export interface ZegoScreenSharingLayoutProps {
     soundLevel?: SoundLevelMap;
     handleFullScreen?: (fullScreen: boolean) => void;
 }
+export interface ZegoWhiteboardSharingLayoutProps {
+    handleSetPin?: Function;
+    userList: ZegoCloudUserList;
+    videoShowNumber: number;
+    selfInfo: {
+        userID: string;
+    };
+    roomID?: String;
+    onShow: (el: HTMLDivElement) => void;
+    onResize: (el: HTMLDivElement) => void;
+    onclose: () => void;
+    onToolChange: (type: number, fontSize?: number, color?: string) => void;
+    onFontChange: (font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string) => void;
+    soundLevel?: SoundLevelMap;
+    handleFullScreen?: (fullScreen: boolean) => void;
+    onImageAdd?: () => void;
+    zegoSuperBoardView?: ZegoSuperBoardView | null;
+}
 export interface SoundLevelMap {
     [userID: string]: {
         [streamID: string]: number;

package/modules/index.d.ts

@@ -4,6 +4,7 @@ import { ZegoDeviceInfo, ZegoLocalStreamConfig, ZegoPublishStreamConfig, ZegoSer
 import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
 import { ZegoCloudRemoteMedia, ZegoCloudRoomConfig, ZegoUser } from "../model";
 import { ZegoCloudUserList, ZegoCloudUserListManager } from "./tools/UserListManager";
+import { ZegoSuperBoardManager, ZegoSuperBoardView } from "zego-superboard-web";
 export declare class ZegoCloudRTCCore {
     static _instance: ZegoCloudRTCCore;
     static _zg: ZegoExpressEngine;
@@ -16,6 +17,8 @@ export declare class ZegoCloudRTCCore {
         token: string;
         avatar?: string;
     };
+    zegoSuperBoard: ZegoSuperBoardManager;
+    zegoSuperBoardView: ZegoSuperBoardView | null | undefined;
     static getInstance(kitToken: string): ZegoCloudRTCCore;
     status: {
         loginRsp: boolean;
@@ -33,7 +36,11 @@ export declare class ZegoCloudRTCCore {
         add: ZegoStreamList[];
         delete: ZegoStreamList[];
     };
-    _config: ZegoCloudRoomConfig;
+    _config: ZegoCloudRoomConfig & {
+        plugins: {
+            ZegoSuperBoardManager?: typeof ZegoSuperBoardManager;
+        };
+    };
     _currentPage: "BrowserCheckPage" | "Room" | "RejoinRoom";
     extraInfoKey: string;
     _roomExtraInfo: {
@@ -41,6 +48,9 @@ export declare class ZegoCloudRTCCore {
     };
     NetworkStatusTimer: NodeJS.Timer | null;
     get isCDNLive(): boolean;
+    addPlugins(plugins: {
+        ZegoSuperBoardManager?: typeof ZegoSuperBoardManager;
+    }): void;
     setConfig(config: ZegoCloudRoomConfig): boolean;
     checkWebRTC(): Promise<boolean>;
     setPin(userID?: string, pined?: boolean, stopUpdateUser?: boolean): void;
@@ -54,9 +64,13 @@ export declare class ZegoCloudRTCCore {
     getSpeakers(): Promise<ZegoDeviceInfo[]>;
     setVolume(media: HTMLVideoElement, volume: number): void;
     createStream(source?: ZegoLocalStreamConfig): Promise<MediaStream>;
+    createAndPublishWhiteboard(parentDom: HTMLDivElement, name: string): Promise<ZegoSuperBoardView>;
+    setWhiteboardToolType(type: number, fontSize?: number, color?: string): Promise<void>;
+    setWhiteboardFont(font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string): void;
     setVideoConfig(media: MediaStream, constraints: ZegoPublishStreamConfig): Promise<ZegoServerResponse>;
     stopPublishingStream(streamID: string): boolean;
     destroyStream(stream: MediaStream): void;
+    destroyAndStopPublishWhiteboard(): Promise<void>;
     useCameraDevice(media: MediaStream, deviceID: string): Promise<ZegoServerResponse>;
     useMicrophoneDevice(media: MediaStream, deviceID: string): Promise<ZegoServerResponse>;
     useSpeakerDevice(media: HTMLMediaElement, deviceID: string): Promise<ZegoServerResponse>;
@@ -82,6 +96,8 @@ export declare class ZegoCloudRTCCore {
     subscribeUserList(callback: (userList: ZegoCloudUserList) => void): void;
     private subscribeScreenStreamCallBack;
     subscribeScreenStream(callback: (userList: ZegoCloudUserList) => void): void;
+    subscribeWhiteBoardCallBack: (zegoSuperBoardView: ZegoSuperBoardView | null) => void;
+    subscribeWhiteBoard(callback: (zegoSuperBoardView: ZegoSuperBoardView | null) => void): void;
     private onRemoteMediaUpdateCallBack;
     private onNetworkStatusQualityCallBack;
     onNetworkStatusQuality(func: (roomID: string, level: number) => void): void;
@@ -90,7 +106,7 @@ export declare class ZegoCloudRTCCore {
     private onSoundLevelUpdateCallBack;
     onSoundLevelUpdate(func: (soundLevelList: ZegoSoundLevelInfo[]) => void): void;
     private onRoomLiveStateUpdateCallBack;
-    onRoomLiveStateUpdate(func: (live: 1 | 0) => void): void;
+    onRoomLiveStateUpdate(func: (live: "1" | "0") => void): void;
     sendRoomMessage(message: string): Promise<import("zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d").ZegoServerResponse>;
     private onRoomMessageUpdateCallBack;
     onRoomMessageUpdate(func: (roomID: string, info: ZegoBroadcastMessageInfo[]) => void): void;

package/modules/tools/UserListManager.d.ts

@@ -25,7 +25,7 @@ export declare class ZegoCloudUserListManager {
         streamID: string;
         userID: string;
     }[];
-    isLive: 1 | 0;
+    isLive: "1" | "0";
     get isL3Live(): boolean;
     setPin(userID?: string, pined?: boolean): void;
     setShowNonVideo(enable: boolean): Promise<boolean>;
@@ -37,7 +37,7 @@ export declare class ZegoCloudUserListManager {
     userUpdate(roomID: string, updateType: "DELETE" | "ADD", users: ZegoUser[]): Promise<boolean>;
     mainStreamUpdate(updateType: "DELETE" | "ADD" | "UPDATE", streamList: ZegoCloudRemoteMedia[]): Promise<boolean>;
     screenStreamUpdate(updateType: "DELETE" | "ADD" | "UPDATE", streamList: ZegoCloudRemoteMedia[]): void;
-    setLiveStates(state: 1 | 0): Promise<void>;
+    setLiveStates(state: "1" | "0"): Promise<void>;
     startPullStream(userID: string, streamID: string): Promise<MediaStream | undefined>;
     stopPullStream(userID: string, streamID: string): void;
     reset(): void;

package/package.json

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

package/view/components/zegoLoading/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare class ZegoLoading extends React.Component<{
+    contentText?: string;
+}> {
+    render(): React.ReactNode;
+}
+export declare const ZegoLoadingShow: (props: {
+    contentText?: string;
+}, parentDom?: Element | null | undefined) => void;
+export declare const ZegoLoadingHide: () => void;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { ZegoWhiteboardSharingLayoutProps } from "../../../../model";
+import ShowPCManageContext, { ShowManageType } from "../../context/showManage";
+export declare class ZegoWhiteboardSharingLayout extends React.PureComponent<ZegoWhiteboardSharingLayoutProps> {
+    container: HTMLDivElement | null;
+    containerWidth: number;
+    containerHeight: number;
+    state: {
+        currentZoom: number;
+        rows: 1 | 2;
+    };
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    componentDidMount(): void;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoom/components/zegoWhiteboard/ZegoWhiteboardTools.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardTools extends React.PureComponent<{
+    onToolChange: (type: number, fontSize?: number, color?: string) => void;
+    onFontChange: (font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string) => void;
+    onAddImage: (file: File) => void;
+    onSnapshot: () => void;
+    rows?: 1 | 2;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    state: {
+        hideTools: boolean;
+        selectedTool: number;
+        showTextTools: boolean;
+        showGraphicsTools: boolean;
+        showFontTools: boolean;
+    };
+    showTool(type: number): boolean;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoom/components/zegoWhiteboard/ZegoWhiteboardToolsGraphicsTooTips.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsGraphicsTooTips extends React.PureComponent<{
+    onToolChange: (type: number, fontSize: number, color: string) => void;
+    onClose: () => void;
+    rows: 1 | 2 | undefined;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        fontColor: string;
+        react: number;
+        fontSize: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoom/components/zegoWhiteboard/ZegoWhiteboardToolsPenToolTips.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsPenTooTips extends React.PureComponent<{
+    onToolChange: (fontSize: number, color: string) => void;
+    onClose: () => void;
+    rows: 1 | 2 | undefined;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        fontColor: string;
+        fontSize: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoom/components/zegoWhiteboard/ZegoWhiteboardToolsTextToolTips.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsTextTooTips extends React.PureComponent<{
+    onFontChange: (font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string) => void;
+    onClose: () => void;
+    rows: 1 | 2 | undefined;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        fontColor: string;
+        fontSize: number;
+        isFontBold: boolean;
+        isFontItalic: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

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

@@ -2,6 +2,7 @@
 import React, { RefObject } from "react";
 import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNotification } from "../../../model";
 import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
+import { ZegoSuperBoardView } from "zego-superboard-web";
 export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp> {
     state: {
         localStream: undefined | MediaStream;
@@ -27,9 +28,11 @@ export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp>
         isLayoutChanging: boolean;
         soundLevel: SoundLevelMap;
         liveCountdown: number;
-        liveStatus: 1 | 0;
+        liveStatus: "1" | "0";
         isScreenSharingBySelf: boolean;
         screenSharingStream: undefined | MediaStream;
+        zegoSuperBoardView: ZegoSuperBoardView | null;
+        isZegoWhiteboardSharing: boolean;
         screenSharingUserList: ZegoCloudUserList;
         showZegoSettings: boolean;
         haveUnReadMsg: boolean;
@@ -44,6 +47,7 @@ export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp>
     localStreamID: string;
     screenSharingStreamID: string;
     isCreatingScreenSharing: boolean;
+    isCreatingWhiteboardSharing: boolean;
     fullScreen: boolean;
     showNotSupported: number;
     notSupportMultipleVideoNotice: number;
@@ -61,8 +65,9 @@ export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp>
         showMore: boolean;
         layout: string;
         videoShowNumber: number;
-        liveStatus: 1 | 0;
+        liveStatus: "1" | "0";
         isScreenSharingBySelf: boolean;
+        isZegoWhiteboardSharing: boolean;
         screenSharingUserList: ZegoCloudUserList;
     }): void;
     componentWillUnmount(): void;
@@ -73,6 +78,9 @@ export declare class ZegoRoom extends React.PureComponent<ZegoBrowserCheckProp>
     toggleScreenSharing(): Promise<void>;
     createScreenSharing(): Promise<void>;
     closeScreenSharing(): void;
+    toggleWhiteboardSharing(): Promise<void>;
+    createWhiteboardSharing(): Promise<void>;
+    closeWhiteboardSharing(): void;
     toggleLayOut(layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE"): void;
     sendMessage(msg: string): Promise<void>;
     openSettings(): void;

package/view/pages/ZegoRoomMobile/components/zegoWhiteboard/ZegoWhiteboardTools.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardTools extends React.PureComponent<{
+    onToolChange: (type: number, fontSize?: number, color?: string) => void;
+    onFontChange: (font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string) => void;
+    onAddImage: (file: File) => void;
+    onSnapshot: () => void;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    state: {
+        hideTools: boolean;
+        selectedTool: number;
+        showTextTools: boolean;
+        showGraphicsTools: boolean;
+        showFontTools: boolean;
+    };
+    showTool(type: number): boolean;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoomMobile/components/zegoWhiteboard/ZegoWhiteboardToolsGraphicsTooTips.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsGraphicsTooTips extends React.PureComponent<{
+    onToolChange: (type: number, fontSize: number, color: string) => void;
+    onClose: () => void;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        fontColor: string;
+        react: number;
+        fontSize: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoomMobile/components/zegoWhiteboard/ZegoWhiteboardToolsPenToolTips.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsPenTooTips extends React.PureComponent<{
+    onToolChange: (fontSize: number, color: string) => void;
+    onClose: () => void;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        fontColor: string;
+        fontSize: number;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

package/view/pages/ZegoRoomMobile/components/zegoWhiteboard/ZegoWhiteboardToolsTextToolTips.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import ShowPCManageContext, { ShowManageType } from "../../../context/showManage";
+export declare class ZegoWhiteboardToolsTextTooTips extends React.PureComponent<{
+    onFontChange: (font?: "BOLD" | "ITALIC" | "NO_BOLD" | "NO_ITALIC", fontSize?: number, color?: string) => void;
+    onClose: () => void;
+}> {
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    OnDocumentClick(ev: MouseEvent): void;
+    state: {
+        font: string;
+        fontColor: string;
+        fontSize: number;
+        isFontBold: boolean;
+        isFontItalic: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { ZegoWhiteboardSharingLayoutProps } from "../../../../model";
+import ShowPCManageContext, { ShowManageType } from "../../context/showManage";
+export declare class ZegoWhiteboard extends React.PureComponent<ZegoWhiteboardSharingLayoutProps> {
+    container: HTMLDivElement | null;
+    containerWidth: number;
+    containerHeight: number;
+    state: {
+        currentZoom: number;
+    };
+    static contextType?: React.Context<ShowManageType>;
+    context: React.ContextType<typeof ShowPCManageContext>;
+    componentDidMount(): void;
+    render(): React.ReactNode;
+}

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

@@ -3,12 +3,13 @@ import React from "react";
 import { SoundLevelMap, ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoNotification } from "../../../model";
 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 { ZegoSuperBoardView } from "zego-superboard-web";
 import { ZegoCloudUserList } from "../../../modules/tools/UserListManager";
 export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheckProp> {
     static contextType: React.Context<import("../context/showManage").ShowManageType>;
     state: {
         localStream: undefined | MediaStream;
-        layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE" | "LAYOUT" | "MANAGE";
+        layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE" | "LAYOUT" | "MANAGE" | "WHITEBOARD";
         userLayoutStatus: "Auto" | "Grid" | "Sidebar";
         zegoCloudUserList: ZegoCloudUserList;
         memberList: ZegoCloudUserList;
@@ -24,8 +25,10 @@ export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheck
         isNetworkPoor: boolean;
         soundLevel: SoundLevelMap;
         liveCountdown: number;
-        liveStatus: 1 | 0;
+        liveStatus: "1" | "0";
         screenSharingUserList: ZegoCloudUserList;
+        zegoSuperBoardView: ZegoSuperBoardView | null;
+        isZegoWhiteboardSharing: boolean;
     };
     micStatus: -1 | 0 | 1;
     cameraStatus: -1 | 0 | 1;
@@ -58,7 +61,7 @@ export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheck
     toggleMic(): Promise<void>;
     toggleCamera(): Promise<void>;
     switchCamera(): Promise<void>;
-    toggleLayOut(layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE" | "LAYOUT"): void;
+    toggleLayOut(layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE" | "LAYOUT" | "WHITEBOARD"): void;
     sendMessage(msg: string): Promise<void>;
     onblur: (e: {
         path?: any[];
@@ -77,5 +80,9 @@ export declare class ZegoRoomMobile extends React.PureComponent<ZegoBrowserCheck
     clickVideo(e: MouseEvent): void;
     setLive(): Promise<void>;
     liveCountdownTimer(): void;
+    toggleWhiteboardSharing(): Promise<void>;
+    isCreatingWhiteboardSharing: boolean;
+    createWhiteboardSharing(): Promise<void>;
+    closeWhiteboardSharing(): void;
     render(): React.ReactNode;
 }

package/view/pages/context/showManage.d.ts

@@ -7,6 +7,14 @@ export declare type ShowManageType = {
         userID: string;
     };
     speakerId?: string;
+    whiteboard_page?: number;
+    whiteboard_toolType?: number;
+    whiteboard_fontSize?: number;
+    whiteboard_brushSize?: number;
+    whiteboard_brushColor?: string;
+    whiteboard_isFontBold?: boolean;
+    whiteboard_isFontItalic?: boolean;
+    whiteboard_showAddImage?: boolean;
 };
 declare const ShowManageContext: React.Context<ShowManageType>;
 export default ShowManageContext;