@tencentcloud/chat-uikit-react 2.2.5 → 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/.eslintrc.js +16 -12
- package/.lintstagedrc.json +1 -1
- package/CHANGELOG.md +8 -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/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 -2
- package/dist/cjs/index.d.css +908 -1440
- 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/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/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 -2
- package/dist/esm/index.d.css +908 -1440
- 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 +4 -3
- 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/ConversationPreview/ConversationPreview.tsx +21 -21
- package/src/components/ConversationPreview/ConversationPreviewContent.tsx +3 -2
- package/src/components/Plugins/styles/color.scss +2 -2
- package/src/components/TUIChat/TUIChat.tsx +4 -3
- package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +3 -3
- 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/TUIManage/TUIManage.tsx +3 -3
- 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/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 +2 -2
- package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +2 -2
- package/src/components/TUIProfile/TUIProfile.tsx +3 -3
- package/src/components/TUIProfile/TUIProfileDefault.tsx +2 -2
- 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-theme.scss +1 -1
- 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 -229
- 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 -132
- package/src/context/TUIKitContext.tsx +0 -44
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("react-i18next"),s=require("../../constants.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("react-i18next"),s=require("../../constants.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var u=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var a=require("../../context/TUIMessageInputContext.js"),i=require("../../utils/env.js"),o=require("../TUIMessage/utils/emojiMap.js");exports.TUIMessageInputDefault=function(){var c=a.useTUIMessageInputContext("TUIMessageInputDefault"),l=c.text,d=c.disabled,v=c.handleChange,x=c.handleKeyDown,f=c.handlePasete,p=c.textareaRef,E=c.focus,g=c.setText,I=c.setCursorPos,T=r.useTranslation().t,j=u.useTUIChatStateContext("TUIMessageInputDefault").operateData;n.useEffect((function(){j&&j[s.MESSAGE_OPERATE.REVOKE]&&g&&g(o.formatEmojiString(j[s.MESSAGE_OPERATE.REVOKE].payload.text,1))}),[j]),n.useEffect((function(){var e,t;return E&&p&&p.current&&(p.current.autofocus=!0,i.isPC&&(null===(e=null==p?void 0:p.current)||void 0===e||e.focus({preventScroll:!0})),null===(t=null==p?void 0:p.current)||void 0===t||t.addEventListener("paste",f)),function(){var e;null===(e=null==p?void 0:p.current)||void 0===e||e.removeEventListener("paste",f)}}),[E,p]);var h=n.useState(!1),q=h[0],C=h[1];return t.jsxs("div",e.__assign({className:"input-box ".concat(d?"disabled":""," ").concat(q?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[t.jsx("div",e.__assign({className:"input-visibility-content"},{children:l})),!d&&t.jsx("textarea",{placeholder:T("TUIChat.Enter a message"),rows:1,value:l,ref:p,onChange:v,onKeyDown:x,onFocus:function(){C(!0)},onBlur:function(e){!function(e){var t;I&&I({start:null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.selectionStart,end:e.target.selectionEnd}),C(!1)}(e)}})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("@tencentcloud/chat"),n=require("@tencentcloud/chat-uikit-engine"),a=require("../../../constants.js"),i=require("../../../context/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("@tencentcloud/chat"),n=require("@tencentcloud/chat-uikit-engine"),a=require("../../../constants.js"),i=require("../../../context/UIKitContext.js");require("react/jsx-runtime");var s=require("../../../context/TUIChatStateContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js");var o=u(r);exports.useHandleForwardMessage=function(r){var u=this,c=s.useTUIChatStateContext("TUIMessageInputDefault").operateData,d=t.useState([]),f=d[0],l=d[1],v=i.useUIKit().chat,x=r||c&&c[a.MESSAGE_OPERATE.FORWARD];return t.useEffect((function(){e.__awaiter(u,void 0,void 0,(function(){var t,r;return e.__generator(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.conversationList.filter((function(e){return e.type!==o.default.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:x,conversationList:f,sendForwardMessage:function(e){e.map((function(e){return x&&n.TUIChatService.sendForwardMessage([e],[x]),e}))}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),u=require("../../../constants.js");require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var a=require("../../../context/TUIChatStateContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../context/TUIMessageContext.js");var r,n,s=l(t),o=((r={})[s.default.TYPES.MSG_TEXT]=1,r[s.default.TYPES.MSG_CUSTOM]=2,r[s.default.TYPES.MSG_IMAGE]=3,r[s.default.TYPES.MSG_AUDIO]=4,r[s.default.TYPES.MSG_VIDEO]=5,r[s.default.TYPES.MSG_FILE]=6,r[s.default.TYPES.MSG_FACE]=8,r),i=((n={})[s.default.TYPES.MSG_CUSTOM]="[custom]",n[s.default.TYPES.MSG_IMAGE]="[image]",n[s.default.TYPES.MSG_AUDIO]="[audio]",n[s.default.TYPES.MSG_VIDEO]="[video]",n[s.default.TYPES.MSG_FILE]="[file]",n[s.default.TYPES.MSG_FACE]="[face]",n);exports.useHandleQuoteMessage=function(t){var l=a.useTUIChatStateContext("TUIMessageInputDefault").operateData,r=e.useState({messageReply:null}),n=r[0],S=r[1],d=function(e){var t,u=o[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===s.default.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:i[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:u,version:1}};return e.useEffect((function(){var e=t||l&&l[u.MESSAGE_OPERATE.QUOTE];S({messageReply:e?d(e):null})}),[l,t]),{cloudCustomData:n,handleQuoteMessage:d,message:t||l&&l[u.MESSAGE_OPERATE.QUOTE]}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("@tencentcloud/chat-uikit-engine"),r=require("../../../constants.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),n=require("@tencentcloud/chat-uikit-engine"),r=require("../../../constants.js"),a=require("../../../context/UIKitContext.js");require("react/jsx-runtime");var u=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var o=require("../../untils.js"),i=require("../../TUIMessage/utils/emojiMap.js"),s=require("./useHandleQuoteMessage.js");exports.useMessageInputText=function(l){var c=l.state,T=l.dispatch;l.focus;var d=l.textareaRef,v=l.sendUploadMessage,S=a.useUIKit().chat,_=u.useTUIChatActionContext(),f=_.operateMessage,C=_.setFirstSendMessage,E=s.useHandleQuoteMessage().cloudCustomData,g=["Enter","NumpadEnter"],p=t.useCallback((function(e){e.preventDefault(),e&&e.target&&T({type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return e.target.value}})}),[S]),P=function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var a,u;return e.__generator(this,(function(e){return null==t||t.preventDefault(),c.text?(a={payload:{text:i.formatEmojiString(c.text)}},E.messageReply&&(a.cloudCustomData=JSON.stringify(E)),n.TUIChatService.sendTextMessage(a).then((function(e){var t=e.data.message;C&&C(t)})),o.enableSampleTaskStatus("sendMessage"),T({getNewText:function(e){return""},type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT}),f&&f(((u={})[r.MESSAGE_OPERATE.QUOTE]=null,u)),[2]):[2]}))}))},x=t.useCallback((function(e){!(null==e?void 0:e.ctrlKey)&&(null==e?void 0:e.code)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&(null==e||e.preventDefault(),P(e)),(null==e?void 0:e.ctrlKey)&&g.indexOf(null==e?void 0:e.code)>-1&&13===e.keyCode&&T({type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(e){return"".concat(e,"\n")}})}),[P,T]),A=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var n,a,u;return e.__generator(this,(function(e){return t.preventDefault(),t.clipboardData&&t.clipboardData.items?(n=t.clipboardData,a=n.types,u=n.items,a.find((function(e,t){var n=u[t];switch(e){case"text/plain":return n.getAsString((function(e){T({type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){return"".concat(t).concat(e)}})})),!0;case"Files":var a=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&v&&v({file:a},r.MESSAGE_TYPE_NAME.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[d]),N=t.useCallback((function(e){var t,n,a;T({type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(t){var n,r;return"".concat(t.slice(0,(null===(n=null==c?void 0:c.cursorPos)||void 0===n?void 0:n.start)||0)).concat(e).concat(t.slice((null===(r=null==c?void 0:c.cursorPos)||void 0===r?void 0:r.start)||0))}}),T({type:r.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:{start:(null===(t=null==c?void 0:c.cursorPos)||void 0===t?void 0:t.start)&&c.cursorPos.start+e.length,end:(null===(n=null==c?void 0:c.cursorPos)||void 0===n?void 0:n.end)&&c.cursorPos.end+e.length}}),null===(a=null==d?void 0:d.current)||void 0===a||a.focus({preventScroll:!0})}),[d,c]),y=t.useCallback((function(e){var t;T({type:r.CONSTANT_DISPATCH_TYPE.SET_TEXT,getNewText:function(){return"".concat(e)}}),null===(t=null==d?void 0:d.current)||void 0===t||t.focus()}),[d]),h=t.useCallback((function(e){T({type:r.CONSTANT_DISPATCH_TYPE.SET_CURSOR_POS,value:e})}),[d]);return{handleChange:p,handleSubmit:P,handleKeyDown:x,handlePasete:A,insertText:N,setText:y,setCursorPos:h}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat-uikit-engine"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat-uikit-engine"),r=require("../../../constants.js"),s=require("../../untils.js");require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/tui-core"),require("react-i18next");var a=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js"),exports.useUploadPicker=function(i){var n;a.useTUIChatActionContext().updateUploadPendingMessageList;var u=((n={})[r.MESSAGE_TYPE_NAME.IMAGE]=t.TUIChatService.sendImageMessage,n[r.MESSAGE_TYPE_NAME.VIDEO]=t.TUIChatService.sendVideoMessage,n[r.MESSAGE_TYPE_NAME.FILE]=t.TUIChatService.sendFileMessage,n);return{sendUploadMessage:e.useCallback((function(e,t){u[t]({payload:e}),s.enableSampleTaskStatus("sendMessage")}),[])}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Message } from '@tencentcloud/chat';
|
|
3
3
|
import { InfiniteScrollProps } from '../InfiniteScrollPaginator/InfiniteScroll.js';
|
|
4
4
|
|
|
@@ -8,6 +8,6 @@ interface MessageListProps extends InfiniteScrollProps {
|
|
|
8
8
|
highlightedMessageId?: string;
|
|
9
9
|
intervalsTimer?: number;
|
|
10
10
|
}
|
|
11
|
-
declare function TUIMessageList(props: MessageListProps):
|
|
11
|
+
declare function TUIMessageList(props: MessageListProps): React__default.ReactElement;
|
|
12
12
|
|
|
13
13
|
export { MessageListProps, TUIMessageList };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),n=require("react-i18next");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var s=require("../../context/TUIChatStateContext.js"),r=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var l=require("../../context/ComponentContext.js"),a=require("./hooks/useMessageListElement.js"),o=require("../InfiniteScrollPaginator/InfiniteScroll.js"),c=require("../EmptyStateIndicator/EmptyStateIndicator.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(u){var d=this,g=u.highlightedMessageId,h=u.loadMore,v=u.intervalsTimer,m=u.className,f=n.useTranslation().t,I=i.useState(null),T=I[0],x=I[1],M=i.useState(!1),p=M[0],C=M[1],j=s.useTUIChatStateContext("TUIMessageList"),_=j.messageList,q=j.highlightedMessageId,S=j.isCompleted;j.isSameLastMessageID;var U=j.messageListRef,L=j.noMore,E=j.TUIMessageListConfig,y=r.useTUIChatActionContext(),b=y.loadMore,N=y.setHighlightedMessageId,H=l.useComponentContext(),R=H.TUIMessage,k=H.EmptyStateIndicator,w=void 0===k?c.EmptyStateIndicator:k,A=g||(null==E?void 0:E.highlightedMessageId)||q,B=60*(v||(null==E?void 0:E.intervalsTimer)||30),P=h||(null==E?void 0:E.loadMore)||b,D=_&&a({enrichedMessageList:_,TUIMessage:R,intervalsTimer:B});return i.useEffect((function(){e.__awaiter(d,void 0,void 0,(function(){var t,i,n,s;return e.__generator(this,(function(e){switch(e.label){case 0:return t=null===(s=null==T?void 0:T.parentElement)||void 0===s?void 0:s.parentElement,!S&&t&&(null==t?void 0:t.clientHeight)>=(null==T?void 0:T.clientHeight)?P?[4,P()]:[3,2]:[3,3];case 1:e.sent(),e.label=2;case 2:e.label=3;case 3:return(null==T?void 0:T.children)&&((i=(null==T?void 0:T.children)||[])[i.length-1],n=setTimeout((function(){(null==U?void 0:U.current)&&(U.current.scrollTop=U.current.scrollHeight),C(!0),clearTimeout(n)}),100)),[2]}}))}))}),[D,p]),i.useEffect((function(){if(A){var e=null==T?void 0:T.querySelector("[data-message-id='".concat(A,"']"));if(!e)return;var t=e.children;if(t[t.length-1].classList.add("high-lighted"),null==U?void 0:U.current){var i=e.getBoundingClientRect(),n=U.current.getBoundingClientRect(),s=i.top-n.top+U.current.scrollTop;U.current.scrollTop=s}var r=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(r),N&&N("")}),1e3)}}),[A]),t.jsxs("div",e.__assign({className:"message-list ".concat(m," ").concat(p?"":"hide"),ref:U},{children:[L,L&&t.jsx("p",e.__assign({className:"no-more"},{children:f("TUIChat.No More")})),t.jsx(o.InfiniteScroll,e.__assign({className:"message-list-infinite-scroll",hasMore:!0,loadMore:P,threshold:1},{children:t.jsx("ul",e.__assign({ref:x},{children:(null==D?void 0:D.length)&&D.length>0?D:t.jsx(w,{listType:"message"})}))}))]}))}var g=u(i).default.memo(d);exports.TUIMessageList=function(i){return t.jsx(g,e.__assign({},i))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),
|
|
1
|
+
"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),s=require("../../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine"),require("../../../context/TUIMessageContext.js");var r=require("../../untils.js");module.exports=function(n){var a=n.enrichedMessageList,u=n.TUIMessage,c=n.intervalsTimer,l=s.useUIKit().language;return i.useMemo((function(){return null==a?void 0:a.map((function(i,s){var n,o="".concat(i.ID,"-").concat(s),m=s>0?null===(n=a[s-1])||void 0===n?void 0:n.time:-1,g=(null==i?void 0:i.time)||0,d=!(!c||-1===m)&&g-m>=c;return t.jsxs("li",e.__assign({className:"message-list-item"},{children:[d&&t.jsx("div",e.__assign({className:"message-list-time"},{children:g?r.getTimeStamp(1e3*g,l):0}),"".concat(g+s)),t.jsx(u,{message:i})]}),o)}))}),[a])};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
2
2
|
|
|
3
3
|
interface TUIProfileProps {
|
|
4
4
|
className?: string;
|
|
5
|
-
TUIProfile?:
|
|
5
|
+
TUIProfile?: React__default.ComponentType<any>;
|
|
6
6
|
}
|
|
7
|
-
declare function UnMemoizedTUIProfile<T extends TUIProfileProps>(props: PropsWithChildren<T>):
|
|
7
|
+
declare function UnMemoizedTUIProfile<T extends TUIProfileProps>(props: PropsWithChildren<T>): React__default.ReactElement;
|
|
8
8
|
declare const TUIProfile: typeof UnMemoizedTUIProfile;
|
|
9
9
|
|
|
10
10
|
export { TUIProfile };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../Profile/Profile.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../Profile/Profile.js"),i=require("./hooks/useMyProfile.js"),o=require("./TUIProfileDefault.js");require("tslib"),require("@tencentcloud/tui-core"),require("react-i18next");var u=require("../../context/UIManagerContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(r){var a=r.className,s=r.TUIProfile,l=i.useMyProfile(),f=l.myProfile,n=l.updateMyProfile,c=u.useUIManager(),P=c.setTUIProfileShow,j=c.TUIProfileShow,x=s||o.TUIProfileDefault;return e.jsxs(e.Fragment,{children:[e.jsx(t.Profile,{profile:f,handleAvatar:function(){P&&P(!0)}}),j&&e.jsx(x,{className:a,userInfo:f,update:n})]})}require("../../context/TUIMessageContext.js");var l=a(r).default.memo(s);exports.TUIProfile=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
import { Profile } from '@tencentcloud/chat';
|
|
3
3
|
import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
|
|
4
4
|
|
|
@@ -7,6 +7,6 @@ interface TUIProfileDefaultProps {
|
|
|
7
7
|
update?: (option: UpdateMyProfileParams) => void;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
declare function TUIProfileDefault(props: TUIProfileDefaultProps):
|
|
10
|
+
declare function TUIProfileDefault(props: TUIProfileDefaultProps): React__default.ReactElement;
|
|
11
11
|
|
|
12
12
|
export { TUIProfileDefault, TUIProfileDefaultProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-i18next"),l=require("react-date-picker"),n=require("@tencentcloud/chat"),r=require("../../utils/env.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("react-i18next"),l=require("react-date-picker"),n=require("@tencentcloud/chat"),r=require("../../utils/env.js");require("@tencentcloud/tui-core");var o=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var u=require("../Avatar/Avatar.js"),c=require("../DivWithEdit/DivWithEdit.js"),s=require("../Icon/Icon.js"),d=require("../Icon/type.js"),v=require("../untils.js");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m,p,_=f(t),h=f(l),g=f(n),E=((m={})[g.default.TYPES.GENDER_UNKNOWN]="unknow",m[g.default.TYPES.GENDER_MALE]="male",m[g.default.TYPES.GENDER_FEMALE]="female",m),N=((p={})[g.default.TYPES.ALLOW_TYPE_ALLOW_ANY]="allowAny",p[g.default.TYPES.ALLOW_TYPE_NEED_CONFIRM]="needConfirm",p[g.default.TYPES.ALLOW_TYPE_DENY_ANY]="denyAny",p),x=["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"],y=[{label:"Male",value:g.default.TYPES.GENDER_MALE},{label:"Female",value:g.default.TYPES.GENDER_FEMALE}],T=[{label:"AllowAny",value:g.default.TYPES.ALLOW_TYPE_ALLOW_ANY},{label:"NeedConfirm",value:g.default.TYPES.ALLOW_TYPE_NEED_CONFIRM},{label:"DenyAny",value:g.default.TYPES.ALLOW_TYPE_DENY_ANY}];function j(l){var n,f,m,p,_,g,j=l.userInfo,b=l.className,A=l.update,P=i.useTranslation().t,k=o.useUIManager().setTUIProfileShow,D=t.useState(""),I=D[0],Y=D[1],L=[{name:"Signature",value:null==j?void 0:j.selfSignature,type:"text",children:null},{name:"Gender",value:P((null==j?void 0:j.gender)&&(null===(n=E[null==j?void 0:j.gender])||void 0===n?void 0:n.replace(E[null==j?void 0:j.gender][0],null===(f=E[null==j?void 0:j.gender][0])||void 0===f?void 0:f.toLocaleUpperCase()))?"TUIProfile.".concat(null===(m=E[null==j?void 0:j.gender])||void 0===m?void 0:m.replace(E[null==j?void 0:j.gender][0],null===(p=E[null==j?void 0:j.gender][0])||void 0===p?void 0:p.toLocaleUpperCase())):""),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==y?void 0:y.map((function(t,i){var l="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){M(t)}},{children:P("TUIProfile.".concat(t.label))}),l)}))}))},{name:"AllowType",value:P("TUIProfile.".concat(null===(_=N[(null==j?void 0:j.allowType)||""])||void 0===_?void 0:_.replace(j&&N[null==j?void 0:j.allowType][0],j&&(null===(g=N[null==j?void 0:j.allowType][0])||void 0===g?void 0:g.toLocaleUpperCase())))),type:"select",children:a.jsx("ul",e.__assign({className:"select-list"},{children:null==T?void 0:T.map((function(t,i){var l="".concat(t.value).concat(i);return a.jsx("li",e.__assign({className:"select-list-item",role:"menuitem",tabIndex:i,onClick:function(){C(t)}},{children:P("TUIProfile.".concat(t.label))}),l)}))}))},{name:"Birthday",value:(null==j?void 0:j.birthday)?function(e){var a=String(e);if(8===a.length){var t=a.substring(0,4),i=a.substring(4,6),l=a.substring(6,8);return"".concat(t,"/").concat(i,"/").concat(l)}return"".concat(e)}(j.birthday):"",type:"select",children:a.jsx(h.default,{className:"tui-profile-birthday",calendarClassName:"tui-profile-birthday-calendar",isOpen:!0,format:"y-MM-dd",onChange:function(e){U(e)},value:function(e){if(8===(null==e?void 0:e.length)){var a=Number(e.slice(0,4)),t=Number(e.slice(4,6)),i=Number(e.slice(-2));return new Date(a,t-1,i)}return new Date}("".concat(null==j?void 0:j.birthday))})}];r.isH5&&(L=L.filter((function(e){return"Birthday"!==e.name})));var q=function(e){Y(e)},w=function(e){A&&A(e),Y("")},S=function(e){var a,t="";switch(null==e?void 0:e.name){case"nick":t="nick";break;case"Signature":t="selfSignature";break;default:return void Y("")}var i=((a={})[t]=e.value,a);w(i)},M=function(e){w({gender:e.value})},C=function(e){w({allowType:e.value})},U=function(e){var a,t,i,l;w({birthday:Number((a=e,t=a.getDate()>9?a.getDate():"0".concat(a.getDate()),i=a.getMonth()>8?a.getMonth()+1:"0".concat(a.getMonth()+1),l=a.getFullYear(),"".concat(l).concat(i).concat(t)))})};return a.jsxs("div",e.__assign({className:"".concat(b," tui-profile")},{children:[a.jsxs("header",e.__assign({className:"tui-profile-header"},{children:[a.jsx(s.Icon,{width:9,height:16,type:d.IconTypes.BACK,onClick:function(){k&&k(!1)}}),a.jsx("h1",{children:P("TUIProfile.Personal information")})]})),a.jsxs("main",e.__assign({className:"tui-profile-main"},{children:[a.jsx("div",e.__assign({className:"tui-profile-avatar"},{children:a.jsx(u.Avatar,{image:j&&v.handleDisplayAvatar(null==j?void 0:j.avatar),size:94,update:function(e){w({avatar:e})},list:x})})),a.jsx(c.DivWithEdit,{name:"nick",className:"tui-profile-nick",value:null==j?void 0:j.nick,type:"text",toggle:q,isEdit:"nick"===I,confirm:S,close:function(){Y("")}}),a.jsxs("div",e.__assign({className:"tui-profile-ID"},{children:[a.jsx("h5",{children:"ID:"}),a.jsx("span",{children:null==j?void 0:j.userID})]}))]})),a.jsx("ul",e.__assign({className:"tui-profile-list"},{children:L.map((function(t){var i="".concat(t.name);return a.jsxs("li",e.__assign({className:"tui-profile-list-item"},{children:[a.jsx("h4",{children:P("TUIProfile.".concat(t.name))}),a.jsx(c.DivWithEdit,e.__assign({className:"tui-profile-div-with-edit",classEditName:"tui-profile-edit",name:t.name,value:t.value,type:t.type,toggle:q,isEdit:I===t.name,confirm:S,close:function(){Y("")}},{children:null==t?void 0:t.children}))]}),i)}))}))]}))}var b=_.default.memo(j);exports.TUIProfileDefault=function(t){var i=e.__assign({},t);return a.jsx(b,e.__assign({},i))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from 'react';
|
|
2
2
|
|
|
3
3
|
interface ToastProps {
|
|
4
4
|
type?: 'info' | 'warn' | 'error';
|
|
@@ -6,6 +6,6 @@ interface ToastProps {
|
|
|
6
6
|
time?: number;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
declare function Toast<T extends ToastProps>(props:
|
|
9
|
+
declare function Toast<T extends ToastProps>(props: React__default.PropsWithChildren<T>): void;
|
|
10
10
|
|
|
11
11
|
export { Toast };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
3
3
|
import { EmptyStateIndicatorProps } from '../components/EmptyStateIndicator/EmptyStateIndicator.js';
|
|
4
4
|
import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
|
|
5
5
|
import { MessageContextProps } from '../components/TUIMessage/MessageContext.js';
|
|
@@ -9,18 +9,18 @@ interface UnknowPorps {
|
|
|
9
9
|
[propsName: string]: any;
|
|
10
10
|
}
|
|
11
11
|
interface ComponentContextValue {
|
|
12
|
-
TUIMessage?:
|
|
13
|
-
TUIChatHeader?:
|
|
14
|
-
EmptyStateIndicator?:
|
|
15
|
-
TUIMessageInput?:
|
|
16
|
-
MessageContext?:
|
|
17
|
-
InputPlugins?:
|
|
18
|
-
MessagePlugins?:
|
|
19
|
-
MessageCustomPlugins?:
|
|
20
|
-
MessageTextPlugins?:
|
|
21
|
-
InputQuote?:
|
|
12
|
+
TUIMessage?: React__default.ComponentType<TUIMessageProps | UnknowPorps>;
|
|
13
|
+
TUIChatHeader?: React__default.ComponentType<TUIChatHeaderDefaultProps>;
|
|
14
|
+
EmptyStateIndicator?: React__default.ComponentType<EmptyStateIndicatorProps>;
|
|
15
|
+
TUIMessageInput?: React__default.ComponentType<UnknowPorps>;
|
|
16
|
+
MessageContext?: React__default.ComponentType<MessageContextProps>;
|
|
17
|
+
InputPlugins?: React__default.ComponentType<UnknowPorps>;
|
|
18
|
+
MessagePlugins?: React__default.ComponentType<UnknowPorps>;
|
|
19
|
+
MessageCustomPlugins?: React__default.ComponentType<UnknowPorps>;
|
|
20
|
+
MessageTextPlugins?: React__default.ComponentType<UnknowPorps>;
|
|
21
|
+
InputQuote?: React__default.ComponentType<UnknowPorps>;
|
|
22
22
|
}
|
|
23
|
-
declare const ComponentContext:
|
|
23
|
+
declare const ComponentContext: React__default.Context<ComponentContextValue | undefined>;
|
|
24
24
|
declare function ComponentProvider({ children, value, }: PropsWithChildren<{
|
|
25
25
|
value: ComponentContextValue;
|
|
26
26
|
}>): react_jsx_runtime.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("react-i18next"),u=n.createContext(null);exports.LanguageProvider=function(a){var i=a.language,o=void 0===i?"en-US":i,s=a.children,g=t.useTranslation().i18n,c=n.useState(o),l=c[0],d=c[1];n.useLayoutEffect((function(){g.changeLanguage(l)}),[l,g]),n.useLayoutEffect((function(){document.documentElement.lang=l}),[l]);var f={language:l,setLanguage:d};return r.jsx(u.Provider,e.__assign({value:f},{children:s}))},exports.useLanguage=function(){var e=n.useContext(u);if(!e)throw new Error("useLanguage must be used within a LanguageProvider");return e};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
2
2
|
import { Message } from '@tencentcloud/chat';
|
|
3
3
|
import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
|
|
4
4
|
import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
|
|
@@ -16,10 +16,10 @@ interface TUIChatActionContextValue {
|
|
|
16
16
|
updateUploadPendingMessageList?: (message?: Message) => void;
|
|
17
17
|
setActiveMessageID?: (messageID: string) => void;
|
|
18
18
|
}
|
|
19
|
-
declare const TUIChatActionContext:
|
|
19
|
+
declare const TUIChatActionContext: React__default.Context<TUIChatActionContextValue | undefined>;
|
|
20
20
|
declare function TUIChatActionProvider({ children, value, }: PropsWithChildren<{
|
|
21
21
|
value: TUIChatActionContextValue;
|
|
22
|
-
}>):
|
|
22
|
+
}>): React__default.ReactElement;
|
|
23
23
|
declare const useTUIChatActionContext: (componentName?: string) => TUIChatActionContextValue;
|
|
24
24
|
|
|
25
25
|
export { TUIChatActionContext, TUIChatActionContextValue, TUIChatActionProvider, useTUIChatActionContext };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { RefObject, MutableRefObject, PropsWithChildren } from 'react';
|
|
2
2
|
import { Conversation, Message } from '@tencentcloud/chat';
|
|
3
|
-
import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
|
|
4
3
|
import { TUIMessageProps } from '../components/TUIMessage/TUIMessage.js';
|
|
5
|
-
import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
|
|
6
4
|
import { MessageListProps } from '../components/TUIMessageList/TUIMessageList.js';
|
|
5
|
+
import { TUIMessageInputBasicProps } from '../components/TUIMessageInput/TUIMessageInput.js';
|
|
6
|
+
import { OperateMessageParams } from '../components/TUIChat/hooks/useHandleMessage.js';
|
|
7
7
|
|
|
8
8
|
interface TUIChatStateContextValue {
|
|
9
9
|
conversation?: Conversation;
|
|
@@ -28,10 +28,10 @@ interface TUIChatStateContextValue {
|
|
|
28
28
|
firstSendMessage?: Message | null;
|
|
29
29
|
activeMessageID?: string;
|
|
30
30
|
}
|
|
31
|
-
declare const TUIChatStateContext:
|
|
31
|
+
declare const TUIChatStateContext: React__default.Context<TUIChatStateContextValue | null>;
|
|
32
32
|
declare function TUIChatStateContextProvider({ children, value }: PropsWithChildren<{
|
|
33
33
|
value: TUIChatStateContextValue;
|
|
34
|
-
}>):
|
|
34
|
+
}>): React__default.ReactElement;
|
|
35
35
|
declare function useTUIChatStateContext(componentName?: string): TUIChatStateContextValue;
|
|
36
36
|
|
|
37
37
|
export { TUIChatStateContext, TUIChatStateContextProvider, TUIChatStateContextValue, useTUIChatStateContext };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
2
2
|
import { Friend, Profile, FriendApplication } from '@tencentcloud/chat';
|
|
3
3
|
|
|
4
4
|
interface TUIContactContextValue {
|
|
@@ -7,12 +7,12 @@ interface TUIContactContextValue {
|
|
|
7
7
|
friendApplicationList?: Array<FriendApplication>;
|
|
8
8
|
blockList?: Array<string>;
|
|
9
9
|
isShowContactList?: boolean;
|
|
10
|
-
setShowContactList?:
|
|
10
|
+
setShowContactList?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
11
11
|
}
|
|
12
|
-
declare const TUIContactContext:
|
|
12
|
+
declare const TUIContactContext: React__default.Context<TUIContactContextValue>;
|
|
13
13
|
declare function TUIContactContextProvider({ children, value }: PropsWithChildren<{
|
|
14
14
|
value: TUIContactContextValue;
|
|
15
|
-
}>):
|
|
15
|
+
}>): React__default.ReactElement;
|
|
16
16
|
declare function useTUIContactContext(componentName?: string): TUIContactContextValue;
|
|
17
17
|
|
|
18
18
|
export { TUIContactContext, TUIContactContextProvider, TUIContactContextValue, useTUIContactContext };
|