@tencentcloud/chat-uikit-react 0.0.2 → 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/CHANGELOG.md +28 -0
- package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js +1 -0
- package/dist/cjs/components/Checkbox/index.d.ts +16 -0
- package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
- package/dist/cjs/components/ConversationCreate/ConversationCreate.js +1 -1
- package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
- package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
- package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
- package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
- package/dist/cjs/components/ConversationPreview/utils.js +1 -1
- package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/cjs/components/DivWithEdit/DivWithEdit.d.ts +16 -0
- package/dist/cjs/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +5 -1
- package/dist/cjs/components/Icon/Icon.d.ts +14 -0
- package/dist/cjs/components/Icon/config.js +1 -1
- package/dist/cjs/components/Icon/images/like.png.js +1 -0
- package/dist/cjs/components/Icon/images/liked.png.js +1 -0
- package/dist/cjs/components/Icon/images/living.png.js +1 -0
- package/dist/cjs/components/Icon/images/member.png.js +1 -0
- package/dist/cjs/components/Icon/images/owner.png.js +1 -0
- package/dist/cjs/components/Icon/images/send.png.js +1 -0
- package/dist/cjs/components/Icon/images/union.png.js +1 -0
- package/dist/cjs/components/Icon/images/unlike.png.js +1 -0
- package/dist/cjs/components/Icon/images/unliked.png.js +1 -0
- package/dist/cjs/components/Icon/images/ununion.png.js +1 -0
- package/dist/cjs/components/Icon/images/unvector.png.js +1 -0
- package/dist/cjs/components/Icon/images/vector.png.js +1 -0
- package/dist/cjs/components/Icon/images/voice.png.js +1 -0
- package/dist/cjs/components/Icon/type.d.ts +47 -0
- package/dist/cjs/components/Icon/type.js +1 -1
- package/dist/cjs/components/Input/Input.d.ts +7 -1
- package/dist/cjs/components/Model/index.d.ts +9 -0
- package/dist/cjs/components/Plugins/index.d.ts +17 -0
- package/dist/cjs/components/Plugins/index.js +1 -1
- package/dist/cjs/components/Popup/index.d.ts +12 -0
- package/dist/cjs/components/Switch/Switch.d.ts +16 -0
- package/dist/cjs/components/TUIChat/TUIChat.d.ts +8 -2
- package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
- package/dist/cjs/components/TUIChat/TUIChatState.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useCreateMessage.d.ts +29 -1
- package/dist/cjs/components/TUIChat/hooks/useCreateMessage.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useCreateTUIChatStateContext.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useHandleMessage.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useHandleMessageList.js +1 -1
- package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
- package/dist/cjs/components/TUIChat/unitls.js +1 -1
- package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts +2 -0
- package/dist/cjs/components/TUIChatHeader/TUIChatHeader.js +1 -1
- package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +7 -3
- package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/cjs/components/TUIKit/TUIKit.d.ts +2 -1
- package/dist/cjs/components/TUIKit/TUIKit.js +1 -1
- package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts +2 -1
- package/dist/cjs/components/TUIKit/hooks/useTUIKit.js +1 -1
- package/dist/cjs/components/TUILive/TUILive.d.ts +29 -0
- package/dist/cjs/components/TUILive/TUILive.js +1 -0
- package/dist/cjs/components/TUILive/TUILiveContent.d.ts +13 -0
- package/dist/cjs/components/TUILive/TUILiveContent.js +1 -0
- package/dist/cjs/components/TUILive/TUILiveFooter.d.ts +29 -0
- package/dist/cjs/components/TUILive/TUILiveFooter.js +1 -0
- package/dist/cjs/components/TUILive/TUILiveHeader.d.ts +20 -0
- package/dist/cjs/components/TUILive/TUILiveHeader.js +1 -0
- package/dist/cjs/components/TUILive/TUILiveMemberList.d.ts +11 -0
- package/dist/cjs/components/TUILive/TUILiveMemberList.js +1 -0
- package/dist/cjs/components/TUILive/hooks/useLiveAtiveElements.js +1 -0
- package/dist/cjs/components/TUILive/hooks/useLivePlayer.js +1 -0
- package/dist/cjs/components/TUILive/hooks/useLiveState.js +1 -0
- package/dist/cjs/components/TUILive/untils.js +1 -0
- package/dist/cjs/components/TUIManage/TUIManage.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageAudio.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageAvatar.js +1 -0
- package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageContext.d.ts +3 -1
- package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageFile.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageImage.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageMerger.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageName.js +1 -0
- package/dist/cjs/components/TUIMessage/MessagePlugins.d.ts +24 -0
- package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -0
- package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageStatus.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageSystem.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageTip.js +1 -1
- package/dist/cjs/components/TUIMessage/TUIMessage.d.ts +23 -3
- package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
- package/dist/cjs/components/TUIMessage/TUIMessageDefault.js +1 -1
- package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js +1 -1
- package/dist/cjs/components/TUIMessage/hooks/useMessagePluginElement.js +1 -1
- package/dist/cjs/components/TUIMessage/hooks/useMessageReply.js +1 -1
- package/dist/cjs/components/TUIMessage/utils/emojiMap.js +1 -1
- package/dist/cjs/components/TUIMessage/utils/index.js +1 -1
- package/dist/cjs/components/TUIMessageInput/EmojiPicker.js +1 -1
- package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
- package/dist/cjs/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
- package/dist/cjs/components/TUIMessageInput/TUIForward.js +1 -1
- package/dist/cjs/components/TUIMessageInput/TUIMessageInput.d.ts +18 -7
- package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
- package/dist/cjs/components/TUIMessageInput/Transmitter.js +1 -0
- package/dist/cjs/components/TUIMessageInput/hooks/useCreateMessageInputContext.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useEmojiPicker.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputState.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
- package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts +3 -1
- package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
- package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
- package/dist/cjs/components/TUIProfile/TUIProfile.js +1 -1
- package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/cjs/components/TUIProfile/hooks/useMyProfile.js +1 -1
- package/dist/cjs/components/Toast/index.d.ts +11 -0
- package/dist/cjs/constants.js +1 -1
- package/dist/cjs/context/ComponentContext.d.ts +1 -1
- package/dist/cjs/context/TUIChatActionContext.d.ts +11 -2
- package/dist/cjs/context/TUIChatStateContext.d.ts +10 -0
- package/dist/cjs/context/TUIConversationContext.js +1 -1
- package/dist/cjs/context/TUILiveContext.d.ts +51 -0
- package/dist/cjs/context/TUILiveContext.js +1 -0
- package/dist/cjs/context/TUIMessageContext.d.ts +22 -1
- package/dist/cjs/context/TUIMessageContext.js +1 -1
- package/dist/cjs/context/TUIMessageInputContext.d.ts +4 -5
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.d.css +547 -7
- package/dist/cjs/index.d.ts +18 -4
- package/dist/cjs/index.js +1 -1
- package/dist/esm/_virtual/_rollupPluginBabelHelpers.js +1 -0
- package/dist/esm/components/Checkbox/index.d.ts +16 -0
- package/dist/esm/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
- package/dist/esm/components/ConversationCreate/ConversationCreate.js +1 -1
- package/dist/esm/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
- package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
- package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
- package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
- package/dist/esm/components/ConversationPreview/utils.js +1 -1
- package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/esm/components/DivWithEdit/DivWithEdit.d.ts +16 -0
- package/dist/esm/components/EmptyStateIndicator/EmptyStateIndicator.d.ts +5 -1
- package/dist/esm/components/Icon/Icon.d.ts +14 -0
- package/dist/esm/components/Icon/config.js +1 -1
- package/dist/esm/components/Icon/images/like.png.js +1 -0
- package/dist/esm/components/Icon/images/liked.png.js +1 -0
- package/dist/esm/components/Icon/images/living.png.js +1 -0
- package/dist/esm/components/Icon/images/member.png.js +1 -0
- package/dist/esm/components/Icon/images/owner.png.js +1 -0
- package/dist/esm/components/Icon/images/send.png.js +1 -0
- package/dist/esm/components/Icon/images/union.png.js +1 -0
- package/dist/esm/components/Icon/images/unlike.png.js +1 -0
- package/dist/esm/components/Icon/images/unliked.png.js +1 -0
- package/dist/esm/components/Icon/images/ununion.png.js +1 -0
- package/dist/esm/components/Icon/images/unvector.png.js +1 -0
- package/dist/esm/components/Icon/images/vector.png.js +1 -0
- package/dist/esm/components/Icon/images/voice.png.js +1 -0
- package/dist/esm/components/Icon/type.d.ts +47 -0
- package/dist/esm/components/Icon/type.js +1 -1
- package/dist/esm/components/Input/Input.d.ts +7 -1
- package/dist/esm/components/Model/index.d.ts +9 -0
- package/dist/esm/components/Plugins/index.d.ts +17 -0
- package/dist/esm/components/Plugins/index.js +1 -1
- package/dist/esm/components/Popup/index.d.ts +12 -0
- package/dist/esm/components/Switch/Switch.d.ts +16 -0
- package/dist/esm/components/TUIChat/TUIChat.d.ts +8 -2
- package/dist/esm/components/TUIChat/TUIChat.js +1 -1
- package/dist/esm/components/TUIChat/TUIChatState.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useCreateMessage.d.ts +29 -1
- package/dist/esm/components/TUIChat/hooks/useCreateMessage.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useCreateTUIChatStateContext.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useHandleMessage.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useHandleMessageList.js +1 -1
- package/dist/esm/components/TUIChat/hooks/useMessageReceviedListener.js +1 -1
- package/dist/esm/components/TUIChat/unitls.js +1 -1
- package/dist/esm/components/TUIChatHeader/TUIChatHeader.d.ts +2 -0
- package/dist/esm/components/TUIChatHeader/TUIChatHeader.js +1 -1
- package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +7 -3
- package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/esm/components/TUIKit/TUIKit.d.ts +2 -1
- package/dist/esm/components/TUIKit/TUIKit.js +1 -1
- package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts +2 -1
- package/dist/esm/components/TUIKit/hooks/useTUIKit.js +1 -1
- package/dist/esm/components/TUILive/TUILive.d.ts +29 -0
- package/dist/esm/components/TUILive/TUILive.js +1 -0
- package/dist/esm/components/TUILive/TUILiveContent.d.ts +13 -0
- package/dist/esm/components/TUILive/TUILiveContent.js +1 -0
- package/dist/esm/components/TUILive/TUILiveFooter.d.ts +29 -0
- package/dist/esm/components/TUILive/TUILiveFooter.js +1 -0
- package/dist/esm/components/TUILive/TUILiveHeader.d.ts +20 -0
- package/dist/esm/components/TUILive/TUILiveHeader.js +1 -0
- package/dist/esm/components/TUILive/TUILiveMemberList.d.ts +11 -0
- package/dist/esm/components/TUILive/TUILiveMemberList.js +1 -0
- package/dist/esm/components/TUILive/hooks/useLiveAtiveElements.js +1 -0
- package/dist/esm/components/TUILive/hooks/useLivePlayer.js +1 -0
- package/dist/esm/components/TUILive/hooks/useLiveState.js +1 -0
- package/dist/esm/components/TUILive/untils.js +1 -0
- package/dist/esm/components/TUIManage/TUIManage.js +1 -1
- package/dist/esm/components/TUIMessage/MessageAudio.js +1 -1
- package/dist/esm/components/TUIMessage/MessageAvatar.js +1 -0
- package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/esm/components/TUIMessage/MessageContext.d.ts +3 -1
- package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/esm/components/TUIMessage/MessageFile.js +1 -1
- package/dist/esm/components/TUIMessage/MessageImage.js +1 -1
- package/dist/esm/components/TUIMessage/MessageMerger.js +1 -1
- package/dist/esm/components/TUIMessage/MessageName.js +1 -0
- package/dist/esm/components/TUIMessage/MessagePlugins.d.ts +24 -0
- package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/esm/components/TUIMessage/MessageProgress.js +1 -0
- package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
- package/dist/esm/components/TUIMessage/MessageStatus.js +1 -1
- package/dist/esm/components/TUIMessage/MessageSystem.js +1 -1
- package/dist/esm/components/TUIMessage/MessageText.js +1 -1
- package/dist/esm/components/TUIMessage/MessageTip.js +1 -1
- package/dist/esm/components/TUIMessage/TUIMessage.d.ts +23 -3
- package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
- package/dist/esm/components/TUIMessage/TUIMessageDefault.js +1 -1
- package/dist/esm/components/TUIMessage/hooks/useMessageHandler.js +1 -1
- package/dist/esm/components/TUIMessage/hooks/useMessagePluginElement.js +1 -1
- package/dist/esm/components/TUIMessage/hooks/useMessageReply.js +1 -1
- package/dist/esm/components/TUIMessage/utils/emojiMap.js +1 -1
- package/dist/esm/components/TUIMessage/utils/index.js +1 -1
- package/dist/esm/components/TUIMessageInput/EmojiPicker.js +1 -1
- package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
- package/dist/esm/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
- package/dist/esm/components/TUIMessageInput/TUIForward.js +1 -1
- package/dist/esm/components/TUIMessageInput/TUIMessageInput.d.ts +18 -7
- package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
- package/dist/esm/components/TUIMessageInput/Transmitter.js +1 -0
- package/dist/esm/components/TUIMessageInput/hooks/useCreateMessageInputContext.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useEmojiPicker.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useMessageInputState.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
- package/dist/esm/components/TUIMessageList/TUIMessageList.d.ts +3 -1
- package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
- package/dist/esm/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
- package/dist/esm/components/TUIProfile/TUIProfile.js +1 -1
- package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/esm/components/TUIProfile/hooks/useMyProfile.js +1 -1
- package/dist/esm/components/Toast/index.d.ts +11 -0
- package/dist/esm/constants.js +1 -1
- package/dist/esm/context/ComponentContext.d.ts +1 -1
- package/dist/esm/context/TUIChatActionContext.d.ts +11 -2
- package/dist/esm/context/TUIChatStateContext.d.ts +10 -0
- package/dist/esm/context/TUIConversationContext.js +1 -1
- package/dist/esm/context/TUILiveContext.d.ts +51 -0
- package/dist/esm/context/TUILiveContext.js +1 -0
- package/dist/esm/context/TUIMessageContext.d.ts +22 -1
- package/dist/esm/context/TUIMessageContext.js +1 -1
- package/dist/esm/context/TUIMessageInputContext.d.ts +4 -5
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.d.css +547 -7
- package/dist/esm/index.d.ts +18 -4
- package/dist/esm/index.js +1 -1
- package/package.json +5 -2
- package/src/components/ConversationPreview/utils.tsx +2 -1
- package/src/components/Icon/config.ts +65 -0
- package/src/components/Icon/images/like.png +0 -0
- package/src/components/Icon/images/liked.png +0 -0
- package/src/components/Icon/images/living.png +0 -0
- package/src/components/Icon/images/member.png +0 -0
- package/src/components/Icon/images/owner.png +0 -0
- package/src/components/Icon/images/send.png +0 -0
- package/src/components/Icon/images/union.png +0 -0
- package/src/components/Icon/images/unlike.png +0 -0
- package/src/components/Icon/images/unliked.png +0 -0
- package/src/components/Icon/images/ununion.png +0 -0
- package/src/components/Icon/images/unvector.png +0 -0
- package/src/components/Icon/images/vector.png +0 -0
- package/src/components/Icon/images/voice.png +0 -0
- package/src/components/Icon/type.ts +13 -0
- package/src/components/Plugins/index.tsx +13 -11
- package/src/components/Plugins/styles/layout.scss +2 -1
- package/src/components/TUIChat/TUIChat.tsx +47 -8
- package/src/components/TUIChat/TUIChatState.tsx +27 -0
- package/src/components/TUIChat/hooks/useCreateMessage.tsx +85 -4
- package/src/components/TUIChat/hooks/useCreateTUIChatStateContext.tsx +12 -0
- package/src/components/TUIChat/hooks/useHandleMessage.tsx +24 -0
- package/src/components/TUIChat/hooks/useHandleMessageList.tsx +8 -0
- package/src/components/TUIChat/unitls.ts +13 -0
- package/src/components/TUIChatHeader/TUIChatHeader.tsx +6 -0
- package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +36 -16
- package/src/components/TUIChatHeader/styles/color.scss +0 -3
- package/src/components/TUIChatHeader/styles/layout.scss +8 -4
- package/src/components/TUIKit/TUIKit.tsx +8 -5
- package/src/components/TUIKit/hooks/useTUIKit.tsx +7 -3
- package/src/components/TUIKit/styles/reset.scss +4 -0
- package/src/components/TUIMessage/MessageAudio.tsx +61 -2
- package/src/components/TUIMessage/MessageAvatar.tsx +38 -0
- package/src/components/TUIMessage/MessageBubble.tsx +24 -6
- package/src/components/TUIMessage/MessageContext.tsx +5 -2
- package/src/components/TUIMessage/MessageCustom.tsx +2 -1
- package/src/components/TUIMessage/MessageFile.tsx +9 -3
- package/src/components/TUIMessage/MessageImage.tsx +2 -1
- package/src/components/TUIMessage/MessageMerger.tsx +2 -1
- package/src/components/TUIMessage/MessageName.tsx +41 -0
- package/src/components/TUIMessage/MessagePlugins.tsx +81 -14
- package/src/components/TUIMessage/MessageProgress.tsx +88 -0
- package/src/components/TUIMessage/MessageRevoke.tsx +1 -1
- package/src/components/TUIMessage/MessageStatus.tsx +6 -1
- package/src/components/TUIMessage/MessageText.tsx +3 -3
- package/src/components/TUIMessage/TUIMessage.tsx +68 -16
- package/src/components/TUIMessage/TUIMessageDefault.tsx +25 -15
- package/src/components/TUIMessage/hooks/useMessagePluginElement.tsx +15 -1
- package/src/components/TUIMessage/styles/layout.scss +87 -2
- package/src/components/TUIMessage/utils/emojiMap.ts +181 -0
- package/src/components/TUIMessage/utils/index.ts +14 -14
- package/src/components/TUIMessageInput/EmojiPicker.tsx +9 -2
- package/src/components/TUIMessageInput/InputPluginsDefalut.tsx +76 -8
- package/src/components/TUIMessageInput/InputQuoteDefalut.tsx +2 -1
- package/src/components/TUIMessageInput/TUIMessageInput.tsx +42 -22
- package/src/components/TUIMessageInput/TUIMessageInputDefault.tsx +2 -1
- package/src/components/TUIMessageInput/Transmitter.tsx +15 -0
- package/src/components/TUIMessageInput/hooks/useCreateMessageInputContext.ts +3 -9
- package/src/components/TUIMessageInput/hooks/useEmojiPicker.tsx +2 -1
- package/src/components/TUIMessageInput/hooks/useMessageInputState.tsx +8 -7
- package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +30 -31
- package/src/components/TUIMessageInput/hooks/useUploadPicker.tsx +2 -0
- package/src/components/TUIMessageInput/styles/layout.scss +16 -0
- package/src/components/TUIMessageList/TUIMessageList.tsx +32 -10
- package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +26 -6
- package/src/components/TUIMessageList/styles/layout.scss +13 -1
- package/src/components/index.ts +11 -0
- package/src/constants.ts +3 -0
- package/src/context/ComponentContext.tsx +1 -1
- package/src/context/TUIChatActionContext.tsx +14 -1
- package/src/context/TUIChatStateContext.tsx +8 -0
- package/src/context/TUIMessageContext.tsx +20 -0
- package/src/context/TUIMessageInputContext.tsx +2 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import r from"react";import"../../constants.js";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as o}from"./hooks/useMessageContextHandler.js";function s(r){var s=r.message,m=o({message:s}).context;return e("div",t({className:"bubble message-tip"},{children:m.text}))}var m=r.memo(s);function n(r){return e(m,t({},r))}export{n as MessageTip};
|
|
@@ -1,9 +1,28 @@
|
|
|
1
1
|
import React, { ReactEventHandler } from 'react';
|
|
2
2
|
import { Message } from 'tim-js-sdk';
|
|
3
3
|
import { UnknowPorps } from '../../context/ComponentContext.js';
|
|
4
|
+
import { messageShowType } from '../../context/TUIMessageContext.js';
|
|
5
|
+
import { MessagePluginsProps } from './MessagePlugins.js';
|
|
4
6
|
|
|
5
|
-
interface
|
|
6
|
-
|
|
7
|
+
interface TUIMessageBasicProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
filter?: (data: Message) => void;
|
|
10
|
+
isShowTime?: boolean;
|
|
11
|
+
isShowRead?: boolean;
|
|
12
|
+
plugin?: MessagePluginsProps;
|
|
13
|
+
prefix?: React.ReactElement | string;
|
|
14
|
+
suffix?: React.ReactElement | string;
|
|
15
|
+
customName?: React.ReactElement;
|
|
16
|
+
showAvatar?: messageShowType;
|
|
17
|
+
showName?: messageShowType;
|
|
18
|
+
customAvatar?: React.ReactElement;
|
|
19
|
+
isShowProgress?: boolean;
|
|
20
|
+
Progress?: React.ComponentType<{
|
|
21
|
+
message: Message;
|
|
22
|
+
}>;
|
|
23
|
+
}
|
|
24
|
+
interface TUIMessageProps extends TUIMessageBasicProps {
|
|
25
|
+
message?: Message;
|
|
7
26
|
className?: string;
|
|
8
27
|
TUIMessage?: React.ComponentType;
|
|
9
28
|
MessageContext?: React.ComponentType<UnknowPorps>;
|
|
@@ -37,5 +56,6 @@ interface TUIMessageProps {
|
|
|
37
56
|
message: Message;
|
|
38
57
|
}>;
|
|
39
58
|
}
|
|
59
|
+
declare function TUIMessage(props: TUIMessageProps): React.ReactElement;
|
|
40
60
|
|
|
41
|
-
export { TUIMessageProps };
|
|
61
|
+
export { TUIMessage, TUIMessageProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as o}from"react/jsx-runtime";import s from"react";import{useTUIChatStateContext as t}from"../../context/TUIChatStateContext.js";import{TUIMessageContextProvider as l}from"../../context/TUIMessageContext.js";import{useComponentContext as n}from"../../context/ComponentContext.js";import{useMessageHandler as m}from"./hooks/useMessageHandler.js";import"tim-js-sdk";import"../../constants.js";import"date-fns";import"../Icon/config.js";import"../Icon/type.js";import{TUIMessageDefault as i}from"./TUIMessageDefault.js";import{MessagePlugins as a}from"./MessagePlugins.js";import{MessageContext as r}from"./MessageContext.js";function u(s){var m=s.message,u=s.TUIMessage,d=s.MessagePlugins,g=s.MessageContext,v=s.handleDelete,c=s.CustemElement,f=s.TextElement,E=s.ImageElement,p=s.VideoElement,h=s.AudioElement,x=s.FileElement,M=s.MergerElement,w=s.LocationElement,C=s.FaceElement,j=s.className,T=s.filter,I=s.isShowTime,P=s.isShowRead,S=s.plugin,A=s.prefix,N=s.suffix,D=s.customName,F=s.showAvatar,U=s.showName,L=s.customAvatar,R=s.isShowProgress,V=s.Progress,k=n(),b=k.MessagePlugins,y=k.MessageContext,H=t("TUIMessage").messageConfig,q=u||i,z=d||b||a,B=g||y||r,G=T||(null==H?void 0:H.filter),J=m||(null==H?void 0:H.message);G&&G(J);var K={message:J,handleDelete:v||(null==H?void 0:H.handleDelete),CustemElement:c||(null==H?void 0:H.CustemElement),TextElement:f||(null==H?void 0:H.TextElement),ImageElement:E||(null==H?void 0:H.ImageElement),VideoElement:p||(null==H?void 0:H.VideoElement),AudioElement:h||(null==H?void 0:H.AudioElement),FileElement:x||(null==H?void 0:H.FileElement),MergerElement:M||(null==H?void 0:H.MergerElement),LocationElement:w||(null==H?void 0:H.LocationElement),FaceElement:C||(null==H?void 0:H.FaceElement),isShowTime:I||(null==H?void 0:H.isShowTime),isShowRead:P||(null==H?void 0:H.isShowRead),plugin:S||(null==H?void 0:H.plugin),prefix:A||(null==H?void 0:H.prefix),suffix:N||(null==H?void 0:H.suffix),customName:D||(null==H?void 0:H.customName),showAvatar:F||(null==H?void 0:H.showAvatar),showName:U||(null==H?void 0:H.showName),customAvatar:L||(null==H?void 0:H.customAvatar),isShowProgress:R||(null==H?void 0:H.isShowProgress),Progress:V||(null==H?void 0:H.Progress)};return o(l,e({value:K},{children:o(q,{message:J,MessageContext:B,MessagePlugins:z,className:j||(null==H?void 0:H.className)})}))}var d=s.memo(u);function g(s){var t=s.message,l=m({message:t}).handleDelMessage;return o(d,e({handleDelete:l},s))}export{g as TUIMessage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import t from"react";import a from"tim-js-sdk";import{MessageBubble as m}from"./MessageBubble.js";import{MessageTip as i}from"./MessageTip.js";import{useTUIMessageContext as n,messageShowType as r}from"../../context/TUIMessageContext.js";import{useComponentContext as l}from"../../context/ComponentContext.js";import{MessageSystem as d}from"./MessageSystem.js";import{MessageRevoke as u}from"./MessageRevoke.js";import{MessageName as g}from"./MessageName.js";import{MessageAvatar as v}from"./MessageAvatar.js";function p(t){var p=t.message,c=t.MessageContext,f=t.MessagePlugins,M=t.className,P=l(),S=P.MessageContext,T=P.MessagePlugins,N=n("TUIMessage"),_=N.prefix,x=N.suffix,I=N.customName,j=N.showAvatar,C=void 0===j?r.IN:j,G=N.showName,R=void 0===G?r.IN:G,h=N.customAvatar,y=c||S,E=f||T;return o("div",e({className:"message-default\n ".concat((null==p?void 0:p.type)===a.TYPES.MSG_GRP_TIP||(null==p?void 0:p.isRevoked)?"tip":null==p?void 0:p.flow,"\n ").concat(M,"\n ")},{children:[(null==p?void 0:p.type)===a.TYPES.MSG_GRP_TIP&&s(i,{message:p}),(null==p?void 0:p.type)===a.TYPES.MSG_GRP_SYS_NOTICE&&s(d,{message:p}),(null==p?void 0:p.isRevoked)&&s(u,{message:p}),(null==p?void 0:p.type)!==a.TYPES.MSG_GRP_TIP&&(null==p?void 0:p.type)!==a.TYPES.MSG_GRP_SYS_NOTICE&&!(null==p?void 0:p.isRevoked)&&o("div",e({className:"".concat(null==p?void 0:p.flow),"data-message-id":null==p?void 0:p.ID},{children:[_,s(v,{message:p,CustomAvatar:h,showType:C}),o("main",e({className:"content"},{children:[s(g,{message:p,CustomName:I,showType:R}),s(m,e({message:p,Context:y,Plugins:E},{children:s(y,{message:p})}))]})),x]}),null==p?void 0:p.ID)]}))}var c=t.memo(p);function f(o){return o.message,s(c,e({},o))}export{f as TUIMessageDefault};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as
|
|
1
|
+
import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{MESSAGE_FLOW as n,MESSAGE_OPERATE as o}from"../../../constants.js";import{useTUIKitContext as s}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as a}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{Toast as i}from"../../Toast/index.js";var u=function(u){var l=u.message,c=u.handleError,d=a(),v=d.removeMessage,f=d.editLocalmessage,m=d.operateMessage,p=d.revokeMessage,g=s("useDeleteHandler").tim,h=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:if(r.preventDefault(),!(null==l?void 0:l.ID)||!g||!v)return[2];t.label=1;case 1:return t.trys.push([1,3,,4]),[4,g.deleteMessage([l])];case 2:return t.sent(),v(l),[3,4];case 3:if(e=t.sent(),!c)throw i({text:"Error deleting message",type:"error"}),new Error(e);return c({functionName:"deleteMessage",error:e}),[3,4];case 4:return[2]}}))}))}),[l]),x=r((function(r){return e(void 0,void 0,void 0,(function(){var e,o;return t(this,(function(t){switch(t.label){case 0:if(r.preventDefault(),!(null==l?void 0:l.ID)||!g||!f)return[2];t.label=1;case 1:return t.trys.push([1,6,,7]),p?[4,p(l)]:[3,3];case 2:return t.sent(),[3,5];case 3:return[4,g.revokeMessage(l)];case 4:t.sent(),t.label=5;case 5:return f(l),[3,7];case 6:if(e=t.sent(),!c)throw o=l.flow===n.OUT?"The message recall exceeded the time limit (default 2 minutes)":"Error revoke Message",i({text:o,type:"error"}),new Error(e);return c({functionName:"revokeMessage",error:e}),[3,7];case 7:return[2]}}))}))}),[l]),M=r((function(e){var t;e.preventDefault(),(null==l?void 0:l.ID)&&g&&m&&m(((t={})[o.QUOTE]=l,t))}),[l]),y=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(l.payload.text);else{var t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=l.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[l]),D=r((function(r){return e(void 0,void 0,void 0,(function(){var e,r,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,g.resendMessage(l)];case 1:return e=t.sent(),f(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.message),[3,3];case 2:if(r=t.sent(),!c)throw i({text:r,type:"error"}),new Error(r);return c({functionName:"resendMessage",error:r}),[3,3];case 3:return[2]}}))}))}),[l]),b=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==l?void 0:l.ID)&&g&&m?(m(((e={})[o.FORWARD]=l,e)),[2]):[2]}))}))}),[l]);return{handleDelMessage:h,handleRevokeMessage:x,handleReplyMessage:M,handleCopyMessage:y,handleResendMessage:D,handleForWardMessage:b}};export{u as useMessageHandler};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";var n=function(n){var t=n.children,o=n.handle,i=n.isShow,l=n.relateMessageType,s=n.message,a=l&&!l.some((function(e){return e===(null==s?void 0:s.type)}));return!i||a?null:r("div",e({className:"message-plugin-box",role:"button",tabIndex:0,onClick:o},{children:t}))};export{n as useMessagePluginElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as e,useLayoutEffect as t}from"react";import s from"tim-js-sdk";import{useTUIKitContext as
|
|
1
|
+
import{useState as e,useLayoutEffect as t}from"react";import s from"tim-js-sdk";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import{JSONStringToParse as r}from"../../untils.js";var i,m=((i={})[s.TYPES.MSG_TEXT]=1,i[s.TYPES.MSG_FACE]=8,i[s.TYPES.MSG_IMAGE]=3,i[s.TYPES.MSG_AUDIO]=4,i[s.TYPES.MSG_VIDEO]=5,i[s.TYPES.MSG_FILE]=6,i[s.TYPES.MSG_CUSTOM]=2,i),n=function(i){var n=i.message,l=e(null),u=l[0],S=l[1],T=e(""),p=T[0],g=T[1],d=e(null),E=d[0],M=d[1],f=e(""),v=f[0],I=f[1],c=o("TUIChat").tim,x=a("useMessageReply").messageList;t((function(){C(n)}),[n]);var C=function(e){if(null==e?void 0:e.cloudCustomData){var t=r(null==n?void 0:n.cloudCustomData),o=(null==t?void 0:t.messageReply)||"";if(o){S(o),g(null==o?void 0:o.messageSender),I(null==o?void 0:o.messageID);var a=x.filter((function(e){var t=e.ID===(null==o?void 0:o.messageID),a=t&&m[e.type]===o.messageType,r=e.type!==s.TYPES.MSG_TEXT||e.payload.text===o.messageAbstract;return t&&a&&r}));M(a[0]||c.findMessage(null==o?void 0:o.messageID))}}};return{messageReply:u,sender:p,replyMessage:E,messageID:v,message:n}};export{n as useMessageReply};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e="https://web.sdk.qcloud.com/im/assets/emoji/",
|
|
1
|
+
var e="https://web.sdk.qcloud.com/im/assets/emoji/",i={"[NO]":"emoji_0@2x.png","[OK]":"emoji_1@2x.png","[下雨]":"emoji_2@2x.png","[么么哒]":"emoji_3@2x.png","[乒乓]":"emoji_4@2x.png","[便便]":"emoji_5@2x.png","[信封]":"emoji_6@2x.png","[偷笑]":"emoji_7@2x.png","[傲慢]":"emoji_8@2x.png","[再见]":"emoji_9@2x.png","[冷汗]":"emoji_10@2x.png","[凋谢]":"emoji_11@2x.png","[刀]":"emoji_12@2x.png","[删除]":"emoji_13@2x.png","[勾引]":"emoji_14@2x.png","[发呆]":"emoji_15@2x.png","[发抖]":"emoji_16@2x.png","[可怜]":"emoji_17@2x.png","[可爱]":"emoji_18@2x.png","[右哼哼]":"emoji_19@2x.png","[右太极]":"emoji_20@2x.png","[右车头]":"emoji_21@2x.png","[吐]":"emoji_22@2x.png","[吓]":"emoji_23@2x.png","[咒骂]":"emoji_24@2x.png","[咖啡]":"emoji_25@2x.png","[啤酒]":"emoji_26@2x.png","[嘘]":"emoji_27@2x.png","[回头]":"emoji_28@2x.png","[困]":"emoji_29@2x.png","[坏笑]":"emoji_30@2x.png","[多云]":"emoji_31@2x.png","[大兵]":"emoji_32@2x.png","[大哭]":"emoji_33@2x.png","[太阳]":"emoji_34@2x.png","[奋斗]":"emoji_35@2x.png","[奶瓶]":"emoji_36@2x.png","[委屈]":"emoji_37@2x.png","[害羞]":"emoji_38@2x.png","[尴尬]":"emoji_39@2x.png","[左哼哼]":"emoji_40@2x.png","[左太极]":"emoji_41@2x.png","[左车头]":"emoji_42@2x.png","[差劲]":"emoji_43@2x.png","[弱]":"emoji_44@2x.png","[强]":"emoji_45@2x.png","[彩带]":"emoji_46@2x.png","[彩球]":"emoji_47@2x.png","[得意]":"emoji_48@2x.png","[微笑]":"emoji_49@2x.png","[心碎了]":"emoji_50@2x.png","[快哭了]":"emoji_51@2x.png","[怄火]":"emoji_52@2x.png","[怒]":"emoji_53@2x.png","[惊恐]":"emoji_54@2x.png","[惊讶]":"emoji_55@2x.png","[憨笑]":"emoji_56@2x.png","[手枪]":"emoji_57@2x.png","[打哈欠]":"emoji_58@2x.png","[抓狂]":"emoji_59@2x.png","[折磨]":"emoji_60@2x.png","[抠鼻]":"emoji_61@2x.png","[抱抱]":"emoji_62@2x.png","[抱拳]":"emoji_63@2x.png","[拳头]":"emoji_64@2x.png","[挥手]":"emoji_65@2x.png","[握手]":"emoji_66@2x.png","[撇嘴]":"emoji_67@2x.png","[擦汗]":"emoji_68@2x.png","[敲打]":"emoji_69@2x.png","[晕]":"emoji_70@2x.png","[月亮]":"emoji_71@2x.png","[棒棒糖]":"emoji_72@2x.png","[汽车]":"emoji_73@2x.png","[沙发]":"emoji_74@2x.png","[流汗]":"emoji_75@2x.png","[流泪]":"emoji_76@2x.png","[激动]":"emoji_77@2x.png","[灯泡]":"emoji_78@2x.png","[炸弹]":"emoji_79@2x.png","[熊猫]":"emoji_80@2x.png","[爆筋]":"emoji_81@2x.png","[爱你]":"emoji_82@2x.png","[爱心]":"emoji_83@2x.png","[爱情]":"emoji_84@2x.png","[猪头]":"emoji_85@2x.png","[猫咪]":"emoji_86@2x.png","[献吻]":"emoji_87@2x.png","[玫瑰]":"emoji_88@2x.png","[瓢虫]":"emoji_89@2x.png","[疑问]":"emoji_90@2x.png","[白眼]":"emoji_91@2x.png","[皮球]":"emoji_92@2x.png","[睡觉]":"emoji_93@2x.png","[磕头]":"emoji_94@2x.png","[示爱]":"emoji_95@2x.png","[礼品袋]":"emoji_96@2x.png","[礼物]":"emoji_97@2x.png","[篮球]":"emoji_98@2x.png","[米饭]":"emoji_99@2x.png","[糗大了]":"emoji_100@2x.png","[红双喜]":"emoji_101@2x.png","[红灯笼]":"emoji_102@2x.png","[纸巾]":"emoji_103@2x.png","[胜利]":"emoji_104@2x.png","[色]":"emoji_105@2x.png","[药]":"emoji_106@2x.png","[菜刀]":"emoji_107@2x.png","[蛋糕]":"emoji_108@2x.png","[蜡烛]":"emoji_109@2x.png","[街舞]":"emoji_110@2x.png","[衰]":"emoji_111@2x.png","[西瓜]":"emoji_112@2x.png","[调皮]":"emoji_113@2x.png","[象棋]":"emoji_114@2x.png","[跳绳]":"emoji_115@2x.png","[跳跳]":"emoji_116@2x.png","[车厢]":"emoji_117@2x.png","[转圈]":"emoji_118@2x.png","[鄙视]":"emoji_119@2x.png","[酷]":"emoji_120@2x.png","[钞票]":"emoji_121@2x.png","[钻戒]":"emoji_122@2x.png","[闪电]":"emoji_123@2x.png","[闭嘴]":"emoji_124@2x.png","[闹钟]":"emoji_125@2x.png","[阴险]":"emoji_126@2x.png","[难过]":"emoji_127@2x.png","[雨伞]":"emoji_128@2x.png","[青蛙]":"emoji_129@2x.png","[面条]":"emoji_130@2x.png","[鞭炮]":"emoji_131@2x.png","[风车]":"emoji_132@2x.png","[飞吻]":"emoji_133@2x.png","[飞机]":"emoji_134@2x.png","[饥饿]":"emoji_135@2x.png","[香蕉]":"emoji_136@2x.png","[骷髅]":"emoji_137@2x.png","[麦克风]":"emoji_138@2x.png","[麻将]":"emoji_139@2x.png","[鼓掌]":"emoji_140@2x.png","[龇牙]":"emoji_141@2x.png"},o={"[NO]":"[no]","[OK]":"[ok]","[下雨]":"[rain]","[么么哒]":"[muah]","[乒乓]":"[ping pong]","[便便]":"[poo]","[信封]":"[mail]","[偷笑]":"[snicker]","[傲慢]":"[arrogant]","[再见]":"[bye]","[冷汗]":"[sweat]","[凋谢]":"[wither]","[刀]":"[knife]","[删除]":"[delete]","[勾引]":"[hook]","[发呆]":"[daze]","[发抖]":"[shaking]","[可怜]":"[pitiful]","[可爱]":"[cute]","[右哼哼]":"[right hum]","[右太极]":"[right Tai Chi]","[右车头]":"[right head]","[吐]":"[vomit]","[吓]":"[scare]","[咒骂]":"[curse]","[咖啡]":"[cafe]","[啤酒]":"[beer]","[嘘]":"[hiss]","[回头]":"[look back]","[困]":"[sleepy]","[坏笑]":"[bad laugh]","[多云]":"[cloud]","[大兵]":"[soldiers]","[大哭]":"[cry]","[太阳]":"[sun]","[奋斗]":"[struggle]","[奶瓶]":"[feeding bottle]","[委屈]":"[wronged]","[害羞]":"[shy]","[尴尬]":"[awkward]","[左哼哼]":"[left hem]","[左太极]":"[left Tai Chi]","[左车头]":"[left head]","[差劲]":"[poor]","[弱]":"[weak]","[强]":"[stong]","[彩带]":"[ribbon]","[彩球]":"[ball]","[得意]":"[proud]","[微笑]":"[smile]","[心碎了]":"[heartbroken]","[快哭了]":"[almost cry]","[怄火]":"[ire]","[怒]":"[anger]","[惊恐]":"[terrify]","[惊讶]":"[flummox]","[憨笑]":"[smirk]","[手枪]":"[gun]","[打哈欠]":"[yawn]","[抓狂]":"[crazy]","[折磨]":"[torment]","[抠鼻]":"[nose picking]","[抱抱]":"[hug]","[抱拳]":"[hug fist]","[拳头]":"[fist]","[挥手]":"[waving hands]","[握手]":"[shake hands]","[撇嘴]":"[pouted]","[擦汗]":"[wipe sweat]","[敲打]":"[knock on the head]","[晕]":"[faint]","[月亮]":"[moon]","[棒棒糖]":"[lollipop]","[汽车]":"[car]","[沙发]":"[sofa]","[流汗]":"[sweat]","[流泪]":"[tears]","[激动]":"[excitement]","[灯泡]":"[light]","[炸弹]":"[bomb]","[熊猫]":"[panda]","[爆筋]":"[exploding muscle]","[爱你]":"[love you]","[爱心]":"[love heart]","[爱情]":"[love]","[猪头]":"[pig]","[猫咪]":"[cat]","[献吻]":"[kiss]","[玫瑰]":"[rose]","[瓢虫]":"[ladybird]","[疑问]":"[what]","[白眼]":"[rolling eyes]","[皮球]":"[rubber ball]","[睡觉]":"[sleep]","[磕头]":"[kowtow]","[示爱]":"[show love]","[礼品袋]":"[gift bag]","[礼物]":"[gift]","[篮球]":"[basketball]","[米饭]":"[rice]","[糗大了]":"[shame]","[红双喜]":"[happiness]","[红灯笼]":"[lantern]","[纸巾]":"[tissue]","[胜利]":"[victory]","[色]":"[lecherous]","[药]":"[medicine]","[菜刀]":"[kitchen knife]","[蛋糕]":"[coke]","[蜡烛]":"[candle]","[街舞]":"[hip hop]","[衰]":"[decline]","[西瓜]":"[lemon]","[调皮]":"[naughty]","[象棋]":"[chess]","[跳绳]":"[jump rope]","[跳跳]":"[jump]","[车厢]":"[compartment]","[转圈]":"[turn in circles]","[鄙视]":"[contempt]","[酷]":"[cool]","[钞票]":"[money]","[钻戒]":"[diamond]","[闪电]":"[lightning]","[闭嘴]":"[shut up]","[闹钟]":"[clock]","[阴险]":"[sinister]","[难过]":"[sad]","[雨伞]":"[umbrella]","[青蛙]":"[frog]","[面条]":"[noodles]","[鞭炮]":"[firecracker]","[风车]":"[windmill]","[飞吻]":"[blow kisses]","[飞机]":"[air]","[饥饿]":"[hunger]","[香蕉]":"[banana]","[骷髅]":"[skull]","[麦克风]":"[mic]","[麻将]":"[mahjong]","[鼓掌]":"[handclap]","[龇牙]":"[happy]"},n=["[龇牙]","[调皮]","[流汗]","[偷笑]","[再见]","[敲打]","[擦汗]","[猪头]","[玫瑰]","[流泪]","[大哭]","[嘘]","[酷]","[抓狂]","[委屈]","[便便]","[炸弹]","[菜刀]","[可爱]","[色]","[害羞]","[得意]","[吐]","[微笑]","[怒]","[尴尬]","[惊恐]","[冷汗]","[爱心]","[示爱]","[白眼]","[傲慢]","[难过]","[惊讶]","[疑问]","[困]","[么么哒]","[憨笑]","[爱情]","[衰]","[撇嘴]","[阴险]","[奋斗]","[发呆]","[右哼哼]","[抱抱]","[坏笑]","[飞吻]","[鄙视]","[晕]","[大兵]","[可怜]","[强]","[弱]","[握手]","[胜利]","[抱拳]","[凋谢]","[米饭]","[蛋糕]","[西瓜]","[啤酒]","[瓢虫]","[勾引]","[OK]","[爱你]","[咖啡]","[月亮]","[刀]","[发抖]","[差劲]","[拳头]","[心碎了]","[太阳]","[礼物]","[皮球]","[骷髅]","[挥手]","[闪电]","[饥饿]","[咒骂]","[折磨]","[抠鼻]","[鼓掌]","[糗大了]","[左哼哼]","[打哈欠]","[快哭了]","[吓]","[篮球]","[乒乓]","[NO]","[跳跳]","[怄火]","[转圈]","[磕头]","[回头]","[跳绳]","[激动]","[街舞]","[献吻]","[左太极]","[右太极]","[闭嘴]","[猫咪]","[红双喜]","[鞭炮]","[红灯笼]","[麻将]","[麦克风]","[礼品袋]","[信封]","[象棋]","[彩带]","[蜡烛]","[爆筋]","[棒棒糖]","[奶瓶]","[面条]","[香蕉]","[飞机]","[左车头]","[车厢]","[右车头]","[多云]","[下雨]","[钞票]","[熊猫]","[灯泡]","[风车]","[闹钟]","[雨伞]","[彩球]","[钻戒]","[沙发]","[纸巾]","[手枪]","[青蛙]"];function m(e,i){void 0===i&&(i=0);var n=e,m=0===i?1:0,g=i;return Object.entries(o).map((function(e){return n.includes(e[m])&&(n=p(n,e[m],e[g])),e})),n}function p(e,i,o){var n=e;return(n=n.replace(i,o)).includes(i)&&(n=p(n,i,o)),n}export{o as emojiEnKey,i as emojiMap,n as emojiName,e as emojiUrl,m as formatEmojiString};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as a}from"tslib";import t from"tim-js-sdk";import{decodeText as
|
|
1
|
+
import{__assign as a}from"tslib";import t from"tim-js-sdk";import{decodeText as e}from"./decodeText.js";import{MESSAGE_STATUS as c}from"../../../constants.js";import{JSONStringToParse as o}from"../../untils.js";function n(a){var t=a.split(".");return t[t.length-1]}function s(a){var e,c,o,s,r,i={message:a,text:""},p=a.nick||(null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.userIDList.join(","));switch((null===(o=null===(c=null==a?void 0:a.payload)||void 0===c?void 0:c.memberList)||void 0===o?void 0:o.length)>0&&(p="",null===(r=null===(s=null==a?void 0:a.payload)||void 0===s?void 0:s.memberList)||void 0===r||r.map((function(a){return p+="".concat((null==a?void 0:a.nick)||(null==a?void 0:a.userID),","),a})),p=p.slice(0,-1)),a.payload.operationType){case t.TYPES.GRP_TIP_MBR_JOIN:i.text="".concat(p," ").concat(n("message.tip.Join in group"));break;case t.TYPES.GRP_TIP_MBR_QUIT:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.quit group"));break;case t.TYPES.GRP_TIP_MBR_KICKED_OUT:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.by")).concat(a.payload.operatorID).concat(n("message.tip.kicked out of group"));break;case t.TYPES.GRP_TIP_MBR_SET_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.become admin"));break;case t.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.by revoked administrator"));break;case t.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:i.text=function(a){var t=a.payload,e=t.newGroupProfile,c=t.operatorID,o="",s=Object.keys(e)[0];switch(s){case"muteAllMembers":o=e[s]?"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.enable all staff mute")):"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.unmute everyone"));break;case"ownerID":o="".concat(e[s]," ").concat(n("message.tip.become the new owner"));break;case"groupName":o="".concat(c," ").concat(n("message.tip.modify group name")," ").concat(e[s]);break;case"notification":o="".concat(c," ").concat(n("message.tip.post a new announcement"))}return o}(a);break;case t.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:a.payload.memberList.map((function(a){return a.muteTime>0?i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.muted")):i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.unmuted")),a}));break;default:i.text="[".concat(n("message.tip.reminder message"),"]")}return i}function r(a){return{text:e(a.payload)}}function i(a){var t={message:a,name:"",url:""};return t.name=a.payload.data,a.payload.data.indexOf("@2x")<0&&(t.name="".concat(t.name,"@2x")),t.url="https://web.sdk.qcloud.com/im/assets/face-elem/".concat(t.name,".png"),t}function p(a){var t={lon:"",lat:"",href:"",url:"",description:"",message:a};return t.lon=a.payload.longitude.toFixed(6),t.lat=a.payload.latitude.toFixed(6),t.href="https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&"+"pointx=".concat(t.lon,"&pointy=").concat(t.lat,"&name=").concat(a.payload.description),t.url="https://apis.map.qq.com/ws/staticmap/v2/?"+"center=".concat(t.lat,",").concat(t.lon,"&zoom=10&size=300*150&maptype=roadmap&")+"markers=size:large|color:0xFFCCFF|label:k|".concat(t.lat,",").concat(t.lon,"&")+"key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD",t.description=a.payload.description,t}function m(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.imageInfoArray[1].url,message:a}}function l(a){var t,e;return{progress:(null==a?void 0:a.status)===c.UNSEND&&(null==a?void 0:a.progress),url:null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.videoUrl,snapshotUrl:null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.snapshotUrl,message:a}}function u(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.url,message:a,second:a.payload.second}}function d(a){var t="";return t=a.payload.fileSize>=1048576?"".concat((a.payload.fileSize/1048576).toFixed(2)," Mb"):a.payload.fileSize>=1024?"".concat((a.payload.fileSize/1024).toFixed(2)," Kb"):"".concat(a.payload.fileSize.toFixed(2),"B"),{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.fileUrl,message:a,name:a.payload.fileName,size:t}}function g(t){return a({message:t},t.payload)}function y(a){var t={},e={};try{t=o(a.payload.data)}catch(a){t={}}if(1!==t.businessID)return"";try{e=o(t.data)}catch(a){e={}}switch(t.actionType){case 1:return e.call_end>=0&&!t.groupID?"".concat(n("message.custom.talkTime"),":").concat(v(e.call_end)):t.groupID?"".concat(n("message.custom.groupCallEnd")):e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.all"));case 2:return"".concat(n("message.custom.cancel"));case 3:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.accepted"));case 4:return"".concat(n("message.custom.rejected"));case 5:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.noResp"));default:return""}}function f(a){return{message:a,custom:y(a)||(null==a?void 0:a.payload)||"[".concat(n("message.custom.custom"),"]")}}function I(a){var t=a.payload.groupProfile.name||a.payload.groupProfile.groupID;switch(a.payload.operationType){case 1:return"".concat(a.payload.operatorID," ").concat(n("message.tip.申请加入群组"),":").concat(t);case 2:return"".concat(n("message.tip.成功加入群组"),":").concat(t);case 3:return"".concat(n("message.tip.申请加入群组"),":").concat(t," ").concat(n("message.tip.被拒绝"));case 4:return"".concat(n("message.tip.你被管理员")).concat(a.payload.operatorID," ").concat(n("message.tip.踢出群组"),":").concat(t);case 5:return"".concat(n("message.tip.群"),":").concat(t," ").concat(n("message.tip.被")," ").concat(a.payload.operatorID," ").concat(n("message.tip.解散"));case 6:return"".concat(a.payload.operatorID," ").concat(n("message.tip.创建群"),":").concat(t);case 7:case 12:return"".concat(a.payload.operatorID," ").concat(n("message.tip.邀请你加群"),":").concat(t);case 8:return"".concat(n("message.tip.你退出群组"),":").concat(t);case 9:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.设置为群"),":").concat(t," ").concat(n("message.tip.的管理员"));case 10:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.撤销群"),":").concat(t," ").concat(n("message.tip.的管理员身份"));case 13:return"".concat(a.payload.operatorID," ").concat(n("message.tip.同意加群"),":").concat(t);case 14:return"".concat(a.payload.operatorID," ").concat(n("message.tip.拒接加群"),":").concat(t);case 255:return"".concat(n("message.tip.自定义群系统通知"),": ").concat(a.payload.userDefinedField);default:return""}}function v(a){var t,e,c,o,n=a;return n>=3600?(e=parseInt("".concat(n/3600),10)<10?"0".concat(parseInt("".concat(n/3600),10)):parseInt("".concat(n/3600),10),c=parseInt("".concat(n%60/60),10)<10?"0".concat(parseInt("".concat(n%60/60),10)):parseInt("".concat(n%60/60),10),(o=n%3600<10?"0".concat(n%3600):n%3600)>60&&(c=parseInt("".concat(o/60),10)<10?"0".concat(parseInt("".concat(o/60),10)):parseInt("".concat(o/60),10),o=o%60<10?"0".concat(o%60):o%60),t="".concat(e,":").concat(c,":").concat(o)):n>=60&&n<3600?(c=parseInt("".concat(n/60),10)<10?"0".concat(parseInt("".concat(n/60),10)):parseInt("".concat(n/60),10),o=n%60<10?"0".concat(n%60):n%60,t="00:".concat(c,":").concat(o)):n<60&&(o=n<10?"0".concat(n):n,t="00:00:".concat(o)),t}export{y as extractCallingInfoFromMessage,v as formatTime,u as handleAudioMessageShowContext,f as handleCustomMessageShowContext,i as handleFaceMessageShowContext,d as handleFileMessageShowContext,m as handleImageMessageShowContext,p as handleLocationMessageShowContext,g as handleMergerMessageShowContext,r as handleTextMessageShowContext,s as handleTipMessageShowContext,l as handleVideoMessageShowContext,I as translateGroupSystemNotice};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{useTUIMessageInputContext as a}from"../../context/TUIMessageInputContext.js";import{Icon as
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{useTUIMessageInputContext as a}from"../../context/TUIMessageInputContext.js";import{Icon as n}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{Popup as c}from"../Popup/index.js";import{emojiName as p,emojiUrl as s,emojiMap as m}from"../TUIMessage/utils/emojiMap.js";function l(){var l=o(!1),u=l[0],f=l[1],d=o(0),g=d[0];d[1];var j=o(""),h=j[0],I=j[1],x=function(){f(!u)},M=a("TUIMessageInputDefault"),v=M.onSelectEmoji,N=M.sendFaceMessage,b=function(t){var e={index:g,data:t.target.dataset.data};e.data&&(0===g?v(e):(N(e),x()))};return e("div",t({className:"emoji-picker input-plugin-popup"},{children:[i(n,{width:20,height:20,type:r.EMOJI,onClick:x}),i(c,t({className:"input-plugin-popup-box ".concat(h),show:u,close:x,handleVisible:function(t){I("".concat(!t.top&&"emoji-plugin-top"," ").concat(!t.left&&"emoji-plugin-right"))}},{children:i("ul",t({className:"face-list"},{children:0===g&&p.map((function(e,o){var a=e+o;return i("li",t({role:"menuitem",className:"face-list-item",onClick:b},{children:i("img",{src:"".concat(s+m[e]),alt:"","data-data":e})}),a)}))}))}))]}))}export{l as EmojiPicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as i,__spreadArray as o}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as l}from"react";import{EmojiPicker as t}from"./EmojiPicker.js";import{Plugins as r}from"../Plugins/index.js";import{useUploadElement as u}from"./hooks/useUploadElement.js";import{MESSAGE_TYPE_NAME as s}from"../../constants.js";import{useTUIMessageInputContext as c}from"../../context/TUIMessageInputContext.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as p}from"../Icon/type.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";function g(){var g,a,f,v,h,I,C,M=c("TUIMessageInputDefault"),j=M.sendUploadMessage,k=M.pluginConfig,E=m("TUIMessageInput").TUIMessageInputConfig,P=(null==k?void 0:k.plugins)||(null===(g=null==E?void 0:E.pluginConfig)||void 0===g?void 0:g.plugins)||[],x=(null==k?void 0:k.showNumber)||(null===(a=null==E?void 0:E.pluginConfig)||void 0===a?void 0:a.showNumber)||1,y=(null==k?void 0:k.MoreIcon)||(null===(f=null==E?void 0:E.pluginConfig)||void 0===f?void 0:f.MoreIcon),U=function(i,o,e){return"boolean"==typeof i?i:"boolean"==typeof o?o:e},N=U(null==k?void 0:k.isEmojiPicker,null===(v=null==E?void 0:E.pluginConfig)||void 0===v?void 0:v.isEmojiPicker,!0),T=U(null==k?void 0:k.isImagePicker,null===(h=null==E?void 0:E.pluginConfig)||void 0===h?void 0:h.isImagePicker,!0),b=U(null==k?void 0:k.isVideoPicker,null===(I=null==E?void 0:E.pluginConfig)||void 0===I?void 0:I.isVideoPicker,!0),w=U(null==k?void 0:k.isFilePicker,null===(C=null==E?void 0:E.pluginConfig)||void 0===C?void 0:C.isFilePicker,!0),D=l(null),V=T&&u({children:e("div",i({className:"input-plugin-item"},{children:[n(d,{width:20,height:20,type:p.IMAGE}),n("span",{children:"Image"})]})),type:"image",accept:"image/*",onChange:function(i){D.current.closeMore(),j({file:i},s.IMAGE)}}),F=b&&u({children:e("div",i({className:"input-plugin-item"},{children:[n(d,{width:20,height:20,type:p.VIDEO}),n("span",{children:"Video"})]})),type:"video",accept:"video/*",onChange:function(i){D.current.closeMore(),j({file:i},s.VIDEO)}}),O=w&&u({children:e("div",i({className:"input-plugin-item"},{children:[n(d,{width:20,height:20,type:p.DOCUMENT}),n("span",{children:"Document"})]})),type:"file",accept:"file/*",onChange:function(i){D.current.closeMore(),j({file:i},s.FILE)}}),A=o([N&&n(t,{}),V,F,O],P,!0).filter((function(i){return i}));return n(r,{ref:D,plugins:A,showNumber:x,MoreIcon:y})}export{g as InputPluginsDefalut};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{useTUIChatActionContext as s}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as i}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{MESSAGE_OPERATE as m}from"../../constants.js";import{useHandleQuoteMessage as a}from"./hooks/useHandleQuoteMessage.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function c(c){var p=c.message,u=s().operateMessage,d=a(p).cloudCustomData,f=n((function(){var t;u(((t={})[m.QUOTE]=null,t))}),[u]),h=null==d?void 0:d.messageReply;return h&&o("div",t({className:"input-quote"},{children:[o("div",t({className:"input-quote-content"},{children:[e("label",t({htmlFor:"input-quote-content"},{children:(null==p?void 0:p.nick)||(null==p?void 0:p.from)})),e("span",{children:l(null==h?void 0:h.messageAbstract,1)})]})),e(i,{className:"icon",width:12,height:12,type:r.CLOSE,onClick:f})]}))}export{c as InputQuoteDefalut};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as t}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useState as i,useCallback as o,useEffect as n}from"react";import{useTUIChatActionContext as l}from"../../context/TUIChatActionContext.js";import{Model as s}from"../Model/index.js";import{Icon as c}from"../Icon/Icon.js";import{IconTypes as d}from"../Icon/type.js";import{Input as m}from"../Input/Input.js";import{Checkbox as u}from"../Checkbox/index.js";import{Avatar as h}from"../Avatar/Avatar.js";import{getDisplayImage as f,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as p}from"../../constants.js";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as g}from"./hooks/useHandleForwardMessage.js";function w(w){var N,C=w.handleForward,I=i([]),
|
|
1
|
+
import{__assign as e,__spreadArray as t}from"tslib";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useState as i,useCallback as o,useEffect as n}from"react";import{useTUIChatActionContext as l}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Model as s}from"../Model/index.js";import{Icon as c}from"../Icon/Icon.js";import{IconTypes as d}from"../Icon/type.js";import{Input as m}from"../Input/Input.js";import{Checkbox as u}from"../Checkbox/index.js";import{Avatar as h}from"../Avatar/Avatar.js";import{getDisplayImage as f,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as p}from"../../constants.js";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as g}from"./hooks/useHandleForwardMessage.js";function w(w){var N,C=w.handleForward,I=i([]),j=I[0],b=I[1],k=i([]),x=k[0],D=k[1],F=i(""),A=F[0],L=F[1],M=l().operateMessage,R=g(),y=R.message,S=R.sendForwardMessage,z=R.conversationList,H=void 0===z?[]:z,T=o((function(e){var t;M(((t={})[p.FORWARD]=null,t))}),[M]),E=H.slice(0,2),P=H.slice(2),U=function(e){e.checked?b(t(t([],j,!0),[e.value],!1)):b(j.filter((function(t){return t!==e.value})))};return n((function(){b([]),D([]),L("")}),[y]),y&&H.length>0&&r(s,e({onClick:T},{children:a("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){e.stopPropagation()}},{children:[a("header",e({className:"tui-forward-header"},{children:[r(c,{type:d.CANCEL,width:16,height:16,onClick:T}),r("h2",e({className:"tui-forward-title"},{children:"Forward To"}))]})),r("div",e({className:"tui-forward-search"},{children:r(m,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:A,onChange:function(e){var t,r;if(L(null===(t=e.target)||void 0===t?void 0:t.value),null===(r=e.target)||void 0===r?void 0:r.value){var a=H.filter((function(t){var r,a=v(t).toLocaleLowerCase(),i=null===(r=e.target)||void 0===r?void 0:r.value.toLocaleLowerCase();return a.includes(i)}));D(a)}else D([])},prefix:r(c,{type:d.SEARCH,height:16,width:16})})})),a("main",e({className:"tui-forward-main"},{children:[A&&a("ul",e({className:"tui-forward-list"},{children:[r("h3",e({className:"tui-forward-list-title"},{children:"Search Result"})),x.length>0&&x.map((function(t){return a("li",e({className:"tui-forward-list-item"},{children:[a("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[r(h,{image:f(t),size:40}),r("div",e({className:"info-nick"},{children:v(t)}))]})),r(u,{onChange:U,id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===x.length&&r("p",e({className:"no-result"},{children:"No Result"}))]})),!A&&E.length>0&&a("ul",e({className:"tui-forward-list"},{children:[r("h3",e({className:"tui-forward-list-title"},{children:"Frequently Contacted"})),E.map((function(t){return a("li",e({className:"tui-forward-list-item"},{children:[a("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[r(h,{image:f(t),size:40}),r("div",e({className:"info-nick"},{children:v(t)}))]})),r(u,{onChange:U,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))]})),!A&&P.length>0&&a("ul",e({className:"tui-forward-list"},{children:[r("h3",e({className:"tui-forward-list-title"},{children:"Recent Chats"})),P.map((function(t){return a("li",e({className:"tui-forward-list-item"},{children:[a("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[r(h,{image:f(t),size:40}),r("div",e({className:"info-nick"},{children:v(t)}))]})),r(u,{onChange:U,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))]}))]})),a("footer",e({className:"tui-forward-footer"},{children:[r("div",e({className:"tui-forward-footer-name"},{children:j.length>0&&(N=j,(null==N?void 0:N.map((function(e){return v(e)}))).toString())})),r("button",e({type:"button",className:"button",onClick:function(){var e;e=j,C?C({list:j,message:y}):S(j),T(e)},disabled:0===j.length},{children:"Forward"}))]}))]}))}))}export{w as TUIForward};
|
|
@@ -1,18 +1,29 @@
|
|
|
1
1
|
import React, { MutableRefObject, PropsWithChildren } from 'react';
|
|
2
2
|
import { UnknowPorps } from '../../context/ComponentContext.js';
|
|
3
3
|
|
|
4
|
-
interface
|
|
4
|
+
interface PluginConfigProps {
|
|
5
|
+
plugins?: Array<React.ReactElement>;
|
|
6
|
+
showNumber?: number;
|
|
7
|
+
MoreIcon?: React.ReactElement;
|
|
8
|
+
isEmojiPicker?: boolean;
|
|
9
|
+
isImagePicker?: boolean;
|
|
10
|
+
isVideoPicker?: boolean;
|
|
11
|
+
isFilePicker?: boolean;
|
|
12
|
+
}
|
|
13
|
+
interface TUIMessageInputBasicProps {
|
|
5
14
|
disabled?: boolean;
|
|
15
|
+
focus?: boolean;
|
|
16
|
+
textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
|
|
17
|
+
isTransmitter?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
pluginConfig?: PluginConfigProps;
|
|
20
|
+
}
|
|
21
|
+
interface TUIMessageInputProps extends TUIMessageInputBasicProps {
|
|
6
22
|
TUIMessageInput?: React.ComponentType;
|
|
7
23
|
InputPlugins?: React.ComponentType<UnknowPorps>;
|
|
8
24
|
InputQuote?: React.ComponentType<UnknowPorps>;
|
|
9
|
-
focus?: boolean;
|
|
10
|
-
textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
|
|
11
|
-
plugins?: Array<React.ReactElement>;
|
|
12
|
-
showNumber?: number;
|
|
13
|
-
MoreIcon?: React.ReactElement;
|
|
14
25
|
}
|
|
15
26
|
declare function UnMemoizedTUIMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>): React.ReactElement;
|
|
16
27
|
declare const TUIMessageInput: typeof UnMemoizedTUIMessageInput;
|
|
17
28
|
|
|
18
|
-
export { TUIMessageInput, TUIMessageInputProps };
|
|
29
|
+
export { PluginConfigProps, TUIMessageInput, TUIMessageInputBasicProps, TUIMessageInputProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import s from"react";import
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import s from"react";import n from"tim-js-sdk";import{TUIMessageInputContextProvider as r}from"../../context/TUIMessageInputContext.js";import{useCreateMessageInputContext as i}from"./hooks/useCreateMessageInputContext.js";import{useMessageInputState as a}from"./hooks/useMessageInputState.js";import"../../constants.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";import"./hooks/useHandleQuoteMessage.js";import{EmptyStateIndicator as p}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{InputQuoteDefalut as l}from"./InputQuoteDefalut.js";import{TUIMessageInputDefault as f}from"./TUIMessageInputDefault.js";import{InputPluginsDefalut as c}from"./InputPluginsDefalut.js";import{TUIForward as I}from"./TUIForward.js";import{Transmitter as d}from"./Transmitter.js";function g(o){var s=o.children,u=o.disabled,p=o.focus,l=o.pluginConfig,f=o.textareaRef,c=a(o),I=m("TUIMessageInput"),d=I.textareaRef,g=I.conversation,j=(null==g?void 0:g.type)===n.TYPES.CONV_SYSTEM,x=m("TUIMessageInput").TUIMessageInputConfig,T=p||(null==x?void 0:x.focus),v=i(t(t(t({},c),o),{textareaRef:f||(null==x?void 0:x.textareaRef)||d,disabled:u||(null==x?void 0:x.disabled)||j,focus:"boolean"!=typeof T||T,pluginConfig:l}));return e(r,t({value:v},{children:s}))}function j(s){var n=s.TUIMessageInput,r=s.InputPlugins,i=s.InputQuote,a=s.isTransmitter,m=void 0!==a&&a,j=s.className,x=u(),T=x.TUIMessageInput,v=x.InputPlugins,C=x.InputQuote,M=n||T||f,h=r||v||c||p,U=i||C||l;return e("div",t({className:"tui-message-input ".concat(j)},{children:o(g,t({},s,{children:[e(I,{}),e(U,{}),o("div",t({className:"tui-message-input-main"},{children:[o("div",t({className:"tui-message-input-box"},{children:[e(h,{}),e(M,{})]})),m&&e(d,{})]}))]}))}))}var x=s.memo(j);export{x as TUIMessageInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{MESSAGE_OPERATE as a}from"../../constants.js";import{useTUIChatStateContext as s}from"../../context/TUIChatStateContext.js";import{useTUIMessageInputContext as i}from"../../context/TUIMessageInputContext.js";function
|
|
1
|
+
import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{MESSAGE_OPERATE as a}from"../../constants.js";import{useTUIChatStateContext as s}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useTUIMessageInputContext as i}from"../../context/TUIMessageInputContext.js";import{formatEmojiString as u}from"../TUIMessage/utils/emojiMap.js";function c(){var c=i("TUIMessageInputDefault"),l=c.text,d=c.disabled,p=c.handleChange,f=c.handleKeyDown,m=c.handlePasete,x=c.textareaRef,v=c.focus,g=c.setText,h=c.setCursorPos,I=s("TUIMessageInputDefault").operateData;o((function(){I[a.REVOKE]&&g(u(I[a.REVOKE].payload.text,1))}),[I]),o((function(){var t;return v&&x.current&&(x.current.autofocus=!0,x.current.focus(),null===(t=null==x?void 0:x.current)||void 0===t||t.addEventListener("paste",m)),function(){var t;null===(t=null==x?void 0:x.current)||void 0===t||t.removeEventListener("paste",m)}}),[v]);var b=r(!1),j=b[0],C=b[1];return e("div",t({className:"input-box ".concat(d?"disabled":""," ").concat(j?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[n("div",t({className:"input-visibility-content"},{children:l})),!d&&n("textarea",{placeholder:"send a message",rows:1,value:l,ref:x,onChange:p,onKeyDown:f,onFocus:function(t){C(!0)},onBlur:function(t){h({start:t.target.selectionStart,end:t.target.selectionEnd}),C(!1)}})]}))}export{c as TUIMessageInputDefault};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useTUIMessageInputContext as o}from"../../context/TUIMessageInputContext.js";import{Icon as e}from"../Icon/Icon.js";import{IconTypes as n}from"../Icon/type.js";function m(){var m=o("Transmitter").handleSubmit;return r("div",t({className:"transmitter"},{children:r(e,{className:"icon-send",type:n.SEND,onClick:m})}))}export{m as Transmitter};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{useMemo as a}from"react";var n=function(n){var
|
|
1
|
+
import{__assign as e}from"tslib";import{useMemo as a}from"react";var n=function(n){var t=n.textareaRef,o=n.handleChange,r=n.handleSubmit,i=n.handleKeyDown,l=n.onSelectEmoji,d=n.sendFaceMessage,s=n.disabled,f=n.focus,u=n.operateData,c=n.pluginConfig;return a((function(){return e({textareaRef:t,handleChange:o,handleSubmit:r,handleKeyDown:i,onSelectEmoji:l,sendFaceMessage:d,disabled:s,focus:f,operateData:u,pluginConfig:c},n)}),[t,o,r,i,l,d,s,f,u,c])};export{n as useCreateMessageInputContext};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as e}from"react";import"tslib";import"react/jsx-runtime";import{useTUIChatActionContext as t}from"../../../context/TUIChatActionContext.js";function a(a){a.textareaRef;var r=a.insertText,
|
|
1
|
+
import{useCallback as e}from"react";import"tslib";import"react/jsx-runtime";import{useTUIChatActionContext as t}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{emojiEnKey as o}from"../../TUIMessage/utils/emojiMap.js";function a(a){a.textareaRef;var r=a.insertText,s=t(),n=s.sendMessage,i=s.createFaceMessage;return{onSelectEmoji:function(e){r(o[e.data])},sendFaceMessage:e((function(e){var t=i({payload:e});n(t)}),[])}}export{a as useEmojiPicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as t,__generator as e}from"tslib";import{useState as o,useEffect as
|
|
1
|
+
import{__awaiter as t,__generator as e}from"tslib";import{useState as o,useEffect as n}from"react";import r from"tim-js-sdk";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useTUIKitContext as i}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import{useTUIChatActionContext as c}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import"react/jsx-runtime";function m(m){var u=this,f=a("TUIMessageInputDefault").operateData,p=o([]),v=p[0],d=p[1],x=c(),l=x.sendMessage,C=x.createForwardMessage,g=i("TUIChat").tim,T=m||f[s.FORWARD];return n((function(){t(u,void 0,void 0,(function(){var t,o;return e(this,(function(e){switch(e.label){case 0:return[4,g.getConversationList()];case 1:return t=e.sent(),d(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[g]),{message:T,conversationList:v,sendForwardMessage:function(t){t.map((function(t){var e=C({conversation:t,message:T});return l(e),t}))}}}export{m as useHandleForwardMessage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as e,useEffect as t}from"react";import o from"tim-js-sdk";import{MESSAGE_OPERATE as S}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";var
|
|
1
|
+
import{useState as e,useEffect as t}from"react";import o from"tim-js-sdk";import{MESSAGE_OPERATE as S}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var s,n,i=((s={})[o.TYPES.MSG_TEXT]=1,s[o.TYPES.MSG_CUSTOM]=2,s[o.TYPES.MSG_IMAGE]=3,s[o.TYPES.MSG_AUDIO]=4,s[o.TYPES.MSG_VIDEO]=5,s[o.TYPES.MSG_FILE]=6,s[o.TYPES.MSG_FACE]=8,s),l=((n={})[o.TYPES.MSG_CUSTOM]="[custom]",n[o.TYPES.MSG_IMAGE]="[image]",n[o.TYPES.MSG_AUDIO]="[audio]",n[o.TYPES.MSG_VIDEO]="[video]",n[o.TYPES.MSG_FILE]="[file]",n[o.TYPES.MSG_FACE]="[face]",n);function r(s){var n=a("TUIMessageInputDefault").operateData,r=e({messageReply:null}),E=r[0],T=r[1],m=function(e){var t,S=i[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:l[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:S,version:1}};return t((function(){var e=s||n[S.QUOTE];T({messageReply:e?m(e):null})}),[n,s]),{cloudCustomData:E,handleQuoteMessage:m}}export{r as useHandleQuoteMessage};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{useReducer as t}from"react";import{CONSTANT_DISPATCH_TYPE as s}from"../../../constants.js";import{useEmojiPicker as a}from"./useEmojiPicker.js";import{useMessageInputText as r}from"./useMessageInputText.js";import{useUploadPicker as o}from"./useUploadPicker.js";var n={text:"",cursorPos:{start:0,end:0}},i=function(t,a){switch(a.type){case s.SET_TEXT:return e(e({},t),{text:null==a?void 0:a.getNewText(t.text)});case s.SET_CURSOR_POS:return e(e({},t),{cursorPos:null==a?void 0:a.value});default:return t}},
|
|
1
|
+
import{__assign as e}from"tslib";import{useReducer as t}from"react";import{CONSTANT_DISPATCH_TYPE as s}from"../../../constants.js";import{useEmojiPicker as a}from"./useEmojiPicker.js";import{useMessageInputText as r}from"./useMessageInputText.js";import{useUploadPicker as o}from"./useUploadPicker.js";var n={text:"",cursorPos:{start:0,end:0}},i=function(t,a){switch(a.type){case s.SET_TEXT:return e(e({},t),{text:null==a?void 0:a.getNewText(t.text)});case s.SET_CURSOR_POS:return e(e({},t),{cursorPos:null==a?void 0:a.value});default:return t}},d=function(s){var d=t(i,n),u=d[0],l=d[1],c=s.focus,m=s.textareaRef,f=o().sendUploadMessage,p=r({state:u,dispatch:l,textareaRef:m,focus:c,sendUploadMessage:f}),x=p.handleChange,h=p.handleSubmit,T=p.handleKeyDown,g=p.handlePasete,P=p.insertText,S=p.setText,j=p.setCursorPos,E=a({state:u,dispatch:l,textareaRef:m,insertText:P}),M=E.onSelectEmoji,R=E.sendFaceMessage;return e(e({},u),{handleChange:x,handleSubmit:h,handleKeyDown:T,handlePasete:g,onSelectEmoji:M,sendFaceMessage:R,sendUploadMessage:f,textareaRef:m,insertText:P,setText:S,focus:c,setCursorPos:j})};export{d as useMessageInputState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as t,__generator as e}from"tslib";import{
|
|
1
|
+
import{__awaiter as t,__generator as e}from"tslib";import{useCallback as n}from"react";import{CONSTANT_DISPATCH_TYPE as r,MESSAGE_TYPE_NAME as o,MESSAGE_OPERATE as a}from"../../../constants.js";import{useTUIKitContext as i}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{formatEmojiString as s}from"../../TUIMessage/utils/emojiMap.js";import{useHandleQuoteMessage as c}from"./useHandleQuoteMessage.js";var l=function(l){var f=l.state,d=l.dispatch;l.focus;var p=l.textareaRef,T=l.sendUploadMessage,v=i("useMessageInputText").tim,m=u(),g=m.sendMessage,x=m.createTextMessage,y=m.operateMessage,E=c().cloudCustomData,S=["Enter","NumpadEnter"],h=n((function(t){t.preventDefault(),t&&t.target&&d({type:r.SET_TEXT,getNewText:function(e){return t.target.value}})}),[v]),C=function(n){return t(void 0,void 0,void 0,(function(){var t,o,i;return e(this,(function(e){switch(e.label){case 0:return null==n||n.preventDefault(),f.text?(t={payload:{text:s(f.text)}},E.messageReply&&(t.cloudCustomData=JSON.stringify(E)),o=x(t),[4,g(o)]):[2];case 1:return e.sent(),d({getNewText:function(t){return""},type:r.SET_TEXT}),y(((i={})[a.QUOTE]=null,i)),[2]}}))}))},D=n((function(t){!(null==t?void 0:t.ctrlKey)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&(null==t||t.preventDefault(),C(t)),(null==t?void 0:t.ctrlKey)&&S.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&d({type:r.SET_TEXT,getNewText:function(t){return"".concat(t,"\n")}})}),[C,d]),M=n((function(n){return t(void 0,void 0,void 0,(function(){var t,a,i;return e(this,(function(e){return n.preventDefault(),n.clipboardData&&n.clipboardData.items?(t=n.clipboardData,a=t.types,i=t.items,a.find((function(t,e){var n=i[e];switch(t){case"text/plain":return n.getAsString((function(t){d({type:r.SET_TEXT,getNewText:function(e){return"".concat(e).concat(t)}})})),!0;case"Files":var a=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&T({file:a},o.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[p]),_=n((function(t){var e;d({type:r.SET_TEXT,getNewText:function(e){return"".concat(e.slice(0,f.cursorPos.start)).concat(t).concat(e.slice(f.cursorPos.start))}}),d({type:r.SET_CURSOR_POS,value:{start:f.cursorPos.start+t.length,end:f.cursorPos.end+t.length}}),null===(e=null==p?void 0:p.current)||void 0===e||e.focus()}),[p,f]),w=n((function(t){var e;d({type:r.SET_TEXT,getNewText:function(){return"".concat(t)}}),null===(e=null==p?void 0:p.current)||void 0===e||e.focus()}),[p]),j=n((function(t){d({type:r.SET_CURSOR_POS,value:t})}),[p]);return{handleChange:h,handleSubmit:C,handleKeyDown:D,handlePasete:M,insertText:_,setText:w,setCursorPos:j}};export{l as useMessageInputText};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as e}from"react";import{MESSAGE_TYPE_NAME as t}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatActionContext as
|
|
1
|
+
import{useCallback as e}from"react";import{MESSAGE_TYPE_NAME as t}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatActionContext as s}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";function o(o){var r,a=s(),n=a.sendMessage,i=a.createImageMessage,c=a.createVideoMessage,p=a.createFileMessage,g=a.updataUploadPenddingMessageList,m=((r={})[t.IMAGE]=i,r[t.VIDEO]=c,r[t.FILE]=p,r);return{sendUploadMessage:e((function(e,t){var s=m[t]({payload:e,onProgress:function(e){s.progress=e,g(s)}});n(s)}),[n])}}export{o as useUploadPicker};
|
|
@@ -3,9 +3,11 @@ import { Message } from 'tim-js-sdk';
|
|
|
3
3
|
import { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll.js';
|
|
4
4
|
|
|
5
5
|
interface MessageListProps extends InfiniteScrollProps {
|
|
6
|
+
className?: string;
|
|
6
7
|
messageList?: Array<Message>;
|
|
7
8
|
highlightedMessageId?: string;
|
|
9
|
+
intervalsTimer?: number;
|
|
8
10
|
}
|
|
9
11
|
declare function TUIMessageList(props: MessageListProps): React.ReactElement;
|
|
10
12
|
|
|
11
|
-
export { TUIMessageList };
|
|
13
|
+
export { MessageListProps, TUIMessageList };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__awaiter as t,__generator as
|
|
1
|
+
import{__assign as e,__awaiter as t,__generator as i}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import n,{useState as l,useEffect as r}from"react";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import{useTUIChatActionContext as m}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as c}from"../../context/ComponentContext.js";import d from"./hooks/useEnrichedMessageList.js";import h from"./hooks/useMessageListElement.js";import{InfiniteScroll as g}from"../InfiniteScrollPaginator/InfiniteScroll.js";import{EmptyStateIndicator as u}from"../EmptyStateIndicator/EmptyStateIndicator.js";function f(n){var f=this,v=n.messageList,p=n.highlightedMessageId,M=n.loadMore,I=n.intervalsTimer,T=l(null),L=T[0],x=T[1],j=l(!1),C=j[0],S=j[1],E=a("TUIMessageList"),U=E.messageList,b=E.highlightedMessageId,y=E.isCompleted,k=E.isSameLastMessageID,w=E.messageListRef,H=E.noMore,N=E.TUIMessageListConfig,V=m(),q=V.loadMore,A=V.setHighlightedMessageId,D=c(),P=D.TUIMessage,R=D.EmptyStateIndicator,z=void 0===R?u:R,B=p||(null==N?void 0:N.highlightedMessageId)||b,F=60*(I||(null==N?void 0:N.intervalsTimer)||30),G=d({messageList:v||(null==N?void 0:N.messageList)||U}).messageList,J=M||(null==N?void 0:N.loadMore)||q,K=h({enrichedMessageList:G,TUIMessage:P,intervalsTimer:F});return r((function(){t(f,void 0,void 0,(function(){var e,t,s,o,n;return i(this,(function(i){switch(i.label){case 0:return e=null===(n=null==L?void 0:L.parentElement)||void 0===n?void 0:n.parentElement,!y&&(null==e?void 0:e.clientHeight)>=(null==L?void 0:L.clientHeight)?[4,J()]:[3,2];case 1:i.sent(),i.label=2;case 2:return!(null==L?void 0:L.children)||C&&k||(t=(null==L?void 0:L.children)||[],s=t[t.length-1],o=setTimeout((function(){null==s||s.scrollIntoView({block:"end"}),S(!0),clearTimeout(o)}),100)),[2]}}))}))}),[K,C]),r((function(){if(B){var e=null==L?void 0:L.querySelector("[data-message-id='".concat(B,"']"));if(!e)return;var t=e.children[1].children;t[t.length-1].classList.add("high-lighted"),null==e||e.scrollIntoView({block:"center"});var i=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(i),A("")}),1e3)}}),[B]),o("div",e({className:"message-list ".concat(C?"":"hide"),ref:w},{children:[H,H&&s("p",e({className:"no-more"},{children:"no More"})),s(g,e({className:"message-list-infinite-scroll",hasMore:!0,loadMore:J,threshold:1},{children:s("ul",e({ref:x},{children:(null==K?void 0:K.length)>0?K:s(z,{listType:"message"})}))}))]}))}var v=n.memo(f);function p(t){return s(v,e({},t))}export{p as TUIMessageList};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useMemo as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as i,Fragment as t,jsx as r}from"react/jsx-runtime";import{useMemo as s}from"react";import{getTimeStamp as n}from"../../untils.js";function a(a){var m=a.enrichedMessageList,o=a.TUIMessage,l=a.intervalsTimer;return s((function(){return null==m?void 0:m.map((function(s,a){var c,u="".concat(JSON.stringify(s)).concat(a),d=a>0?null===(c=m[a-1])||void 0===c?void 0:c.time:-1,f=(null==s?void 0:s.time)||0;return i(t,{children:[-1!==d&&f-d>=l&&r("div",e({className:"message-list-time"},{children:f?n(1e3*f):0}),"".concat(f+a)),r("li",e({className:"message-list-item"},{children:r(o,{message:s})}),u)]})}))}),[m])}export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import r from"react";import{useMyProfile as e}from"./hooks/useMyProfile.js";import{TUIProfileDefault as t}from"./TUIProfileDefault.js";import{useTUIKitContext as i}from"../../context/TUIKitContext.js";import"tslib";function m(r){var m=r.className,f=r.TUIProfile,s=e(),a=s.myProfile,l=s.updateMyProfile;return i("TUIProfile").TUIProfileShow&&o(f||t,{className:m,userInfo:a,update:l})}var f=r.memo(m);export{f as TUIProfile};
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import r from"react";import{useMyProfile as e}from"./hooks/useMyProfile.js";import{TUIProfileDefault as t}from"./TUIProfileDefault.js";import{useTUIKitContext as i}from"../../context/TUIKitContext.js";import"tslib";import"../../context/TUIMessageContext.js";function m(r){var m=r.className,f=r.TUIProfile,s=e(),a=s.myProfile,l=s.updateMyProfile;return i("TUIProfile").TUIProfileShow&&o(f||t,{className:m,userInfo:a,update:l})}var f=r.memo(m);export{f as TUIProfile};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsx as t,jsxs as a}from"react/jsx-runtime";import i,{useState as n}from"react";import l from"react-date-picker";import r from"tim-js-sdk";import{useTUIKitContext as o}from"../../context/TUIKitContext.js";import{Avatar as c}from"../Avatar/Avatar.js";import{DivWithEdit as u}from"../DivWithEdit/DivWithEdit.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as s}from"../Icon/type.js";import{handleDisplayAvatar as m}from"../untils.js";var v,p=((v={})[r.TYPES.GENDER_UNKNOWN]="unknow",v[r.TYPES.GENDER_MALE]="male",v[r.TYPES.GENDER_FEMALE]="female",v),f=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],h=[{label:"Male",value:r.TYPES.GENDER_MALE},{label:"Female",value:r.TYPES.GENDER_FEMALE}];function g(i){var r,v,g=i.userInfo,N=i.className,E=i.update,k=o("TUIProfileDefault").setTUIProfileShow,b=n(""),D=b[0],y=b[1],w=[{name:"Signature",value:null==g?void 0:g.selfSignature,type:"text",children:null},{name:"Gender",value:null===(r=p[null==g?void 0:g.gender])||void 0===r?void 0:r.replace(p[null==g?void 0:g.gender][0],null===(v=p[null==g?void 0:g.gender][0])||void 0===v?void 0:v.toLocaleUpperCase()),type:"select",children:t("ul",e({className:"select-list"},{children:null==h?void 0:h.map((function(a,i){var n="".concat(a.value).concat(i);return t("li",e({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){S(a)}},{children:a.label}),n)}))}))},{name:"Birthday",value:null==g?void 0:g.birthday,type:"select",children:t(l,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){j(e)},value:function(e){if(8===(null==e?void 0:e.length)){var t=Number(e.slice(0,4)),a=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(t,a-1,i)}return new Date}("".concat(null==g?void 0:g.birthday))})}],I=function(e){y(e)},
|
|
1
|
+
import{__assign as e}from"tslib";import{jsx as t,jsxs as a}from"react/jsx-runtime";import i,{useState as n}from"react";import l from"react-date-picker";import r from"tim-js-sdk";import{useTUIKitContext as o}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{Avatar as c}from"../Avatar/Avatar.js";import{DivWithEdit as u}from"../DivWithEdit/DivWithEdit.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as s}from"../Icon/type.js";import{handleDisplayAvatar as m}from"../untils.js";var v,p=((v={})[r.TYPES.GENDER_UNKNOWN]="unknow",v[r.TYPES.GENDER_MALE]="male",v[r.TYPES.GENDER_FEMALE]="female",v),f=["https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png","https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png"],h=[{label:"Male",value:r.TYPES.GENDER_MALE},{label:"Female",value:r.TYPES.GENDER_FEMALE}];function g(i){var r,v,g=i.userInfo,N=i.className,E=i.update,k=o("TUIProfileDefault").setTUIProfileShow,b=n(""),D=b[0],y=b[1],w=[{name:"Signature",value:null==g?void 0:g.selfSignature,type:"text",children:null},{name:"Gender",value:null===(r=p[null==g?void 0:g.gender])||void 0===r?void 0:r.replace(p[null==g?void 0:g.gender][0],null===(v=p[null==g?void 0:g.gender][0])||void 0===v?void 0:v.toLocaleUpperCase()),type:"select",children:t("ul",e({className:"select-list"},{children:null==h?void 0:h.map((function(a,i){var n="".concat(a.value).concat(i);return t("li",e({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){S(a)}},{children:a.label}),n)}))}))},{name:"Birthday",value:null==g?void 0:g.birthday,type:"select",children:t(l,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){j(e)},value:function(e){if(8===(null==e?void 0:e.length)){var t=Number(e.slice(0,4)),a=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(t,a-1,i)}return new Date}("".concat(null==g?void 0:g.birthday))})}],I=function(e){y(e)},M=function(e){E(e),y("")},_=function(e){var t,a="";switch(null==e?void 0:e.name){case"nick":a="nick";break;case"Signature":a="selfSignature";break;default:return void y("")}var i=((t={})[a]=e.value,t);M(i)},S=function(e){M({gender:e.value})},j=function(e){var t,a,i,n;M({birthday:Number((t=e,a=t.getDate()>9?t.getDate():"0".concat(t.getDate()),i=t.getMonth()>8?t.getMonth()+1:"0".concat(t.getMonth()+1),n=t.getFullYear(),"".concat(n).concat(i).concat(a)))})};return a("div",e({className:"".concat(N," tui-profile")},{children:[a("header",e({className:"tui-profile-header"},{children:[t(d,{width:9,height:16,type:s.BACK,onClick:function(){k(!1)}}),t("h1",{children:"Personal information"})]})),a("main",e({className:"tui-profile-main"},{children:[t("div",e({className:"tui-profile-avatar"},{children:t(c,{image:m(null==g?void 0:g.avatar),size:94,update:function(e){M({avatar:e})},list:f})})),t(u,{name:"nick",className:"tui-profile-nick",value:null==g?void 0:g.nick,type:"text",toggle:I,isEdit:"nick"===D,confirm:_,close:function(){y("")}}),a("div",e({className:"tui-profile-ID"},{children:[t("h5",{children:"ID:"}),t("span",{children:null==g?void 0:g.userID})]}))]})),t("ul",e({className:"tui-profile-list"},{children:w.map((function(i){var n="".concat(i.name);return a("li",e({className:"tui-profile-list-item"},{children:[t("h4",{children:i.name}),t(u,e({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:i.name,value:null==i?void 0:i.value,type:i.type,toggle:I,isEdit:D===i.name,confirm:_,close:function(){y("")}},{children:null==i?void 0:i.children}))]}),n)}))}))]}))}var N=i.memo(g);function E(a){var i=e({},a);return t(N,e({},i))}export{E as TUIProfileDefault};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as t,__generator as n,__assign as
|
|
1
|
+
import{__awaiter as t,__generator as n,__assign as e}from"tslib";import{useState as r,useCallback as o,useEffect as i}from"react";import u from"tim-js-sdk";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function c(){var c=this,l=r(null),s=l[0],f=l[1],d=a("useMyProfile"),m=d.tim,v=d.myProfile,p=o((function(){return t(c,void 0,void 0,(function(){var t;return n(this,(function(n){switch(n.label){case 0:return v?(f(v),[3,3]):[3,1];case 1:return[4,null==m?void 0:m.getMyProfile()];case 2:t=n.sent(),f(null==t?void 0:t.data),n.label=3;case 3:return[2]}}))}))}),[m]),P=o((function(r){return t(c,void 0,void 0,(function(){var t,o;return n(this,(function(n){switch(n.label){case 0:return[4,null==m?void 0:m.updateMyProfile(r)];case 1:return t=n.sent(),o=e({},s),Object.keys(t.data).map((function(n){return o[n]=t.data[n],n})),f(o),[2,t]}}))}))}),[m]),E=function(t){console.log("onProfileUpdated",t.data)};return i((function(){return t(c,void 0,void 0,(function(){return n(this,(function(t){switch(t.label){case 0:return[4,p()];case 1:return t.sent(),[2]}}))})),null==m||m.on(u.EVENT.PROFILE_UPDATED,E),function(){null==m||m.off(u.EVENT.PROFILE_UPDATED,E)}}),[m]),{myProfile:s,updateMyProfile:P}}export{c as useMyProfile};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface ToastProps {
|
|
4
|
+
type?: 'info' | 'warn' | 'error';
|
|
5
|
+
text?: string;
|
|
6
|
+
time?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function Toast<T extends ToastProps>(props: React.PropsWithChildren<T>): void;
|
|
10
|
+
|
|
11
|
+
export { Toast };
|
package/dist/esm/constants.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e,t,E,s,
|
|
1
|
+
var e,t,E,S,s,o,T={typeC2C:"isC2C",typeGroup:"isGroup",cancel:"cancel",group:"GROUP",handleMessage:{revoke:"revoke",copy:"copy",delete:"delete",forward:"forward",reply:"reply"},at:"@",all:"所有人",typeForward:"forward",typeMute:"mute",typeOrder:"order",typeService:"consultion",typeReply:"quick_reply",typeEvaluate:"evaluation",typeTextLink:"text_link",typeAndroid:"android",typeIphone:"iphone",typeMini:"miniprogram",TYPE_TYPING:"user_typing_status",typeInputStatusIng:"EIMAMSG_InputStatus_Ing",typeInputStatusEnd:"EIMAMSG_InputStatus_End"};!function(e){e.RESET="reset",e.SET_CONVERSATION_PRPFILE="setConversationProfile",e.SET_MESSAGELIST="setMessageList",e.SET_UPDATE_MESSAGE="setUpdateMessage",e.SET_EDIT_MESSAGE="setEditMessage",e.SET_REMOVE_MESSAGE="setRemoveMessage",e.SET_HISTORY_MESSAGELIST="setHistoryMessageList",e.SET_NEXT_REQ_MESSAGE_ID="setNextReqMessageID",e.SET_IS_COMPLETE="setIsComplete",e.SET_TEXT="setText",e.SET_HIGH_LIGHTED_MESSAGE_ID="setHightLightedMessageID",e.OPERATE_MESSAGE="operateMessage",e.SET_NO_MORE="setNoMore",e.SET_CURSOR_POS="setCursorPos",e.SET_AUDIO_SOURCE="setAudioSource",e.SET_VIDEO_SOURCE="setVideoSource",e.UPDATE_UPLOAD_PENDDING_MESSAGE_LIST="updateUploadPenddingMessageList"}(e||(e={})),function(e){e[e.TEXT=1]="TEXT",e[e.CUSTOM=2]="CUSTOM",e[e.IMAGE=3]="IMAGE",e[e.AUDIO=4]="AUDIO",e[e.VIDEO=5]="VIDEO",e[e.FILE=6]="FILE",e[e.FACE=8]="FACE"}(t||(t={})),function(e){e.UNSEND="unSend",e.SUCCESS="success",e.FAIL="fail"}(E||(E={})),function(e){e.IN="in",e.OUT="out"}(S||(S={})),function(e){e.TEXT="text",e.CUSTOM="custom",e.IMAGE="image",e.AUDIO="audio",e.VIDEO="video",e.FILE="file",e.FACE="face"}(s||(s={})),function(e){e.REVOKE="revoke",e.QUOTE="quote",e.FORWARD="forward"}(o||(o={}));export{e as CONSTANT_DISPATCH_TYPE,S as MESSAGE_FLOW,o as MESSAGE_OPERATE,E as MESSAGE_STATUS,t as MESSAGE_TYPE,s as MESSAGE_TYPE_NAME,T as default};
|
|
@@ -8,7 +8,7 @@ interface UnknowPorps {
|
|
|
8
8
|
[propsName: string]: any;
|
|
9
9
|
}
|
|
10
10
|
interface ComponentContextValue {
|
|
11
|
-
TUIMessage?: React.ComponentType<TUIMessageProps>;
|
|
11
|
+
TUIMessage?: React.ComponentType<TUIMessageProps | UnknowPorps>;
|
|
12
12
|
TUIChatHeader?: React.ComponentType<TUIChatHeaderDefaultProps>;
|
|
13
13
|
EmptyStateIndicator?: React.ComponentType<EmptyStateIndicatorProps>;
|
|
14
14
|
TUIMessageInput?: React.ComponentType<UnknowPorps>;
|