@zegocloud/zego-uikit-prebuilt 1.0.0
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.
- package/index.html +119 -0
- package/package.json +18 -0
- package/sdk/index.d.ts +11 -0
- package/sdk/model/index.d.ts +66 -0
- package/sdk/modules/index.d.ts +62 -0
- package/sdk/modules/soundmeter.d.ts +18 -0
- package/sdk/modules/util.d.ts +10 -0
- package/sdk/util.d.ts +13 -0
- package/sdk/view/components/mobile/zegoConfirm/index.d.ts +17 -0
- package/sdk/view/components/mobile/zegoToast/index.d.ts +17 -0
- package/sdk/view/components/zegoModel/index.d.ts +13 -0
- package/sdk/view/components/zegoSelect/index.d.ts +32 -0
- package/sdk/view/components/zegoSetting/index.d.ts +57 -0
- package/sdk/view/components/zegoSetting/speakerFile.d.ts +1 -0
- package/sdk/view/components/zegoToast/index.d.ts +13 -0
- package/sdk/view/index.d.ts +11 -0
- package/sdk/view/pages/ZegoBrowserCheck/index.d.ts +42 -0
- package/sdk/view/pages/ZegoBrowserCheckMobile/components/ZegoLoading.d.ts +6 -0
- package/sdk/view/pages/ZegoBrowserCheckMobile/index.d.ts +27 -0
- package/sdk/view/pages/ZegoRejoinRoom/index.d.ts +11 -0
- package/sdk/view/pages/ZegoRoom/components/zegoMessage.d.ts +21 -0
- package/sdk/view/pages/ZegoRoom/components/zegoOne2One.d.ts +19 -0
- package/sdk/view/pages/ZegoRoom/components/zegoTimer.d.ts +9 -0
- package/sdk/view/pages/ZegoRoom/index.d.ts +58 -0
- package/sdk/view/pages/ZegoRoomMobile/components/ZegoReconnect.d.ts +6 -0
- package/sdk/view/pages/ZegoRoomMobile/components/zegoMessage.d.ts +31 -0
- package/sdk/view/pages/ZegoRoomMobile/components/zegoOne2One.d.ts +21 -0
- package/sdk/view/pages/ZegoRoomMobile/components/zegoRoomInvite.d.ts +8 -0
- package/sdk/view/pages/ZegoRoomMobile/components/zegoTimer.d.ts +9 -0
- package/sdk/view/pages/ZegoRoomMobile/components/zegoUserList.d.ts +14 -0
- package/sdk/view/pages/ZegoRoomMobile/index.d.ts +55 -0
- package/zego-uikit-prebuilt.js +2387 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ZegoBrowserCheckProp } from "../../../model";
|
|
3
|
+
export declare class ZegoRejoinRoom extends React.Component<ZegoBrowserCheckProp> {
|
|
4
|
+
state: {
|
|
5
|
+
isPc: boolean;
|
|
6
|
+
isJoining: boolean;
|
|
7
|
+
};
|
|
8
|
+
joinRoom(): Promise<void>;
|
|
9
|
+
returnHome(): void;
|
|
10
|
+
render(): React.ReactNode;
|
|
11
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ChangeEvent, RefObject } from "react";
|
|
2
|
+
import { ZegoBroadcastMessageInfo2 } from "../../../../model";
|
|
3
|
+
export declare class ZegoMessage extends React.Component<{
|
|
4
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
5
|
+
sendMessage: (msg: string) => void;
|
|
6
|
+
selfUserID: string;
|
|
7
|
+
}> {
|
|
8
|
+
state: {
|
|
9
|
+
message: string;
|
|
10
|
+
};
|
|
11
|
+
sendTime: number;
|
|
12
|
+
msgListRef: RefObject<HTMLInputElement>;
|
|
13
|
+
componentDidMount(): void;
|
|
14
|
+
componentDidUpdate(preProps: {
|
|
15
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
16
|
+
}): void;
|
|
17
|
+
handleSend(): false | undefined;
|
|
18
|
+
scrollToBottom(): void;
|
|
19
|
+
messageInput(event: ChangeEvent<HTMLInputElement>): void;
|
|
20
|
+
render(): React.ReactNode;
|
|
21
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ZegoCloudRemoteMedia } from "../../../../model";
|
|
3
|
+
export declare class ZegoOne2One extends React.Component<{
|
|
4
|
+
localStream: MediaStream | undefined;
|
|
5
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
6
|
+
remoteUserInfo: {
|
|
7
|
+
userName: string | undefined;
|
|
8
|
+
userID: string | undefined;
|
|
9
|
+
};
|
|
10
|
+
selfUserInfo: {
|
|
11
|
+
userName: string;
|
|
12
|
+
micOpen: boolean;
|
|
13
|
+
cameraOpen: boolean;
|
|
14
|
+
};
|
|
15
|
+
onLocalStreamPaused: () => void;
|
|
16
|
+
}> {
|
|
17
|
+
getVideoScreen(): JSX.Element;
|
|
18
|
+
render(): React.ReactNode;
|
|
19
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import React, { RefObject } from "react";
|
|
3
|
+
import { ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoCloudRemoteMedia, ZegoNotification } from "../../../model";
|
|
4
|
+
import { ZegoUser } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
|
|
5
|
+
export declare class ZegoRoom extends React.Component<ZegoBrowserCheckProp> {
|
|
6
|
+
state: {
|
|
7
|
+
localStream: undefined | MediaStream;
|
|
8
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
9
|
+
layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
|
|
10
|
+
userList: ZegoUser[];
|
|
11
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
12
|
+
notificationList: ZegoNotification[];
|
|
13
|
+
micOpen: boolean;
|
|
14
|
+
cameraOpen: boolean;
|
|
15
|
+
showSettings: boolean;
|
|
16
|
+
isNetworkPoor: boolean;
|
|
17
|
+
connecting: boolean;
|
|
18
|
+
firstLoading: boolean;
|
|
19
|
+
seletMic: string | undefined;
|
|
20
|
+
seletSpeaker: string | undefined;
|
|
21
|
+
seletCamera: string | undefined;
|
|
22
|
+
seletVideoResolution: string;
|
|
23
|
+
};
|
|
24
|
+
inviteRef: RefObject<HTMLInputElement>;
|
|
25
|
+
settingsRef: RefObject<HTMLDivElement>;
|
|
26
|
+
moreRef: RefObject<HTMLDivElement>;
|
|
27
|
+
micStatus: -1 | 0 | 1;
|
|
28
|
+
cameraStatus: -1 | 0 | 1;
|
|
29
|
+
notifyTimer: NodeJS.Timeout;
|
|
30
|
+
msgDelayed: boolean;
|
|
31
|
+
componentDidMount(): void;
|
|
32
|
+
componentDidUpdate(preProps: ZegoBrowserCheckProp, preState: {
|
|
33
|
+
localStream: undefined | MediaStream;
|
|
34
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
35
|
+
layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
|
|
36
|
+
userList: ZegoUser[];
|
|
37
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
38
|
+
notificationList: ZegoNotification[];
|
|
39
|
+
micOpen: boolean;
|
|
40
|
+
cameraOpen: boolean;
|
|
41
|
+
showMore: boolean;
|
|
42
|
+
}): void;
|
|
43
|
+
componentWillUnmount(): void;
|
|
44
|
+
initSDK(): Promise<void>;
|
|
45
|
+
createStream(): Promise<boolean>;
|
|
46
|
+
toggleMic(): Promise<void>;
|
|
47
|
+
toggleCamera(): Promise<boolean>;
|
|
48
|
+
toggleLayOut(layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE"): void;
|
|
49
|
+
sendMessage(msg: string): Promise<void>;
|
|
50
|
+
openSettings(): void;
|
|
51
|
+
onOpenSettings: (event: any) => void;
|
|
52
|
+
handleSetting(): void;
|
|
53
|
+
handleLeave(): void;
|
|
54
|
+
leaveRoom(): void;
|
|
55
|
+
handleCopy(): void;
|
|
56
|
+
getListScreen(): JSX.Element | undefined;
|
|
57
|
+
render(): React.ReactNode;
|
|
58
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React, { ChangeEvent, RefObject } from "react";
|
|
2
|
+
import { ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
|
|
3
|
+
import { ZegoBroadcastMessageInfo2 } from "../../../../model";
|
|
4
|
+
export declare class ZegoMessage extends React.Component<{
|
|
5
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
6
|
+
sendMessage: (msg: string) => void;
|
|
7
|
+
userID: string;
|
|
8
|
+
closeCallBac: () => void;
|
|
9
|
+
}> {
|
|
10
|
+
state: {
|
|
11
|
+
message: string;
|
|
12
|
+
};
|
|
13
|
+
sendTime: number;
|
|
14
|
+
msgContentListRef: RefObject<HTMLDivElement>;
|
|
15
|
+
constructor(props: {
|
|
16
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
17
|
+
sendMessage: (msg: string) => void;
|
|
18
|
+
userID: string;
|
|
19
|
+
closeCallBac: () => void;
|
|
20
|
+
});
|
|
21
|
+
componentDidMount(): void;
|
|
22
|
+
componentDidUpdate(prevProps: {
|
|
23
|
+
messageList: ZegoBroadcastMessageInfo[];
|
|
24
|
+
sendMessage: (msg: string) => void;
|
|
25
|
+
userID: string;
|
|
26
|
+
closeCallBac: () => void;
|
|
27
|
+
}): void;
|
|
28
|
+
messageInput(event: ChangeEvent<HTMLInputElement>): void;
|
|
29
|
+
handleSend(): false | undefined;
|
|
30
|
+
render(): React.ReactNode;
|
|
31
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ZegoCloudRemoteMedia } from "../../../../model";
|
|
3
|
+
import { ZegoCloudRTCCore } from "../../../../modules";
|
|
4
|
+
export declare class ZegoOne2One extends React.Component<{
|
|
5
|
+
localStream: MediaStream | undefined;
|
|
6
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
7
|
+
core: ZegoCloudRTCCore;
|
|
8
|
+
onLocalStreamPaused: () => void;
|
|
9
|
+
remoteUserInfo: {
|
|
10
|
+
userName: string | undefined;
|
|
11
|
+
userID: string | undefined;
|
|
12
|
+
};
|
|
13
|
+
selfUserInfo: {
|
|
14
|
+
userName: string;
|
|
15
|
+
micOpen: boolean;
|
|
16
|
+
cameraOpen: boolean;
|
|
17
|
+
};
|
|
18
|
+
}> {
|
|
19
|
+
getVideoScreen(): JSX.Element;
|
|
20
|
+
render(): React.ReactNode;
|
|
21
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { ChangeEvent } from "react";
|
|
2
|
+
import { ZegoCloudRTCCore } from "../../../../modules";
|
|
3
|
+
import { ZegoUser } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
|
|
4
|
+
export declare class ZegoUserList extends React.Component<{
|
|
5
|
+
userList: ZegoUser[];
|
|
6
|
+
core: ZegoCloudRTCCore;
|
|
7
|
+
closeCallBack: () => void;
|
|
8
|
+
}> {
|
|
9
|
+
state: {
|
|
10
|
+
message: string;
|
|
11
|
+
};
|
|
12
|
+
messageInput(event: ChangeEvent<HTMLInputElement>): void;
|
|
13
|
+
render(): React.ReactNode;
|
|
14
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { ZegoBroadcastMessageInfo2, ZegoBrowserCheckProp, ZegoCloudRemoteMedia, ZegoNotification } from "../../../model";
|
|
4
|
+
import { ZegoUser, ZegoBroadcastMessageInfo } from "zego-express-engine-webrtm/sdk/code/zh/ZegoExpressEntity.d";
|
|
5
|
+
import { ZegoDeviceInfo } from "zego-express-engine-webrtc/sdk/code/zh/ZegoExpressEntity.web";
|
|
6
|
+
export declare class ZegoRoomMobile extends React.Component<ZegoBrowserCheckProp> {
|
|
7
|
+
state: {
|
|
8
|
+
localStream: undefined | MediaStream;
|
|
9
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
10
|
+
layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
|
|
11
|
+
userList: ZegoUser[];
|
|
12
|
+
messageList: ZegoBroadcastMessageInfo2[];
|
|
13
|
+
notificationList: ZegoNotification[];
|
|
14
|
+
micOpen: boolean;
|
|
15
|
+
cameraOpen: boolean;
|
|
16
|
+
showMore: boolean;
|
|
17
|
+
connecting: boolean;
|
|
18
|
+
firstLoading: boolean;
|
|
19
|
+
cameraFront: boolean;
|
|
20
|
+
showFooter: boolean;
|
|
21
|
+
isNetworkPoor: boolean;
|
|
22
|
+
};
|
|
23
|
+
micStatus: -1 | 0 | 1;
|
|
24
|
+
cameraStatus: -1 | 0 | 1;
|
|
25
|
+
faceModel: 0 | 1 | -1;
|
|
26
|
+
notifyTimer: NodeJS.Timeout | null;
|
|
27
|
+
footerTimer: NodeJS.Timeout;
|
|
28
|
+
cameraDevices: ZegoDeviceInfo[];
|
|
29
|
+
componentDidMount(): void;
|
|
30
|
+
componentDidUpdate(preProps: ZegoBrowserCheckProp, preState: {
|
|
31
|
+
localStream: undefined | MediaStream;
|
|
32
|
+
remoteStreamInfo: ZegoCloudRemoteMedia | undefined;
|
|
33
|
+
layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE";
|
|
34
|
+
userList: ZegoUser[];
|
|
35
|
+
messageList: ZegoBroadcastMessageInfo[];
|
|
36
|
+
notificationList: ZegoNotification[];
|
|
37
|
+
micOpen: boolean;
|
|
38
|
+
cameraOpen: boolean;
|
|
39
|
+
showMore: boolean;
|
|
40
|
+
}): void;
|
|
41
|
+
initSDK(): Promise<void>;
|
|
42
|
+
createStream(): Promise<boolean>;
|
|
43
|
+
toggleMic(): Promise<void>;
|
|
44
|
+
toggleCamera(): Promise<void>;
|
|
45
|
+
switchCamera(): Promise<void>;
|
|
46
|
+
toggleLayOut(layOutStatus: "ONE_VIDEO" | "INVITE" | "USER_LIST" | "MESSAGE"): void;
|
|
47
|
+
sendMessage(msg: string): Promise<void>;
|
|
48
|
+
onblur: (e: {
|
|
49
|
+
path?: any[];
|
|
50
|
+
}) => void;
|
|
51
|
+
openMore(): void;
|
|
52
|
+
leaveRoom(): void;
|
|
53
|
+
getListScreen(): JSX.Element | undefined;
|
|
54
|
+
render(): React.ReactNode;
|
|
55
|
+
}
|