@tencentcloud/chat-uikit-react 2.2.4 → 2.2.6
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/.babelrc +2 -2
- package/.eslintrc.js +141 -31
- package/.lintstagedrc.json +1 -1
- package/.stylelintrc.js +17 -18
- package/CHANGELOG.md +19 -2
- package/README.md +8 -8
- package/dist/cjs/assets/fonts/iconfont.ttf +0 -0
- package/dist/cjs/assets/fonts/iconfont.woff +0 -0
- package/dist/cjs/assets/fonts/iconfont.woff2 +0 -0
- package/dist/cjs/components/Avatar/Avatar.d.ts +4 -4
- package/dist/cjs/components/Checkbox/index.d.ts +2 -2
- 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/ConversationListContainer.d.ts +2 -2
- package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts +8 -8
- package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
- package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
- package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
- package/dist/cjs/components/ConversationPreview/utils.js +1 -1
- package/dist/cjs/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
- package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/cjs/components/Icon/Icon.d.ts +3 -3
- package/dist/cjs/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
- package/dist/cjs/components/Input/Input.d.ts +4 -4
- package/dist/cjs/components/Model/index.d.ts +2 -2
- package/dist/cjs/components/Plugins/index.d.ts +4 -4
- package/dist/cjs/components/Popup/index.d.ts +2 -2
- package/dist/cjs/components/Switch/Switch.d.ts +2 -2
- package/dist/cjs/components/TUIChat/TUIChat.d.ts +12 -12
- package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
- package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts +5 -5
- package/dist/cjs/components/TUIChatHeader/TUIChatHeader.js +1 -1
- package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +5 -5
- package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContact.d.ts +3 -3
- package/dist/cjs/components/TUIContact/TUIContact.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
- package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
- package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
- package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
- package/dist/cjs/components/TUIContact/hooks/useTUIContact.js +1 -1
- package/dist/cjs/components/TUIContactSearch/TUIContactSearch.js +1 -1
- package/dist/cjs/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
- package/dist/cjs/components/TUIConversation/TUIConversation.d.ts +2 -2
- package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +6 -6
- package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/cjs/components/TUIManage/TUIManage.d.ts +2 -2
- 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 -1
- package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageContext.d.ts +2 -2
- package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
- package/dist/cjs/components/TUIMessage/MessagePlugins.d.ts +4 -4
- package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -1
- 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 +19 -19
- 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/useMessageReply.js +1 -1
- package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
- 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 +7 -7
- package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
- package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.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/useMessageInputText.js +1 -1
- package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
- package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts +2 -2
- 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.d.ts +3 -3
- package/dist/cjs/components/TUIProfile/TUIProfile.js +1 -1
- package/dist/cjs/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
- package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/cjs/components/Toast/index.d.ts +2 -2
- package/dist/cjs/context/ComponentContext.d.ts +12 -12
- package/dist/cjs/context/LanguageContext.js +1 -0
- package/dist/cjs/context/TUIChatActionContext.d.ts +3 -3
- package/dist/cjs/context/TUIChatStateContext.d.ts +5 -5
- package/dist/cjs/context/TUIContactContext.d.ts +4 -4
- package/dist/cjs/context/TUIConversationContext.js +1 -1
- package/dist/cjs/context/TUIMessageContext.d.ts +17 -17
- package/dist/cjs/context/TUIMessageInputContext.d.ts +4 -4
- package/dist/cjs/context/ThemeContext.js +1 -0
- package/dist/cjs/context/UIKitContext.d.ts +25 -0
- package/dist/cjs/context/UIKitContext.js +1 -0
- package/dist/cjs/context/UIManagerContext.d.ts +46 -0
- package/dist/cjs/context/UIManagerContext.js +1 -0
- package/dist/cjs/hooks/useConversation.d.ts +2 -2
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.d.css +984 -1039
- package/dist/cjs/index.d.ts +2 -4
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/locales/en-US/TUIGlobal.js +1 -0
- package/dist/cjs/locales/en-US/index.js +1 -1
- package/dist/cjs/locales/ja-JP/TUIGlobal.js +1 -0
- package/dist/cjs/locales/ja-JP/index.js +1 -1
- package/dist/cjs/locales/ko-KR/TUIGlobal.js +1 -0
- package/dist/cjs/locales/ko-KR/index.js +1 -1
- package/dist/cjs/locales/zh-CN/TUIGlobal.js +1 -0
- package/dist/cjs/locales/zh-CN/index.js +1 -1
- package/dist/esm/assets/fonts/iconfont.ttf +0 -0
- package/dist/esm/assets/fonts/iconfont.woff +0 -0
- package/dist/esm/assets/fonts/iconfont.woff2 +0 -0
- package/dist/esm/components/Avatar/Avatar.d.ts +4 -4
- package/dist/esm/components/Checkbox/index.d.ts +2 -2
- 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/ConversationListContainer.d.ts +2 -2
- package/dist/esm/components/ConversationPreview/ConversationPreview.d.ts +8 -8
- package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
- package/dist/esm/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
- package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
- package/dist/esm/components/ConversationPreview/utils.js +1 -1
- package/dist/esm/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
- package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
- package/dist/esm/components/Icon/Icon.d.ts +3 -3
- package/dist/esm/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
- package/dist/esm/components/Input/Input.d.ts +4 -4
- package/dist/esm/components/Model/index.d.ts +2 -2
- package/dist/esm/components/Plugins/index.d.ts +4 -4
- package/dist/esm/components/Popup/index.d.ts +2 -2
- package/dist/esm/components/Switch/Switch.d.ts +2 -2
- package/dist/esm/components/TUIChat/TUIChat.d.ts +12 -12
- package/dist/esm/components/TUIChat/TUIChat.js +1 -1
- package/dist/esm/components/TUIChatHeader/TUIChatHeader.d.ts +5 -5
- package/dist/esm/components/TUIChatHeader/TUIChatHeader.js +1 -1
- package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +5 -5
- package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
- package/dist/esm/components/TUIContact/TUIContact.d.ts +3 -3
- package/dist/esm/components/TUIContact/TUIContact.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
- package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
- package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
- package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
- package/dist/esm/components/TUIContact/hooks/useTUIContact.js +1 -1
- package/dist/esm/components/TUIContactSearch/TUIContactSearch.js +1 -1
- package/dist/esm/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
- package/dist/esm/components/TUIConversation/TUIConversation.d.ts +2 -2
- package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +6 -6
- package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
- package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
- package/dist/esm/components/TUIManage/TUIManage.d.ts +2 -2
- 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 -1
- package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
- package/dist/esm/components/TUIMessage/MessageContext.d.ts +2 -2
- package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
- package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
- package/dist/esm/components/TUIMessage/MessageName.js +1 -1
- package/dist/esm/components/TUIMessage/MessagePlugins.d.ts +4 -4
- package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
- package/dist/esm/components/TUIMessage/MessageProgress.js +1 -1
- 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 +19 -19
- 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/useMessageReply.js +1 -1
- package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
- 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 +7 -7
- package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
- package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
- package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.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/useMessageInputText.js +1 -1
- package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
- package/dist/esm/components/TUIMessageList/TUIMessageList.d.ts +2 -2
- 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.d.ts +3 -3
- package/dist/esm/components/TUIProfile/TUIProfile.js +1 -1
- package/dist/esm/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
- package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
- package/dist/esm/components/Toast/index.d.ts +2 -2
- package/dist/esm/context/ComponentContext.d.ts +12 -12
- package/dist/esm/context/LanguageContext.js +1 -0
- package/dist/esm/context/TUIChatActionContext.d.ts +3 -3
- package/dist/esm/context/TUIChatStateContext.d.ts +5 -5
- package/dist/esm/context/TUIContactContext.d.ts +4 -4
- package/dist/esm/context/TUIConversationContext.js +1 -1
- package/dist/esm/context/TUIMessageContext.d.ts +17 -17
- package/dist/esm/context/TUIMessageInputContext.d.ts +4 -4
- package/dist/esm/context/ThemeContext.js +1 -0
- package/dist/esm/context/UIKitContext.d.ts +25 -0
- package/dist/esm/context/UIKitContext.js +1 -0
- package/dist/esm/context/UIManagerContext.d.ts +46 -0
- package/dist/esm/context/UIManagerContext.js +1 -0
- package/dist/esm/hooks/useConversation.d.ts +2 -2
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.d.css +984 -1039
- package/dist/esm/index.d.ts +2 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/locales/en-US/TUIGlobal.js +1 -0
- package/dist/esm/locales/en-US/index.js +1 -1
- package/dist/esm/locales/ja-JP/TUIGlobal.js +1 -0
- package/dist/esm/locales/ja-JP/index.js +1 -1
- package/dist/esm/locales/ko-KR/TUIGlobal.js +1 -0
- package/dist/esm/locales/ko-KR/index.js +1 -1
- package/dist/esm/locales/zh-CN/TUIGlobal.js +1 -0
- package/dist/esm/locales/zh-CN/index.js +1 -1
- package/package.json +9 -7
- package/rollup.config.js +13 -2
- package/src/assets/fonts/iconfont.ttf +0 -0
- package/src/assets/fonts/iconfont.woff +0 -0
- package/src/assets/fonts/iconfont.woff2 +0 -0
- package/src/components/ConversationCreate/ConversationCreatGroupDetail.tsx +4 -4
- package/src/components/ConversationCreate/ConversationCreate.tsx +2 -2
- package/src/components/ConversationCreate/ConversationCreateUserSelectList.tsx +3 -2
- package/src/components/ConversationCreate/styles/ConversationCreatGroupDetail.scss +16 -7
- package/src/components/ConversationCreate/styles/index.scss +23 -13
- package/src/components/ConversationPreview/ConversationPreview.tsx +21 -21
- package/src/components/ConversationPreview/ConversationPreviewContent.tsx +4 -4
- package/src/components/ConversationPreview/styles/index.scss +44 -14
- package/src/components/ConversationPreview/utils.tsx +36 -28
- package/src/components/Input/styles/index.scss +7 -5
- package/src/components/Model/styles/layout.scss +3 -3
- package/src/components/Plugins/styles/color.scss +17 -3
- package/src/components/Popup/styles/layout.scss +2 -1
- package/src/components/TUIChat/TUIChat.tsx +4 -3
- package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +3 -3
- package/src/components/TUIChatHeader/styles/layout.scss +13 -2
- package/src/components/TUIContact/TUIContact.tsx +2 -2
- package/src/components/TUIContact/TUIContactInfo/TUIContactInfo.tsx +2 -2
- package/src/components/TUIContact/TUIContactInfo/basicInfo.tsx +2 -2
- package/src/components/TUIContact/TUIContactInfo/blockInfo.tsx +2 -2
- package/src/components/TUIContact/TUIContactInfo/friendApplication.tsx +2 -2
- package/src/components/TUIContact/TUIContactInfo/friendInfo.tsx +4 -3
- package/src/components/TUIContact/TUIContactInfo/groupInfo.tsx +3 -3
- package/src/components/TUIContact/TUIContactInfo/hooks/useContactInfo.tsx +2 -2
- package/src/components/TUIContact/TUIContactList/TUIContactList.tsx +5 -5
- package/src/components/TUIContact/hooks/useTUIContact.tsx +2 -2
- package/src/components/TUIContactSearch/TUIContactSearch.tsx +2 -2
- package/src/components/TUIContactSearch/hooks/useContactSearch.tsx +2 -2
- package/src/components/TUIConversationList/TUIConversationList.tsx +3 -4
- package/src/components/TUIConversationList/hooks/useConversationUpdate.tsx +2 -2
- package/src/components/TUIConversationList/index.scss +25 -7
- package/src/components/TUIManage/TUIManage.tsx +3 -3
- package/src/components/TUIManage/styles/index.scss +16 -6
- package/src/components/TUIMessage/MessageStatus.tsx +2 -2
- package/src/components/TUIMessage/MessageText.tsx +16 -15
- package/src/components/TUIMessage/hooks/useMessageHandler.ts +2 -2
- package/src/components/TUIMessage/hooks/useMessageReply.ts +2 -2
- package/src/components/TUIMessage/styles/color.scss +20 -9
- package/src/components/TUIMessage/styles/layout.scss +44 -11
- package/src/components/TUIMessageInput/TUIMessageInput.tsx +1 -1
- package/src/components/TUIMessageInput/hooks/useHandleForwardMessage.tsx +2 -2
- package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +2 -2
- package/src/components/TUIMessageInput/styles/color.scss +25 -6
- package/src/components/TUIMessageInput/styles/layout.scss +58 -16
- package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +2 -2
- package/src/components/TUIMessageList/styles/layout.scss +16 -2
- package/src/components/TUIProfile/TUIProfile.tsx +3 -3
- package/src/components/TUIProfile/TUIProfileDefault.tsx +2 -2
- package/src/components/TUIProfile/styles/layout.scss +33 -16
- package/src/components/index.ts +0 -1
- package/src/context/LanguageContext.tsx +59 -0
- package/src/context/ThemeContext.tsx +61 -0
- package/src/context/UIKitContext.tsx +67 -0
- package/src/context/UIManagerContext.tsx +163 -0
- package/src/context/index.ts +3 -2
- package/src/locales/en-US/index.ts +1 -1
- package/src/locales/ja-JP/index.ts +2 -0
- package/src/locales/ko-KR/TUIGlobal.ts +2 -2
- package/src/locales/ko-KR/index.ts +2 -0
- package/src/locales/zh-CN/index.ts +2 -2
- package/src/styles/colors/_color-dark.scss +35 -0
- package/src/styles/colors/_color-light.scss +35 -0
- package/src/styles/colors/_color-theme.scss +54 -0
- package/src/styles/fonts/icon-font.scss +18 -0
- package/src/styles/index.scss +4 -0
- package/src/styles/normalize.scss +355 -0
- package/dist/cjs/components/Icon/images/chats-selected.svg.js +0 -1
- package/dist/cjs/components/Icon/images/chats.svg.js +0 -1
- package/dist/cjs/components/Icon/images/contacts-selected.svg.js +0 -1
- package/dist/cjs/components/Icon/images/contacts.svg.js +0 -1
- package/dist/cjs/components/TUIKit/TUIKit.d.ts +0 -12
- package/dist/cjs/components/TUIKit/TUIKit.js +0 -1
- package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
- package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
- package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
- package/dist/cjs/components/TUIKit/hooks/useTUIKit.js +0 -1
- package/dist/cjs/context/TUIKitContext.d.ts +0 -25
- package/dist/cjs/context/TUIKitContext.js +0 -1
- package/dist/esm/components/Icon/images/chats-selected.svg.js +0 -1
- package/dist/esm/components/Icon/images/chats.svg.js +0 -1
- package/dist/esm/components/Icon/images/contacts-selected.svg.js +0 -1
- package/dist/esm/components/Icon/images/contacts.svg.js +0 -1
- package/dist/esm/components/TUIKit/TUIKit.d.ts +0 -12
- package/dist/esm/components/TUIKit/TUIKit.js +0 -1
- package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
- package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
- package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
- package/dist/esm/components/TUIKit/hooks/useTUIKit.js +0 -1
- package/dist/esm/context/TUIKitContext.d.ts +0 -25
- package/dist/esm/context/TUIKitContext.js +0 -1
- package/src/components/TUIKit/TUIKit.tsx +0 -228
- package/src/components/TUIKit/hooks/useCreateTUIKitContext.tsx +0 -48
- package/src/components/TUIKit/hooks/useTUIKit.tsx +0 -99
- package/src/components/TUIKit/index.ts +0 -3
- package/src/components/TUIKit/styles/h5.scss +0 -34
- package/src/components/TUIKit/styles/index.scss +0 -112
- package/src/components/TUIKit/styles/reset.scss +0 -67
- package/src/context/TUIKitContext.tsx +0 -39
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Conversation } from '@tencentcloud/chat';
|
|
3
3
|
import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
|
|
4
4
|
import { ConversationListContainerProps } from '../ConversationPreview/ConversationListContainer.js';
|
|
@@ -8,12 +8,12 @@ interface Props {
|
|
|
8
8
|
filters?: object;
|
|
9
9
|
sort?: object;
|
|
10
10
|
options?: object;
|
|
11
|
-
Preview?:
|
|
12
|
-
Container?:
|
|
13
|
-
onConversationListUpdated?: (setConversationList:
|
|
11
|
+
Preview?: React__default.ComponentType<ConversationPreviewUIComponentProps>;
|
|
12
|
+
Container?: React__default.ComponentType<ConversationListContainerProps>;
|
|
13
|
+
onConversationListUpdated?: (setConversationList: React__default.Dispatch<React__default.SetStateAction<Array<Conversation>>>, event: () => void) => void;
|
|
14
14
|
filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
|
|
15
15
|
}
|
|
16
|
-
declare function UnMemoTUIConversationList<T extends Props>(props: T):
|
|
17
|
-
declare const TUIConversationList:
|
|
16
|
+
declare function UnMemoTUIConversationList<T extends Props>(props: T): React__default.ReactElement;
|
|
17
|
+
declare const TUIConversationList: React__default.MemoExoticComponent<typeof UnMemoTUIConversationList>;
|
|
18
18
|
|
|
19
19
|
export { TUIConversationList, UnMemoTUIConversationList };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-i18next"),o=require("../../context/UIKitContext.js"),s=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var i=require("../../utils/env.js"),a=require("./hooks/useConversationList.js"),v=require("../ConversationPreview/ConversationPreview.js");require("@tencentcloud/chat-uikit-engine");var u=require("../Icon/Icon.js"),c=require("../Icon/type.js");require("@tencentcloud/chat");var l=require("../../context/TUIConversationContext.js"),C=require("../ConversationPreview/ConversationListContainer.js"),h=require("../ConversationSearch/ConversationSearchInput.js"),d=require("../ConversationSearch/ConversationSearchResult.js"),j=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var x=require("../ConversationPreview/utils.js"),I=require("./hooks/useConversationUpdate.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(p){var f=p.Preview,g=p.Container,q=void 0===g?C.ConversationListContainer:g,S=p.onConversationListUpdated,w=p.filterConversation,U=p.componentVisibleOptions,_=void 0===U?{isProfileShow:!0,isSearchInputShow:!0,isContainerShow:!0}:U;r.useTranslation().t;var m=o.useUIKit().chat,L=s.useUIManager(),T=L.customClasses,P=L.conversation,y=L.setActiveConversation;L.setTUIProfileShow;var N=l.useTUIConversationContext("TUIConversationList").filterConversation,b=w||N,M=t.useState(0),R=M[0],k=M[1],A=a(m,(function(e,n){e.length}),b),D=A.conversationList,E=A.setConversationList;I.useConversationUpdate(E,S,(function(){return k((function(e){return e+1}))}),b);var F=t.useState(""),O=F[0],K=F[1],V=t.useState(D),G=V[0],H=V[1],z=t.useState(!1),B=z[0],J=z[1],Q=t.useState(""),W=Q[0],X=Q[1],Y=t.useRef(null);return n.jsx("div",e.__assign({className:"tui-conversation ".concat(i.isH5?"tui-conversation-h5":""," ").concat(T||""," "),ref:Y},{children:B?n.jsx(j.ConversationCreate,{conversationList:D,setConversationCreated:J}):n.jsxs(n.Fragment,{children:[_.isSearchInputShow&&n.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[n.jsx(h.ConversationSearchInput,{value:O,clearable:!0,onChange:function(e){var n,t;if(K(null===(n=e.target)||void 0===n?void 0:n.value),null===(t=e.target)||void 0===t?void 0:t.value){var r=D.filter((function(n){var t;return x.getDisplayTitle(n).toLocaleLowerCase().includes(null===(t=e.target)||void 0===t?void 0:t.value.toLocaleLowerCase())}));H(r)}else H([])}}),n.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:n.jsx(u.Icon,{onClick:function(){K(""),J(!0)},type:c.IconTypes.CREATE,height:24,width:24})}))]})),_.isContainerShow&&n.jsx(q,e.__assign({setConversationList:E},{children:0===D.length?n.jsxs("div",e.__assign({className:"no-result"},{children:[n.jsx(u.Icon,{className:"no-result-icon",type:c.IconTypes.EFFORT,width:42,height:42}),n.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):O?n.jsx(d.ConversationSearchResult,{Preview:f,searchValue:O,result:G}):D.map((function(t){var r={activeConversation:P,conversation:t,setActiveConversation:y,Preview:f,conversationUpdateCount:R,activeConversationID:W,setActiveConversationID:X};return n.jsx(v.ConversationPreview,e.__assign({},r),t.conversationID)}))}))]})}))}var g=p(t).default.memo(f);exports.TUIConversationList=g,exports.UnMemoTUIConversationList=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),n=require("../../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),n=require("../../../context/UIKitContext.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine"),require("../../../context/TUIMessageContext.js");var u=r(t);exports.useConversationUpdate=function(t,r,i,o){var a=n.useUIKit().chat;e.useEffect((function(){var e=function(e){t&&t(o?o(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),r&&"function"==typeof r&&t&&r(t,e)};return null==a||a.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==a||a.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[a,r])};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
|
|
3
|
-
declare function UnMemoizedTUIManage<T>():
|
|
3
|
+
declare function UnMemoizedTUIManage<T>(): React__default.ReactElement;
|
|
4
4
|
declare const TUIManage: typeof UnMemoizedTUIManage;
|
|
5
5
|
|
|
6
6
|
export { TUIManage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("react-i18next"),a=require("../Icon/Icon.js"),t=require("../Icon/type.js"),r=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),c=require("../Switch/Switch.js"),l=require("../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("react-i18next"),a=require("../Icon/Icon.js"),t=require("../Icon/type.js"),r=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),c=require("../Switch/Switch.js"),u=require("../../context/UIKitContext.js"),l=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var d=require("../../utils/env.js"),v=require("../ConversationPreview/utils.js"),g=require("../TUIConversationList/hooks/useConversationUpdate.js"),h=require("../../hooks/useConversation.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(){var j=i.useTranslation().t,m=s.useState(),x=m[0],I=m[1],_=s.useState(),f=_[0],C=_[1],p=s.useState(!1),q=p[0],U=p[1],N=s.useState(0),T=N[0],k=N[1],D=u.useUIKit().chat,A=l.useUIManager(),S=A.conversation,w=A.setActiveConversation,y=A.TUIManageShow,M=A.setTUIManageShow;g.useConversationUpdate(void 0,(function(){k((function(e){return e+1}))}));var P=h.useConversation(D),b=P.pinConversation,K=P.deleteConversation,L=function(){M&&M(!1)};return s.useEffect((function(){I(S),S&&C(v.getMessageProfile(S)),U(!!S&&S.isPinned)}),[S,T]),y&&S&&n.jsxs("div",e.__assign({className:"tui-manage ".concat(d.isH5?"tui-h5-manage":"")},{children:[n.jsxs("div",e.__assign({className:"tui-manage-title"},{children:[d.isPC&&n.jsx(a.Icon,{onClick:L,type:t.IconTypes.CANCEL,width:9,height:16}),d.isH5&&n.jsx(a.Icon,{onClick:L,type:t.IconTypes.BACK,width:9,height:16}),n.jsx("span",e.__assign({style:{marginLeft:"10px"}},{children:j("TUIConversation.Conversation Information")}))]})),n.jsxs("div",e.__assign({className:"tui-manage-container"},{children:[n.jsxs("div",e.__assign({className:"tui-manage-info"},{children:[n.jsx("div",e.__assign({className:"info-avatar"},{children:n.jsx(r.Avatar,{size:64,image:(null==f?void 0:f.avatar)||((null==f?void 0:f.groupID)?o.defaultGroupAvatarWork:o.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==f?void 0:f.nick)||(null==f?void 0:f.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==f?void 0:f.userID)||(null==f?void 0:f.groupID)]}))]})),n.jsxs("div",e.__assign({className:"tui-manage-handle"},{children:[n.jsxs("div",e.__assign({className:"manage-handle-box"},{children:[n.jsx("div",e.__assign({className:"manage-handle-title"},{children:j("TUIConversation.Pin")})),n.jsx(c.Switch,{onChange:function(e){!function(e){U(e.target.checked),(null==x?void 0:x.conversationID)&&b({conversationID:x.conversationID,isPinned:e.target.checked})}(e)},checked:q})]})),d.isPC&&n.jsx("div",e.__assign({className:"manage-handle-box",role:"presentation",onClick:function(){(null==x?void 0:x.conversationID)&&K(x.conversationID),w(void 0)}},{children:n.jsx("div",e.__assign({className:"manage-handle-title red"},{children:j("TUIConversation.Delete")}))}))]}))]}))]}))}var x=j(s).default.memo(m);exports.TUIManage=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var c=require("../Icon/Icon.js"),s=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(i){var a=i.context,o=i.message,l=i.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,x=n.useState(0),f=x[0],p=x[1],m=n.useRef(null),g=n.useState(!1),j=g[0],h=g[1],C=n.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),q()))}),[m,v]),I=function(){h(!1)},q=function(){d&&d(null),m.current&&(m.current.currentTime=0),I()};return n.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",I),m.current.addEventListener("ended",q),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",I),m.current.removeEventListener("ended",q))}}),[m]),t.jsxs("div",e.__assign({className:"message-audio"},{children:[t.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==o?void 0:o.flow)},{children:[t.jsx(c.Icon,{className:"".concat(null==o?void 0:o.flow," ").concat(j?"playing":""),type:s.IconTypes.VOICE,width:16,height:16,onClick:C}),t.jsx("span",{children:"".concat(f,"s")})]})),t.jsx("audio",e.__assign({src:null==a?void 0:a.url,ref:m,controls:!0,className:"message-audio-none"},{children:t.jsx("track",{kind:"captions"})})),l]}))}var o=i(n).default.memo(a);exports.MessageAudio=function(n){return t.jsx(o,e.__assign({},n))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react");var r=require("../../context/TUIMessageContext.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIMessageContext.js"),t=require("../Avatar/Avatar.js"),a=require("../untils.js");exports.MessageAvatar=function(s){s.className;var i=s.CustomAvatar,u=s.message,n=s.showType;return(n===r.messageShowType.ALL||(null==u?void 0:u.flow)===n)&&n!==r.messageShowType.NONE?i||e.jsx(t.Avatar,{size:32,image:a.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("@tencentcloud/chat"),a=require("../../constants.js"),i=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var u=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("./hooks/useMessageReply.js"),c=require("./MessageProgress.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(t),x=d(n);function b(n){var d=n.message,g=n.children,b=n.Context,m=n.Plugins,v=t.useState(!1),S=v[0],j=v[1],I=o.useMessageReply({message:d}),_=I.messageReply,h=I.replyMessage,f=I.sender,M=l.useTUIChatActionContext(),p=M.setHighlightedMessageId,E=M.setActiveMessageID,q=i.useTUIChatStateContext("MessageBubbleWithContext").activeMessageID;t.useEffect((function(){q!==(null==d?void 0:d.ID)&&j(!1)}),[q]);return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==d?void 0:d.flow),role:"button",tabIndex:0,onMouseEnter:function(){E&&d&&E(null==d?void 0:d.ID),j(!0)},onMouseLeave:function(){E&&d&&E(d.ID),j(!1)},onClick:function(){E&&d&&E(d.ID)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n ".concat(_?"meesage-bubble-reply meesage-bubble-reply-".concat(null==d?void 0:d.flow):"","\n ").concat((null==d?void 0:d.type)!==x.default.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_FILE||(null==d?void 0:d.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[_&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){p&&p(null==h?void 0:h.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:f})),b&&s.jsx(b,{message:h})]})),g,s.jsx(c.MessageProgress,{message:d})]})),m&&s.jsx("div",e.__assign({className:"message-plugin"},{children:S&&s.jsx(m,{message:d})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==d?void 0:d.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==d?void 0:d.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(u.Icon,{width:10,height:10,type:r.IconTypes.PROGRESS})]}))]}))}var m=g.default.memo(b);exports.MessageBubble=function(t){return s.jsx(m,e.__assign({},t))};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Message } from '@tencentcloud/chat';
|
|
3
3
|
|
|
4
4
|
interface MessageContextProps {
|
|
5
5
|
message?: Message;
|
|
6
6
|
}
|
|
7
|
-
declare function MessageContext(props: MessageContextProps):
|
|
7
|
+
declare function MessageContext(props: MessageContextProps): React__default.ReactElement;
|
|
8
8
|
|
|
9
9
|
export { MessageContext, MessageContextProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/chat"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/chat"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),i=require("./MessageFace.js"),n=require("./MessageFile.js"),M=require("./MessageImage.js"),l=require("./MessageLocation.js"),o=require("./MessageMerger.js"),E=require("./MessageText.js"),g=require("./MessageVideo.js");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core");var S=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageContextHandler.js"),c=require("./MessageStatus.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,q=T(t),_=T(a),m=((f={})[_.default.TYPES.MSG_TEXT]=E.MessageText,f[_.default.TYPES.MSG_FACE]=i.MessageFace,f[_.default.TYPES.MSG_IMAGE]=M.MessageImage,f[_.default.TYPES.MSG_AUDIO]=r.MessageAudio,f[_.default.TYPES.MSG_VIDEO]=g.MessageVideo,f[_.default.TYPES.MSG_FILE]=n.MessageFile,f[_.default.TYPES.MSG_CUSTOM]=u.MessageCustom,f[_.default.TYPES.MSG_MERGER]=o.MessageMerger,f[_.default.TYPES.MSG_LOCATION]=l.MessageLocation,f);function G(t){var a,r=t.message,u=d.useMessageContextHandler({message:r}).context,i=S.useTUIMessageContext("MessageCustom"),n=i.CustemElement,M=i.TextElement,l=i.FaceElement,o=i.ImageElement,E=i.AudioElement,g=i.VideoElement,T=i.FileElement,f=i.MergerElement,q=i.LocationElement,G=((a={})[_.default.TYPES.MSG_TEXT]=M,a[_.default.TYPES.MSG_FACE]=l,a[_.default.TYPES.MSG_IMAGE]=o,a[_.default.TYPES.MSG_AUDIO]=E,a[_.default.TYPES.MSG_VIDEO]=g,a[_.default.TYPES.MSG_FILE]=T,a[_.default.TYPES.MSG_CUSTOM]=n,a[_.default.TYPES.MSG_MERGER]=f,a[_.default.TYPES.MSG_LOCATION]=q,a),j=(null==r?void 0:r.type)&&(G[r.type]||m[r.type]);return j&&s.jsx(j,e.__assign({context:u,message:r},{children:s.jsx(c.MessageStatus,{message:r})}))}var j=q.default.memo(G);exports.MessageContext=function(t){return s.jsx(j,e.__assign({},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/chat"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/chat"),u=require("react-i18next"),i=require("../untils.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/TUIMessageContext.js");var a=require("../../context/ComponentContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(r),s=l(n);function c(r){var n=r.context,l=r.message,o=r.children,c=u.useTranslation().t,d=a.useComponentContext().MessageCustomPlugins;return t.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(null==l?void 0:l.flow," ").concat((null==l?void 0:l.conversationType)===s.default.TYPES.CONV_GROUP?"group":"")},{children:[function(r){if("Hyperlink"===r.data){var n=i.JSONStringToParse(null==r?void 0:r.extension);if(null==n?void 0:n.item)return null==n?void 0:n.item.map((function(r){return t.jsx("a",e.__assign({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==n?void 0:n.hyperlinks_text){var u=n.hyperlinks_text;return t.jsxs(t.Fragment,{children:[n.title," ",t.jsx("a",e.__assign({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}if("group_create"===r.data)return"".concat((null==l?void 0:l.nick)||(null==l?void 0:l.from)," Create a group");var a=i.JSONStringToParse(r.data);return 1!==(null==a?void 0:a.chatbotPlugin)||15!==(null==a?void 0:a.src)||"welcome_msg"!==(null==a?void 0:a.subtype)&&"clarify_msg"!==(null==a?void 0:a.subtype)?"[".concat(c("TUIChat.Custom message"),"]"):t.jsx(d,{data:i.JSONStringToParse(r.data).content})}(null==n?void 0:n.custom),o]}))}var d=o.default.memo(c);exports.MessageCustom=function(r){return t.jsx(d,e.__assign({},r))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIMessageContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);exports.MessageName=function(r){r.className;var s=r.CustomName,a=r.message,u=r.showType;return(u===n.messageShowType.ALL||(null==a?void 0:a.flow)===u)&&(null==a?void 0:a.conversationType)===i.default.TYPES.CONV_GROUP&&u!==n.messageShowType.NONE?s||t.jsx("label",e.__assign({htmlFor:"content",className:"text-ellipsis name"},{children:(null==a?void 0:a.nick)||(null==a?void 0:a.from)})):t.jsx(t.Fragment,{})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
2
|
+
import _tencentcloud_chat from '@tencentcloud/chat';
|
|
3
3
|
import { PluginsProps } from '../Plugins/index.js';
|
|
4
4
|
|
|
5
5
|
declare enum PluginsNameEnum {
|
|
@@ -13,12 +13,12 @@ declare enum PluginsNameEnum {
|
|
|
13
13
|
type MessagePluginConfigProps = {
|
|
14
14
|
[propsName in PluginsNameEnum]?: {
|
|
15
15
|
isShow?: boolean;
|
|
16
|
-
relateMessageType?:
|
|
16
|
+
relateMessageType?: _tencentcloud_chat.TYPES[];
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
19
|
interface MessagePluginsProps extends PluginsProps {
|
|
20
20
|
config?: MessagePluginConfigProps;
|
|
21
21
|
}
|
|
22
|
-
declare function MessagePlugins<T extends MessagePluginsProps>(props: PropsWithChildren<T>):
|
|
22
|
+
declare function MessagePlugins<T extends MessagePluginsProps>(props: PropsWithChildren<T>): React__default.ReactElement;
|
|
23
23
|
|
|
24
24
|
export { MessagePluginConfigProps, MessagePlugins, MessagePluginsProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("react-i18next"),l=require("@tencentcloud/chat"),o=require("../Plugins/index.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js"),r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageHandler.js"),c=require("../../constants.js");require("date-fns"),require("date-fns/locale")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("react-i18next"),l=require("@tencentcloud/chat"),o=require("../Plugins/index.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageHandler.js"),c=require("../../constants.js");require("date-fns"),require("date-fns/locale");var g=require("./hooks/useMessagePluginElement.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,S=h(l);!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(v||(v={})),exports.MessagePlugins=function(l){var h,v,p,M,T,_,y=l.plugins,m=l.showNumber,f=l.MoreIcon,w=l.config,x=i.useTranslation().t,E=n.useState(""),j=E[0];E[1];var I=n.useState({}),C=I[0],U=I[1],q=n.useRef(),A=u.useTUIMessageContext("MessagePlugins"),N=A.message,P=A.plugin,R=r.useTUIChatStateContext("MessageBubbleWithContext").messageListRef,k=d.useMessageHandler({message:N}),b=k.handleDelMessage,G=k.handleRevokeMessage,O=k.handleReplyMessage,D=k.handleCopyMessage,F=k.handleResendMessage,L=k.handleForWardMessage,W={quote:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.quote),null===(h=null==P?void 0:P.config)||void 0===h?void 0:h.quote),forward:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.forward),null===(v=null==P?void 0:P.config)||void 0===v?void 0:v.forward),copy:e.__assign(e.__assign({isShow:!0,relateMessageType:[S.default.TYPES.MSG_TEXT]},null==w?void 0:w.copy),null===(p=null==P?void 0:P.config)||void 0===p?void 0:p.copy),delete:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.delete),null===(M=null==P?void 0:P.config)||void 0===M?void 0:M.delete),revoke:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.revoke),null===(T=null==P?void 0:P.config)||void 0===T?void 0:T.revoke),resend:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.resend),null===(_=null==P?void 0:P.config)||void 0===_?void 0:_.resend)},Y=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Recall")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REVOCATION})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),G(e)},message:N,isShow:W.revoke.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS&&N.flow===c.MESSAGE_FLOW.OUT,relateMessageType:W.revoke.relateMessageType}),H=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",e.__assign({className:"del"},{children:x("TUIChat.Delete")})),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.DEL})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),b(e)},message:N,isShow:W.delete.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.delete.relateMessageType}),V=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Reference")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.QUOTE})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),O(e)},message:N,isShow:W.quote.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.quote.relateMessageType}),B=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Copy")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.COPY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),D(e)},message:N,isShow:W.copy.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.copy.relateMessageType}),Q=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Resend")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REPLY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),F()},message:N,isShow:W.resend.isShow&&(null==N?void 0:N.status)!==c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.resend.relateMessageType}),X=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Forward")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.FORWARD})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),L(e)},message:N,isShow:W.forward.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.forward.relateMessageType}),z=[Y,V,X,H,Q,B],J=(y||(null==P?void 0:P.plugins)||z).filter((function(e){return e})),K=f||(null==P?void 0:P.MoreIcon)||s.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE}),Z=m||(null==P?void 0:P.showNumber)||0;return(null==N?void 0:N.status)!==c.MESSAGE_STATUS.UNSEND&&s.jsx(o.Plugins,{className:"message-plugin",customClass:j,style:C,ref:q,plugins:J,showNumber:Z,MoreIcon:K,root:null==R?void 0:R.current,handleVisible:function(e){if(e.x&&e.y){var s=e.y<e.height||e.top,n=e.x<e.width||e.left;U({position:"fixed",left:"".concat(n?e.x:e.x-e.width,"px"),top:"".concat(s?e.y:e.y-e.height,"px")})}}})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("@tencentcloud/chat"),n=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var o=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(s),l=i(r);function c(r){var i=r.message,a=r.children,c=r.Progress,d=r.isShow,g=void 0!==d&&d,x=s.useState(),S=x[0],v=x[1],f=s.useState(0),p=f[0],h=f[1],M=o.useTUIChatStateContext("MessageProgressWithContext").uploadPendingMessageList,j=u.useTUIMessageContext("MessageProgressWithContext"),P=j.isShowProgress,q=void 0!==P&&P,E=j.Progress,_=c||E,m=g||q;return s.useEffect((function(){M&&M.length>0&&M.map((function(e){return(null==e?void 0:e.ID)===(null==i?void 0:i.ID)&&(v(e),(null==e?void 0:e.progress)&&h(e.progress)),e}))}),[M]),m?_&&S?t.jsx(_,{message:S}):!((null==i?void 0:i.type)!==l.default.TYPES.MSG_IMAGE&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_VIDEO&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_FILE||(null==i?void 0:i.status)!==n.MESSAGE_STATUS.UNSEND)&&t.jsxs("div",e.__assign({className:"progress-box"},{children:[t.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),a]})):t.jsx(t.Fragment,{})}var d=a.default.memo(c);exports.MessageProgress=function(s){return t.jsx(d,e.__assign({},s))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("react-i18next"),r=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/TUIChatActionContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var u=l(n),o=l(r);function c(r){var l=r.message,u=s.useTranslation().t,c=i.useTUIChatActionContext().operateMessage,d=n.useCallback((function(){var e;c&&l&&c(((e={})[a.MESSAGE_OPERATE.REVOKE]=l,e))}),[c]);return t.jsxs("div",e.__assign({className:"bubble message-system message-revoke"},{children:[(null==l?void 0:l.flow)===a.MESSAGE_FLOW.IN&&t.jsx("span",{children:(null==l?void 0:l.nick)||(null==l?void 0:l.from)}),(null==l?void 0:l.flow)!==a.MESSAGE_FLOW.IN&&t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.You")})),t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.recalled a message")})),(null==l?void 0:l.flow)===a.MESSAGE_FLOW.OUT&&(null==l?void 0:l.type)===o.default.TYPES.MSG_TEXT&&t.jsx("span",e.__assign({className:"edit",role:"button",tabIndex:0,onClick:d},{children:u("TUIChat.Re-edit")}))]}))}var d=u.default.memo(c);exports.MessageRevoke=function(n){return t.jsx(d,e.__assign({},n))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIMessageContext.js"),a=require("../untils.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(s){var n=s.message,u=i.useUIKit().language,o=r.useTUIMessageContext("MessageStatustWithContext").isShowTime,c=(void 0===o||o)&&t.jsx("div",e.__assign({className:"time"},{children:(null==n?void 0:n.time)?a.getTimeStamp(1e3*n.time,u):0}));return t.jsx("div",e.__assign({className:"message-status"},{children:c}))}var o=n(s).default.memo(u);exports.MessageStatus=function(s){return t.jsx(o,e.__assign({},s))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-system"},{children:r.jsx("div",{children:u})}))}var i=n(t).default.memo(u);exports.MessageSystem=function(t){return r.jsx(i,e.__assign({},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("@tencentcloud/chat"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("@tencentcloud/chat");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var a=require("../../context/ComponentContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(n),c=i(s);function u(n){var s=n.context,i=n.message,o=n.children,u=a.useComponentContext().MessageTextPlugins,l=r.useTUIChatStateContext("MessageText").firstSendMessage;return u&&"in"===(null==i?void 0:i.flow)&&l&&(null==l?void 0:l.time)<=(null==i?void 0:i.time)?t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsx(u,{data:i})})):t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[null==s?void 0:s.text.map((function(n,s){var r=i&&(null==i?void 0:i.ID)+s;return"text"===n.name?t.jsx("p",e.__assign({className:"message-text-content-p"},{children:n.text}),n.src+r):t.jsx("img",{className:"text-img",src:n.src,alt:""},n.src+r)})),o]}))}))}var l=o.default.memo(u);exports.MessageText=function(n){return t.jsx(l,e.__assign({},n))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-tip"},{children:u.text}))}var i=n(t).default.memo(u);exports.MessageTip=function(t){return r.jsx(i,e.__assign({},t))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { ReactEventHandler } from 'react';
|
|
2
2
|
import { Message } from '@tencentcloud/chat';
|
|
3
3
|
import { UnknowPorps } from '../../context/ComponentContext.js';
|
|
4
4
|
import { messageShowType } from '../../context/TUIMessageContext.js';
|
|
@@ -10,52 +10,52 @@ interface TUIMessageBasicProps {
|
|
|
10
10
|
isShowTime?: boolean;
|
|
11
11
|
isShowRead?: boolean;
|
|
12
12
|
plugin?: MessagePluginsProps;
|
|
13
|
-
prefix?:
|
|
14
|
-
suffix?:
|
|
15
|
-
customName?:
|
|
13
|
+
prefix?: React__default.ReactElement | string;
|
|
14
|
+
suffix?: React__default.ReactElement | string;
|
|
15
|
+
customName?: React__default.ReactElement;
|
|
16
16
|
showAvatar?: messageShowType;
|
|
17
17
|
showName?: messageShowType;
|
|
18
|
-
customAvatar?:
|
|
18
|
+
customAvatar?: React__default.ReactElement;
|
|
19
19
|
isShowProgress?: boolean;
|
|
20
|
-
Progress?:
|
|
20
|
+
Progress?: React__default.ComponentType<{
|
|
21
21
|
message: Message;
|
|
22
22
|
}>;
|
|
23
23
|
}
|
|
24
24
|
interface TUIMessageProps extends TUIMessageBasicProps {
|
|
25
25
|
message?: Message;
|
|
26
26
|
className?: string;
|
|
27
|
-
TUIMessage?:
|
|
28
|
-
MessageContext?:
|
|
29
|
-
MessagePlugins?:
|
|
27
|
+
TUIMessage?: React__default.ComponentType;
|
|
28
|
+
MessageContext?: React__default.ComponentType<UnknowPorps>;
|
|
29
|
+
MessagePlugins?: React__default.ComponentType<UnknowPorps>;
|
|
30
30
|
handleDelete?: ReactEventHandler;
|
|
31
|
-
CustemElement?:
|
|
31
|
+
CustemElement?: React__default.ComponentType<{
|
|
32
32
|
message: Message;
|
|
33
33
|
}>;
|
|
34
|
-
TextElement?:
|
|
34
|
+
TextElement?: React__default.ComponentType<{
|
|
35
35
|
message: Message;
|
|
36
36
|
}>;
|
|
37
|
-
ImageElement?:
|
|
37
|
+
ImageElement?: React__default.ComponentType<{
|
|
38
38
|
message: Message;
|
|
39
39
|
}>;
|
|
40
|
-
VideoElement?:
|
|
40
|
+
VideoElement?: React__default.ComponentType<{
|
|
41
41
|
message: Message;
|
|
42
42
|
}>;
|
|
43
|
-
AudioElement?:
|
|
43
|
+
AudioElement?: React__default.ComponentType<{
|
|
44
44
|
message: Message;
|
|
45
45
|
}>;
|
|
46
|
-
FileElement?:
|
|
46
|
+
FileElement?: React__default.ComponentType<{
|
|
47
47
|
message: Message;
|
|
48
48
|
}>;
|
|
49
|
-
MergerElement?:
|
|
49
|
+
MergerElement?: React__default.ComponentType<{
|
|
50
50
|
message: Message;
|
|
51
51
|
}>;
|
|
52
|
-
LocationElement?:
|
|
52
|
+
LocationElement?: React__default.ComponentType<{
|
|
53
53
|
message: Message;
|
|
54
54
|
}>;
|
|
55
|
-
FaceElement?:
|
|
55
|
+
FaceElement?: React__default.ComponentType<{
|
|
56
56
|
message: Message;
|
|
57
57
|
}>;
|
|
58
58
|
}
|
|
59
|
-
declare function TUIMessage(props: TUIMessageProps):
|
|
59
|
+
declare function TUIMessage(props: TUIMessageProps): React__default.ReactElement;
|
|
60
60
|
|
|
61
61
|
export { TUIMessage, TUIMessageProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./TUIMessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(t){var i=t.message,m=t.TUIMessage,d=t.MessagePlugins,g=t.MessageContext,c=t.handleDelete,v=t.CustemElement,x=t.TextElement,E=t.ImageElement,h=t.VideoElement,f=t.AudioElement,M=t.FileElement,q=t.MergerElement,C=t.LocationElement,j=t.FaceElement,w=t.className,T=t.filter,I=t.isShowTime,p=t.isShowRead,P=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,U=t.showAvatar,D=t.showName,F=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=n.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=d||L||r.MessagePlugins,O=g||R||u.MessageContext,z=T||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&B&&z(B);var G={message:B,handleDelete:c||(null==V?void 0:V.handleDelete),CustemElement:v||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:h||(null==V?void 0:V.VideoElement),AudioElement:f||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:q||(null==V?void 0:V.MergerElement),LocationElement:C||(null==V?void 0:V.LocationElement),FaceElement:j||(null==V?void 0:V.FaceElement),isShowTime:I||(null==V?void 0:V.isShowTime),isShowRead:p||(null==V?void 0:V.isShowRead),plugin:P||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:U||(null==V?void 0:V.showAvatar),showName:D||(null==V?void 0:V.showName),customAvatar:F||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(l.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var g=m(t).default.memo(d);exports.TUIMessage=function(t){var n=t.message,l=i.useMessageHandler({message:n}).handleDelMessage;return s.jsx(g,e.__assign({handleDelete:l},t))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),t=require("@tencentcloud/chat"),n=require("./MessageBubble.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),t=require("@tencentcloud/chat"),n=require("./MessageBubble.js"),i=require("./MessageTip.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var u=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),r=require("./MessageSystem.js"),l=require("./MessageRevoke.js"),g=require("./MessageName.js"),d=require("./MessageAvatar.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(a),v=c(t);function x(a){var t=a.message,c=a.MessageContext,m=a.MessagePlugins,x=a.className,M=o.useComponentContext(),_=M.MessageContext,j=M.MessagePlugins,f=u.useTUIMessageContext("TUIMessage"),T=f.prefix,p=f.suffix,S=f.customName,P=f.showAvatar,q=void 0===P?u.messageShowType.IN:P,y=f.showName,C=void 0===y?u.messageShowType.IN:y,I=f.customAvatar,N=c||_,h=m||j;return s.jsxs("div",e.__assign({className:"message-default\n ".concat((null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_TIP||(null==t?void 0:t.isRevoked)?"tip":null==t?void 0:t.flow,"\n ").concat(x,"\n ")},{children:[(null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_TIP&&s.jsx(i.MessageTip,{message:t}),(null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_SYS_NOTICE&&s.jsx(r.MessageSystem,{message:t}),(null==t?void 0:t.isRevoked)&&s.jsx(l.MessageRevoke,{message:t}),(null==t?void 0:t.type)!==v.default.TYPES.MSG_GRP_TIP&&(null==t?void 0:t.type)!==v.default.TYPES.MSG_GRP_SYS_NOTICE&&!(null==t?void 0:t.isRevoked)&&s.jsxs("div",e.__assign({className:"".concat(null==t?void 0:t.flow)},{children:[T,t&&s.jsx(d.MessageAvatar,{message:t,CustomAvatar:I,showType:q}),s.jsxs("main",e.__assign({"data-message-id":null==t?void 0:t.ID,className:"content"},{children:[s.jsx(g.MessageName,{message:t,CustomName:S,showType:C}),s.jsx(n.MessageBubble,e.__assign({message:t,Context:N,Plugins:h},{children:s.jsx(N,{message:t})}))]})),p]}),null==t?void 0:t.ID)]}))}var M=m.default.memo(x);exports.TUIMessageDefault=function(a){return a.message,s.jsx(M,e.__assign({},a))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../../../constants.js"),o=require("../../untils.js"),s=require("../../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../../../constants.js"),o=require("../../untils.js"),s=require("../../../context/UIKitContext.js");require("react/jsx-runtime");var i=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../Toast/index.js");exports.useMessageHandler=function(l){var c=l.message,d=l.handleError,v=i.useTUIChatActionContext(),g=v.editLocalMessage,f=v.operateMessage;v.revokeMessage;var h=r.useTranslation().t,p=s.useUIKit().chat,M=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).deleteMessage(),[2]):[2]}))}))}),[c]),x=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).revokeMessage().then((function(){g&&g(c),o.enableSampleTaskStatus("revokeMessage")})).catch((function(e){if(!d){var t=c.flow===n.MESSAGE_FLOW.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw u.Toast({text:t,type:"error"}),new Error(e)}d({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[c]),_=t.useCallback((function(e){var t;e.preventDefault(),(null==c?void 0:c.ID)&&p&&f&&f(((t={})[n.MESSAGE_OPERATE.QUOTE]=c,t))}),[c]),m=t.useCallback((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==c?void 0:c.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=null==c?void 0:c.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[c]),C=t.useCallback((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,n;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,3,,4]),(r=c)?[4,p.resendMessage(c)]:[3,2];case 1:r=e.sent(),e.label=2;case 2:return t=r,g&&g(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.message),[3,4];case 3:if(a=e.sent(),!d)throw u.Toast({text:a,type:"error"}),new Error(a);return d({functionName:"resendMessage",error:a}),[3,4];case 4:return[2]}}))}))}),[c]),T=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){return t.preventDefault(),(null==c?void 0:c.ID)&&p&&f?(f(((r={})[n.MESSAGE_OPERATE.FORWARD]=c,r)),[2]):[2]}))}))}),[c]);return{handleDelMessage:M,handleRevokeMessage:x,handleReplyMessage:_,handleCopyMessage:m,handleResendMessage:C,handleForWardMessage:T}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),s=require("../../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),s=require("../../../context/UIKitContext.js");require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine");var a=require("../../../context/TUIChatStateContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,n=r(t),i=((l={})[n.default.TYPES.MSG_TEXT]=1,l[n.default.TYPES.MSG_FACE]=8,l[n.default.TYPES.MSG_IMAGE]=3,l[n.default.TYPES.MSG_AUDIO]=4,l[n.default.TYPES.MSG_VIDEO]=5,l[n.default.TYPES.MSG_FILE]=6,l[n.default.TYPES.MSG_CUSTOM]=2,l);exports.useMessageReply=function(t){var r=t.message,l=e.useState(null),o=l[0],d=l[1],S=e.useState(""),c=S[0],f=S[1],g=e.useState(null),v=g[0],T=g[1],M=e.useState(""),m=M[0],E=M[1],I=s.useUIKit().chat,p=a.useTUIChatStateContext("useMessageReply").messageList;e.useLayoutEffect((function(){r&&y(r)}),[r]);var y=function(e){if(null==e?void 0:e.cloudCustomData){var t=u.JSONStringToParse(null==e?void 0:e.cloudCustomData),s=(null==t?void 0:t.messageReply)||"";if(s){d(s),f(null==s?void 0:s.messageSender),E(null==s?void 0:s.messageID);var a=null==p?void 0:p.filter((function(e){var t=e.ID===(null==s?void 0:s.messageID),a=t&&i[e.type]===s.messageType,u=e.type!==n.default.TYPES.MSG_TEXT||e.payload.text===s.messageAbstract;return t&&a&&u}));T(a[0]||I.findMessage(null==s?void 0:s.messageID))}}};return{messageReply:o,sender:c,replyMessage:v,messageID:m,message:r}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("react-i18next"),l=require("./EmojiPicker.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("react-i18next"),l=require("./EmojiPicker.js"),u=require("../Plugins/index.js"),r=require("./hooks/useUploadElement.js"),t=require("../../constants.js"),s=require("../../context/TUIMessageInputContext.js"),c=require("../Icon/Icon.js"),d=require("../Icon/type.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var a=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js"),exports.InputPluginsDefalut=function(){var p,v,g,I,h,f,j,E=s.useTUIMessageInputContext("TUIMessageInputDefault"),M=E.sendUploadMessage,x=E.pluginConfig,m=o.useTranslation().t,C=a.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=(null==x?void 0:x.plugins)||(null===(p=null==C?void 0:C.pluginConfig)||void 0===p?void 0:p.plugins)||[],P=(null==x?void 0:x.showNumber)||(null===(v=null==C?void 0:C.pluginConfig)||void 0===v?void 0:v.showNumber)||1,U=(null==x?void 0:x.MoreIcon)||(null===(g=null==C?void 0:C.pluginConfig)||void 0===g?void 0:g.MoreIcon),_=function(e,i,n){return"boolean"==typeof e?e:"boolean"==typeof i?i:n},q=_(null==x?void 0:x.isEmojiPicker,null===(I=null==C?void 0:C.pluginConfig)||void 0===I?void 0:I.isEmojiPicker,!0),y=_(null==x?void 0:x.isImagePicker,null===(h=null==C?void 0:C.pluginConfig)||void 0===h?void 0:h.isImagePicker,!0),k=_(null==x?void 0:x.isVideoPicker,null===(f=null==C?void 0:C.pluginConfig)||void 0===f?void 0:f.isVideoPicker,!0),N=_(null==x?void 0:x.isFilePicker,null===(j=null==C?void 0:C.pluginConfig)||void 0===j?void 0:j.isFilePicker,!0),A=n.useRef(),S=y&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.IMAGE}),i.jsx("span",{children:m("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.IMAGE)}}),b=k&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.VIDEO}),i.jsx("span",{children:m("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.VIDEO)}}),w=N&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.DOCUMENT}),i.jsx("span",{children:m("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.FILE)}}),D=e.__spreadArray([q&&i.jsx(l.EmojiPicker,{}),S,b,w],T,!0).filter((function(e){return e}));return i.jsx(u.Plugins,{ref:A,plugins:D,showNumber:P,MoreIcon:U})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Icon/Icon.js"),i=require("../Icon/type.js"),u=require("../../constants.js"),o=require("./hooks/useHandleQuoteMessage.js"),a=require("../TUIMessage/utils/emojiMap.js");exports.InputQuoteDefalut=function(c){var l=c.message,d=n.useTUIChatActionContext().operateMessage,j=o.useHandleQuoteMessage(l),q=j.cloudCustomData,g=j.message,m=s.useCallback((function(){var e;d&&d(((e={})[u.MESSAGE_OPERATE.QUOTE]=null,e))}),[d]),p=null==q?void 0:q.messageReply;return p&&t.jsxs("div",e.__assign({className:"input-quote"},{children:[t.jsxs("div",e.__assign({className:"input-quote-content"},{children:[t.jsx("label",e.__assign({htmlFor:"input-quote-content"},{children:(null==g?void 0:g.nick)||(null==g?void 0:g.from)})),t.jsx("span",{children:a.formatEmojiString(null==p?void 0:p.messageAbstract,1)})]})),t.jsx(r.Icon,{className:"icon",width:12,height:12,type:i.IconTypes.CLOSE,onClick:m})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),r=require("react-i18next");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var t=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var i=require("../Model/index.js"),n=require("../Icon/Icon.js"),o=require("../Icon/type.js"),l=require("../Input/Input.js"),c=require("../Checkbox/index.js"),u=require("../Avatar/Avatar.js"),d=require("../ConversationPreview/utils.js"),h=require("../../constants.js");require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("./hooks/useHandleQuoteMessage.js");var g=require("./hooks/useHandleForwardMessage.js");exports.TUIForward=function(_){var v,f=_.handleForward,x=r.useTranslation().t,j=a.useState([]),m=j[0],p=j[1],I=a.useState([]),C=I[0],w=I[1],q=a.useState(""),N=q[0],T=q[1],b=t.useTUIChatActionContext().operateMessage,y=g.useHandleForwardMessage(),k=y.message,A=y.sendForwardMessage,D=y.conversationList,F=void 0===D?[]:D,M=a.useCallback((function(){var e;b&&b(((e={})[h.MESSAGE_OPERATE.FORWARD]=null,e))}),[b]),S=F,U=function(s){s.checked?p(e.__spreadArray(e.__spreadArray([],m,!0),[s.value],!1)):p(m.filter((function(e){return e!==s.value})))};return a.useEffect((function(){p([]),w([]),T("")}),[k]),k&&F.length>0&&s.jsx(i.Model,e.__assign({onClick:M},{children:s.jsxs("div",e.__assign({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[s.jsxs("header",e.__assign({className:"tui-forward-header"},{children:[s.jsx(n.Icon,{type:o.IconTypes.CANCEL,width:16,height:16,onClick:M}),s.jsx("h2",e.__assign({className:"tui-forward-title"},{children:x("TUIChat.Forward to")}))]})),s.jsx("div",e.__assign({className:"tui-forward-search"},{children:s.jsx(l.Input,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:N,onChange:function(e){var s,a;if(T(null===(s=e.target)||void 0===s?void 0:s.value),null===(a=e.target)||void 0===a?void 0:a.value){var r=F.filter((function(s){var a,r=d.getDisplayTitle(s).toLocaleLowerCase(),t=null===(a=e.target)||void 0===a?void 0:a.value.toLocaleLowerCase();return r.includes(t)}));w(r)}else w([])},prefix:s.jsx(n.Icon,{type:o.IconTypes.SEARCH,height:16,width:16})})})),s.jsxs("main",e.__assign({className:"tui-forward-main"},{children:[N&&s.jsxs("ul",e.__assign({className:"tui-forward-list"},{children:[s.jsx("h3",e.__assign({className:"tui-forward-list-title"},{children:x("TUIChat.Search Result")})),C.length>0&&C.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:function(e){U(e)},id:"".concat(a.conversationID),value:a})]}),a.conversationID)})),0===C.length&&s.jsx("p",e.__assign({className:"no-result"},{children:x("TUIChat.No Result")}))]})),!N&&S.length>0&&s.jsx("ul",e.__assign({className:"tui-forward-list"},{children:S.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:U,id:"".concat(a.conversationID),value:a})]}),a.conversationID)}))}))]})),s.jsxs("footer",e.__assign({className:"tui-forward-footer"},{children:[s.jsx("div",e.__assign({className:"tui-forward-footer-name"},{children:m.length>0&&(v=m,(null==v?void 0:v.map((function(e){return d.getDisplayTitle(e)}))).toString())})),s.jsx("button",e.__assign({type:"button",className:"button",onClick:function(){f?f({list:m,message:k}):A(m),M()},disabled:0===m.length},{children:x("TUIChat.Forward")}))]}))]}))}))};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { MutableRefObject, PropsWithChildren } from 'react';
|
|
2
2
|
import { UnknowPorps } from '../../context/ComponentContext.js';
|
|
3
3
|
|
|
4
4
|
interface PluginConfigProps {
|
|
5
|
-
plugins?: Array<
|
|
5
|
+
plugins?: Array<React__default.ReactElement>;
|
|
6
6
|
showNumber?: number;
|
|
7
|
-
MoreIcon?:
|
|
7
|
+
MoreIcon?: React__default.ReactElement;
|
|
8
8
|
isEmojiPicker?: boolean;
|
|
9
9
|
isImagePicker?: boolean;
|
|
10
10
|
isVideoPicker?: boolean;
|
|
@@ -19,11 +19,11 @@ interface TUIMessageInputBasicProps {
|
|
|
19
19
|
pluginConfig?: PluginConfigProps;
|
|
20
20
|
}
|
|
21
21
|
interface TUIMessageInputProps extends TUIMessageInputBasicProps {
|
|
22
|
-
TUIMessageInput?:
|
|
23
|
-
InputPlugins?:
|
|
24
|
-
InputQuote?:
|
|
22
|
+
TUIMessageInput?: React__default.ComponentType;
|
|
23
|
+
InputPlugins?: React__default.ComponentType<UnknowPorps>;
|
|
24
|
+
InputQuote?: React__default.ComponentType<UnknowPorps>;
|
|
25
25
|
}
|
|
26
|
-
declare function UnMemoizedTUIMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>):
|
|
26
|
+
declare function UnMemoizedTUIMessageInput<T extends TUIMessageInputProps>(props: PropsWithChildren<T>): React__default.ReactElement;
|
|
27
27
|
declare const TUIMessageInput: typeof UnMemoizedTUIMessageInput;
|
|
28
28
|
|
|
29
29
|
export { PluginConfigProps, TUIMessageInput, TUIMessageInputBasicProps, TUIMessageInputProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@tencentcloud/chat"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@tencentcloud/chat"),u=require("../../context/TUIMessageInputContext.js"),a=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("@tencentcloud/tui-core"),require("react-i18next");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),c=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),p=require("./TUIForward.js"),d=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(s),j=x(n);function q(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,c=s.textareaRef,g=r.useMessageInputState(s),p=i.useTUIChatStateContext("TUIMessageInput"),d=p.textareaRef,x=p.conversation,f=(null==x?void 0:x.type)===j.default.TYPES.CONV_SYSTEM,q=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=l||(null==q?void 0:q.focus),C=a.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:c||(null==q?void 0:q.textareaRef)||d,disabled:o||(null==q?void 0:q.disabled)||f,focus:"boolean"!=typeof T||T,pluginConfig:I}));return t.jsx(u.TUIMessageInputContextProvider,e.__assign({value:C},{children:n}))}function T(s){var n=s.TUIMessageInput,u=s.InputPlugins,a=s.InputQuote,r=s.isTransmitter,x=s.className,f=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,j=x||(null==f?void 0:f.className),T=r||(null==f?void 0:f.isTransmitter)||!1,C=o.useComponentContext(),m=C.TUIMessageInput,v=C.InputPlugins,M=C.InputQuote,U=n||m||c.TUIMessageInputDefault,_=u||v||g.InputPluginsDefalut||l.EmptyStateIndicator,h=a||M||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(j)},{children:t.jsxs(q,e.__assign({},s,{children:[t.jsx(p.TUIForward,{}),t.jsx(h,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(_,{}),t.jsx(U,{})]})),T&&t.jsx(d.Transmitter,{})]}))]}))}))}var C=f.default.memo(T);exports.TUIMessageInput=C;
|