@tencentcloud/chat-uikit-react 2.2.5 → 2.2.7

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.
Files changed (405) hide show
  1. package/.eslintrc.js +16 -12
  2. package/.lintstagedrc.json +1 -1
  3. package/CHANGELOG.md +18 -0
  4. package/dist/cjs/assets/fonts/iconfont.ttf +0 -0
  5. package/dist/cjs/assets/fonts/iconfont.woff +0 -0
  6. package/dist/cjs/assets/fonts/iconfont.woff2 +0 -0
  7. package/dist/cjs/components/Avatar/Avatar.d.ts +4 -4
  8. package/dist/cjs/components/Checkbox/index.d.ts +2 -2
  9. package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  10. package/dist/cjs/components/ConversationCreate/ConversationCreate.js +1 -1
  11. package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  12. package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  13. package/dist/cjs/components/ConversationPreview/ConversationListContainer.d.ts +2 -2
  14. package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts +8 -8
  15. package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
  16. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
  17. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  18. package/dist/cjs/components/ConversationPreview/utils.js +1 -1
  19. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
  20. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
  21. package/dist/cjs/components/Icon/Icon.d.ts +3 -3
  22. package/dist/cjs/components/Icon/config.js +1 -1
  23. package/dist/cjs/components/Icon/images/video-call.svg.js +1 -0
  24. package/dist/cjs/components/Icon/images/voice-call.svg.js +1 -0
  25. package/dist/cjs/components/Icon/type.d.ts +3 -1
  26. package/dist/cjs/components/Icon/type.js +1 -1
  27. package/dist/cjs/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
  28. package/dist/cjs/components/Input/Input.d.ts +4 -4
  29. package/dist/cjs/components/Model/index.d.ts +2 -2
  30. package/dist/cjs/components/Plugins/index.d.ts +4 -4
  31. package/dist/cjs/components/Popup/index.d.ts +2 -2
  32. package/dist/cjs/components/Switch/Switch.d.ts +2 -2
  33. package/dist/cjs/components/TUIChat/TUIChat.d.ts +15 -14
  34. package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
  35. package/dist/cjs/components/TUIChat/TUIChatState.js +1 -1
  36. package/dist/cjs/components/TUIChat/index.js +1 -0
  37. package/dist/cjs/components/TUIChat/server.js +1 -0
  38. package/dist/cjs/components/TUIChat/utils.js +1 -0
  39. package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts +6 -5
  40. package/dist/cjs/components/TUIChatHeader/TUIChatHeader.js +1 -1
  41. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +6 -5
  42. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  43. package/dist/cjs/components/TUIContact/TUIContact.d.ts +3 -3
  44. package/dist/cjs/components/TUIContact/TUIContact.js +1 -1
  45. package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
  46. package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  47. package/dist/cjs/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  48. package/dist/cjs/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
  49. package/dist/cjs/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
  50. package/dist/cjs/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  51. package/dist/cjs/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
  52. package/dist/cjs/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
  53. package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
  54. package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  55. package/dist/cjs/components/TUIContact/hooks/useTUIContact.js +1 -1
  56. package/dist/cjs/components/TUIContactSearch/TUIContactSearch.js +1 -1
  57. package/dist/cjs/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
  58. package/dist/cjs/components/TUIConversation/TUIConversation.d.ts +2 -2
  59. package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +6 -6
  60. package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
  61. package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  62. package/dist/cjs/components/TUIManage/TUIManage.d.ts +2 -2
  63. package/dist/cjs/components/TUIManage/TUIManage.js +1 -1
  64. package/dist/cjs/components/TUIMessage/MessageAudio.js +1 -1
  65. package/dist/cjs/components/TUIMessage/MessageAvatar.js +1 -1
  66. package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
  67. package/dist/cjs/components/TUIMessage/MessageContext.d.ts +2 -2
  68. package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
  69. package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
  70. package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
  71. package/dist/cjs/components/TUIMessage/MessagePlugins.d.ts +4 -4
  72. package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
  73. package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -1
  74. package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
  75. package/dist/cjs/components/TUIMessage/MessageStatus.js +1 -1
  76. package/dist/cjs/components/TUIMessage/MessageSystem.js +1 -1
  77. package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
  78. package/dist/cjs/components/TUIMessage/MessageTip.js +1 -1
  79. package/dist/cjs/components/TUIMessage/TUIMessage.d.ts +19 -19
  80. package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
  81. package/dist/cjs/components/TUIMessage/TUIMessageDefault.js +1 -1
  82. package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  83. package/dist/cjs/components/TUIMessage/hooks/useMessageReply.js +1 -1
  84. package/dist/cjs/components/TUIMessage/utils/index.js +1 -1
  85. package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
  86. package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
  87. package/dist/cjs/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
  88. package/dist/cjs/components/TUIMessageInput/TUIForward.js +1 -1
  89. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.d.ts +7 -7
  90. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
  91. package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
  92. package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  93. package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  94. package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  95. package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  96. package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  97. package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts +2 -2
  98. package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
  99. package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  100. package/dist/cjs/components/TUIProfile/TUIProfile.d.ts +3 -3
  101. package/dist/cjs/components/TUIProfile/TUIProfile.js +1 -1
  102. package/dist/cjs/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
  103. package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
  104. package/dist/cjs/components/Toast/index.d.ts +2 -2
  105. package/dist/cjs/components/{untils.js → utils.js} +1 -1
  106. package/dist/cjs/context/ComponentContext.d.ts +12 -12
  107. package/dist/cjs/context/LanguageContext.js +1 -0
  108. package/dist/cjs/context/TUIChatActionContext.d.ts +5 -4
  109. package/dist/cjs/context/TUIChatStateContext.d.ts +5 -5
  110. package/dist/cjs/context/TUIContactContext.d.ts +4 -4
  111. package/dist/cjs/context/TUIConversationContext.js +1 -1
  112. package/dist/cjs/context/TUIMessageContext.d.ts +17 -17
  113. package/dist/cjs/context/TUIMessageInputContext.d.ts +4 -4
  114. package/dist/cjs/context/ThemeContext.js +1 -0
  115. package/dist/cjs/context/UIKitContext.d.ts +25 -0
  116. package/dist/cjs/context/UIKitContext.js +1 -0
  117. package/dist/cjs/context/UIManagerContext.d.ts +46 -0
  118. package/dist/cjs/context/UIManagerContext.js +1 -0
  119. package/dist/cjs/hooks/useConversation.d.ts +2 -2
  120. package/dist/cjs/index.css +1 -2
  121. package/dist/cjs/index.d.css +1345 -1547
  122. package/dist/cjs/index.d.ts +2 -4
  123. package/dist/cjs/index.js +1 -1
  124. package/dist/cjs/locales/en-US/index.js +1 -1
  125. package/dist/cjs/locales/index.js +1 -1
  126. package/dist/cjs/locales/zh-CN/index.js +1 -1
  127. package/dist/cjs/locales/zh-TW/TUIChat.js +1 -0
  128. package/dist/cjs/locales/zh-TW/TUIContact.js +1 -0
  129. package/dist/cjs/locales/zh-TW/TUIConversation.js +1 -0
  130. package/dist/cjs/locales/zh-TW/TUIProfile.js +1 -0
  131. package/dist/cjs/locales/zh-TW/index.js +1 -0
  132. package/dist/esm/assets/fonts/iconfont.ttf +0 -0
  133. package/dist/esm/assets/fonts/iconfont.woff +0 -0
  134. package/dist/esm/assets/fonts/iconfont.woff2 +0 -0
  135. package/dist/esm/components/Avatar/Avatar.d.ts +4 -4
  136. package/dist/esm/components/Checkbox/index.d.ts +2 -2
  137. package/dist/esm/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  138. package/dist/esm/components/ConversationCreate/ConversationCreate.js +1 -1
  139. package/dist/esm/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  140. package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  141. package/dist/esm/components/ConversationPreview/ConversationListContainer.d.ts +2 -2
  142. package/dist/esm/components/ConversationPreview/ConversationPreview.d.ts +8 -8
  143. package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
  144. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
  145. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  146. package/dist/esm/components/ConversationPreview/utils.js +1 -1
  147. package/dist/esm/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
  148. package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
  149. package/dist/esm/components/Icon/Icon.d.ts +3 -3
  150. package/dist/esm/components/Icon/config.js +1 -1
  151. package/dist/esm/components/Icon/images/video-call.svg.js +1 -0
  152. package/dist/esm/components/Icon/images/voice-call.svg.js +1 -0
  153. package/dist/esm/components/Icon/type.d.ts +3 -1
  154. package/dist/esm/components/Icon/type.js +1 -1
  155. package/dist/esm/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
  156. package/dist/esm/components/Input/Input.d.ts +4 -4
  157. package/dist/esm/components/Model/index.d.ts +2 -2
  158. package/dist/esm/components/Plugins/index.d.ts +4 -4
  159. package/dist/esm/components/Popup/index.d.ts +2 -2
  160. package/dist/esm/components/Switch/Switch.d.ts +2 -2
  161. package/dist/esm/components/TUIChat/TUIChat.d.ts +15 -14
  162. package/dist/esm/components/TUIChat/TUIChat.js +1 -1
  163. package/dist/esm/components/TUIChat/TUIChatState.js +1 -1
  164. package/dist/esm/components/TUIChat/index.js +1 -0
  165. package/dist/esm/components/TUIChat/server.js +1 -0
  166. package/dist/esm/components/TUIChat/utils.js +1 -0
  167. package/dist/esm/components/TUIChatHeader/TUIChatHeader.d.ts +6 -5
  168. package/dist/esm/components/TUIChatHeader/TUIChatHeader.js +1 -1
  169. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +6 -5
  170. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  171. package/dist/esm/components/TUIContact/TUIContact.d.ts +3 -3
  172. package/dist/esm/components/TUIContact/TUIContact.js +1 -1
  173. package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
  174. package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  175. package/dist/esm/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  176. package/dist/esm/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
  177. package/dist/esm/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
  178. package/dist/esm/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  179. package/dist/esm/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
  180. package/dist/esm/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
  181. package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
  182. package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  183. package/dist/esm/components/TUIContact/hooks/useTUIContact.js +1 -1
  184. package/dist/esm/components/TUIContactSearch/TUIContactSearch.js +1 -1
  185. package/dist/esm/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
  186. package/dist/esm/components/TUIConversation/TUIConversation.d.ts +2 -2
  187. package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +6 -6
  188. package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
  189. package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  190. package/dist/esm/components/TUIManage/TUIManage.d.ts +2 -2
  191. package/dist/esm/components/TUIManage/TUIManage.js +1 -1
  192. package/dist/esm/components/TUIMessage/MessageAudio.js +1 -1
  193. package/dist/esm/components/TUIMessage/MessageAvatar.js +1 -1
  194. package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
  195. package/dist/esm/components/TUIMessage/MessageContext.d.ts +2 -2
  196. package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
  197. package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
  198. package/dist/esm/components/TUIMessage/MessageName.js +1 -1
  199. package/dist/esm/components/TUIMessage/MessagePlugins.d.ts +4 -4
  200. package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
  201. package/dist/esm/components/TUIMessage/MessageProgress.js +1 -1
  202. package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
  203. package/dist/esm/components/TUIMessage/MessageStatus.js +1 -1
  204. package/dist/esm/components/TUIMessage/MessageSystem.js +1 -1
  205. package/dist/esm/components/TUIMessage/MessageText.js +1 -1
  206. package/dist/esm/components/TUIMessage/MessageTip.js +1 -1
  207. package/dist/esm/components/TUIMessage/TUIMessage.d.ts +19 -19
  208. package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
  209. package/dist/esm/components/TUIMessage/TUIMessageDefault.js +1 -1
  210. package/dist/esm/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  211. package/dist/esm/components/TUIMessage/hooks/useMessageReply.js +1 -1
  212. package/dist/esm/components/TUIMessage/utils/index.js +1 -1
  213. package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
  214. package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
  215. package/dist/esm/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
  216. package/dist/esm/components/TUIMessageInput/TUIForward.js +1 -1
  217. package/dist/esm/components/TUIMessageInput/TUIMessageInput.d.ts +7 -7
  218. package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
  219. package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
  220. package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  221. package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  222. package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  223. package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  224. package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  225. package/dist/esm/components/TUIMessageList/TUIMessageList.d.ts +2 -2
  226. package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
  227. package/dist/esm/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  228. package/dist/esm/components/TUIProfile/TUIProfile.d.ts +3 -3
  229. package/dist/esm/components/TUIProfile/TUIProfile.js +1 -1
  230. package/dist/esm/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
  231. package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
  232. package/dist/esm/components/Toast/index.d.ts +2 -2
  233. package/dist/esm/components/utils.js +1 -0
  234. package/dist/esm/context/ComponentContext.d.ts +12 -12
  235. package/dist/esm/context/LanguageContext.js +1 -0
  236. package/dist/esm/context/TUIChatActionContext.d.ts +5 -4
  237. package/dist/esm/context/TUIChatStateContext.d.ts +5 -5
  238. package/dist/esm/context/TUIContactContext.d.ts +4 -4
  239. package/dist/esm/context/TUIConversationContext.js +1 -1
  240. package/dist/esm/context/TUIMessageContext.d.ts +17 -17
  241. package/dist/esm/context/TUIMessageInputContext.d.ts +4 -4
  242. package/dist/esm/context/ThemeContext.js +1 -0
  243. package/dist/esm/context/UIKitContext.d.ts +25 -0
  244. package/dist/esm/context/UIKitContext.js +1 -0
  245. package/dist/esm/context/UIManagerContext.d.ts +46 -0
  246. package/dist/esm/context/UIManagerContext.js +1 -0
  247. package/dist/esm/hooks/useConversation.d.ts +2 -2
  248. package/dist/esm/index.css +1 -2
  249. package/dist/esm/index.d.css +1345 -1547
  250. package/dist/esm/index.d.ts +2 -4
  251. package/dist/esm/index.js +1 -1
  252. package/dist/esm/locales/en-US/index.js +1 -1
  253. package/dist/esm/locales/index.js +1 -1
  254. package/dist/esm/locales/zh-CN/index.js +1 -1
  255. package/dist/esm/locales/zh-TW/TUIChat.js +1 -0
  256. package/dist/esm/locales/zh-TW/TUIContact.js +1 -0
  257. package/dist/esm/locales/zh-TW/TUIConversation.js +1 -0
  258. package/dist/esm/locales/zh-TW/TUIProfile.js +1 -0
  259. package/dist/esm/locales/zh-TW/index.js +1 -0
  260. package/package.json +5 -3
  261. package/rollup.config.js +1 -1
  262. package/src/assets/fonts/iconfont.ttf +0 -0
  263. package/src/assets/fonts/iconfont.woff +0 -0
  264. package/src/assets/fonts/iconfont.woff2 +0 -0
  265. package/src/components/Avatar/styles/index.scss +11 -4
  266. package/src/components/Checkbox/styles/color.scss +17 -6
  267. package/src/components/ConversationCreate/ConversationCreatGroupDetail.tsx +4 -4
  268. package/src/components/ConversationCreate/ConversationCreate.tsx +2 -2
  269. package/src/components/ConversationCreate/ConversationCreateUserSelectList.tsx +3 -2
  270. package/src/components/ConversationCreate/hooks/useConversationCreate.tsx +5 -5
  271. package/src/components/ConversationCreate/styles/ConversationCreatGroupDetail.scss +7 -16
  272. package/src/components/ConversationCreate/styles/conversationCreateSelectView.scss +13 -8
  273. package/src/components/ConversationCreate/styles/conversationGroupTypeInfo.scss +20 -21
  274. package/src/components/ConversationCreate/styles/index.scss +30 -17
  275. package/src/components/ConversationPreview/ConversationPreview.tsx +21 -21
  276. package/src/components/ConversationPreview/ConversationPreviewContent.tsx +4 -2
  277. package/src/components/ConversationPreview/styles/index.scss +20 -20
  278. package/src/components/ConversationPreview/utils.tsx +3 -2
  279. package/src/components/DivWithEdit/styles/index.scss +30 -10
  280. package/src/components/Icon/config.ts +14 -4
  281. package/src/components/Icon/images/video-call.svg +3 -0
  282. package/src/components/Icon/images/voice-call.svg +3 -0
  283. package/src/components/Icon/type.ts +2 -0
  284. package/src/components/Input/styles/index.scss +22 -6
  285. package/src/components/Plugins/styles/color.scss +3 -11
  286. package/src/components/Profile/styles/index.scss +12 -3
  287. package/src/components/TUIChat/TUIChat.tsx +40 -35
  288. package/src/components/TUIChat/TUIChatState.tsx +41 -41
  289. package/src/components/TUIChat/index.ts +3 -0
  290. package/src/components/TUIChat/server.ts +44 -0
  291. package/src/components/TUIChat/styles/layout.scss +7 -2
  292. package/src/components/TUIChat/utils.ts +72 -0
  293. package/src/components/TUIChatHeader/TUIChatHeader.tsx +10 -7
  294. package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +74 -31
  295. package/src/components/TUIChatHeader/styles/layout.scss +16 -9
  296. package/src/components/TUIContact/TUIContact.tsx +2 -2
  297. package/src/components/TUIContact/TUIContactInfo/TUIContactInfo.tsx +2 -2
  298. package/src/components/TUIContact/TUIContactInfo/basicInfo.tsx +2 -2
  299. package/src/components/TUIContact/TUIContactInfo/blockInfo.tsx +2 -2
  300. package/src/components/TUIContact/TUIContactInfo/friendApplication.tsx +2 -2
  301. package/src/components/TUIContact/TUIContactInfo/friendInfo.tsx +4 -3
  302. package/src/components/TUIContact/TUIContactInfo/groupInfo.tsx +3 -3
  303. package/src/components/TUIContact/TUIContactInfo/hooks/useContactInfo.tsx +2 -2
  304. package/src/components/TUIContact/TUIContactInfo/index.scss +44 -21
  305. package/src/components/TUIContact/TUIContactList/TUIContactList.tsx +80 -76
  306. package/src/components/TUIContact/TUIContactList/index.scss +40 -20
  307. package/src/components/TUIContact/hooks/useTUIContact.tsx +5 -5
  308. package/src/components/TUIContact/index.scss +30 -11
  309. package/src/components/TUIContactSearch/TUIContactSearch.tsx +2 -2
  310. package/src/components/TUIContactSearch/hooks/useContactSearch.tsx +2 -2
  311. package/src/components/TUIContactSearch/index.scss +12 -3
  312. package/src/components/TUIConversationList/TUIConversationList.tsx +3 -4
  313. package/src/components/TUIConversationList/hooks/useConversationUpdate.tsx +2 -2
  314. package/src/components/TUIConversationList/index.scss +3 -4
  315. package/src/components/TUIManage/TUIManage.tsx +3 -3
  316. package/src/components/TUIManage/styles/index.scss +20 -14
  317. package/src/components/TUIMessage/MessageAvatar.tsx +7 -7
  318. package/src/components/TUIMessage/MessageBubble.tsx +22 -21
  319. package/src/components/TUIMessage/MessageCustom.tsx +26 -5
  320. package/src/components/TUIMessage/MessageStatus.tsx +7 -7
  321. package/src/components/TUIMessage/MessageText.tsx +16 -15
  322. package/src/components/TUIMessage/hooks/useMessageHandler.ts +8 -8
  323. package/src/components/TUIMessage/hooks/useMessageReply.ts +8 -7
  324. package/src/components/TUIMessage/styles/color.scss +6 -5
  325. package/src/components/TUIMessage/styles/layout.scss +111 -42
  326. package/src/components/TUIMessage/utils/index.ts +23 -12
  327. package/src/components/TUIMessageInput/InputPluginsDefalut.tsx +12 -12
  328. package/src/components/TUIMessageInput/TUIMessageInput.tsx +1 -1
  329. package/src/components/TUIMessageInput/hooks/useHandleForwardMessage.tsx +7 -6
  330. package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +14 -14
  331. package/src/components/TUIMessageInput/hooks/useUploadPicker.tsx +4 -4
  332. package/src/components/TUIMessageInput/styles/color.scss +15 -11
  333. package/src/components/TUIMessageInput/styles/layout.scss +33 -17
  334. package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +15 -11
  335. package/src/components/TUIMessageList/styles/layout.scss +16 -9
  336. package/src/components/TUIProfile/TUIProfile.tsx +3 -3
  337. package/src/components/TUIProfile/TUIProfileDefault.tsx +14 -13
  338. package/src/components/TUIProfile/styles/color.scss +6 -5
  339. package/src/components/TUIProfile/styles/layout.scss +16 -14
  340. package/src/components/index.ts +0 -1
  341. package/src/components/{untils.ts → utils.ts} +5 -4
  342. package/src/context/LanguageContext.tsx +60 -0
  343. package/src/context/TUIChatActionContext.tsx +14 -13
  344. package/src/context/ThemeContext.tsx +68 -0
  345. package/src/context/UIKitContext.tsx +76 -0
  346. package/src/context/UIManagerContext.tsx +163 -0
  347. package/src/context/index.ts +3 -2
  348. package/src/locales/en-US/index.ts +0 -3
  349. package/src/locales/index.ts +6 -2
  350. package/src/locales/zh-CN/index.ts +0 -2
  351. package/src/locales/zh-TW/TUIChat.ts +27 -0
  352. package/src/locales/zh-TW/TUIContact.ts +29 -0
  353. package/src/locales/zh-TW/TUIConversation.ts +32 -0
  354. package/src/locales/zh-TW/TUIProfile.ts +15 -0
  355. package/src/locales/zh-TW/index.ts +11 -0
  356. package/src/styles/colors/_color-dark.scss +31 -21
  357. package/src/styles/colors/_color-light.scss +31 -21
  358. package/src/styles/colors/_color-theme.scss +33 -22
  359. package/src/styles/normalize.scss +6 -0
  360. package/dist/cjs/components/Icon/images/chats-selected.svg.js +0 -1
  361. package/dist/cjs/components/Icon/images/chats.svg.js +0 -1
  362. package/dist/cjs/components/Icon/images/contacts-selected.svg.js +0 -1
  363. package/dist/cjs/components/Icon/images/contacts.svg.js +0 -1
  364. package/dist/cjs/components/Icon/images/down-arrow.png.js +0 -1
  365. package/dist/cjs/components/Icon/images/right-arrow.svg.js +0 -1
  366. package/dist/cjs/components/TUIChat/unitls.js +0 -1
  367. package/dist/cjs/components/TUIKit/TUIKit.d.ts +0 -12
  368. package/dist/cjs/components/TUIKit/TUIKit.js +0 -1
  369. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
  370. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
  371. package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
  372. package/dist/cjs/components/TUIKit/hooks/useTUIKit.js +0 -1
  373. package/dist/cjs/context/TUIKitContext.d.ts +0 -25
  374. package/dist/cjs/context/TUIKitContext.js +0 -1
  375. package/dist/esm/components/Icon/images/chats-selected.svg.js +0 -1
  376. package/dist/esm/components/Icon/images/chats.svg.js +0 -1
  377. package/dist/esm/components/Icon/images/contacts-selected.svg.js +0 -1
  378. package/dist/esm/components/Icon/images/contacts.svg.js +0 -1
  379. package/dist/esm/components/Icon/images/down-arrow.png.js +0 -1
  380. package/dist/esm/components/Icon/images/right-arrow.svg.js +0 -1
  381. package/dist/esm/components/TUIChat/unitls.js +0 -1
  382. package/dist/esm/components/TUIKit/TUIKit.d.ts +0 -12
  383. package/dist/esm/components/TUIKit/TUIKit.js +0 -1
  384. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
  385. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
  386. package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
  387. package/dist/esm/components/TUIKit/hooks/useTUIKit.js +0 -1
  388. package/dist/esm/components/untils.js +0 -1
  389. package/dist/esm/context/TUIKitContext.d.ts +0 -25
  390. package/dist/esm/context/TUIKitContext.js +0 -1
  391. package/scripts/publish-github.js +0 -60
  392. package/scripts/publish-intl-demo.js +0 -14
  393. package/scripts/publish-intl-experience-demo.js +0 -14
  394. package/src/components/TUIChat/unitls.ts +0 -39
  395. package/src/components/TUIKit/TUIKit.tsx +0 -229
  396. package/src/components/TUIKit/hooks/useCreateTUIKitContext.tsx +0 -48
  397. package/src/components/TUIKit/hooks/useTUIKit.tsx +0 -99
  398. package/src/components/TUIKit/index.ts +0 -3
  399. package/src/components/TUIKit/styles/h5.scss +0 -34
  400. package/src/components/TUIKit/styles/index.scss +0 -132
  401. package/src/context/TUIKitContext.tsx +0 -44
  402. package/src/locales/en-US/TUIGlobal.ts +0 -6
  403. package/src/locales/ja-JP/TUIGlobal.ts +0 -6
  404. package/src/locales/ko-KR/TUIGlobal.ts +0 -6
  405. package/src/locales/zh-CN/TUIGlobal.ts +0 -6
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import o from"react";import s from"@tencentcloud/chat";import{MessageAudio as m}from"./MessageAudio.js";import{MessageCustom as r}from"./MessageCustom.js";import{MessageFace as i}from"./MessageFace.js";import{MessageFile as E}from"./MessageFile.js";import{MessageImage as n}from"./MessageImage.js";import{MessageLocation as M}from"./MessageLocation.js";import{MessageMerger as S}from"./MessageMerger.js";import{MessageText as a}from"./MessageText.js";import{MessageVideo as T}from"./MessageVideo.js";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"../Icon/config.js";import"../Icon/type.js";import{useTUIMessageContext as p}from"../../context/TUIMessageContext.js";import{useMessageContextHandler as c}from"./hooks/useMessageContextHandler.js";import{MessageStatus as g}from"./MessageStatus.js";var G,f=((G={})[s.TYPES.MSG_TEXT]=a,G[s.TYPES.MSG_FACE]=i,G[s.TYPES.MSG_IMAGE]=n,G[s.TYPES.MSG_AUDIO]=m,G[s.TYPES.MSG_VIDEO]=T,G[s.TYPES.MSG_FILE]=E,G[s.TYPES.MSG_CUSTOM]=r,G[s.TYPES.MSG_MERGER]=S,G[s.TYPES.MSG_LOCATION]=M,G);function l(o){var m,r=o.message,i=c({message:r}).context,E=p("MessageCustom"),n=E.CustemElement,M=E.TextElement,S=E.FaceElement,a=E.ImageElement,T=E.AudioElement,G=E.VideoElement,l=E.FileElement,P=E.MergerElement,Y=E.LocationElement,_=((m={})[s.TYPES.MSG_TEXT]=M,m[s.TYPES.MSG_FACE]=S,m[s.TYPES.MSG_IMAGE]=a,m[s.TYPES.MSG_AUDIO]=T,m[s.TYPES.MSG_VIDEO]=G,m[s.TYPES.MSG_FILE]=l,m[s.TYPES.MSG_CUSTOM]=n,m[s.TYPES.MSG_MERGER]=P,m[s.TYPES.MSG_LOCATION]=Y,m),j=(null==r?void 0:r.type)&&(_[r.type]||f[r.type]);return j&&t(j,e({context:i,message:r},{children:t(g,{message:r})}))}var P=o.memo(l);function Y(o){return t(P,e({},o))}export{Y as MessageContext};
1
+ import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import o from"react";import m from"@tencentcloud/chat";import{MessageAudio as s}from"./MessageAudio.js";import{MessageCustom as r}from"./MessageCustom.js";import{MessageFace as i}from"./MessageFace.js";import{MessageFile as n}from"./MessageFile.js";import{MessageImage as E}from"./MessageImage.js";import{MessageLocation as M}from"./MessageLocation.js";import{MessageMerger as S}from"./MessageMerger.js";import{MessageText as a}from"./MessageText.js";import{MessageVideo as p}from"./MessageVideo.js";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"../Icon/config.js";import"../Icon/type.js";import"@tencentcloud/tui-core";import{useTUIMessageContext as T}from"../../context/TUIMessageContext.js";import{useMessageContextHandler as c}from"./hooks/useMessageContextHandler.js";import{MessageStatus as g}from"./MessageStatus.js";var G,f=((G={})[m.TYPES.MSG_TEXT]=a,G[m.TYPES.MSG_FACE]=i,G[m.TYPES.MSG_IMAGE]=E,G[m.TYPES.MSG_AUDIO]=s,G[m.TYPES.MSG_VIDEO]=p,G[m.TYPES.MSG_FILE]=n,G[m.TYPES.MSG_CUSTOM]=r,G[m.TYPES.MSG_MERGER]=S,G[m.TYPES.MSG_LOCATION]=M,G);function l(o){var s,r=o.message,i=c({message:r}).context,n=T("MessageCustom"),E=n.CustemElement,M=n.TextElement,S=n.FaceElement,a=n.ImageElement,p=n.AudioElement,G=n.VideoElement,l=n.FileElement,u=n.MergerElement,P=n.LocationElement,Y=((s={})[m.TYPES.MSG_TEXT]=M,s[m.TYPES.MSG_FACE]=S,s[m.TYPES.MSG_IMAGE]=a,s[m.TYPES.MSG_AUDIO]=p,s[m.TYPES.MSG_VIDEO]=G,s[m.TYPES.MSG_FILE]=l,s[m.TYPES.MSG_CUSTOM]=E,s[m.TYPES.MSG_MERGER]=u,s[m.TYPES.MSG_LOCATION]=P,s),_=(null==r?void 0:r.type)&&(Y[r.type]||f[r.type]);return _&&t(_,e({context:i,message:r},{children:t(g,{message:r})}))}var u=o.memo(l);function P(o){return t(u,e({},o))}export{P as MessageContext};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as t,jsxs as r,Fragment as n}from"react/jsx-runtime";import o from"react";import l from"@tencentcloud/chat";import{useTranslation as i}from"react-i18next";import{JSONStringToParse as a}from"../untils.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";function c(o){var c=o.context,m=o.message,s=o.children,d=i().t,v=u().MessageCustomPlugins;return r("div",e({className:"bubble message-custom bubble-".concat(null==m?void 0:m.flow," ").concat((null==m?void 0:m.conversationType)===l.TYPES.CONV_GROUP?"group":"")},{children:[function(o){if("Hyperlink"===o.data){var l=a(null==o?void 0:o.extension);if(null==l?void 0:l.item)return null==l?void 0:l.item.map((function(r){return t("a",e({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==l?void 0:l.hyperlinks_text){var i=l.hyperlinks_text;return r(n,{children:[l.title," ",t("a",e({target:"_blank",href:null==i?void 0:i.value,rel:"noreferrer"},{children:i.key}),null==i?void 0:i.value)]})}}if("group_create"===o.data)return"".concat((null==m?void 0:m.nick)||(null==m?void 0:m.from)," Create a group");var u=a(o.data);return 1!==(null==u?void 0:u.chatbotPlugin)||15!==(null==u?void 0:u.src)||"welcome_msg"!==(null==u?void 0:u.subtype)&&"clarify_msg"!==(null==u?void 0:u.subtype)?"[".concat(d("TUIChat.Custom message"),"]"):t(v,{data:a(o.data).content})}(null==c?void 0:c.custom),s]}))}var m=o.memo(c);function s(r){return t(m,e({},r))}export{s as MessageCustom};
1
+ import{__assign as t}from"tslib";import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import n from"react";import l from"@tencentcloud/chat";import{useTranslation as i}from"react-i18next";import{JSONStringToParse as a}from"../utils.js";import{isCallMessage as u}from"./utils/index.js";import"@tencentcloud/tui-core";import{useUIManager as c}from"../../context/UIManagerContext.js";import{useTUIChatActionContext as m}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as s}from"../../context/ComponentContext.js";import{CallMessage as d}from"@tencentcloud/call-uikit-react";import{startCall as v}from"../TUIChat/utils.js";function p(n){var p=n.context,f=n.message,C=n.children,g=i().t,x=m().callButtonClicked,h=s().MessageCustomPlugins,y=c().conversation;return r("div",t({className:"bubble message-custom bubble-".concat(null==f?void 0:f.flow," ").concat((null==f?void 0:f.conversationType)===l.TYPES.CONV_GROUP?"group":"")},{children:[function(n){if("Hyperlink"===n.data){var l=a(null==n?void 0:n.extension);if(null==l?void 0:l.item)return null==l?void 0:l.item.map((function(r){return e("a",t({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==l?void 0:l.hyperlinks_text){var i=l.hyperlinks_text;return r(o,{children:[l.title," ",e("a",t({target:"_blank",href:null==i?void 0:i.value,rel:"noreferrer"},{children:i.key}),null==i?void 0:i.value)]})}}if("group_create"===n.data)return"".concat((null==f?void 0:f.nick)||(null==f?void 0:f.from)," Create a group");var c=a(n.data);if(1===(null==c?void 0:c.chatbotPlugin)&&15===(null==c?void 0:c.src)&&("welcome_msg"===(null==c?void 0:c.subtype)||"clarify_msg"===(null==c?void 0:c.subtype)))return e(h,{data:a(n.data).content});if("C2C"===(null==y?void 0:y.type)&&f&&u(f)){var m=null==y?void 0:y.type,s=null==y?void 0:y.userProfile.userID;return e(d,{callType:m,message:f,onClick:function(t){var e=t.callMediaType;return v({callType:m,callMediaType:e,userIDList:[s],callButtonClicked:x})}})}return"[".concat(g("TUIChat.Custom message"),"]")}(null==p?void 0:p.custom),C]}))}var f=n.memo(p);function C(r){return e(f,t({},r))}export{C as MessageCustom};
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as t,Fragment as e}from"react/jsx-runtime";import r from"@tencentcloud/chat";import"react";import{messageShowType as l}from"../../context/TUIMessageContext.js";function n(n){n.className;var m=n.CustomName,i=n.message,s=n.showType;return(s===l.ALL||(null==i?void 0:i.flow)===s)&&(null==i?void 0:i.conversationType)===r.TYPES.CONV_GROUP&&s!==l.NONE?m||t("label",o({htmlFor:"content",className:"text-ellipsis name"},{children:(null==i?void 0:i.nick)||(null==i?void 0:i.from)})):t(e,{})}export{n as MessageName};
1
+ import{__assign as t}from"tslib";import{jsx as e,Fragment as o}from"react/jsx-runtime";import n from"@tencentcloud/chat";import"react";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{messageShowType as i}from"../../context/TUIMessageContext.js";function r(r){r.className;var l=r.CustomName,m=r.message,c=r.showType;return(c===i.ALL||(null==m?void 0:m.flow)===c)&&(null==m?void 0:m.conversationType)===n.TYPES.CONV_GROUP&&c!==i.NONE?l||e("label",t({htmlFor:"content",className:"text-ellipsis name"},{children:(null==m?void 0:m.nick)||(null==m?void 0:m.from)})):e(o,{})}export{r as MessageName};
@@ -1,5 +1,5 @@
1
- import React, { PropsWithChildren } from 'react';
2
- import _tencentcloud_chat__default from '@tencentcloud/chat';
1
+ import React__default, { PropsWithChildren } from 'react';
2
+ import _tencentcloud_chat from '@tencentcloud/chat';
3
3
  import { PluginsProps } from '../Plugins/index.js';
4
4
 
5
5
  declare enum PluginsNameEnum {
@@ -13,12 +13,12 @@ declare enum PluginsNameEnum {
13
13
  type MessagePluginConfigProps = {
14
14
  [propsName in PluginsNameEnum]?: {
15
15
  isShow?: boolean;
16
- relateMessageType?: _tencentcloud_chat__default.TYPES[];
16
+ relateMessageType?: _tencentcloud_chat.TYPES[];
17
17
  };
18
18
  };
19
19
  interface MessagePluginsProps extends PluginsProps {
20
20
  config?: MessagePluginConfigProps;
21
21
  }
22
- declare function MessagePlugins<T extends MessagePluginsProps>(props: PropsWithChildren<T>): React.ReactElement;
22
+ declare function MessagePlugins<T extends MessagePluginsProps>(props: PropsWithChildren<T>): React__default.ReactElement;
23
23
 
24
24
  export { MessagePluginConfigProps, MessagePlugins, MessagePluginsProps };
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useState as l,useRef as i}from"react";import{useTranslation as n}from"react-i18next";import t from"@tencentcloud/chat";import{Plugins as r}from"../Plugins/index.js";import{Icon as a}from"../Icon/Icon.js";import{IconTypes as d}from"../Icon/type.js";import{useTUIChatStateContext as u}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as c}from"../../context/TUIMessageContext.js";import{useMessageHandler as h}from"./hooks/useMessageHandler.js";import{MESSAGE_STATUS as v,MESSAGE_FLOW as g}from"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat-uikit-engine";import{useMessagePluginElement as p}from"./hooks/useMessagePluginElement.js";var m;function f(m){var f,M,S,w,y,C,T=m.plugins,U=m.showNumber,x=m.MoreIcon,E=m.config,I=n().t,N=l(""),R=N[0];N[1];var k=l({}),j=k[0],b=k[1],q=i(),O=c("MessagePlugins"),P=O.message,D=O.plugin,F=u("MessageBubbleWithContext").messageListRef,L=h({message:P}),W=L.handleDelMessage,Y=L.handleRevokeMessage,A=L.handleReplyMessage,V=L.handleCopyMessage,B=L.handleResendMessage,G=L.handleForWardMessage,H={quote:e(e({isShow:!0},null==E?void 0:E.quote),null===(f=null==D?void 0:D.config)||void 0===f?void 0:f.quote),forward:e(e({isShow:!0},null==E?void 0:E.forward),null===(M=null==D?void 0:D.config)||void 0===M?void 0:M.forward),copy:e(e({isShow:!0,relateMessageType:[t.TYPES.MSG_TEXT]},null==E?void 0:E.copy),null===(S=null==D?void 0:D.config)||void 0===S?void 0:S.copy),delete:e(e({isShow:!0},null==E?void 0:E.delete),null===(w=null==D?void 0:D.config)||void 0===w?void 0:w.delete),revoke:e(e({isShow:!0},null==E?void 0:E.revoke),null===(y=null==D?void 0:D.config)||void 0===y?void 0:y.revoke),resend:e(e({isShow:!0},null==E?void 0:E.resend),null===(C=null==D?void 0:D.config)||void 0===C?void 0:C.resend)},Q=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",{children:I("TUIChat.Recall")}),s(a,{width:20,height:20,type:d.REVOCATION})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),Y(e)},message:P,isShow:H.revoke.isShow&&(null==P?void 0:P.status)===v.SUCCESS&&P.flow===g.OUT,relateMessageType:H.revoke.relateMessageType}),X=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",e({className:"del"},{children:I("TUIChat.Delete")})),s(a,{width:20,height:20,type:d.DEL})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),W(e)},message:P,isShow:H.delete.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.delete.relateMessageType}),_=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",{children:I("TUIChat.Reference")}),s(a,{width:20,height:20,type:d.QUOTE})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),A(e)},message:P,isShow:H.quote.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.quote.relateMessageType}),z=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",{children:I("TUIChat.Copy")}),s(a,{width:20,height:20,type:d.COPY})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),V(e)},message:P,isShow:H.copy.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.copy.relateMessageType}),J=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",{children:I("TUIChat.Resend")}),s(a,{width:20,height:20,type:d.REPLY})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),B()},message:P,isShow:H.resend.isShow&&(null==P?void 0:P.status)!==v.SUCCESS,relateMessageType:H.resend.relateMessageType}),K=p({children:o("div",e({className:"message-plugin-item"},{children:[s("span",{children:I("TUIChat.Forward")}),s(a,{width:20,height:20,type:d.FORWARD})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),G(e)},message:P,isShow:H.forward.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.forward.relateMessageType}),Z=[Q,_,K,X,J,z],$=(T||(null==D?void 0:D.plugins)||Z).filter((function(e){return e})),ee=x||(null==D?void 0:D.MoreIcon)||s(a,{className:"icon-more",width:16,height:16,type:d.MORE}),oe=U||(null==D?void 0:D.showNumber)||0;return(null==P?void 0:P.status)!==v.UNSEND&&s(r,{className:"message-plugin",customClass:R,style:j,ref:q,plugins:$,showNumber:oe,MoreIcon:ee,root:null==F?void 0:F.current,handleVisible:function(e){if(e.x&&e.y){var o=e.y<e.height||e.top,s=e.x<e.width||e.left;b({position:"fixed",left:"".concat(s?e.x:e.x-e.width,"px"),top:"".concat(o?e.y:e.y-e.height,"px")})}}})}!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(m||(m={}));export{f as MessagePlugins};
1
+ import{__assign as e}from"tslib";import{jsxs as o,jsx as l}from"react/jsx-runtime";import{useState as s,useRef as i}from"react";import{useTranslation as n}from"react-i18next";import t from"@tencentcloud/chat";import{Plugins as r}from"../Plugins/index.js";import{Icon as a}from"../Icon/Icon.js";import{IconTypes as d}from"../Icon/type.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as u}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as c}from"../../context/TUIMessageContext.js";import{useMessageHandler as h}from"./hooks/useMessageHandler.js";import{MESSAGE_STATUS as v,MESSAGE_FLOW as g}from"../../constants.js";import"date-fns";import"date-fns/locale";import{useMessagePluginElement as p}from"./hooks/useMessagePluginElement.js";var m;function f(m){var f,M,S,w,y,C,T=m.plugins,U=m.showNumber,x=m.MoreIcon,E=m.config,I=n().t,N=s(""),R=N[0];N[1];var k=s({}),j=k[0],b=k[1],q=i(),O=c("MessagePlugins"),P=O.message,D=O.plugin,F=u("MessageBubbleWithContext").messageListRef,L=h({message:P}),W=L.handleDelMessage,Y=L.handleRevokeMessage,A=L.handleReplyMessage,V=L.handleCopyMessage,B=L.handleResendMessage,G=L.handleForWardMessage,H={quote:e(e({isShow:!0},null==E?void 0:E.quote),null===(f=null==D?void 0:D.config)||void 0===f?void 0:f.quote),forward:e(e({isShow:!0},null==E?void 0:E.forward),null===(M=null==D?void 0:D.config)||void 0===M?void 0:M.forward),copy:e(e({isShow:!0,relateMessageType:[t.TYPES.MSG_TEXT]},null==E?void 0:E.copy),null===(S=null==D?void 0:D.config)||void 0===S?void 0:S.copy),delete:e(e({isShow:!0},null==E?void 0:E.delete),null===(w=null==D?void 0:D.config)||void 0===w?void 0:w.delete),revoke:e(e({isShow:!0},null==E?void 0:E.revoke),null===(y=null==D?void 0:D.config)||void 0===y?void 0:y.revoke),resend:e(e({isShow:!0},null==E?void 0:E.resend),null===(C=null==D?void 0:D.config)||void 0===C?void 0:C.resend)},Q=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",{children:I("TUIChat.Recall")}),l(a,{width:20,height:20,type:d.REVOCATION})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),Y(e)},message:P,isShow:H.revoke.isShow&&(null==P?void 0:P.status)===v.SUCCESS&&P.flow===g.OUT,relateMessageType:H.revoke.relateMessageType}),X=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",e({className:"del"},{children:I("TUIChat.Delete")})),l(a,{width:20,height:20,type:d.DEL})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),W(e)},message:P,isShow:H.delete.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.delete.relateMessageType}),_=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",{children:I("TUIChat.Reference")}),l(a,{width:20,height:20,type:d.QUOTE})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),A(e)},message:P,isShow:H.quote.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.quote.relateMessageType}),z=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",{children:I("TUIChat.Copy")}),l(a,{width:20,height:20,type:d.COPY})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),V(e)},message:P,isShow:H.copy.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.copy.relateMessageType}),J=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",{children:I("TUIChat.Resend")}),l(a,{width:20,height:20,type:d.REPLY})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),B()},message:P,isShow:H.resend.isShow&&(null==P?void 0:P.status)!==v.SUCCESS,relateMessageType:H.resend.relateMessageType}),K=p({children:o("div",e({className:"message-plugin-item"},{children:[l("span",{children:I("TUIChat.Forward")}),l(a,{width:20,height:20,type:d.FORWARD})]})),handle:function(e){var o;(null===(o=null==q?void 0:q.current)||void 0===o?void 0:o.closeMore)&&q.current.closeMore(),G(e)},message:P,isShow:H.forward.isShow&&(null==P?void 0:P.status)===v.SUCCESS,relateMessageType:H.forward.relateMessageType}),Z=[Q,_,K,X,J,z],$=(T||(null==D?void 0:D.plugins)||Z).filter((function(e){return e})),ee=x||(null==D?void 0:D.MoreIcon)||l(a,{className:"icon-more",width:16,height:16,type:d.MORE}),oe=U||(null==D?void 0:D.showNumber)||0;return(null==P?void 0:P.status)!==v.UNSEND&&l(r,{className:"message-plugin",customClass:R,style:j,ref:q,plugins:$,showNumber:oe,MoreIcon:ee,root:null==F?void 0:F.current,handleVisible:function(e){if(e.x&&e.y){var o=e.y<e.height||e.top,l=e.x<e.width||e.left;b({position:"fixed",left:"".concat(l?e.x:e.x-e.width,"px"),top:"".concat(o?e.y:e.y-e.height,"px")})}}})}!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(m||(m={}));export{f as MessagePlugins};
@@ -1 +1 @@
1
- import{__assign as o}from"tslib";import{jsx as t,Fragment as e,jsxs as s}from"react/jsx-runtime";import r,{useState as n,useEffect as i}from"react";import a from"@tencentcloud/chat";import{MESSAGE_STATUS as l}from"../../constants.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as c}from"../../context/TUIMessageContext.js";function p(r){var p=r.message,u=r.children,g=r.Progress,d=r.isShow,v=void 0!==d&&d,f=n(),h=f[0],S=f[1],x=n(0),P=x[0],M=x[1],E=m("MessageProgressWithContext").uploadPendingMessageList,I=c("MessageProgressWithContext"),C=I.isShowProgress,T=void 0!==C&&C,j=I.Progress,y=g||j,D=v||T;return i((function(){E&&E.length>0&&E.map((function(o){return(null==o?void 0:o.ID)===(null==p?void 0:p.ID)&&(S(o),(null==o?void 0:o.progress)&&M(o.progress)),o}))}),[E]),D?y&&h?t(y,{message:h}):!((null==p?void 0:p.type)!==a.TYPES.MSG_IMAGE&&(null==p?void 0:p.type)!==a.TYPES.MSG_VIDEO&&(null==p?void 0:p.type)!==a.TYPES.MSG_FILE||(null==p?void 0:p.status)!==l.UNSEND)&&s("div",o({className:"progress-box"},{children:[t("span",{className:"progress",style:{width:"".concat(100*P,"%")}}),u]})):t(e,{})}var u=r.memo(p);function g(e){return t(u,o({},e))}export{g as MessageProgress};
1
+ import{__assign as t}from"tslib";import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import s,{useState as n,useEffect as i}from"react";import a from"@tencentcloud/chat";import{MESSAGE_STATUS as c}from"../../constants.js";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as l}from"../../context/TUIChatStateContext.js";import{useTUIMessageContext as m}from"../../context/TUIMessageContext.js";function u(s){var u=s.message,p=s.children,d=s.Progress,g=s.isShow,v=void 0!==g&&g,f=n(),h=f[0],x=f[1],S=n(0),P=S[0],M=S[1],E=l("MessageProgressWithContext").uploadPendingMessageList,I=m("MessageProgressWithContext"),C=I.isShowProgress,T=void 0!==C&&C,j=I.Progress,y=d||j,D=v||T;return i((function(){E&&E.length>0&&E.map((function(t){return(null==t?void 0:t.ID)===(null==u?void 0:u.ID)&&(x(t),(null==t?void 0:t.progress)&&M(t.progress)),t}))}),[E]),D?y&&h?e(y,{message:h}):!((null==u?void 0:u.type)!==a.TYPES.MSG_IMAGE&&(null==u?void 0:u.type)!==a.TYPES.MSG_VIDEO&&(null==u?void 0:u.type)!==a.TYPES.MSG_FILE||(null==u?void 0:u.status)!==c.UNSEND)&&r("div",t({className:"progress-box"},{children:[e("span",{className:"progress",style:{width:"".concat(100*P,"%")}}),p]})):e(o,{})}var p=s.memo(u);function d(o){return e(p,t({},o))}export{d as MessageProgress};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import n,{useCallback as r}from"react";import{useTranslation as i}from"react-i18next";import a from"@tencentcloud/chat";import{MESSAGE_OPERATE as l,MESSAGE_FLOW as s}from"../../constants.js";import{useTUIChatActionContext as m}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";function c(n){var c=n.message,d=i().t,p=m().operateMessage,u=r((function(){var t;p&&c&&p(((t={})[l.REVOKE]=c,t))}),[p]);return o("div",t({className:"bubble message-system message-revoke"},{children:[(null==c?void 0:c.flow)===s.IN&&e("span",{children:(null==c?void 0:c.nick)||(null==c?void 0:c.from)}),(null==c?void 0:c.flow)!==s.IN&&e("span",t({style:{marginRight:"5px"}},{children:d("TUIChat.You")})),e("span",t({style:{marginRight:"5px"}},{children:d("TUIChat.recalled a message")})),(null==c?void 0:c.flow)===s.OUT&&(null==c?void 0:c.type)===a.TYPES.MSG_TEXT&&e("span",t({className:"edit",role:"button",tabIndex:0,onClick:u},{children:d("TUIChat.Re-edit")}))]}))}var d=n.memo(c);function p(o){return e(d,t({},o))}export{p as MessageRevoke};
1
+ import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import n,{useCallback as r}from"react";import{useTranslation as i}from"react-i18next";import a from"@tencentcloud/chat";import{MESSAGE_OPERATE as l,MESSAGE_FLOW as s}from"../../constants.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatActionContext as m}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";function c(n){var c=n.message,u=i().t,d=m().operateMessage,p=r((function(){var t;d&&c&&d(((t={})[l.REVOKE]=c,t))}),[d]);return o("div",t({className:"bubble message-system message-revoke"},{children:[(null==c?void 0:c.flow)===s.IN&&e("span",{children:(null==c?void 0:c.nick)||(null==c?void 0:c.from)}),(null==c?void 0:c.flow)!==s.IN&&e("span",t({style:{marginRight:"5px"}},{children:u("TUIChat.You")})),e("span",t({style:{marginRight:"5px"}},{children:u("TUIChat.recalled a message")})),(null==c?void 0:c.flow)===s.OUT&&(null==c?void 0:c.type)===a.TYPES.MSG_TEXT&&e("span",t({className:"edit",role:"button",tabIndex:0,onClick:p},{children:u("TUIChat.Re-edit")}))]}))}var u=n.memo(c);function d(o){return e(u,t({},o))}export{d as MessageRevoke};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import{useTUIKitContext as o}from"../../context/TUIKitContext.js";import{useTUIMessageContext as r}from"../../context/TUIMessageContext.js";import{getTimeStamp as m}from"../untils.js";function s(i){var s=i.message,a=o("TUIChat").language,n=r("MessageStatustWithContext").isShowTime,c=(void 0===n||n)&&e("div",t({className:"time"},{children:(null==s?void 0:s.time)?m(1e3*s.time,a):0}));return e("div",t({className:"message-status"},{children:c}))}var a=i.memo(s);function n(i){return e(a,t({},i))}export{n as MessageStatus};
1
+ import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import i from"react";import{useUIKit as o}from"../../context/UIKitContext.js";import"@tencentcloud/chat-uikit-engine";import{useTUIMessageContext as r}from"../../context/TUIMessageContext.js";import{getTimeStamp as m}from"../utils.js";function s(i){var s=i.message,n=o().language,a=r("MessageStatustWithContext").isShowTime,c=(void 0===a||a)&&e("div",t({className:"time"},{children:(null==s?void 0:s.time)?m(1e3*s.time,n):0}));return e("div",t({className:"message-status"},{children:c}))}var n=i.memo(s);function a(i){return e(n,t({},i))}export{a as MessageStatus};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,s=r({message:n}).context;return e("div",t({className:"bubble message-system"},{children:e("div",{children:s})}))}var s=o.memo(n);function i(o){return e(s,t({},o))}export{i as MessageSystem};
1
+ import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"@tencentcloud/tui-core";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,i=r({message:n}).context;return e("div",t({className:"bubble message-system"},{children:e("div",{children:i})}))}var i=o.memo(n);function s(o){return e(i,t({},o))}export{s as MessageSystem};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"react";import r from"@tencentcloud/chat";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as s}from"../../context/ComponentContext.js";function c(o){var c=o.context,i=o.message,l=o.children,m=s().MessageTextPlugins,u=a("MessageText").firstSendMessage;if(m&&"in"===(null==i?void 0:i.flow)&&u&&(null==u?void 0:u.time)<=(null==i?void 0:i.time))return e("div",t({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===r.TYPES.CONV_GROUP?"group":"")},{children:e(m,{data:i})}));var f=function(t){if(!t)return t;return t.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,(function(t){return"<a class='website' href='".concat(t,"' target='_blank'>").concat(t,"</a>")}))};return e("div",t({className:"bubble message-text bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===r.TYPES.CONV_GROUP?"group":"")},{children:n("div",t({className:"message-text-content"},{children:[null==c?void 0:c.text.map((function(t,n){var o=i&&(null==i?void 0:i.ID)+n;return"text"===t.name?e("p",{className:"message-text-content-p",dangerouslySetInnerHTML:{__html:f(t.text)}},t.src+o):e("img",{className:"text-img",src:t.src,alt:""},t.src+o)})),l]}))}))}var i=o.memo(c);function l(n){return e(i,t({},n))}export{l as MessageText};
1
+ import{__assign as t}from"tslib";import{jsx as e,jsxs as n}from"react/jsx-runtime";import o from"react";import c from"@tencentcloud/chat";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as i}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as r}from"../../context/ComponentContext.js";function s(o){var s=o.context,a=o.message,l=o.children,m=r().MessageTextPlugins,u=i("MessageText").firstSendMessage;return m&&"in"===(null==a?void 0:a.flow)&&u&&(null==u?void 0:u.time)<=(null==a?void 0:a.time)?e("div",t({className:"bubble message-text bubble-".concat(a.flow," ").concat((null==a?void 0:a.conversationType)===c.TYPES.CONV_GROUP?"group":"")},{children:e(m,{data:a})})):e("div",t({className:"bubble message-text bubble-".concat(null==a?void 0:a.flow," ").concat((null==a?void 0:a.conversationType)===c.TYPES.CONV_GROUP?"group":"")},{children:n("div",t({className:"message-text-content"},{children:[null==s?void 0:s.text.map((function(n,o){var c=a&&(null==a?void 0:a.ID)+o;return"text"===n.name?e("p",t({className:"message-text-content-p"},{children:n.text}),n.src+c):e("img",{className:"text-img",src:n.src,alt:""},n.src+c)})),l]}))}))}var a=o.memo(s);function l(n){return e(a,t({},n))}export{l as MessageText};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,i=r({message:n}).context;return e("div",t({className:"bubble message-tip"},{children:i.text}))}var i=o.memo(n);function s(o){return e(i,t({},o))}export{s as MessageTip};
1
+ import{__assign as t}from"tslib";import{jsx as e}from"react/jsx-runtime";import o from"react";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"../Icon/config.js";import"../Icon/type.js";import"@tencentcloud/tui-core";import"../../context/TUIMessageContext.js";import{useMessageContextHandler as r}from"./hooks/useMessageContextHandler.js";function n(o){var n=o.message,i=r({message:n}).context;return e("div",t({className:"bubble message-tip"},{children:i.text}))}var i=o.memo(n);function m(o){return e(i,t({},o))}export{m as MessageTip};
@@ -1,4 +1,4 @@
1
- import React, { ReactEventHandler } from 'react';
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?: React.ReactElement | string;
14
- suffix?: React.ReactElement | string;
15
- customName?: React.ReactElement;
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?: React.ReactElement;
18
+ customAvatar?: React__default.ReactElement;
19
19
  isShowProgress?: boolean;
20
- Progress?: React.ComponentType<{
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?: React.ComponentType;
28
- MessageContext?: React.ComponentType<UnknowPorps>;
29
- MessagePlugins?: React.ComponentType<UnknowPorps>;
27
+ TUIMessage?: React__default.ComponentType;
28
+ MessageContext?: React__default.ComponentType<UnknowPorps>;
29
+ MessagePlugins?: React__default.ComponentType<UnknowPorps>;
30
30
  handleDelete?: ReactEventHandler;
31
- CustemElement?: React.ComponentType<{
31
+ CustemElement?: React__default.ComponentType<{
32
32
  message: Message;
33
33
  }>;
34
- TextElement?: React.ComponentType<{
34
+ TextElement?: React__default.ComponentType<{
35
35
  message: Message;
36
36
  }>;
37
- ImageElement?: React.ComponentType<{
37
+ ImageElement?: React__default.ComponentType<{
38
38
  message: Message;
39
39
  }>;
40
- VideoElement?: React.ComponentType<{
40
+ VideoElement?: React__default.ComponentType<{
41
41
  message: Message;
42
42
  }>;
43
- AudioElement?: React.ComponentType<{
43
+ AudioElement?: React__default.ComponentType<{
44
44
  message: Message;
45
45
  }>;
46
- FileElement?: React.ComponentType<{
46
+ FileElement?: React__default.ComponentType<{
47
47
  message: Message;
48
48
  }>;
49
- MergerElement?: React.ComponentType<{
49
+ MergerElement?: React__default.ComponentType<{
50
50
  message: Message;
51
51
  }>;
52
- LocationElement?: React.ComponentType<{
52
+ LocationElement?: React__default.ComponentType<{
53
53
  message: Message;
54
54
  }>;
55
- FaceElement?: React.ComponentType<{
55
+ FaceElement?: React__default.ComponentType<{
56
56
  message: Message;
57
57
  }>;
58
58
  }
59
- declare function TUIMessage(props: TUIMessageProps): React.ReactElement;
59
+ declare function TUIMessage(props: TUIMessageProps): React__default.ReactElement;
60
60
 
61
61
  export { TUIMessage, TUIMessageProps };
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import o from"react";import{useTUIChatStateContext as l}from"../../context/TUIChatStateContext.js";import{TUIMessageContextProvider as s}from"../../context/TUIMessageContext.js";import{useComponentContext as n}from"../../context/ComponentContext.js";import{useMessageHandler as i}from"./hooks/useMessageHandler.js";import"@tencentcloud/chat";import"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat-uikit-engine";import"../Icon/config.js";import"../Icon/type.js";import{TUIMessageDefault as m}from"./TUIMessageDefault.js";import{MessagePlugins as a}from"./MessagePlugins.js";import{MessageContext as r}from"./MessageContext.js";function u(o){var i=o.message,u=o.TUIMessage,d=o.MessagePlugins,g=o.MessageContext,v=o.handleDelete,c=o.CustemElement,f=o.TextElement,E=o.ImageElement,p=o.VideoElement,h=o.AudioElement,x=o.FileElement,M=o.MergerElement,w=o.LocationElement,C=o.FaceElement,j=o.className,T=o.filter,I=o.isShowTime,P=o.isShowRead,S=o.plugin,A=o.prefix,N=o.suffix,D=o.customName,F=o.showAvatar,U=o.showName,L=o.customAvatar,R=o.isShowProgress,V=o.Progress,k=n(),b=k.MessagePlugins,y=k.MessageContext,H=l("TUIMessage").messageConfig,q=u||m,z=d||b||a,B=g||y||r,G=T||(null==H?void 0:H.filter),J=i||(null==H?void 0:H.message);G&&J&&G(J);var K={message:J,handleDelete:v||(null==H?void 0:H.handleDelete),CustemElement:c||(null==H?void 0:H.CustemElement),TextElement:f||(null==H?void 0:H.TextElement),ImageElement:E||(null==H?void 0:H.ImageElement),VideoElement:p||(null==H?void 0:H.VideoElement),AudioElement:h||(null==H?void 0:H.AudioElement),FileElement:x||(null==H?void 0:H.FileElement),MergerElement:M||(null==H?void 0:H.MergerElement),LocationElement:w||(null==H?void 0:H.LocationElement),FaceElement:C||(null==H?void 0:H.FaceElement),isShowTime:I||(null==H?void 0:H.isShowTime),isShowRead:P||(null==H?void 0:H.isShowRead),plugin:S||(null==H?void 0:H.plugin),prefix:A||(null==H?void 0:H.prefix),suffix:N||(null==H?void 0:H.suffix),customName:D||(null==H?void 0:H.customName),showAvatar:F||(null==H?void 0:H.showAvatar),showName:U||(null==H?void 0:H.showName),customAvatar:L||(null==H?void 0:H.customAvatar),isShowProgress:R||(null==H?void 0:H.isShowProgress),Progress:V||(null==H?void 0:H.Progress)};return t(s,e({value:K},{children:t(q,{message:J,MessageContext:B,MessagePlugins:z,className:j||(null==H?void 0:H.className)})}))}var d=o.memo(u);function g(o){var l=o.message,s=i({message:l}).handleDelMessage;return t(d,e({handleDelete:s},o))}export{g as TUIMessage};
1
+ import{__assign as e}from"tslib";import{jsx as t}from"react/jsx-runtime";import o from"react";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as l}from"../../context/TUIChatStateContext.js";import{TUIMessageContextProvider as s}from"../../context/TUIMessageContext.js";import{useComponentContext as n}from"../../context/ComponentContext.js";import{useMessageHandler as i}from"./hooks/useMessageHandler.js";import"@tencentcloud/chat";import"../../constants.js";import"date-fns";import"date-fns/locale";import"../Icon/config.js";import"../Icon/type.js";import{TUIMessageDefault as m}from"./TUIMessageDefault.js";import{MessagePlugins as a}from"./MessagePlugins.js";import{MessageContext as r}from"./MessageContext.js";function u(o){var i=o.message,u=o.TUIMessage,d=o.MessagePlugins,g=o.MessageContext,c=o.handleDelete,v=o.CustemElement,f=o.TextElement,p=o.ImageElement,E=o.VideoElement,h=o.AudioElement,x=o.FileElement,M=o.MergerElement,w=o.LocationElement,C=o.FaceElement,j=o.className,T=o.filter,I=o.isShowTime,P=o.isShowRead,S=o.plugin,A=o.prefix,N=o.suffix,D=o.customName,F=o.showAvatar,U=o.showName,L=o.customAvatar,R=o.isShowProgress,V=o.Progress,k=n(),b=k.MessagePlugins,y=k.MessageContext,H=l("TUIMessage").messageConfig,q=u||m,z=d||b||a,B=g||y||r,G=T||(null==H?void 0:H.filter),J=i||(null==H?void 0:H.message);G&&J&&G(J);var K={message:J,handleDelete:c||(null==H?void 0:H.handleDelete),CustemElement:v||(null==H?void 0:H.CustemElement),TextElement:f||(null==H?void 0:H.TextElement),ImageElement:p||(null==H?void 0:H.ImageElement),VideoElement:E||(null==H?void 0:H.VideoElement),AudioElement:h||(null==H?void 0:H.AudioElement),FileElement:x||(null==H?void 0:H.FileElement),MergerElement:M||(null==H?void 0:H.MergerElement),LocationElement:w||(null==H?void 0:H.LocationElement),FaceElement:C||(null==H?void 0:H.FaceElement),isShowTime:I||(null==H?void 0:H.isShowTime),isShowRead:P||(null==H?void 0:H.isShowRead),plugin:S||(null==H?void 0:H.plugin),prefix:A||(null==H?void 0:H.prefix),suffix:N||(null==H?void 0:H.suffix),customName:D||(null==H?void 0:H.customName),showAvatar:F||(null==H?void 0:H.showAvatar),showName:U||(null==H?void 0:H.showName),customAvatar:L||(null==H?void 0:H.customAvatar),isShowProgress:R||(null==H?void 0:H.isShowProgress),Progress:V||(null==H?void 0:H.Progress)};return t(s,e({value:K},{children:t(q,{message:J,MessageContext:B,MessagePlugins:z,className:j||(null==H?void 0:H.className)})}))}var d=o.memo(u);function g(o){var l=o.message,s=i({message:l}).handleDelMessage;return t(d,e({handleDelete:s},o))}export{g as TUIMessage};
@@ -1 +1 @@
1
- import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import t from"react";import a from"@tencentcloud/chat";import{MessageBubble as m}from"./MessageBubble.js";import{MessageTip as i}from"./MessageTip.js";import{useTUIMessageContext as n,messageShowType as r}from"../../context/TUIMessageContext.js";import{useComponentContext as l}from"../../context/ComponentContext.js";import{MessageSystem as u}from"./MessageSystem.js";import{MessageRevoke as d}from"./MessageRevoke.js";import{MessageName as c}from"./MessageName.js";import{MessageAvatar as g}from"./MessageAvatar.js";function v(t){var v=t.message,p=t.MessageContext,f=t.MessagePlugins,M=t.className,P=l(),S=P.MessageContext,T=P.MessagePlugins,N=n("TUIMessage"),_=N.prefix,x=N.suffix,I=N.customName,C=N.showAvatar,G=void 0===C?r.IN:C,h=N.showName,j=void 0===h?r.IN:h,R=N.customAvatar,y=p||S,E=f||T;return o("div",e({className:"message-default\n ".concat((null==v?void 0:v.type)===a.TYPES.MSG_GRP_TIP||(null==v?void 0:v.isRevoked)?"tip":null==v?void 0:v.flow,"\n ").concat(M,"\n ")},{children:[(null==v?void 0:v.type)===a.TYPES.MSG_GRP_TIP&&s(i,{message:v}),(null==v?void 0:v.type)===a.TYPES.MSG_GRP_SYS_NOTICE&&s(u,{message:v}),(null==v?void 0:v.isRevoked)&&s(d,{message:v}),(null==v?void 0:v.type)!==a.TYPES.MSG_GRP_TIP&&(null==v?void 0:v.type)!==a.TYPES.MSG_GRP_SYS_NOTICE&&!(null==v?void 0:v.isRevoked)&&o("div",e({className:"".concat(null==v?void 0:v.flow)},{children:[_,v&&s(g,{message:v,CustomAvatar:R,showType:G}),o("main",e({"data-message-id":null==v?void 0:v.ID,className:"content"},{children:[s(c,{message:v,CustomName:I,showType:j}),s(m,e({message:v,Context:y,Plugins:E},{children:s(y,{message:v})}))]})),x]}),null==v?void 0:v.ID)]}))}var p=t.memo(v);function f(o){return o.message,s(p,e({},o))}export{f as TUIMessageDefault};
1
+ import{__assign as e}from"tslib";import{jsx as s,jsxs as o}from"react/jsx-runtime";import t from"react";import a from"@tencentcloud/chat";import{MessageBubble as i}from"./MessageBubble.js";import{MessageTip as m}from"./MessageTip.js";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIMessageContext as n,messageShowType as r}from"../../context/TUIMessageContext.js";import{useComponentContext as l}from"../../context/ComponentContext.js";import{MessageSystem as c}from"./MessageSystem.js";import{MessageRevoke as u}from"./MessageRevoke.js";import{MessageName as d}from"./MessageName.js";import{MessageAvatar as g}from"./MessageAvatar.js";function p(t){var p=t.message,v=t.MessageContext,f=t.MessagePlugins,M=t.className,P=l(),S=P.MessageContext,T=P.MessagePlugins,x=n("TUIMessage"),N=x.prefix,_=x.suffix,I=x.customName,h=x.showAvatar,C=void 0===h?r.IN:h,G=x.showName,j=void 0===G?r.IN:G,R=x.customAvatar,y=v||S,E=f||T;return o("div",e({className:"message-default\n ".concat((null==p?void 0:p.type)===a.TYPES.MSG_GRP_TIP||(null==p?void 0:p.isRevoked)?"tip":null==p?void 0:p.flow,"\n ").concat(M,"\n ")},{children:[(null==p?void 0:p.type)===a.TYPES.MSG_GRP_TIP&&s(m,{message:p}),(null==p?void 0:p.type)===a.TYPES.MSG_GRP_SYS_NOTICE&&s(c,{message:p}),(null==p?void 0:p.isRevoked)&&s(u,{message:p}),(null==p?void 0:p.type)!==a.TYPES.MSG_GRP_TIP&&(null==p?void 0:p.type)!==a.TYPES.MSG_GRP_SYS_NOTICE&&!(null==p?void 0:p.isRevoked)&&o("div",e({className:"".concat(null==p?void 0:p.flow)},{children:[N,p&&s(g,{message:p,CustomAvatar:R,showType:C}),o("main",e({"data-message-id":null==p?void 0:p.ID,className:"content"},{children:[s(d,{message:p,CustomName:I,showType:j}),s(i,e({message:p,Context:y,Plugins:E},{children:s(y,{message:p})}))]})),_]}),null==p?void 0:p.ID)]}))}var v=t.memo(p);function f(o){return o.message,s(v,e({},o))}export{f as TUIMessageDefault};
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{useTranslation as o}from"react-i18next";import{TUIStore as n}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_FLOW as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../untils.js";import{useTUIKitContext as l}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{Toast as d}from"../../Toast/index.js";var c=function(c){var v=c.message,f=c.handleError,m=u(),p=m.editLocalMessage,g=m.operateMessage;m.revokeMessage;var h=o().t,M=l("useDeleteHandler").chat,x=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).deleteMessage(),[2]):[2]}))}))}),[v]),y=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).revokeMessage().then((function(){p&&p(v),s("revokeMessage")})).catch((function(e){if(!f){var t=v.flow===a.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw d({text:t,type:"error"}),new Error(e)}f({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[v]),D=r((function(e){var t;e.preventDefault(),(null==v?void 0:v.ID)&&M&&g&&g(((t={})[i.QUOTE]=v,t))}),[v]),C=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==v?void 0:v.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==v?void 0:v.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[v]),T=r((function(){return e(void 0,void 0,void 0,(function(){var e,r,o,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),(r=v)?[4,M.resendMessage(v)]:[3,2];case 1:r=t.sent(),t.label=2;case 2:return e=r,p&&p(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.message),[3,4];case 3:if(o=t.sent(),!f)throw d({text:o,type:"error"}),new Error(o);return f({functionName:"resendMessage",error:o}),[3,4];case 4:return[2]}}))}))}),[v]),I=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==v?void 0:v.ID)&&M&&g?(g(((e={})[i.FORWARD]=v,e)),[2]):[2]}))}))}),[v]);return{handleDelMessage:x,handleRevokeMessage:y,handleReplyMessage:D,handleCopyMessage:C,handleResendMessage:T,handleForWardMessage:I}};export{c as useMessageHandler};
1
+ import{__awaiter as e,__generator as t}from"tslib";import{useCallback as r}from"react";import{useTranslation as o}from"react-i18next";import{TUIStore as n}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_FLOW as a,MESSAGE_OPERATE as i}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../utils.js";import{useUIKit as l}from"../../../context/UIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as u}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{Toast as d}from"../../Toast/index.js";var c=function(c){var v=c.message,f=c.handleError,m=u(),p=m.editLocalMessage,g=m.operateMessage;m.revokeMessage;var h=o().t,M=l().chat,x=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).deleteMessage(),[2]):[2]}))}))}),[v]),y=r((function(r){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){return r.preventDefault(),v?(n.getMessageModel(null==v?void 0:v.ID).revokeMessage().then((function(){p&&p(v),s("revokeMessage")})).catch((function(e){if(!f){var t=v.flow===a.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw d({text:t,type:"error"}),new Error(e)}f({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[v]),D=r((function(e){var t;e.preventDefault(),(null==v?void 0:v.ID)&&M&&g&&g(((t={})[i.QUOTE]=v,t))}),[v]),C=r((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==v?void 0:v.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==v?void 0:v.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[v]),I=r((function(){return e(void 0,void 0,void 0,(function(){var e,r,o,n;return t(this,(function(t){switch(t.label){case 0:return t.trys.push([0,3,,4]),(r=v)?[4,M.resendMessage(v)]:[3,2];case 1:r=t.sent(),t.label=2;case 2:return e=r,p&&p(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.message),[3,4];case 3:if(o=t.sent(),!f)throw d({text:o,type:"error"}),new Error(o);return f({functionName:"resendMessage",error:o}),[3,4];case 4:return[2]}}))}))}),[v]),T=r((function(r){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){return r.preventDefault(),(null==v?void 0:v.ID)&&M&&g?(g(((e={})[i.FORWARD]=v,e)),[2]):[2]}))}))}),[v]);return{handleDelMessage:x,handleRevokeMessage:y,handleReplyMessage:D,handleCopyMessage:C,handleResendMessage:I,handleForWardMessage:T}};export{c as useMessageHandler};
@@ -1 +1 @@
1
- import{useState as e,useLayoutEffect as t}from"react";import s from"@tencentcloud/chat";import{useTUIKitContext as o}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"tslib";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";import{JSONStringToParse as n}from"../../untils.js";var r,l=((r={})[s.TYPES.MSG_TEXT]=1,r[s.TYPES.MSG_FACE]=8,r[s.TYPES.MSG_IMAGE]=3,r[s.TYPES.MSG_AUDIO]=4,r[s.TYPES.MSG_VIDEO]=5,r[s.TYPES.MSG_FILE]=6,r[s.TYPES.MSG_CUSTOM]=2,r),i=function(r){var i=r.message,m=e(null),u=m[0],S=m[1],T=e(""),p=T[0],c=T[1],g=e(null),d=g[0],v=g[1],E=e(""),M=E[0],f=E[1],I=o("TUIChat").chat,x=a("useMessageReply").messageList;t((function(){i&&C(i)}),[i]);var C=function(e){if(null==e?void 0:e.cloudCustomData){var t=n(null==e?void 0:e.cloudCustomData),o=(null==t?void 0:t.messageReply)||"";if(o){S(o),c(null==o?void 0:o.messageSender),f(null==o?void 0:o.messageID);var a=null==x?void 0:x.filter((function(e){var t=e.ID===(null==o?void 0:o.messageID),a=t&&l[e.type]===o.messageType,n=e.type!==s.TYPES.MSG_TEXT||e.payload.text===o.messageAbstract;return t&&a&&n}));v(a[0]||I.findMessage(null==o?void 0:o.messageID))}}};return{messageReply:u,sender:p,replyMessage:d,messageID:M,message:i}};export{i as useMessageReply};
1
+ import{useState as e,useLayoutEffect as t}from"react";import s from"@tencentcloud/chat";import{useUIKit as o}from"../../../context/UIKitContext.js";import"tslib";import"react/jsx-runtime";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";import{JSONStringToParse as n}from"../../utils.js";var i,r=((i={})[s.TYPES.MSG_TEXT]=1,i[s.TYPES.MSG_FACE]=8,i[s.TYPES.MSG_IMAGE]=3,i[s.TYPES.MSG_AUDIO]=4,i[s.TYPES.MSG_VIDEO]=5,i[s.TYPES.MSG_FILE]=6,i[s.TYPES.MSG_CUSTOM]=2,i),l=function(i){var l=i.message,m=e(null),u=m[0],c=m[1],S=e(""),p=S[0],g=S[1],d=e(null),T=d[0],v=d[1],E=e(""),M=E[0],f=E[1],I=o().chat,x=a("useMessageReply").messageList;t((function(){l&&D(l)}),[l]);var D=function(e){if(null==e?void 0:e.cloudCustomData){var t=n(null==e?void 0:e.cloudCustomData),o=(null==t?void 0:t.messageReply)||"";if(o){c(o),g(null==o?void 0:o.messageSender),f(null==o?void 0:o.messageID);var a=null==x?void 0:x.filter((function(e){var t=e.ID===(null==o?void 0:o.messageID),a=t&&r[e.type]===o.messageType,n=e.type!==s.TYPES.MSG_TEXT||e.payload.text===o.messageAbstract;return t&&a&&n}));v(a[0]||I.findMessage(null==o?void 0:o.messageID))}}};return{messageReply:u,sender:p,replyMessage:T,messageID:M,message:l}};export{l as useMessageReply};
@@ -1 +1 @@
1
- import{__assign as a}from"tslib";import t from"@tencentcloud/chat";import{decodeText as e}from"./decodeText.js";import{MESSAGE_STATUS as c}from"../../../constants.js";import{JSONStringToParse as o}from"../../untils.js";function n(a){var t=a.split(".");return t[t.length-1]}function s(a){var e,c,o,s,r,i={message:a,text:""},p=a.nick||(null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.userIDList.join(","));switch((null===(o=null===(c=null==a?void 0:a.payload)||void 0===c?void 0:c.memberList)||void 0===o?void 0:o.length)>0&&(p="",null===(r=null===(s=null==a?void 0:a.payload)||void 0===s?void 0:s.memberList)||void 0===r||r.map((function(a){return p+="".concat((null==a?void 0:a.nick)||(null==a?void 0:a.userID),","),a})),p=p.slice(0,-1)),a.payload.operationType){case t.TYPES.GRP_TIP_MBR_JOIN:i.text="".concat(p," ").concat(n("message.tip.Join in group"));break;case t.TYPES.GRP_TIP_MBR_QUIT:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.quit group"));break;case t.TYPES.GRP_TIP_MBR_KICKED_OUT:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.by")," ").concat(a.payload.operatorID," ").concat(n("message.tip.kicked out of group"));break;case t.TYPES.GRP_TIP_MBR_SET_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.become admin"));break;case t.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(p," ").concat(n("message.tip.by revoked administrator"));break;case t.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:i.text=function(a){var t=a.payload,e=t.newGroupProfile,c=t.operatorID,o="",s=Object.keys(e)[0];switch(s){case"muteAllMembers":o=e[s]?"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.enable all staff mute")):"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.unmute everyone"));break;case"ownerID":o="".concat(e[s]," ").concat(n("message.tip.become the new owner"));break;case"groupName":o="".concat(c," ").concat(n("message.tip.modify group name")," ").concat(e[s]);break;case"notification":o="".concat(c," ").concat(n("message.tip.post a new announcement"))}return o}(a);break;case t.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:a.payload.memberList.map((function(a){return a.muteTime>0?i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.muted")):i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.unmuted")),a}));break;default:i.text="[".concat(n("message.tip.reminder message"),"]")}return i}function r(a){return{text:e(a.payload)}}function i(a){var t={message:a,name:"",url:""};return t.name=a.payload.data,a.payload.data.indexOf("@2x")<0&&(t.name="".concat(t.name,"@2x")),t.url="https://web.sdk.qcloud.com/im/assets/face-elem/".concat(t.name,".png"),t}function p(a){var t={lon:"",lat:"",href:"",url:"",description:"",message:a};return t.lon=a.payload.longitude.toFixed(6),t.lat=a.payload.latitude.toFixed(6),t.href="https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&"+"pointx=".concat(t.lon,"&pointy=").concat(t.lat,"&name=").concat(a.payload.description),t.url="https://apis.map.qq.com/ws/staticmap/v2/?"+"center=".concat(t.lat,",").concat(t.lon,"&zoom=10&size=300*150&maptype=roadmap&")+"markers=size:large|color:0xFFCCFF|label:k|".concat(t.lat,",").concat(t.lon,"&")+"key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD",t.description=a.payload.description,t}function m(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.imageInfoArray[1].url,message:a}}function l(a){var t,e;return{progress:(null==a?void 0:a.status)===c.UNSEND&&(null==a?void 0:a.progress),url:null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.videoUrl,snapshotUrl:null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.snapshotUrl,message:a}}function u(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.url,message:a,second:a.payload.second}}function d(a){var t="";return t=a.payload.fileSize>=1048576?"".concat((a.payload.fileSize/1048576).toFixed(2)," Mb"):a.payload.fileSize>=1024?"".concat((a.payload.fileSize/1024).toFixed(2)," Kb"):"".concat(a.payload.fileSize.toFixed(2),"B"),{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.fileUrl,message:a,name:a.payload.fileName,size:t}}function g(t){return a({message:t},t.payload)}function y(a){var t={},e={};try{t=o(a.payload.data)}catch(a){t={}}if(1!==t.businessID)return"";try{e=o(t.data)}catch(a){e={}}switch(t.actionType){case 1:return e.call_end>=0&&!t.groupID?"".concat(n("message.custom.talkTime"),":").concat(v(e.call_end)):t.groupID?"".concat(n("message.custom.groupCallEnd")):e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.all"));case 2:return"".concat(n("message.custom.cancel"));case 3:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.accepted"));case 4:return"".concat(n("message.custom.rejected"));case 5:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.noResp"));default:return""}}function I(a){return{message:a,custom:y(a)||(null==a?void 0:a.payload)||"[".concat(n("message.custom.custom"),"]")}}function f(a){var t=a.payload.groupProfile.name||a.payload.groupProfile.groupID;switch(a.payload.operationType){case 1:return"".concat(a.payload.operatorID," ").concat(n("message.tip.申请加入群组"),":").concat(t);case 2:return"".concat(n("message.tip.成功加入群组"),":").concat(t);case 3:return"".concat(n("message.tip.申请加入群组"),":").concat(t," ").concat(n("message.tip.被拒绝"));case 4:return"".concat(n("message.tip.你被管理员")).concat(a.payload.operatorID," ").concat(n("message.tip.踢出群组"),":").concat(t);case 5:return"".concat(n("message.tip.群"),":").concat(t," ").concat(n("message.tip.被")," ").concat(a.payload.operatorID," ").concat(n("message.tip.解散"));case 6:return"".concat(a.payload.operatorID," ").concat(n("message.tip.创建群"),":").concat(t);case 7:case 12:return"".concat(a.payload.operatorID," ").concat(n("message.tip.邀请你加群"),":").concat(t);case 8:return"".concat(n("message.tip.你退出群组"),":").concat(t);case 9:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.设置为群"),":").concat(t," ").concat(n("message.tip.的管理员"));case 10:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.撤销群"),":").concat(t," ").concat(n("message.tip.的管理员身份"));case 13:return"".concat(a.payload.operatorID," ").concat(n("message.tip.同意加群"),":").concat(t);case 14:return"".concat(a.payload.operatorID," ").concat(n("message.tip.拒接加群"),":").concat(t);case 255:return"".concat(n("message.tip.自定义群系统通知"),": ").concat(a.payload.userDefinedField);default:return""}}function v(a){var t,e,c,o,n=a;return n>=3600?(e=parseInt("".concat(n/3600),10)<10?"0".concat(parseInt("".concat(n/3600),10)):parseInt("".concat(n/3600),10),c=parseInt("".concat(n%60/60),10)<10?"0".concat(parseInt("".concat(n%60/60),10)):parseInt("".concat(n%60/60),10),(o=n%3600<10?parseInt("0".concat(n%3600)):n%3600)>60&&(c=parseInt("".concat(o/60),10)<10?"0".concat(parseInt("".concat(o/60),10)):parseInt("".concat(o/60),10),o=o%60<10?"0".concat(o%60):o%60),t="".concat(e,":").concat(c,":").concat(o)):n>=60&&n<3600?(c=parseInt("".concat(n/60),10)<10?"0".concat(parseInt("".concat(n/60),10)):parseInt("".concat(n/60),10),o=n%60<10?"0".concat(n%60):n%60,t="00:".concat(c,":").concat(o)):n<60&&(o=n<10?"0".concat(n):n,t="00:00:".concat(o)),t}export{y as extractCallingInfoFromMessage,v as formatTime,u as handleAudioMessageShowContext,I as handleCustomMessageShowContext,i as handleFaceMessageShowContext,d as handleFileMessageShowContext,m as handleImageMessageShowContext,p as handleLocationMessageShowContext,g as handleMergerMessageShowContext,r as handleTextMessageShowContext,s as handleTipMessageShowContext,l as handleVideoMessageShowContext,f as translateGroupSystemNotice};
1
+ import{__assign as a}from"tslib";import t from"@tencentcloud/chat";import{decodeText as e}from"./decodeText.js";import{MESSAGE_STATUS as c}from"../../../constants.js";import{JSONStringToParse as o}from"../../utils.js";function n(a){var t=a.split(".");return t[t.length-1]}function s(a){var e,c,o,s,r,i={message:a,text:""},l=a.nick||(null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.userIDList.join(","));switch((null===(o=null===(c=null==a?void 0:a.payload)||void 0===c?void 0:c.memberList)||void 0===o?void 0:o.length)>0&&(l="",null===(r=null===(s=null==a?void 0:a.payload)||void 0===s?void 0:s.memberList)||void 0===r||r.map((function(a){return l+="".concat((null==a?void 0:a.nick)||(null==a?void 0:a.userID),","),a})),l=l.slice(0,-1)),a.payload.operationType){case t.TYPES.GRP_TIP_MBR_JOIN:i.text="".concat(l," ").concat(n("message.tip.Join in group"));break;case t.TYPES.GRP_TIP_MBR_QUIT:i.text="".concat(n("message.tip.member"),":").concat(l," ").concat(n("message.tip.quit group"));break;case t.TYPES.GRP_TIP_MBR_KICKED_OUT:i.text="".concat(n("message.tip.member"),":").concat(l," ").concat(n("message.tip.by")," ").concat(a.payload.operatorID," ").concat(n("message.tip.kicked out of group"));break;case t.TYPES.GRP_TIP_MBR_SET_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(l," ").concat(n("message.tip.become admin"));break;case t.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:i.text="".concat(n("message.tip.member"),":").concat(l," ").concat(n("message.tip.by revoked administrator"));break;case t.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:i.text=function(a){var t=a.payload,e=t.newGroupProfile,c=t.operatorID,o="",s=Object.keys(e)[0];switch(s){case"muteAllMembers":o=e[s]?"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.enable all staff mute")):"".concat(n("message.tip.admin")," ").concat(c," ").concat(n("message.tip.unmute everyone"));break;case"ownerID":o="".concat(e[s]," ").concat(n("message.tip.become the new owner"));break;case"groupName":o="".concat(c," ").concat(n("message.tip.modify group name")," ").concat(e[s]);break;case"notification":o="".concat(c," ").concat(n("message.tip.post a new announcement"))}return o}(a);break;case t.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:a.payload.memberList.map((function(a){return a.muteTime>0?i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.muted")):i.text="".concat(n("message.tip.member"),":").concat(a.userID).concat(n("message.tip.unmuted")),a}));break;default:i.text="[".concat(n("message.tip.reminder message"),"]")}return i}function r(a){return{text:e(a.payload)}}function i(a){var t={message:a,name:"",url:""};return t.name=a.payload.data,a.payload.data.indexOf("@2x")<0&&(t.name="".concat(t.name,"@2x")),t.url="https://web.sdk.qcloud.com/im/assets/face-elem/".concat(t.name,".png"),t}function l(a){var t={lon:"",lat:"",href:"",url:"",description:"",message:a};return t.lon=a.payload.longitude.toFixed(6),t.lat=a.payload.latitude.toFixed(6),t.href="https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&"+"pointx=".concat(t.lon,"&pointy=").concat(t.lat,"&name=").concat(a.payload.description),t.url="https://apis.map.qq.com/ws/staticmap/v2/?"+"center=".concat(t.lat,",").concat(t.lon,"&zoom=10&size=300*150&maptype=roadmap&")+"markers=size:large|color:0xFFCCFF|label:k|".concat(t.lat,",").concat(t.lon,"&")+"key=UBNBZ-PTP3P-TE7DB-LHRTI-Y4YLE-VWBBD",t.description=a.payload.description,t}function p(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.imageInfoArray[1].url,message:a}}function m(a){var t,e;return{progress:(null==a?void 0:a.status)===c.UNSEND&&(null==a?void 0:a.progress),url:null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.videoUrl,snapshotUrl:null===(e=null==a?void 0:a.payload)||void 0===e?void 0:e.snapshotUrl,message:a}}function u(a){return{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.url,message:a,second:a.payload.second}}function d(a){var t="";return t=a.payload.fileSize>=1048576?"".concat((a.payload.fileSize/1048576).toFixed(2)," Mb"):a.payload.fileSize>=1024?"".concat((a.payload.fileSize/1024).toFixed(2)," Kb"):"".concat(a.payload.fileSize.toFixed(2),"B"),{progress:(null==a?void 0:a.status)===c.UNSEND&&a.progress,url:a.payload.fileUrl,message:a,name:a.payload.fileName,size:t}}function g(t){return a({message:t},t.payload)}function y(a){var t={},e={};try{t=o(a.payload.data)}catch(a){t={}}if(1!==t.businessID)return"";try{e=o(t.data)}catch(a){e={}}switch(t.actionType){case 1:return e.call_end>=0&&!t.groupID?"".concat(n("message.custom.talkTime"),":").concat(v(e.call_end)):t.groupID?"".concat(n("message.custom.groupCallEnd")):e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.all"));case 2:return"".concat(n("message.custom.cancel"));case 3:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.accepted"));case 4:return"".concat(n("message.custom.rejected"));case 5:return e.data&&"switchToAudio"===e.data.cmd?"".concat(n("message.custom.switchToAudioCall")):e.data&&"switchToVideo"===e.data.cmd?"".concat(n("message.custom.switchToVideoCall")):"".concat(n("message.custom.noResp"));default:return""}}function I(a){return{message:a,custom:y(a)||(null==a?void 0:a.payload)||"[".concat(n("message.custom.custom"),"]")}}function f(a){var t=a.payload.groupProfile.name||a.payload.groupProfile.groupID;switch(a.payload.operationType){case 1:return"".concat(a.payload.operatorID," ").concat(n("message.tip.申请加入群组"),":").concat(t);case 2:return"".concat(n("message.tip.成功加入群组"),":").concat(t);case 3:return"".concat(n("message.tip.申请加入群组"),":").concat(t," ").concat(n("message.tip.被拒绝"));case 4:return"".concat(n("message.tip.你被管理员")).concat(a.payload.operatorID," ").concat(n("message.tip.踢出群组"),":").concat(t);case 5:return"".concat(n("message.tip.群"),":").concat(t," ").concat(n("message.tip.被")," ").concat(a.payload.operatorID," ").concat(n("message.tip.解散"));case 6:return"".concat(a.payload.operatorID," ").concat(n("message.tip.创建群"),":").concat(t);case 7:case 12:return"".concat(a.payload.operatorID," ").concat(n("message.tip.邀请你加群"),":").concat(t);case 8:return"".concat(n("message.tip.你退出群组"),":").concat(t);case 9:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.设置为群"),":").concat(t," ").concat(n("message.tip.的管理员"));case 10:return"".concat(n("message.tip.你被")).concat(a.payload.operatorID," ").concat(n("message.tip.撤销群"),":").concat(t," ").concat(n("message.tip.的管理员身份"));case 13:return"".concat(a.payload.operatorID," ").concat(n("message.tip.同意加群"),":").concat(t);case 14:return"".concat(a.payload.operatorID," ").concat(n("message.tip.拒接加群"),":").concat(t);case 255:return"".concat(n("message.tip.自定义群系统通知"),": ").concat(a.payload.userDefinedField);default:return""}}function v(a){var t,e,c,o,n=a;return n>=3600?(e=parseInt("".concat(n/3600),10)<10?"0".concat(parseInt("".concat(n/3600),10)):parseInt("".concat(n/3600),10),c=parseInt("".concat(n%60/60),10)<10?"0".concat(parseInt("".concat(n%60/60),10)):parseInt("".concat(n%60/60),10),(o=n%3600<10?parseInt("0".concat(n%3600)):n%3600)>60&&(c=parseInt("".concat(o/60),10)<10?"0".concat(parseInt("".concat(o/60),10)):parseInt("".concat(o/60),10),o=o%60<10?"0".concat(o%60):o%60),t="".concat(e,":").concat(c,":").concat(o)):n>=60&&n<3600?(c=parseInt("".concat(n/60),10)<10?"0".concat(parseInt("".concat(n/60),10)):parseInt("".concat(n/60),10),o=n%60<10?"0".concat(n%60):n%60,t="00:".concat(c,":").concat(o)):n<60&&(o=n<10?"0".concat(n):n,t="00:00:".concat(o)),t}var T=function(a){var t,e=o(null===(t=null==a?void 0:a.payload)||void 0===t?void 0:t.data);if(1===(null==e?void 0:e.businessID)&&(null==e?void 0:e.data)&&"av_call"===o(e.data).businessID)return!0;return!1};export{y as extractCallingInfoFromMessage,v as formatTime,u as handleAudioMessageShowContext,I as handleCustomMessageShowContext,i as handleFaceMessageShowContext,d as handleFileMessageShowContext,p as handleImageMessageShowContext,l as handleLocationMessageShowContext,g as handleMergerMessageShowContext,r as handleTextMessageShowContext,s as handleTipMessageShowContext,m as handleVideoMessageShowContext,T as isCallMessage,f as translateGroupSystemNotice};
@@ -1,5 +1,5 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
 
3
- declare function InputPluginsDefalut(): React.ReactElement;
3
+ declare function InputPluginsDefalut(): React__default.ReactElement;
4
4
 
5
5
  export { InputPluginsDefalut };
@@ -1 +1 @@
1
- import{__assign as i,__spreadArray as o}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useRef as l}from"react";import{useTranslation as t}from"react-i18next";import{EmojiPicker as r}from"./EmojiPicker.js";import{Plugins as u}from"../Plugins/index.js";import{useUploadElement as d}from"./hooks/useUploadElement.js";import{MESSAGE_TYPE_NAME as c}from"../../constants.js";import{useTUIMessageInputContext as s}from"../../context/TUIMessageInputContext.js";import{Icon as p}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";function m(){var m,g,f,h,I,C,M,j=s("TUIMessageInputDefault"),U=j.sendUploadMessage,k=j.pluginConfig,x=t().t,E=a("TUIMessageInput").TUIMessageInputConfig,P=(null==k?void 0:k.plugins)||(null===(m=null==E?void 0:E.pluginConfig)||void 0===m?void 0:m.plugins)||[],T=(null==k?void 0:k.showNumber)||(null===(g=null==E?void 0:E.pluginConfig)||void 0===g?void 0:g.showNumber)||1,y=(null==k?void 0:k.MoreIcon)||(null===(f=null==E?void 0:E.pluginConfig)||void 0===f?void 0:f.MoreIcon),N=function(i,o,e){return"boolean"==typeof i?i:"boolean"==typeof o?o:e},b=N(null==k?void 0:k.isEmojiPicker,null===(h=null==E?void 0:E.pluginConfig)||void 0===h?void 0:h.isEmojiPicker,!0),w=N(null==k?void 0:k.isImagePicker,null===(I=null==E?void 0:E.pluginConfig)||void 0===I?void 0:I.isImagePicker,!0),V=N(null==k?void 0:k.isVideoPicker,null===(C=null==E?void 0:E.pluginConfig)||void 0===C?void 0:C.isVideoPicker,!0),D=N(null==k?void 0:k.isFilePicker,null===(M=null==E?void 0:E.pluginConfig)||void 0===M?void 0:M.isFilePicker,!0),F=l(),O=w&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.IMAGE}),n("span",{children:x("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.IMAGE)}}),A=V&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.VIDEO}),n("span",{children:x("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.VIDEO)}}),G=D&&d({children:e("div",i({className:"input-plugin-item"},{children:[n(p,{width:20,height:20,type:v.DOCUMENT}),n("span",{children:x("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(i){var o;(null===(o=null==F?void 0:F.current)||void 0===o?void 0:o.closeMore)&&F.current.closeMore(),U&&U({file:i},c.FILE)}}),L=o([b&&n(r,{}),O,A,G],P,!0).filter((function(i){return i}));return n(u,{ref:F,plugins:L,showNumber:T,MoreIcon:y})}export{m as InputPluginsDefalut};
1
+ import{__assign as i,__spreadArray as o}from"tslib";import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useRef as l}from"react";import{useTranslation as t}from"react-i18next";import{EmojiPicker as r}from"./EmojiPicker.js";import{Plugins as u}from"../Plugins/index.js";import{useUploadElement as c}from"./hooks/useUploadElement.js";import{MESSAGE_TYPE_NAME as d}from"../../constants.js";import{useTUIMessageInputContext as s}from"../../context/TUIMessageInputContext.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as a}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";function p(){var p,v,m,g,f,h,I,C=s("TUIMessageInputDefault"),M=C.sendUploadMessage,j=C.pluginConfig,k=t().t,U=a("TUIMessageInput").TUIMessageInputConfig,x=(null==j?void 0:j.plugins)||(null===(p=null==U?void 0:U.pluginConfig)||void 0===p?void 0:p.plugins)||[],P=(null==j?void 0:j.showNumber)||(null===(v=null==U?void 0:U.pluginConfig)||void 0===v?void 0:v.showNumber)||1,N=(null==j?void 0:j.MoreIcon)||(null===(m=null==U?void 0:U.pluginConfig)||void 0===m?void 0:m.MoreIcon),T=function(i,o,n){return"boolean"==typeof i?i:"boolean"==typeof o?o:n},E=T(null==j?void 0:j.isEmojiPicker,null===(g=null==U?void 0:U.pluginConfig)||void 0===g?void 0:g.isEmojiPicker,!0),b=T(null==j?void 0:j.isImagePicker,null===(f=null==U?void 0:U.pluginConfig)||void 0===f?void 0:f.isImagePicker,!0),y=T(null==j?void 0:j.isVideoPicker,null===(h=null==U?void 0:U.pluginConfig)||void 0===h?void 0:h.isVideoPicker,!0),F=T(null==j?void 0:j.isFilePicker,null===(I=null==U?void 0:U.pluginConfig)||void 0===I?void 0:I.isFilePicker,!0),V=l(),w=b&&c({children:n("div",i({className:"input-plugin-item"},{children:[e("i",i({className:"iconfont input-icon"},{children:""})),e("span",{children:k("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(i){var o;(null===(o=null==V?void 0:V.current)||void 0===o?void 0:o.closeMore)&&V.current.closeMore(),M&&M({file:i},d.IMAGE)}}),D=y&&c({children:n("div",i({className:"input-plugin-item"},{children:[e("i",i({className:"iconfont input-icon"},{children:""})),e("span",{children:k("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(i){var o;(null===(o=null==V?void 0:V.current)||void 0===o?void 0:o.closeMore)&&V.current.closeMore(),M&&M({file:i},d.VIDEO)}}),A=F&&c({children:n("div",i({className:"input-plugin-item"},{children:[e("i",i({className:"iconfont input-icon"},{children:""})),e("span",{children:k("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(i){var o;(null===(o=null==V?void 0:V.current)||void 0===o?void 0:o.closeMore)&&V.current.closeMore(),M&&M({file:i},d.FILE)}}),G=o([E&&e(r,{}),w,D,A],x,!0).filter((function(i){return i}));return e(u,{ref:V,plugins:G,showNumber:P,MoreIcon:N})}export{p as InputPluginsDefalut};
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useCallback as s}from"react";import{useTUIChatActionContext as n}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as i}from"../Icon/Icon.js";import{IconTypes as r}from"../Icon/type.js";import{MESSAGE_OPERATE as m}from"../../constants.js";import{useHandleQuoteMessage as a}from"./hooks/useHandleQuoteMessage.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function c(c){var p=c.message,u=n().operateMessage,d=a(p),f=d.cloudCustomData,h=d.message,g=s((function(){var t;u&&u(((t={})[m.QUOTE]=null,t))}),[u]),j=null==f?void 0:f.messageReply;return j&&o("div",t({className:"input-quote"},{children:[o("div",t({className:"input-quote-content"},{children:[e("label",t({htmlFor:"input-quote-content"},{children:(null==h?void 0:h.nick)||(null==h?void 0:h.from)})),e("span",{children:l(null==j?void 0:j.messageAbstract,1)})]})),e(i,{className:"icon",width:12,height:12,type:r.CLOSE,onClick:g})]}))}export{c as InputQuoteDefalut};
1
+ import{__assign as t}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useCallback as n}from"react";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatActionContext as i}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Icon as r}from"../Icon/Icon.js";import{IconTypes as s}from"../Icon/type.js";import{MESSAGE_OPERATE as m}from"../../constants.js";import{useHandleQuoteMessage as c}from"./hooks/useHandleQuoteMessage.js";import{formatEmojiString as a}from"../TUIMessage/utils/emojiMap.js";function l(l){var u=l.message,p=i().operateMessage,d=c(u),f=d.cloudCustomData,h=d.message,g=n((function(){var t;p&&p(((t={})[m.QUOTE]=null,t))}),[p]),j=null==f?void 0:f.messageReply;return j&&e("div",t({className:"input-quote"},{children:[e("div",t({className:"input-quote-content"},{children:[o("label",t({htmlFor:"input-quote-content"},{children:(null==h?void 0:h.nick)||(null==h?void 0:h.from)})),o("span",{children:a(null==j?void 0:j.messageAbstract,1)})]})),o(r,{className:"icon",width:12,height:12,type:s.CLOSE,onClick:g})]}))}export{l as InputQuoteDefalut};
@@ -1 +1 @@
1
- import{__assign as e,__spreadArray as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as a,useCallback as i,useEffect as n}from"react";import{useTranslation as l}from"react-i18next";import{useTUIChatActionContext as s}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Model as c}from"../Model/index.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Input as u}from"../Input/Input.js";import{Checkbox as h}from"../Checkbox/index.js";import{Avatar as f}from"../Avatar/Avatar.js";import{getDisplayImage as p,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as g}from"../../constants.js";import"@tencentcloud/chat-uikit-engine";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as w}from"./hooks/useHandleForwardMessage.js";function C(C){var N,I=C.handleForward,j=l().t,x=a([]),b=x[0],k=x[1],F=a([]),D=F[0],A=F[1],L=a(""),M=L[0],T=L[1],U=s().operateMessage,R=w(),y=R.message,S=R.sendForwardMessage,H=R.conversationList,z=void 0===H?[]:H,E=i((function(){var e;U&&U(((e={})[g.FORWARD]=null,e))}),[U]),P=z,O=function(e){e.checked?k(t(t([],b,!0),[e.value],!1)):k(b.filter((function(t){return t!==e.value})))};return n((function(){k([]),A([]),T("")}),[y]),y&&z.length>0&&o(c,e({onClick:E},{children:r("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[r("header",e({className:"tui-forward-header"},{children:[o(d,{type:m.CANCEL,width:16,height:16,onClick:E}),o("h2",e({className:"tui-forward-title"},{children:j("TUIChat.Forward to")}))]})),o("div",e({className:"tui-forward-search"},{children:o(u,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:M,onChange:function(e){var t,o;if(T(null===(t=e.target)||void 0===t?void 0:t.value),null===(o=e.target)||void 0===o?void 0:o.value){var r=z.filter((function(t){var o,r=v(t).toLocaleLowerCase(),a=null===(o=e.target)||void 0===o?void 0:o.value.toLocaleLowerCase();return r.includes(a)}));A(r)}else A([])},prefix:o(d,{type:m.SEARCH,height:16,width:16})})})),r("main",e({className:"tui-forward-main"},{children:[M&&r("ul",e({className:"tui-forward-list"},{children:[o("h3",e({className:"tui-forward-list-title"},{children:j("TUIChat.Search Result")})),D.length>0&&D.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:function(e){O(e)},id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===D.length&&o("p",e({className:"no-result"},{children:j("TUIChat.No Result")}))]})),!M&&P.length>0&&o("ul",e({className:"tui-forward-list"},{children:P.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))}))]})),r("footer",e({className:"tui-forward-footer"},{children:[o("div",e({className:"tui-forward-footer-name"},{children:b.length>0&&(N=b,(null==N?void 0:N.map((function(e){return v(e)}))).toString())})),o("button",e({type:"button",className:"button",onClick:function(){I?I({list:b,message:y}):S(b),E()},disabled:0===b.length},{children:j("TUIChat.Forward")}))]}))]}))}))}export{C as TUIForward};
1
+ import{__assign as e,__spreadArray as t}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as i,useCallback as a,useEffect as n}from"react";import{useTranslation as l}from"react-i18next";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatActionContext as c}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{Model as s}from"../Model/index.js";import{Icon as d}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Input as u}from"../Input/Input.js";import{Checkbox as h}from"../Checkbox/index.js";import{Avatar as f}from"../Avatar/Avatar.js";import{getDisplayImage as p,getDisplayTitle as v}from"../ConversationPreview/utils.js";import{MESSAGE_OPERATE as g}from"../../constants.js";import"date-fns";import"date-fns/locale";import"@tencentcloud/chat";import"./hooks/useHandleQuoteMessage.js";import{useHandleForwardMessage as w}from"./hooks/useHandleForwardMessage.js";function C(C){var N,I=C.handleForward,j=l().t,x=i([]),b=x[0],k=x[1],F=i([]),D=F[0],A=F[1],L=i(""),M=L[0],T=L[1],U=c().operateMessage,R=w(),y=R.message,S=R.sendForwardMessage,H=R.conversationList,z=void 0===H?[]:H,E=a((function(){var e;U&&U(((e={})[g.FORWARD]=null,e))}),[U]),P=z,O=function(e){e.checked?k(t(t([],b,!0),[e.value],!1)):k(b.filter((function(t){return t!==e.value})))};return n((function(){k([]),A([]),T("")}),[y]),y&&z.length>0&&o(s,e({onClick:E},{children:r("div",e({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[r("header",e({className:"tui-forward-header"},{children:[o(d,{type:m.CANCEL,width:16,height:16,onClick:E}),o("h2",e({className:"tui-forward-title"},{children:j("TUIChat.Forward to")}))]})),o("div",e({className:"tui-forward-search"},{children:o(u,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:M,onChange:function(e){var t,o;if(T(null===(t=e.target)||void 0===t?void 0:t.value),null===(o=e.target)||void 0===o?void 0:o.value){var r=z.filter((function(t){var o,r=v(t).toLocaleLowerCase(),i=null===(o=e.target)||void 0===o?void 0:o.value.toLocaleLowerCase();return r.includes(i)}));A(r)}else A([])},prefix:o(d,{type:m.SEARCH,height:16,width:16})})})),r("main",e({className:"tui-forward-main"},{children:[M&&r("ul",e({className:"tui-forward-list"},{children:[o("h3",e({className:"tui-forward-list-title"},{children:j("TUIChat.Search Result")})),D.length>0&&D.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:function(e){O(e)},id:"".concat(t.conversationID),value:t})]}),t.conversationID)})),0===D.length&&o("p",e({className:"no-result"},{children:j("TUIChat.No Result")}))]})),!M&&P.length>0&&o("ul",e({className:"tui-forward-list"},{children:P.map((function(t){return r("li",e({className:"tui-forward-list-item"},{children:[r("label",e({htmlFor:"".concat(t.conversationID),className:"info"},{children:[o(f,{image:p(t),size:40}),o("div",e({className:"info-nick"},{children:v(t)}))]})),o(h,{onChange:O,id:"".concat(t.conversationID),value:t})]}),t.conversationID)}))}))]})),r("footer",e({className:"tui-forward-footer"},{children:[o("div",e({className:"tui-forward-footer-name"},{children:b.length>0&&(N=b,(null==N?void 0:N.map((function(e){return v(e)}))).toString())})),o("button",e({type:"button",className:"button",onClick:function(){I?I({list:b,message:y}):S(b),E()},disabled:0===b.length},{children:j("TUIChat.Forward")}))]}))]}))}))}export{C as TUIForward};
@@ -1,10 +1,10 @@
1
- import React, { MutableRefObject, PropsWithChildren } from 'react';
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<React.ReactElement>;
5
+ plugins?: Array<React__default.ReactElement>;
6
6
  showNumber?: number;
7
- MoreIcon?: React.ReactElement;
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?: React.ComponentType;
23
- InputPlugins?: React.ComponentType<UnknowPorps>;
24
- InputQuote?: React.ComponentType<UnknowPorps>;
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>): React.ReactElement;
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
- import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import s from"react";import n from"@tencentcloud/chat";import{TUIMessageInputContextProvider as i}from"../../context/TUIMessageInputContext.js";import{useCreateMessageInputContext as r}from"./hooks/useCreateMessageInputContext.js";import{useMessageInputState as a}from"./hooks/useMessageInputState.js";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";import"date-fns";import"date-fns/locale";import"../Icon/config.js";import"../Icon/type.js";import"./hooks/useHandleQuoteMessage.js";import"react-i18next";import{EmptyStateIndicator as p}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{InputQuoteDefalut as l}from"./InputQuoteDefalut.js";import{TUIMessageInputDefault as c}from"./TUIMessageInputDefault.js";import{InputPluginsDefalut as f}from"./InputPluginsDefalut.js";import{TUIForward as I}from"./TUIForward.js";import{Transmitter as d}from"./Transmitter.js";function g(o){var s=o.children,u=o.disabled,p=o.focus,l=o.pluginConfig,c=o.textareaRef,f=a(o),I=m("TUIMessageInput"),d=I.textareaRef,g=I.conversation,j=(null==g?void 0:g.type)===n.TYPES.CONV_SYSTEM,x=m("TUIMessageInput").TUIMessageInputConfig,T=p||(null==x?void 0:x.focus),v=r(t(t(t({},f),o),{textareaRef:c||(null==x?void 0:x.textareaRef)||d,disabled:u||(null==x?void 0:x.disabled)||j,focus:"boolean"!=typeof T||T,pluginConfig:l}));return e(i,t({value:v},{children:s}))}function j(s){var n=s.TUIMessageInput,i=s.InputPlugins,r=s.InputQuote,a=s.isTransmitter,j=s.className,x=m("TUIMessageInput").TUIMessageInputConfig,T=j||(null==x?void 0:x.className),v=a||(null==x?void 0:x.isTransmitter)||!1,M=u(),C=M.TUIMessageInput,h=M.InputPlugins,U=M.InputQuote,S=n||C||c,b=i||h||f||p,N=r||U||l;return e("div",t({className:"tui-message-input ".concat(T)},{children:o(g,t({},s,{children:[e(I,{}),e(N,{}),o("div",t({className:"tui-message-input-main"},{children:[o("div",t({className:"tui-message-input-box"},{children:[e(b,{}),e(S,{})]})),v&&e(d,{})]}))]}))}))}var x=s.memo(j);export{x as TUIMessageInput};
1
+ import{__assign as t}from"tslib";import{jsx as e,jsxs as o}from"react/jsx-runtime";import n from"react";import s from"@tencentcloud/chat";import{TUIMessageInputContextProvider as i}from"../../context/TUIMessageInputContext.js";import{useCreateMessageInputContext as r}from"./hooks/useCreateMessageInputContext.js";import{useMessageInputState as a}from"./hooks/useMessageInputState.js";import"@tencentcloud/chat-uikit-engine";import"../../constants.js";import"@tencentcloud/tui-core";import"react-i18next";import{useTUIChatStateContext as m}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as u}from"../../context/ComponentContext.js";import"date-fns";import"date-fns/locale";import"../Icon/config.js";import"../Icon/type.js";import"./hooks/useHandleQuoteMessage.js";import{EmptyStateIndicator as p}from"../EmptyStateIndicator/EmptyStateIndicator.js";import{InputQuoteDefalut as l}from"./InputQuoteDefalut.js";import{TUIMessageInputDefault as c}from"./TUIMessageInputDefault.js";import{InputPluginsDefalut as f}from"./InputPluginsDefalut.js";import{TUIForward as I}from"./TUIForward.js";import{Transmitter as d}from"./Transmitter.js";function g(o){var n=o.children,u=o.disabled,p=o.focus,l=o.pluginConfig,c=o.textareaRef,f=a(o),I=m("TUIMessageInput"),d=I.textareaRef,g=I.conversation,j=(null==g?void 0:g.type)===s.TYPES.CONV_SYSTEM,x=m("TUIMessageInput").TUIMessageInputConfig,T=p||(null==x?void 0:x.focus),v=r(t(t(t({},f),o),{textareaRef:c||(null==x?void 0:x.textareaRef)||d,disabled:u||(null==x?void 0:x.disabled)||j,focus:"boolean"!=typeof T||T,pluginConfig:l}));return e(i,t({value:v},{children:n}))}function j(n){var s=n.TUIMessageInput,i=n.InputPlugins,r=n.InputQuote,a=n.isTransmitter,j=n.className,x=m("TUIMessageInput").TUIMessageInputConfig,T=j||(null==x?void 0:x.className),v=a||(null==x?void 0:x.isTransmitter)||!1,M=u(),C=M.TUIMessageInput,h=M.InputPlugins,U=M.InputQuote,S=s||C||c,b=i||h||f||p,N=r||U||l;return e("div",t({className:"tui-message-input ".concat(T)},{children:o(g,t({},n,{children:[e(I,{}),e(N,{}),o("div",t({className:"tui-message-input-main"},{children:[o("div",t({className:"tui-message-input-box"},{children:[e(b,{}),e(S,{})]})),v&&e(d,{})]}))]}))}))}var x=n.memo(j);export{x as TUIMessageInput};
@@ -1,5 +1,5 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
 
3
- declare function TUIMessageInputDefault(): React.ReactElement;
3
+ declare function TUIMessageInputDefault(): React__default.ReactElement;
4
4
 
5
5
  export { TUIMessageInputDefault };
@@ -1 +1 @@
1
- import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{useTranslation as a}from"react-i18next";import{MESSAGE_OPERATE as i}from"../../constants.js";import{useTUIChatStateContext as s}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useTUIMessageInputContext as u}from"../../context/TUIMessageInputContext.js";import{isPC as l}from"../../utils/env.js";import{formatEmojiString as c}from"../TUIMessage/utils/emojiMap.js";function d(){var d=u("TUIMessageInputDefault"),m=d.text,p=d.disabled,f=d.handleChange,v=d.handleKeyDown,x=d.handlePasete,g=d.textareaRef,h=d.focus,I=d.setText,b=d.setCursorPos,j=a().t,C=s("TUIMessageInputDefault").operateData;o((function(){C&&C[i.REVOKE]&&I&&I(c(C[i.REVOKE].payload.text,1))}),[C]),o((function(){var t,e;return h&&g&&g.current&&(g.current.autofocus=!0,l&&(null===(t=null==g?void 0:g.current)||void 0===t||t.focus({preventScroll:!0})),null===(e=null==g?void 0:g.current)||void 0===e||e.addEventListener("paste",x)),function(){var t;null===(t=null==g?void 0:g.current)||void 0===t||t.removeEventListener("paste",x)}}),[h,g]);var E=r(!1),T=E[0],U=E[1];return e("div",t({className:"input-box ".concat(p?"disabled":""," ").concat(T?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[n("div",t({className:"input-visibility-content"},{children:m})),!p&&n("textarea",{placeholder:j("TUIChat.Enter a message"),rows:1,value:m,ref:g,onChange:f,onKeyDown:v,onFocus:function(){U(!0)},onBlur:function(t){!function(t){var e;b&&b({start:null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.selectionStart,end:t.target.selectionEnd}),U(!1)}(t)}})]}))}export{d as TUIMessageInputDefault};
1
+ import{__assign as t}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useEffect as o,useState as r}from"react";import{useTranslation as i}from"react-i18next";import{MESSAGE_OPERATE as a}from"../../constants.js";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as u}from"../../context/TUIChatStateContext.js";import"../../context/TUIMessageContext.js";import{useTUIMessageInputContext as s}from"../../context/TUIMessageInputContext.js";import{isPC as c}from"../../utils/env.js";import{formatEmojiString as l}from"../TUIMessage/utils/emojiMap.js";function d(){var d=s("TUIMessageInputDefault"),m=d.text,p=d.disabled,f=d.handleChange,v=d.handleKeyDown,x=d.handlePasete,g=d.textareaRef,h=d.focus,I=d.setText,b=d.setCursorPos,j=i().t,C=u("TUIMessageInputDefault").operateData;o((function(){C&&C[a.REVOKE]&&I&&I(l(C[a.REVOKE].payload.text,1))}),[C]),o((function(){var t,e;return h&&g&&g.current&&(g.current.autofocus=!0,c&&(null===(t=null==g?void 0:g.current)||void 0===t||t.focus({preventScroll:!0})),null===(e=null==g?void 0:g.current)||void 0===e||e.addEventListener("paste",x)),function(){var t;null===(t=null==g?void 0:g.current)||void 0===t||t.removeEventListener("paste",x)}}),[h,g]);var E=r(!1),T=E[0],U=E[1];return e("div",t({className:"input-box ".concat(p?"disabled":""," ").concat(T?"tui-kit-input-box--focus":"tui-kit-input-box--blur")},{children:[n("div",t({className:"input-visibility-content"},{children:m})),!p&&n("textarea",{placeholder:j("TUIChat.Enter a message"),rows:1,value:m,ref:g,onChange:f,onKeyDown:v,onFocus:function(){U(!0)},onBlur:function(t){!function(t){var e;b&&b({start:null===(e=null==t?void 0:t.target)||void 0===e?void 0:e.selectionStart,end:t.target.selectionEnd}),U(!1)}(t)}})]}))}export{d as TUIMessageInputDefault};
@@ -1 +1 @@
1
- import{__awaiter as t,__generator as e}from"tslib";import{useState as n,useEffect as o}from"react";import r from"@tencentcloud/chat";import{TUIChatService as i}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import{useTUIChatStateContext as c}from"../../../context/TUIChatStateContext.js";import"react/jsx-runtime";import"../../../context/TUIMessageContext.js";function u(u){var m=this,f=c("TUIMessageInputDefault").operateData,p=n([]),d=p[0],l=p[1],v=a("TUIChat").chat,h=u||f&&f[s.FORWARD];return o((function(){t(m,void 0,void 0,(function(){var t,n;return e(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:h,conversationList:d,sendForwardMessage:function(t){t.map((function(t){return h&&i.sendForwardMessage([t],[h]),t}))}}}export{u as useHandleForwardMessage};
1
+ import{__awaiter as t,__generator as e}from"tslib";import{useState as n,useEffect as o}from"react";import r from"@tencentcloud/chat";import{TUIChatService as i}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_OPERATE as s}from"../../../constants.js";import{useUIKit as a}from"../../../context/UIKitContext.js";import"react/jsx-runtime";import{useTUIChatStateContext as c}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";function u(u){var m=this,f=c("TUIMessageInputDefault").operateData,p=n([]),d=p[0],l=p[1],v=a().chat,x=u||f&&f[s.FORWARD];return o((function(){v&&t(m,void 0,void 0,(function(){var t,n;return e(this,(function(e){switch(e.label){case 0:return[4,v.getConversationList()];case 1:return t=e.sent(),l(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.conversationList.filter((function(t){return t.type!==r.TYPES.CONV_SYSTEM}))),[2]}}))}))}),[v]),{message:x,conversationList:d,sendForwardMessage:function(t){t.map((function(t){return x&&i.sendForwardMessage([t],[x]),t}))}}}export{u as useHandleForwardMessage};
@@ -1 +1 @@
1
- import{useState as e,useEffect as t}from"react";import o from"@tencentcloud/chat";import{MESSAGE_OPERATE as a}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import{useTUIChatStateContext as n}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var S,s,l=((S={})[o.TYPES.MSG_TEXT]=1,S[o.TYPES.MSG_CUSTOM]=2,S[o.TYPES.MSG_IMAGE]=3,S[o.TYPES.MSG_AUDIO]=4,S[o.TYPES.MSG_VIDEO]=5,S[o.TYPES.MSG_FILE]=6,S[o.TYPES.MSG_FACE]=8,S),r=((s={})[o.TYPES.MSG_CUSTOM]="[custom]",s[o.TYPES.MSG_IMAGE]="[image]",s[o.TYPES.MSG_AUDIO]="[audio]",s[o.TYPES.MSG_VIDEO]="[video]",s[o.TYPES.MSG_FILE]="[file]",s[o.TYPES.MSG_FACE]="[face]",s);function i(S){var s=n("TUIMessageInputDefault").operateData,i=e({messageReply:null}),E=i[0],T=i[1],u=function(e){var t,a=l[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:r[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:a,version:1}};return t((function(){var e=S||s&&s[a.QUOTE];T({messageReply:e?u(e):null})}),[s,S]),{cloudCustomData:E,handleQuoteMessage:u,message:S||s&&s[a.QUOTE]}}export{i as useHandleQuoteMessage};
1
+ import{useState as e,useEffect as t}from"react";import o from"@tencentcloud/chat";import{MESSAGE_OPERATE as n}from"../../../constants.js";import"tslib";import"react/jsx-runtime";import"@tencentcloud/tui-core";import"react-i18next";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as a}from"../../../context/TUIChatStateContext.js";import"../../../context/TUIMessageContext.js";var i,r,S=((i={})[o.TYPES.MSG_TEXT]=1,i[o.TYPES.MSG_CUSTOM]=2,i[o.TYPES.MSG_IMAGE]=3,i[o.TYPES.MSG_AUDIO]=4,i[o.TYPES.MSG_VIDEO]=5,i[o.TYPES.MSG_FILE]=6,i[o.TYPES.MSG_FACE]=8,i),l=((r={})[o.TYPES.MSG_CUSTOM]="[custom]",r[o.TYPES.MSG_IMAGE]="[image]",r[o.TYPES.MSG_AUDIO]="[audio]",r[o.TYPES.MSG_VIDEO]="[video]",r[o.TYPES.MSG_FILE]="[file]",r[o.TYPES.MSG_FACE]="[face]",r);function s(i){var r=a("TUIMessageInputDefault").operateData,s=e({messageReply:null}),u=s[0],m=s[1],E=function(e){var t,n=S[null==e?void 0:e.type];return{messageAbstract:(null==e?void 0:e.type)===o.TYPES.MSG_TEXT?null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.text:l[null==e?void 0:e.type],messageSender:(null==e?void 0:e.nick)||(null==e?void 0:e.from),messageID:null==e?void 0:e.ID,messageType:n,version:1}};return t((function(){var e=i||r&&r[n.QUOTE];m({messageReply:e?E(e):null})}),[r,i]),{cloudCustomData:u,handleQuoteMessage:E,message:i||r&&r[n.QUOTE]}}export{s as useHandleQuoteMessage};
@@ -1 +1 @@
1
- import{__awaiter as t,__generator as e}from"tslib";import{useCallback as n}from"react";import{TUIChatService as o}from"@tencentcloud/chat-uikit-engine";import{CONSTANT_DISPATCH_TYPE as r,MESSAGE_TYPE_NAME as i,MESSAGE_OPERATE as u}from"../../../constants.js";import{useTUIKitContext as a}from"../../../context/TUIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as s}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{enableSampleTaskStatus as l}from"../../untils.js";import{formatEmojiString as c}from"../../TUIMessage/utils/emojiMap.js";import{useHandleQuoteMessage as d}from"./useHandleQuoteMessage.js";var v=function(v){var f=v.state,p=v.dispatch;v.focus;var T=v.textareaRef,m=v.sendUploadMessage,g=a("useMessageInputText").chat,x=s(),y=x.operateMessage,E=x.setFirstSendMessage,S=d().cloudCustomData,h=["Enter","NumpadEnter"],C=n((function(t){t.preventDefault(),t&&t.target&&p({type:r.SET_TEXT,getNewText:function(e){return t.target.value}})}),[g]),M=function(n){return t(void 0,void 0,void 0,(function(){var t,i;return e(this,(function(e){return null==n||n.preventDefault(),f.text?(t={payload:{text:c(f.text)}},S.messageReply&&(t.cloudCustomData=JSON.stringify(S)),o.sendTextMessage(t).then((function(t){var e=t.data.message;E&&E(e)})),l("sendMessage"),p({getNewText:function(t){return""},type:r.SET_TEXT}),y&&y(((i={})[u.QUOTE]=null,i)),[2]):[2]}))}))},D=n((function(t){!(null==t?void 0:t.ctrlKey)&&(null==t?void 0:t.code)&&h.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&(null==t||t.preventDefault(),M(t)),(null==t?void 0:t.ctrlKey)&&h.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&p({type:r.SET_TEXT,getNewText:function(t){return"".concat(t,"\n")}})}),[M,p]),P=n((function(n){return t(void 0,void 0,void 0,(function(){var t,o,u;return e(this,(function(e){return n.preventDefault(),n.clipboardData&&n.clipboardData.items?(t=n.clipboardData,o=t.types,u=t.items,o.find((function(t,e){var n=u[e];switch(t){case"text/plain":return n.getAsString((function(t){p({type:r.SET_TEXT,getNewText:function(e){return"".concat(e).concat(t)}})})),!0;case"Files":var o=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&m&&m({file:o},i.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[T]),_=n((function(t){var e,n,o;p({type:r.SET_TEXT,getNewText:function(e){var n,o;return"".concat(e.slice(0,(null===(n=null==f?void 0:f.cursorPos)||void 0===n?void 0:n.start)||0)).concat(t).concat(e.slice((null===(o=null==f?void 0:f.cursorPos)||void 0===o?void 0:o.start)||0))}}),p({type:r.SET_CURSOR_POS,value:{start:(null===(e=null==f?void 0:f.cursorPos)||void 0===e?void 0:e.start)&&f.cursorPos.start+t.length,end:(null===(n=null==f?void 0:f.cursorPos)||void 0===n?void 0:n.end)&&f.cursorPos.end+t.length}}),null===(o=null==T?void 0:T.current)||void 0===o||o.focus({preventScroll:!0})}),[T,f]),j=n((function(t){var e;p({type:r.SET_TEXT,getNewText:function(){return"".concat(t)}}),null===(e=null==T?void 0:T.current)||void 0===e||e.focus()}),[T]),w=n((function(t){p({type:r.SET_CURSOR_POS,value:t})}),[T]);return{handleChange:C,handleSubmit:M,handleKeyDown:D,handlePasete:P,insertText:_,setText:j,setCursorPos:w}};export{v as useMessageInputText};
1
+ import{__awaiter as t,__generator as e}from"tslib";import{useCallback as n}from"react";import{TUIChatService as o}from"@tencentcloud/chat-uikit-engine";import{CONSTANT_DISPATCH_TYPE as r,MESSAGE_TYPE_NAME as i,MESSAGE_OPERATE as u}from"../../../constants.js";import{useUIKit as a}from"../../../context/UIKitContext.js";import"react/jsx-runtime";import{useTUIChatActionContext as s}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";import{enableSampleTaskStatus as l}from"../../utils.js";import{formatEmojiString as c}from"../../TUIMessage/utils/emojiMap.js";import{useHandleQuoteMessage as d}from"./useHandleQuoteMessage.js";var v=function(v){var f=v.state,p=v.dispatch;v.focus;var T=v.textareaRef,m=v.sendUploadMessage,g=a().chat,x=s(),y=x.operateMessage,E=x.setFirstSendMessage,S=d().cloudCustomData,h=["Enter","NumpadEnter"],C=n((function(t){t.preventDefault(),t&&t.target&&p({type:r.SET_TEXT,getNewText:function(e){return t.target.value}})}),[g]),D=function(n){return t(void 0,void 0,void 0,(function(){var t,i;return e(this,(function(e){return null==n||n.preventDefault(),f.text?(t={payload:{text:c(f.text)}},S.messageReply&&(t.cloudCustomData=JSON.stringify(S)),o.sendTextMessage(t).then((function(t){var e=t.data.message;E&&E(e)})),l("sendMessage"),p({getNewText:function(t){return""},type:r.SET_TEXT}),y&&y(((i={})[u.QUOTE]=null,i)),[2]):[2]}))}))},M=n((function(t){!(null==t?void 0:t.ctrlKey)&&(null==t?void 0:t.code)&&h.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&(null==t||t.preventDefault(),D(t)),(null==t?void 0:t.ctrlKey)&&h.indexOf(null==t?void 0:t.code)>-1&&13===t.keyCode&&p({type:r.SET_TEXT,getNewText:function(t){return"".concat(t,"\n")}})}),[D,p]),P=n((function(n){return t(void 0,void 0,void 0,(function(){var t,o,u;return e(this,(function(e){return n.preventDefault(),n.clipboardData&&n.clipboardData.items?(t=n.clipboardData,o=t.types,u=t.items,o.find((function(t,e){var n=u[e];switch(t){case"text/plain":return n.getAsString((function(t){p({type:r.SET_TEXT,getNewText:function(e){return"".concat(e).concat(t)}})})),!0;case"Files":var o=n.getAsFile();return n&&"file"===n.kind&&n.type.match(/^image\//i)&&m&&m({file:o},i.IMAGE),!0;default:return!1}})),[2]):[2]}))}))}),[T]),_=n((function(t){var e,n,o;p({type:r.SET_TEXT,getNewText:function(e){var n,o;return"".concat(e.slice(0,(null===(n=null==f?void 0:f.cursorPos)||void 0===n?void 0:n.start)||0)).concat(t).concat(e.slice((null===(o=null==f?void 0:f.cursorPos)||void 0===o?void 0:o.start)||0))}}),p({type:r.SET_CURSOR_POS,value:{start:(null===(e=null==f?void 0:f.cursorPos)||void 0===e?void 0:e.start)&&f.cursorPos.start+t.length,end:(null===(n=null==f?void 0:f.cursorPos)||void 0===n?void 0:n.end)&&f.cursorPos.end+t.length}}),null===(o=null==T?void 0:T.current)||void 0===o||o.focus({preventScroll:!0})}),[T,f]),j=n((function(t){var e;p({type:r.SET_TEXT,getNewText:function(){return"".concat(t)}}),null===(e=null==T?void 0:T.current)||void 0===e||e.focus()}),[T]),w=n((function(t){p({type:r.SET_CURSOR_POS,value:t})}),[T]);return{handleChange:C,handleSubmit:D,handleKeyDown:M,handlePasete:P,insertText:_,setText:j,setCursorPos:w}};export{v as useMessageInputText};
@@ -1 +1 @@
1
- import{useCallback as e}from"react";import{TUIChatService as t}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_TYPE_NAME as s}from"../../../constants.js";import{enableSampleTaskStatus as o}from"../../untils.js";import"tslib";import"react/jsx-runtime";import{useTUIChatActionContext as n}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";function i(i){var r;n().updateUploadPendingMessageList;var a=((r={})[s.IMAGE]=t.sendImageMessage,r[s.VIDEO]=t.sendVideoMessage,r[s.FILE]=t.sendFileMessage,r);return{sendUploadMessage:e((function(e,t){a[t]({payload:e}),o("sendMessage")}),[])}}export{i as useUploadPicker};
1
+ import{useCallback as e}from"react";import{TUIChatService as t}from"@tencentcloud/chat-uikit-engine";import{MESSAGE_TYPE_NAME as o}from"../../../constants.js";import{enableSampleTaskStatus as s}from"../../utils.js";import"tslib";import"react/jsx-runtime";import"@tencentcloud/tui-core";import"react-i18next";import{useTUIChatActionContext as n}from"../../../context/TUIChatActionContext.js";import"../../../context/TUIMessageContext.js";function i(i){var r;n().updateUploadPendingMessageList;var a=((r={})[o.IMAGE]=t.sendImageMessage,r[o.VIDEO]=t.sendVideoMessage,r[o.FILE]=t.sendFileMessage,r);return{sendUploadMessage:e((function(e,t){a[t]({payload:e}),s("sendMessage")}),[])}}export{i as useUploadPicker};
@@ -1,4 +1,4 @@
1
- import React from 'react';
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): React.ReactElement;
11
+ declare function TUIMessageList(props: MessageListProps): React__default.ReactElement;
12
12
 
13
13
  export { MessageListProps, TUIMessageList };
@@ -1 +1 @@
1
- import{__assign as e,__awaiter as t,__generator as i}from"tslib";import{jsx as o,jsxs as r}from"react/jsx-runtime";import n,{useState as l,useEffect as s}from"react";import{useTranslation as a}from"react-i18next";import{useTUIChatStateContext as c}from"../../context/TUIChatStateContext.js";import{useTUIChatActionContext as d}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as m}from"../../context/ComponentContext.js";import u from"./hooks/useMessageListElement.js";import{InfiniteScroll as g}from"../InfiniteScrollPaginator/InfiniteScroll.js";import{EmptyStateIndicator as h}from"../EmptyStateIndicator/EmptyStateIndicator.js";function v(n){var v=this,f=n.highlightedMessageId,p=n.loadMore,M=n.intervalsTimer,T=n.className,I=a().t,C=l(null),x=C[0],L=C[1],j=l(!1),S=j[0],U=j[1],E=c("TUIMessageList"),y=E.messageList,N=E.highlightedMessageId,b=E.isCompleted;E.isSameLastMessageID;var H=E.messageListRef,R=E.noMore,B=E.TUIMessageListConfig,k=d(),q=k.loadMore,w=k.setHighlightedMessageId,A=m(),D=A.TUIMessage,P=A.EmptyStateIndicator,z=void 0===P?h:P,F=f||(null==B?void 0:B.highlightedMessageId)||N,G=60*(M||(null==B?void 0:B.intervalsTimer)||30),J=p||(null==B?void 0:B.loadMore)||q,K=y&&u({enrichedMessageList:y,TUIMessage:D,intervalsTimer:G});return s((function(){t(v,void 0,void 0,(function(){var e,t,o,r;return i(this,(function(i){switch(i.label){case 0:return e=null===(r=null==x?void 0:x.parentElement)||void 0===r?void 0:r.parentElement,!b&&e&&(null==e?void 0:e.clientHeight)>=(null==x?void 0:x.clientHeight)?J?[4,J()]:[3,2]:[3,3];case 1:i.sent(),i.label=2;case 2:i.label=3;case 3:return(null==x?void 0:x.children)&&((t=(null==x?void 0:x.children)||[])[t.length-1],o=setTimeout((function(){(null==H?void 0:H.current)&&(H.current.scrollTop=H.current.scrollHeight),U(!0),clearTimeout(o)}),100)),[2]}}))}))}),[K,S]),s((function(){if(F){var e=null==x?void 0:x.querySelector("[data-message-id='".concat(F,"']"));if(!e)return;var t=e.children;if(t[t.length-1].classList.add("high-lighted"),null==H?void 0:H.current){var i=e.getBoundingClientRect(),o=H.current.getBoundingClientRect(),r=i.top-o.top+H.current.scrollTop;H.current.scrollTop=r}var n=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(n),w&&w("")}),1e3)}}),[F]),r("div",e({className:"message-list ".concat(T," ").concat(S?"":"hide"),ref:H},{children:[R,R&&o("p",e({className:"no-more"},{children:I("TUIChat.No More")})),o(g,e({className:"message-list-infinite-scroll",hasMore:!0,loadMore:J,threshold:1},{children:o("ul",e({ref:L},{children:(null==K?void 0:K.length)&&K.length>0?K:o(z,{listType:"message"})}))}))]}))}var f=n.memo(v);function p(t){return o(f,e({},t))}export{p as TUIMessageList};
1
+ import{__assign as e,__awaiter as t,__generator as i}from"tslib";import{jsx as o,jsxs as n}from"react/jsx-runtime";import r,{useState as l,useEffect as s}from"react";import{useTranslation as a}from"react-i18next";import"@tencentcloud/tui-core";import"@tencentcloud/chat-uikit-engine";import{useTUIChatStateContext as c}from"../../context/TUIChatStateContext.js";import{useTUIChatActionContext as d}from"../../context/TUIChatActionContext.js";import"../../context/TUIMessageContext.js";import{useComponentContext as m}from"../../context/ComponentContext.js";import u from"./hooks/useMessageListElement.js";import{InfiniteScroll as g}from"../InfiniteScrollPaginator/InfiniteScroll.js";import{EmptyStateIndicator as h}from"../EmptyStateIndicator/EmptyStateIndicator.js";function v(r){var v=this,f=r.highlightedMessageId,p=r.loadMore,M=r.intervalsTimer,T=r.className,I=a().t,C=l(null),x=C[0],L=C[1],j=l(!1),S=j[0],U=j[1],E=c("TUIMessageList"),y=E.messageList,N=E.highlightedMessageId,b=E.isCompleted;E.isSameLastMessageID;var H=E.messageListRef,R=E.noMore,k=E.TUIMessageListConfig,B=d(),q=B.loadMore,w=B.setHighlightedMessageId,A=m(),D=A.TUIMessage,P=A.EmptyStateIndicator,z=void 0===P?h:P,F=f||(null==k?void 0:k.highlightedMessageId)||N,G=60*(M||(null==k?void 0:k.intervalsTimer)||30),J=p||(null==k?void 0:k.loadMore)||q,K=y&&u({enrichedMessageList:y,TUIMessage:D,intervalsTimer:G});return s((function(){t(v,void 0,void 0,(function(){var e,t,o,n;return i(this,(function(i){switch(i.label){case 0:return e=null===(n=null==x?void 0:x.parentElement)||void 0===n?void 0:n.parentElement,!b&&e&&(null==e?void 0:e.clientHeight)>=(null==x?void 0:x.clientHeight)?J?[4,J()]:[3,2]:[3,3];case 1:i.sent(),i.label=2;case 2:i.label=3;case 3:return(null==x?void 0:x.children)&&((t=(null==x?void 0:x.children)||[])[t.length-1],o=setTimeout((function(){(null==H?void 0:H.current)&&(H.current.scrollTop=H.current.scrollHeight),U(!0),clearTimeout(o)}),100)),[2]}}))}))}),[K,S]),s((function(){if(F){var e=null==x?void 0:x.querySelector("[data-message-id='".concat(F,"']"));if(!e)return;var t=e.children;if(t[t.length-1].classList.add("high-lighted"),null==H?void 0:H.current){var i=e.getBoundingClientRect(),o=H.current.getBoundingClientRect(),n=i.top-o.top+H.current.scrollTop;H.current.scrollTop=n}var r=setTimeout((function(){t[t.length-1].classList.remove("high-lighted"),clearTimeout(r),w&&w("")}),1e3)}}),[F]),n("div",e({className:"message-list ".concat(T," ").concat(S?"":"hide"),ref:H},{children:[R,R&&o("p",e({className:"no-more"},{children:I("TUIChat.No More")})),o(g,e({className:"message-list-infinite-scroll",hasMore:!0,loadMore:J,threshold:1},{children:o("ul",e({ref:L},{children:(null==K?void 0:K.length)&&K.length>0?K:o(z,{listType:"message"})}))}))]}))}var f=r.memo(v);function p(t){return o(f,e({},t))}export{p as TUIMessageList};