@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 +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 };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),s=require("../components/TUIConversationList/TUIConversationList.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("@tencentcloud/chat"),require("@tencentcloud/chat-uikit-engine"),require("date-fns"),require("date-fns/locale"),require("../components/Icon/config.js"),require("../components/Icon/type.js"),require("@tencentcloud/tui-core"),require("react-i18next"),require("./TUIMessageContext.js"),require("../constants.js"),require("../components/TUIMessage/hooks/useMessageReply.js"),require("../components/TUIMessage/MessagePlugins.js"),require("../components/TUIMessage/MessageContext.js"),require("../utils/env.js"),require("../components/TUIMessageInput/hooks/useHandleQuoteMessage.js"),require("../components/TUIProfile/TUIProfileDefault.js");var o=n(t).default.createContext({});exports.TUIConversationContext=o,exports.TUIConversationProvider=function(t){var n=t.children,i=t.value;return r.jsx(o.Provider,e.__assign({value:i},{children:n||r.jsx(s.TUIConversationList,{})}))},exports.useTUIConversationContext=function(e){var r=t.useContext(o);return!r&&e?{}:r};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { ReactEventHandler, PropsWithChildren } from 'react';
|
|
2
2
|
import { Message } from '@tencentcloud/chat';
|
|
3
3
|
import { MessagePluginsProps } from '../components/TUIMessage/MessagePlugins.js';
|
|
4
4
|
|
|
@@ -11,52 +11,52 @@ declare enum messageShowType {
|
|
|
11
11
|
interface TUIMessageContextValue {
|
|
12
12
|
message?: Message;
|
|
13
13
|
handleDelete?: ReactEventHandler;
|
|
14
|
-
CustemElement?:
|
|
14
|
+
CustemElement?: React__default.ComponentType<{
|
|
15
15
|
message: Message;
|
|
16
16
|
}>;
|
|
17
|
-
TextElement?:
|
|
17
|
+
TextElement?: React__default.ComponentType<{
|
|
18
18
|
message: Message;
|
|
19
19
|
}>;
|
|
20
|
-
ImageElement?:
|
|
20
|
+
ImageElement?: React__default.ComponentType<{
|
|
21
21
|
message: Message;
|
|
22
22
|
}>;
|
|
23
|
-
VideoElement?:
|
|
23
|
+
VideoElement?: React__default.ComponentType<{
|
|
24
24
|
message: Message;
|
|
25
25
|
}>;
|
|
26
|
-
AudioElement?:
|
|
26
|
+
AudioElement?: React__default.ComponentType<{
|
|
27
27
|
message: Message;
|
|
28
28
|
}>;
|
|
29
|
-
FileElement?:
|
|
29
|
+
FileElement?: React__default.ComponentType<{
|
|
30
30
|
message: Message;
|
|
31
31
|
}>;
|
|
32
|
-
MergerElement?:
|
|
32
|
+
MergerElement?: React__default.ComponentType<{
|
|
33
33
|
message: Message;
|
|
34
34
|
}>;
|
|
35
|
-
LocationElement?:
|
|
35
|
+
LocationElement?: React__default.ComponentType<{
|
|
36
36
|
message: Message;
|
|
37
37
|
}>;
|
|
38
|
-
FaceElement?:
|
|
38
|
+
FaceElement?: React__default.ComponentType<{
|
|
39
39
|
message: Message;
|
|
40
40
|
}>;
|
|
41
41
|
filter?: (data: Message) => void;
|
|
42
42
|
isShowTime?: boolean;
|
|
43
43
|
isShowRead?: boolean;
|
|
44
44
|
plugin?: MessagePluginsProps;
|
|
45
|
-
prefix?:
|
|
46
|
-
suffix?:
|
|
47
|
-
customName?:
|
|
45
|
+
prefix?: React__default.ReactElement | string;
|
|
46
|
+
suffix?: React__default.ReactElement | string;
|
|
47
|
+
customName?: React__default.ReactElement;
|
|
48
48
|
showAvatar?: messageShowType;
|
|
49
49
|
showName?: messageShowType;
|
|
50
|
-
customAvatar?:
|
|
50
|
+
customAvatar?: React__default.ReactElement;
|
|
51
51
|
isShowProgress?: boolean;
|
|
52
|
-
Progress?:
|
|
52
|
+
Progress?: React__default.ComponentType<{
|
|
53
53
|
message: Message;
|
|
54
54
|
}>;
|
|
55
55
|
}
|
|
56
|
-
declare const TUIMessageContext:
|
|
56
|
+
declare const TUIMessageContext: React__default.Context<TUIMessageContextValue>;
|
|
57
57
|
declare function TUIMessageContextProvider({ children, value }: PropsWithChildren<{
|
|
58
58
|
value: TUIMessageContextValue;
|
|
59
|
-
}>):
|
|
59
|
+
}>): React__default.ReactElement;
|
|
60
60
|
declare function useTUIMessageContext(componentName?: string): TUIMessageContextValue;
|
|
61
61
|
|
|
62
62
|
export { TUIMessageContext, TUIMessageContextProvider, TUIMessageContextValue, messageShowType, useTUIMessageContext };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { ChangeEventHandler, KeyboardEventHandler, MutableRefObject, PropsWithChildren } from 'react';
|
|
2
2
|
import { MESSAGE_TYPE_NAME } from '../constants.js';
|
|
3
3
|
import { ICursorPos } from '../components/TUIMessageInput/hooks/useMessageInputState.js';
|
|
4
4
|
import { filesData } from '../components/TUIMessageInput/hooks/useUploadPicker.js';
|
|
@@ -14,7 +14,7 @@ interface TUIMessageInputContextValue {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
dispatch?: (params: dispatchParams) => void;
|
|
16
16
|
handleChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
17
|
-
handleSubmit?: (event:
|
|
17
|
+
handleSubmit?: (event: React__default.BaseSyntheticEvent) => void;
|
|
18
18
|
handleKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
19
19
|
textareaRef?: MutableRefObject<HTMLTextAreaElement | undefined>;
|
|
20
20
|
onSelectEmoji?: (emoji: EmojiData) => void;
|
|
@@ -27,10 +27,10 @@ interface TUIMessageInputContextValue {
|
|
|
27
27
|
setCursorPos?: (e: ICursorPos) => void;
|
|
28
28
|
pluginConfig?: PluginConfigProps;
|
|
29
29
|
}
|
|
30
|
-
declare const TUIMessageInputContext:
|
|
30
|
+
declare const TUIMessageInputContext: React__default.Context<TUIMessageInputContextValue>;
|
|
31
31
|
declare function TUIMessageInputContextProvider({ children, value }: PropsWithChildren<{
|
|
32
32
|
value: TUIMessageInputContextValue;
|
|
33
|
-
}>):
|
|
33
|
+
}>): React__default.ReactElement;
|
|
34
34
|
declare function useTUIMessageInputContext(componentName?: string): TUIMessageInputContextValue;
|
|
35
35
|
|
|
36
36
|
export { TUIMessageInputContext, TUIMessageInputContextProvider, TUIMessageInputContextValue, useTUIMessageInputContext };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),u=r.createContext(null);exports.ThemeProvider=function(o){var s=o.theme,i=void 0===s?"light":s,n=o.colors,a=o.children,c=r.useState(i),h=c[0],l=c[1],m=r.useState(n),d=m[0],v=m[1];r.useLayoutEffect((function(){document.documentElement.dataset.uikitTheme=h}),[h]);var f={theme:h,colors:d,setTheme:l,setColors:v};return t.jsx(u.Provider,e.__assign({value:f},{children:a}))},exports.useTheme=function(){var e=r.useContext(u);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import { ChatSDK, Conversation } from '@tencentcloud/chat';
|
|
5
|
+
|
|
6
|
+
interface UIKitProviderProps {
|
|
7
|
+
chat?: ChatSDK;
|
|
8
|
+
language?: string;
|
|
9
|
+
theme?: string;
|
|
10
|
+
colors?: Record<string, string>;
|
|
11
|
+
customClasses?: string;
|
|
12
|
+
activeConversation?: Conversation;
|
|
13
|
+
}
|
|
14
|
+
declare function UIKitProvider(props: PropsWithChildren<UIKitProviderProps>): react_jsx_runtime.JSX.Element;
|
|
15
|
+
declare const useUIKit: (componentName?: string) => {
|
|
16
|
+
chat: ChatSDK;
|
|
17
|
+
language: string;
|
|
18
|
+
setLanguage: React.Dispatch<React.SetStateAction<string>>;
|
|
19
|
+
theme: string;
|
|
20
|
+
colors: Record<string, string> | undefined;
|
|
21
|
+
setTheme: (theme: string) => void;
|
|
22
|
+
setColors: (colors: Record<string, string>) => void;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export { UIKitProvider, useUIKit };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),s=require("@tencentcloud/tui-core"),i=require("./ThemeContext.js"),n=require("./LanguageContext.js"),a=require("./UIManagerContext.js"),o=t.createContext(null);exports.UIKitProvider=function(t){var u=t.chat,c=void 0===u?s.TUILogin.getContext().chat:u,g=t.language,l=t.theme,d=t.colors,v=t.customClasses,_=t.activeConversation,h=t.children;return r.jsx(n.LanguageProvider,e.__assign({language:g},{children:r.jsx(i.ThemeProvider,e.__assign({theme:l,colors:d},{children:r.jsx(o.Provider,e.__assign({value:{chat:c}},{children:r.jsx(a.UIManagerProvider,e.__assign({activeConversation:_,customClasses:v},{children:h}))}))}))}))},exports.useUIKit=function(r){var s=n.useLanguage(),a=i.useTheme(),u=t.useContext(o);if(!u)throw new Error("useUIKit must be used within a UIKitProvider");return e.__assign(e.__assign(e.__assign({},a),s),u)};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default, { PropsWithChildren } from 'react';
|
|
3
|
+
import { Conversation, Profile, Friend, FriendApplication } from '@tencentcloud/chat';
|
|
4
|
+
import { IGroupModel } from '@tencentcloud/chat-uikit-engine';
|
|
5
|
+
|
|
6
|
+
type blockData = {
|
|
7
|
+
type: 'block';
|
|
8
|
+
data: Profile;
|
|
9
|
+
};
|
|
10
|
+
type friendData = {
|
|
11
|
+
type: 'friend';
|
|
12
|
+
data: Friend;
|
|
13
|
+
};
|
|
14
|
+
type friendApplicationData = {
|
|
15
|
+
type: 'friendApplication';
|
|
16
|
+
data: FriendApplication;
|
|
17
|
+
};
|
|
18
|
+
type addFriendData = {
|
|
19
|
+
type: 'addFriend';
|
|
20
|
+
data: Profile;
|
|
21
|
+
};
|
|
22
|
+
type GroupData = {
|
|
23
|
+
type: 'group';
|
|
24
|
+
data: IGroupModel;
|
|
25
|
+
};
|
|
26
|
+
type UseContactParams = blockData | friendData | friendApplicationData | addFriendData | GroupData | undefined;
|
|
27
|
+
type UIManagerContextType = {
|
|
28
|
+
conversation?: Conversation;
|
|
29
|
+
contactData?: UseContactParams;
|
|
30
|
+
customClasses?: unknown;
|
|
31
|
+
myProfile?: Profile;
|
|
32
|
+
TUIManageShow?: boolean;
|
|
33
|
+
TUIProfileShow?: boolean;
|
|
34
|
+
setTUIManageShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
35
|
+
setTUIProfileShow: React__default.Dispatch<React__default.SetStateAction<boolean>>;
|
|
36
|
+
setActiveConversation: (conversation?: Conversation) => void;
|
|
37
|
+
setActiveContact: (useContactParams?: UseContactParams) => void;
|
|
38
|
+
};
|
|
39
|
+
type UIManagerProviderProps = {
|
|
40
|
+
customClasses: string;
|
|
41
|
+
activeConversation: Conversation;
|
|
42
|
+
};
|
|
43
|
+
declare function UIManagerProvider(props: PropsWithChildren<Partial<UIManagerProviderProps>>): react_jsx_runtime.JSX.Element;
|
|
44
|
+
declare const useUIManager: (componentName?: string) => UIManagerContextType;
|
|
45
|
+
|
|
46
|
+
export { UIManagerContextType, UIManagerProvider, useUIManager };
|
|
@@ -0,0 +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-uikit-engine"),o=require("./UIKitContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r).default.createContext(null);exports.UIManagerProvider=function(a){a.customClasses;var u=a.activeConversation,s=a.children,c=o.useUIKit().chat,l=r.useState(u),v=l[0],f=l[1],S=r.useState(),I=S[0],d=S[1],U=r.useState(),h=U[0],C=U[1],w=r.useState(!1),g=w[0],P=w[1],m=r.useState(!1),x=m[0],M=m[1];r.useEffect((function(){return n.TUIStore.watch(n.StoreName.USER,{userProfile:N}),n.TUIStore.watch(n.StoreName.CONV,{currentConversation:b}),function(){n.TUIStore.unwatch(n.StoreName.USER,{userProfile:N}),n.TUIStore.unwatch(n.StoreName.CONV,{currentConversation:b})}}),[]);var T=r.useCallback((function(e){e&&(null==c||c.setMessageRead({conversationID:e.conversationID})),(null==e?void 0:e.conversationID)!==(null==v?void 0:v.conversationID)&&P(!1),f(e)}),[]);function N(e){C(e)}function b(e){T(null==e?void 0:e.getConversation())}var j={conversation:v,contactData:I,setActiveConversation:T,myProfile:h,TUIManageShow:g,setTUIManageShow:P,TUIProfileShow:x,setTUIProfileShow:M,setActiveContact:function(e){d(e)}};return t.jsx(i.Provider,e.__assign({value:j},{children:s}))},exports.useUIManager=function(e){var t=r.useContext(i);if(!t)throw new Error("useUIManager must be used within a UIManagerProvider");return t};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _tencentcloud_chat from '@tencentcloud/chat';
|
|
2
2
|
|
|
3
3
|
interface CreateGroupConversationParams {
|
|
4
4
|
name: string;
|
|
5
|
-
type?:
|
|
5
|
+
type?: _tencentcloud_chat.TYPES;
|
|
6
6
|
groupID?: string;
|
|
7
7
|
introduction?: string;
|
|
8
8
|
notification?: string;
|