@zegocloud/zimkit-react
Version:
ZEGO ZIMKit SDK for Web React
41 lines (40 loc) • 2.23 kB
TypeScript
import React, { FormEvent } from "react";
import { ZIMKitTextMessageModel, ZIMKitImgMessageModel, ZIMKitAudioMessageModel, ZIMKitVideoMessageModel, ZIMKitFileMessageModel } from "../Model";
import "../../ZIMKitCommon/UI/common.css";
import "./style.css";
import ZIMKitChatVM from "../VM/ZIMKitChatVM";
declare class MessageView extends React.Component<any, any> {
constructor(props: any);
componentDidMount(): void;
componentWillUnmount(): void;
currentChatChangedCallback(): (currentChat: ZIMKitChatVM) => void;
currentChatUpdatedCallback(): (currentChat: ZIMKitChatVM) => void;
modeChangedCallback(): (mode: number, message: ZIMKitTextMessageModel | ZIMKitImgMessageModel | ZIMKitAudioMessageModel | ZIMKitVideoMessageModel | ZIMKitFileMessageModel) => void;
handleExpressionBoxOperation(type: string): void;
handleClick(event: MouseEvent): void;
triggerExpressionUI(): void;
scrollToBottom(): void;
listScroll(): void;
sendMessage(): void;
dateFormat(currentMessage: ZIMKitTextMessageModel | ZIMKitImgMessageModel | ZIMKitAudioMessageModel | ZIMKitVideoMessageModel | ZIMKitFileMessageModel, currentIndex: number): string | undefined;
handleInputChange(event: FormEvent): void;
clickUploadImageFile(): void;
clickUploadVideoFile(): void;
clickUploadFile(): void;
handleImageChange(event: FormEvent): Promise<void>;
handleVideoFileChange(event: FormEvent): void;
handleFileChange(event: FormEvent): void;
handleAddExpression(expression: string): void;
showLargeImg(item: ZIMKitImgMessageModel | ZIMKitVideoMessageModel): void;
handleCloseLargeImgBox(): void;
operation(messageItem: any, event: any): void;
playAudio(item: ZIMKitAudioMessageModel): void;
startPlayingAudio(item: ZIMKitAudioMessageModel, audioDom: HTMLAudioElement): void;
getAudioWidth(item: ZIMKitAudioMessageModel): number;
getFileIcon(item: ZIMKitFileMessageModel): string;
selectMessage(item: ZIMKitTextMessageModel | ZIMKitImgMessageModel | ZIMKitAudioMessageModel | ZIMKitVideoMessageModel | ZIMKitFileMessageModel): void;
closeMultiSelectMode(): void;
deleteMessage(): void;
render(): JSX.Element;
}
export default MessageView;