easemob-chat-uikit 2.2.0 → 2.3.0-beta.1

package/types/eventHandler/index.d.ts

@@ -1,5 +1,5 @@
 import { ChatSDK } from '../module/SDK';
-export type EventName = 'joinChatRoom' | 'leaveChatRoom' | 'reportMessage' | 'getChatRoomDetails' | 'sendMessage' | 'fetchUserInfoById' | 'translateMessage' | 'recallMessage' | 'deleteConversation' | 'modifyMessage' | 'createChatThread' | 'destroyChatThread' | 'leaveChatThread' | 'setGroupMemberAttributes' | 'muteChatRoomMember' | 'getChatRoomMutelist' | 'unmuteChatRoomMember' | 'removeChatRoomMember' | 'getSilentModeForConversations' | 'setSilentModeForConversation' | 'clearRemindTypeForConversation' | 'getGroupInfo' | 'modifyGroup' | 'destroyGroup' | 'leaveGroup' | 'createGroup' | 'inviteToGroup' | 'removeGroupMembers' | 'changeGroupOwner' | 'pinConversation' | 'getServerPinnedConversations' | 'removeHistoryMessages' | 'addReaction' | 'deleteReaction' | 'getReactionDetail' | 'joinChatThread' | 'getChatThreads' | 'getChatThreadLastMessage' | 'getAllContacts' | 'getJoinedGroups' | 'open' | 'setContactRemark' | 'addContact' | 'deleteContact' | 'getPinnedMessages' | 'pinMessage' | 'unpinMessage' | 'jumpToPinnedMessage' | 'addUsersToBlocklist' | 'removeUserFromBlocklist' | 'publishPresence' | 'getBlockList';
+export type EventName = 'joinChatRoom' | 'leaveChatRoom' | 'reportMessage' | 'getChatRoomDetails' | 'sendMessage' | 'fetchUserInfoById' | 'translateMessage' | 'recallMessage' | 'deleteConversation' | 'modifyMessage' | 'createChatThread' | 'destroyChatThread' | 'leaveChatThread' | 'setGroupMemberAttributes' | 'muteChatRoomMember' | 'getChatRoomMutelist' | 'unmuteChatRoomMember' | 'removeChatRoomMember' | 'getSilentModeForConversations' | 'setSilentModeForConversation' | 'clearRemindTypeForConversation' | 'getGroupInfo' | 'modifyGroup' | 'destroyGroup' | 'leaveGroup' | 'createGroup' | 'inviteToGroup' | 'removeGroupMembers' | 'changeGroupOwner' | 'pinConversation' | 'getServerPinnedConversations' | 'removeHistoryMessages' | 'addReaction' | 'deleteReaction' | 'getReactionDetail' | 'joinChatThread' | 'getChatThreads' | 'getChatThreadLastMessage' | 'getAllContacts' | 'getJoinedGroups' | 'open' | 'setContactRemark' | 'addContact' | 'deleteContact' | 'getPinnedMessages' | 'pinMessage' | 'unpinMessage' | 'jumpToPinnedMessage' | 'addUsersToBlocklist' | 'removeUserFromBlocklist' | 'publishPresence' | 'getBlockList' | 'getConversationlist';
 export type EventHandlerData = {
     [key in EventName]?: {
         success?: () => void;

package/types/module/chat/MessageList.d.ts

@@ -4,12 +4,27 @@ import { renderUserProfileProps } from '../baseMessage';
 import { CurrentConversation } from '../store/ConversationStore';
 import { BaseMessageProps } from '../baseMessage';
 import { NoticeMessageBody } from '../noticeMessage/NoticeMessage';
+export interface MessageRenderContext {
+    message: ChatSDK.MessageBody | NoticeMessageBody;
+    style: React.CSSProperties;
+    renderUserProfile?: (props: renderUserProfileProps) => React.ReactNode;
+    isThread?: boolean;
+    messageProps?: BaseMessageProps;
+    onOpenThreadPanel?: (threadId: string) => void;
+    onRtcInviteMessageClick?: (message: ChatSDK.MessageBody) => void;
+    scrollToBottom?: () => void;
+}
+export type MessageType = 'txt' | 'img' | 'audio' | 'video' | 'file' | 'loc' | 'combine' | 'custom' | 'notice' | 'recall';
+export type MessageRenderer = (context: MessageRenderContext) => ReactNode;
 export interface MsgListProps {
     prefix?: string;
     className?: string;
     style?: React.CSSProperties;
     isThread?: boolean;
+    /** @deprecated 使用 customRenderers 替代，支持按类型自定义 */
     renderMessage?: (message: ChatSDK.MessageBody | NoticeMessageBody) => ReactNode;
+    /** 按消息类型自定义渲染器，只需要传入想自定义的类型即可，其他类型会使用默认渲染 */
+    customRenderers?: Partial<Record<MessageType, MessageRenderer>>;
     renderUserProfile?: (props: renderUserProfileProps) => React.ReactNode;
     conversation?: CurrentConversation;
     messageProps?: BaseMessageProps;

package/types/module/chat/index.d.ts

@@ -1,6 +1,6 @@
 import { Chat } from './Chat';
 import { MessageList } from './MessageList';
 export type { ChatProps } from './Chat';
-export type { MsgListProps } from './MessageList';
+export type { MsgListProps, MessageRenderContext, MessageRenderer, MessageType, } from './MessageList';
 export { MessageList };
 export default Chat;

package/types/module/empty/Empty.d.ts

@@ -6,6 +6,7 @@ export interface EmptyProps {
     text?: ReactNode;
     icon?: ReactNode;
     onClickBack?: () => void;
+    back?: boolean;
 }
 declare const Empty: FC<EmptyProps>;
 export { Empty };

package/types/module/imageMessage/ImageMessage.d.ts

@@ -12,6 +12,13 @@ export interface ImageMessageProps extends BaseMessageProps {
     nickName?: string;
     renderUserProfile?: (props: renderUserProfileProps) => React.ReactNode;
     imgProps?: React.ImgHTMLAttributes<HTMLImageElement>;
+    /** 自定义图片预览组件，用于替换默认的预览弹窗 */
+    renderImagePreview?: (props: {
+        visible: boolean;
+        imageUrl: string;
+        onClose: () => void;
+        message: ImageMessageType;
+    }) => React.ReactNode;
 }
 export interface ImagePreviewProps {
     visible: boolean;

package/types/module/index.d.ts

@@ -10,7 +10,7 @@ import MessageStatus, { MessageStatusProps } from './messageStatus';
 import CombinedMessage, { CombinedMessageProps } from './combinedMessage';
 import PinnedMessage, { PinnedMessageProps } from './pinnedMessage';
 import { RepliedMsg, UnsentRepliedMsg, RepliedMsgProps, UnsentRepliedMsgProps } from './repliedMessage';
-import Chat, { MessageList, ChatProps, MsgListProps } from './chat';
+import Chat, { MessageList, ChatProps, MsgListProps, MessageRenderContext, MessageRenderer, MessageType } from './chat';
 import { ConversationList, ConversationItem, ConversationItemProps, ConversationListProps, ConversationData } from './conversation';
 import MessageInput, { MessageInputProps, MoreActionProps, RecorderProps, EmojiProps, SelectedControlsProps, SuggestListProps, TextareaProps } from './messageInput';
 import Header, { HeaderProps } from './header';
@@ -44,6 +44,6 @@ import ChatroomMessage from './chatroomMessage';
 import CallKit from './callkit';
 import { CallKitProps, CallInfo, CallErrorCode, CallError } from './callkit';
 import { CallKitRef } from './callkit/types/index';
-export type { AudioMessageProps, BaseMessageProps, FileMessageProps, ImageMessageProps, ImagePreviewProps, NoticeMessageProps, TextMessageProps, VideoMessageProps, MessageStatusProps, CombinedMessageProps, PinnedMessageProps, RepliedMsgProps, UnsentRepliedMsgProps, ChatProps, MsgListProps, ConversationItemProps, ConversationListProps, ConversationData, MessageInputProps, MoreActionProps, RecorderProps, EmojiProps, SelectedControlsProps, SuggestListProps, TextareaProps, HeaderProps, EmptyProps, RecalledMessageProps, RootStore, InitConfig, MessageStore, Message, SelectedMessage, Typing, ConversationStore, AT_TYPE, Conversation, CurrentConversation, ById, AddressStore, MemberRole, MemberItem, GroupItem, AppUserInfo, ThreadStore, ThreadData, CurrentThread, ProviderProps, ContextProps, ThreadProps, UserProfileProps, BlocklistProps, ContactListProps, ContactDetailProps, GroupDetailProps, GroupMemberProps, UserCardMessageProps, UserSelectProps, CallKitProps, CallKitRef, CallInfo, CallErrorCode, CallError, };
+export type { AudioMessageProps, BaseMessageProps, FileMessageProps, ImageMessageProps, ImagePreviewProps, NoticeMessageProps, TextMessageProps, VideoMessageProps, MessageStatusProps, CombinedMessageProps, PinnedMessageProps, RepliedMsgProps, UnsentRepliedMsgProps, ChatProps, MsgListProps, ConversationItemProps, ConversationListProps, ConversationData, MessageInputProps, MoreActionProps, RecorderProps, EmojiProps, SelectedControlsProps, SuggestListProps, TextareaProps, HeaderProps, EmptyProps, RecalledMessageProps, RootStore, InitConfig, MessageStore, Message, SelectedMessage, Typing, ConversationStore, AT_TYPE, Conversation, CurrentConversation, ById, AddressStore, MemberRole, MemberItem, GroupItem, AppUserInfo, ThreadStore, ThreadData, CurrentThread, ProviderProps, ContextProps, ThreadProps, UserProfileProps, BlocklistProps, ContactListProps, ContactDetailProps, GroupDetailProps, GroupMemberProps, UserCardMessageProps, UserSelectProps, CallKitProps, CallKitRef, CallInfo, CallErrorCode, CallError, MessageRenderContext, MessageRenderer, MessageType, };
 declare const UIKitProvider: import("react").NamedExoticComponent<ProviderProps>;
 export { AudioMessage, BaseMessage, FileMessage, ImageMessage, NoticeMessage, TextMessage, VideoMessage, CombinedMessage, PinnedMessage, RepliedMsg, UnsentRepliedMsg, MessageStatus, Chat, MessageList, ContactList, ConversationList, ConversationItem, MessageInput, Header, Empty, RecalledMessage, rootStore, RootContext, RootProvider, RootConsumer, Provider, UIKitProvider, Thread, UserProfile, Blocklist, useClient, useConversations, usePinnedMessage, useHistoryMessages, useSDK, useIsMobile, useScreen, useConversationContext, useChatContext, useAddressContext, useThreadContext, useChatroomContext, Chatroom, ChatroomMember, ChatroomMessage, ContactItem, ContactDetail, GroupDetail, GroupMember, UserCardMessage, UserSelect, CallKit, };