@tencentcloud/chat-uikit-react 2.2.4 → 2.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (343) hide show
  1. package/.babelrc +2 -2
  2. package/.eslintrc.js +141 -31
  3. package/.lintstagedrc.json +1 -1
  4. package/.stylelintrc.js +17 -18
  5. package/CHANGELOG.md +19 -2
  6. package/README.md +8 -8
  7. package/dist/cjs/assets/fonts/iconfont.ttf +0 -0
  8. package/dist/cjs/assets/fonts/iconfont.woff +0 -0
  9. package/dist/cjs/assets/fonts/iconfont.woff2 +0 -0
  10. package/dist/cjs/components/Avatar/Avatar.d.ts +4 -4
  11. package/dist/cjs/components/Checkbox/index.d.ts +2 -2
  12. package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  13. package/dist/cjs/components/ConversationCreate/ConversationCreate.js +1 -1
  14. package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  15. package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  16. package/dist/cjs/components/ConversationPreview/ConversationListContainer.d.ts +2 -2
  17. package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts +8 -8
  18. package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
  19. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
  20. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  21. package/dist/cjs/components/ConversationPreview/utils.js +1 -1
  22. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
  23. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
  24. package/dist/cjs/components/Icon/Icon.d.ts +3 -3
  25. package/dist/cjs/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
  26. package/dist/cjs/components/Input/Input.d.ts +4 -4
  27. package/dist/cjs/components/Model/index.d.ts +2 -2
  28. package/dist/cjs/components/Plugins/index.d.ts +4 -4
  29. package/dist/cjs/components/Popup/index.d.ts +2 -2
  30. package/dist/cjs/components/Switch/Switch.d.ts +2 -2
  31. package/dist/cjs/components/TUIChat/TUIChat.d.ts +12 -12
  32. package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
  33. package/dist/cjs/components/TUIChatHeader/TUIChatHeader.d.ts +5 -5
  34. package/dist/cjs/components/TUIChatHeader/TUIChatHeader.js +1 -1
  35. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +5 -5
  36. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  37. package/dist/cjs/components/TUIContact/TUIContact.d.ts +3 -3
  38. package/dist/cjs/components/TUIContact/TUIContact.js +1 -1
  39. package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
  40. package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  41. package/dist/cjs/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  42. package/dist/cjs/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
  43. package/dist/cjs/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
  44. package/dist/cjs/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  45. package/dist/cjs/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
  46. package/dist/cjs/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
  47. package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
  48. package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  49. package/dist/cjs/components/TUIContact/hooks/useTUIContact.js +1 -1
  50. package/dist/cjs/components/TUIContactSearch/TUIContactSearch.js +1 -1
  51. package/dist/cjs/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
  52. package/dist/cjs/components/TUIConversation/TUIConversation.d.ts +2 -2
  53. package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +6 -6
  54. package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
  55. package/dist/cjs/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  56. package/dist/cjs/components/TUIManage/TUIManage.d.ts +2 -2
  57. package/dist/cjs/components/TUIManage/TUIManage.js +1 -1
  58. package/dist/cjs/components/TUIMessage/MessageAudio.js +1 -1
  59. package/dist/cjs/components/TUIMessage/MessageAvatar.js +1 -1
  60. package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
  61. package/dist/cjs/components/TUIMessage/MessageContext.d.ts +2 -2
  62. package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
  63. package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
  64. package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
  65. package/dist/cjs/components/TUIMessage/MessagePlugins.d.ts +4 -4
  66. package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
  67. package/dist/cjs/components/TUIMessage/MessageProgress.js +1 -1
  68. package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
  69. package/dist/cjs/components/TUIMessage/MessageStatus.js +1 -1
  70. package/dist/cjs/components/TUIMessage/MessageSystem.js +1 -1
  71. package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
  72. package/dist/cjs/components/TUIMessage/MessageTip.js +1 -1
  73. package/dist/cjs/components/TUIMessage/TUIMessage.d.ts +19 -19
  74. package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
  75. package/dist/cjs/components/TUIMessage/TUIMessageDefault.js +1 -1
  76. package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  77. package/dist/cjs/components/TUIMessage/hooks/useMessageReply.js +1 -1
  78. package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
  79. package/dist/cjs/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
  80. package/dist/cjs/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
  81. package/dist/cjs/components/TUIMessageInput/TUIForward.js +1 -1
  82. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.d.ts +7 -7
  83. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
  84. package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
  85. package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  86. package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  87. package/dist/cjs/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  88. package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  89. package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  90. package/dist/cjs/components/TUIMessageList/TUIMessageList.d.ts +2 -2
  91. package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
  92. package/dist/cjs/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  93. package/dist/cjs/components/TUIProfile/TUIProfile.d.ts +3 -3
  94. package/dist/cjs/components/TUIProfile/TUIProfile.js +1 -1
  95. package/dist/cjs/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
  96. package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
  97. package/dist/cjs/components/Toast/index.d.ts +2 -2
  98. package/dist/cjs/context/ComponentContext.d.ts +12 -12
  99. package/dist/cjs/context/LanguageContext.js +1 -0
  100. package/dist/cjs/context/TUIChatActionContext.d.ts +3 -3
  101. package/dist/cjs/context/TUIChatStateContext.d.ts +5 -5
  102. package/dist/cjs/context/TUIContactContext.d.ts +4 -4
  103. package/dist/cjs/context/TUIConversationContext.js +1 -1
  104. package/dist/cjs/context/TUIMessageContext.d.ts +17 -17
  105. package/dist/cjs/context/TUIMessageInputContext.d.ts +4 -4
  106. package/dist/cjs/context/ThemeContext.js +1 -0
  107. package/dist/cjs/context/UIKitContext.d.ts +25 -0
  108. package/dist/cjs/context/UIKitContext.js +1 -0
  109. package/dist/cjs/context/UIManagerContext.d.ts +46 -0
  110. package/dist/cjs/context/UIManagerContext.js +1 -0
  111. package/dist/cjs/hooks/useConversation.d.ts +2 -2
  112. package/dist/cjs/index.css +1 -1
  113. package/dist/cjs/index.d.css +984 -1039
  114. package/dist/cjs/index.d.ts +2 -4
  115. package/dist/cjs/index.js +1 -1
  116. package/dist/cjs/locales/en-US/TUIGlobal.js +1 -0
  117. package/dist/cjs/locales/en-US/index.js +1 -1
  118. package/dist/cjs/locales/ja-JP/TUIGlobal.js +1 -0
  119. package/dist/cjs/locales/ja-JP/index.js +1 -1
  120. package/dist/cjs/locales/ko-KR/TUIGlobal.js +1 -0
  121. package/dist/cjs/locales/ko-KR/index.js +1 -1
  122. package/dist/cjs/locales/zh-CN/TUIGlobal.js +1 -0
  123. package/dist/cjs/locales/zh-CN/index.js +1 -1
  124. package/dist/esm/assets/fonts/iconfont.ttf +0 -0
  125. package/dist/esm/assets/fonts/iconfont.woff +0 -0
  126. package/dist/esm/assets/fonts/iconfont.woff2 +0 -0
  127. package/dist/esm/components/Avatar/Avatar.d.ts +4 -4
  128. package/dist/esm/components/Checkbox/index.d.ts +2 -2
  129. package/dist/esm/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  130. package/dist/esm/components/ConversationCreate/ConversationCreate.js +1 -1
  131. package/dist/esm/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  132. package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  133. package/dist/esm/components/ConversationPreview/ConversationListContainer.d.ts +2 -2
  134. package/dist/esm/components/ConversationPreview/ConversationPreview.d.ts +8 -8
  135. package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
  136. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.d.ts +2 -2
  137. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  138. package/dist/esm/components/ConversationPreview/utils.js +1 -1
  139. package/dist/esm/components/ConversationSearch/ConversationSearchResult.d.ts +3 -3
  140. package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
  141. package/dist/esm/components/Icon/Icon.d.ts +3 -3
  142. package/dist/esm/components/InfiniteScrollPaginator/InfiniteScroll.d.ts +4 -4
  143. package/dist/esm/components/Input/Input.d.ts +4 -4
  144. package/dist/esm/components/Model/index.d.ts +2 -2
  145. package/dist/esm/components/Plugins/index.d.ts +4 -4
  146. package/dist/esm/components/Popup/index.d.ts +2 -2
  147. package/dist/esm/components/Switch/Switch.d.ts +2 -2
  148. package/dist/esm/components/TUIChat/TUIChat.d.ts +12 -12
  149. package/dist/esm/components/TUIChat/TUIChat.js +1 -1
  150. package/dist/esm/components/TUIChatHeader/TUIChatHeader.d.ts +5 -5
  151. package/dist/esm/components/TUIChatHeader/TUIChatHeader.js +1 -1
  152. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.d.ts +5 -5
  153. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  154. package/dist/esm/components/TUIContact/TUIContact.d.ts +3 -3
  155. package/dist/esm/components/TUIContact/TUIContact.js +1 -1
  156. package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.d.ts +3 -3
  157. package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  158. package/dist/esm/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  159. package/dist/esm/components/TUIContact/TUIContactInfo/blockInfo.js +1 -1
  160. package/dist/esm/components/TUIContact/TUIContactInfo/friendApplication.js +1 -1
  161. package/dist/esm/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  162. package/dist/esm/components/TUIContact/TUIContactInfo/groupInfo.js +1 -1
  163. package/dist/esm/components/TUIContact/TUIContactInfo/hooks/useContactInfo.js +1 -1
  164. package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.d.ts +3 -3
  165. package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  166. package/dist/esm/components/TUIContact/hooks/useTUIContact.js +1 -1
  167. package/dist/esm/components/TUIContactSearch/TUIContactSearch.js +1 -1
  168. package/dist/esm/components/TUIContactSearch/hooks/useContactSearch.js +1 -1
  169. package/dist/esm/components/TUIConversation/TUIConversation.d.ts +2 -2
  170. package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +6 -6
  171. package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
  172. package/dist/esm/components/TUIConversationList/hooks/useConversationUpdate.js +1 -1
  173. package/dist/esm/components/TUIManage/TUIManage.d.ts +2 -2
  174. package/dist/esm/components/TUIManage/TUIManage.js +1 -1
  175. package/dist/esm/components/TUIMessage/MessageAudio.js +1 -1
  176. package/dist/esm/components/TUIMessage/MessageAvatar.js +1 -1
  177. package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
  178. package/dist/esm/components/TUIMessage/MessageContext.d.ts +2 -2
  179. package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
  180. package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
  181. package/dist/esm/components/TUIMessage/MessageName.js +1 -1
  182. package/dist/esm/components/TUIMessage/MessagePlugins.d.ts +4 -4
  183. package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
  184. package/dist/esm/components/TUIMessage/MessageProgress.js +1 -1
  185. package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
  186. package/dist/esm/components/TUIMessage/MessageStatus.js +1 -1
  187. package/dist/esm/components/TUIMessage/MessageSystem.js +1 -1
  188. package/dist/esm/components/TUIMessage/MessageText.js +1 -1
  189. package/dist/esm/components/TUIMessage/MessageTip.js +1 -1
  190. package/dist/esm/components/TUIMessage/TUIMessage.d.ts +19 -19
  191. package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
  192. package/dist/esm/components/TUIMessage/TUIMessageDefault.js +1 -1
  193. package/dist/esm/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  194. package/dist/esm/components/TUIMessage/hooks/useMessageReply.js +1 -1
  195. package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.d.ts +2 -2
  196. package/dist/esm/components/TUIMessageInput/InputPluginsDefalut.js +1 -1
  197. package/dist/esm/components/TUIMessageInput/InputQuoteDefalut.js +1 -1
  198. package/dist/esm/components/TUIMessageInput/TUIForward.js +1 -1
  199. package/dist/esm/components/TUIMessageInput/TUIMessageInput.d.ts +7 -7
  200. package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
  201. package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.d.ts +2 -2
  202. package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  203. package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  204. package/dist/esm/components/TUIMessageInput/hooks/useHandleQuoteMessage.js +1 -1
  205. package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  206. package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  207. package/dist/esm/components/TUIMessageList/TUIMessageList.d.ts +2 -2
  208. package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
  209. package/dist/esm/components/TUIMessageList/hooks/useMessageListElement.js +1 -1
  210. package/dist/esm/components/TUIProfile/TUIProfile.d.ts +3 -3
  211. package/dist/esm/components/TUIProfile/TUIProfile.js +1 -1
  212. package/dist/esm/components/TUIProfile/TUIProfileDefault.d.ts +2 -2
  213. package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
  214. package/dist/esm/components/Toast/index.d.ts +2 -2
  215. package/dist/esm/context/ComponentContext.d.ts +12 -12
  216. package/dist/esm/context/LanguageContext.js +1 -0
  217. package/dist/esm/context/TUIChatActionContext.d.ts +3 -3
  218. package/dist/esm/context/TUIChatStateContext.d.ts +5 -5
  219. package/dist/esm/context/TUIContactContext.d.ts +4 -4
  220. package/dist/esm/context/TUIConversationContext.js +1 -1
  221. package/dist/esm/context/TUIMessageContext.d.ts +17 -17
  222. package/dist/esm/context/TUIMessageInputContext.d.ts +4 -4
  223. package/dist/esm/context/ThemeContext.js +1 -0
  224. package/dist/esm/context/UIKitContext.d.ts +25 -0
  225. package/dist/esm/context/UIKitContext.js +1 -0
  226. package/dist/esm/context/UIManagerContext.d.ts +46 -0
  227. package/dist/esm/context/UIManagerContext.js +1 -0
  228. package/dist/esm/hooks/useConversation.d.ts +2 -2
  229. package/dist/esm/index.css +1 -1
  230. package/dist/esm/index.d.css +984 -1039
  231. package/dist/esm/index.d.ts +2 -4
  232. package/dist/esm/index.js +1 -1
  233. package/dist/esm/locales/en-US/TUIGlobal.js +1 -0
  234. package/dist/esm/locales/en-US/index.js +1 -1
  235. package/dist/esm/locales/ja-JP/TUIGlobal.js +1 -0
  236. package/dist/esm/locales/ja-JP/index.js +1 -1
  237. package/dist/esm/locales/ko-KR/TUIGlobal.js +1 -0
  238. package/dist/esm/locales/ko-KR/index.js +1 -1
  239. package/dist/esm/locales/zh-CN/TUIGlobal.js +1 -0
  240. package/dist/esm/locales/zh-CN/index.js +1 -1
  241. package/package.json +9 -7
  242. package/rollup.config.js +13 -2
  243. package/src/assets/fonts/iconfont.ttf +0 -0
  244. package/src/assets/fonts/iconfont.woff +0 -0
  245. package/src/assets/fonts/iconfont.woff2 +0 -0
  246. package/src/components/ConversationCreate/ConversationCreatGroupDetail.tsx +4 -4
  247. package/src/components/ConversationCreate/ConversationCreate.tsx +2 -2
  248. package/src/components/ConversationCreate/ConversationCreateUserSelectList.tsx +3 -2
  249. package/src/components/ConversationCreate/styles/ConversationCreatGroupDetail.scss +16 -7
  250. package/src/components/ConversationCreate/styles/index.scss +23 -13
  251. package/src/components/ConversationPreview/ConversationPreview.tsx +21 -21
  252. package/src/components/ConversationPreview/ConversationPreviewContent.tsx +4 -4
  253. package/src/components/ConversationPreview/styles/index.scss +44 -14
  254. package/src/components/ConversationPreview/utils.tsx +36 -28
  255. package/src/components/Input/styles/index.scss +7 -5
  256. package/src/components/Model/styles/layout.scss +3 -3
  257. package/src/components/Plugins/styles/color.scss +17 -3
  258. package/src/components/Popup/styles/layout.scss +2 -1
  259. package/src/components/TUIChat/TUIChat.tsx +4 -3
  260. package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +3 -3
  261. package/src/components/TUIChatHeader/styles/layout.scss +13 -2
  262. package/src/components/TUIContact/TUIContact.tsx +2 -2
  263. package/src/components/TUIContact/TUIContactInfo/TUIContactInfo.tsx +2 -2
  264. package/src/components/TUIContact/TUIContactInfo/basicInfo.tsx +2 -2
  265. package/src/components/TUIContact/TUIContactInfo/blockInfo.tsx +2 -2
  266. package/src/components/TUIContact/TUIContactInfo/friendApplication.tsx +2 -2
  267. package/src/components/TUIContact/TUIContactInfo/friendInfo.tsx +4 -3
  268. package/src/components/TUIContact/TUIContactInfo/groupInfo.tsx +3 -3
  269. package/src/components/TUIContact/TUIContactInfo/hooks/useContactInfo.tsx +2 -2
  270. package/src/components/TUIContact/TUIContactList/TUIContactList.tsx +5 -5
  271. package/src/components/TUIContact/hooks/useTUIContact.tsx +2 -2
  272. package/src/components/TUIContactSearch/TUIContactSearch.tsx +2 -2
  273. package/src/components/TUIContactSearch/hooks/useContactSearch.tsx +2 -2
  274. package/src/components/TUIConversationList/TUIConversationList.tsx +3 -4
  275. package/src/components/TUIConversationList/hooks/useConversationUpdate.tsx +2 -2
  276. package/src/components/TUIConversationList/index.scss +25 -7
  277. package/src/components/TUIManage/TUIManage.tsx +3 -3
  278. package/src/components/TUIManage/styles/index.scss +16 -6
  279. package/src/components/TUIMessage/MessageStatus.tsx +2 -2
  280. package/src/components/TUIMessage/MessageText.tsx +16 -15
  281. package/src/components/TUIMessage/hooks/useMessageHandler.ts +2 -2
  282. package/src/components/TUIMessage/hooks/useMessageReply.ts +2 -2
  283. package/src/components/TUIMessage/styles/color.scss +20 -9
  284. package/src/components/TUIMessage/styles/layout.scss +44 -11
  285. package/src/components/TUIMessageInput/TUIMessageInput.tsx +1 -1
  286. package/src/components/TUIMessageInput/hooks/useHandleForwardMessage.tsx +2 -2
  287. package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +2 -2
  288. package/src/components/TUIMessageInput/styles/color.scss +25 -6
  289. package/src/components/TUIMessageInput/styles/layout.scss +58 -16
  290. package/src/components/TUIMessageList/hooks/useMessageListElement.tsx +2 -2
  291. package/src/components/TUIMessageList/styles/layout.scss +16 -2
  292. package/src/components/TUIProfile/TUIProfile.tsx +3 -3
  293. package/src/components/TUIProfile/TUIProfileDefault.tsx +2 -2
  294. package/src/components/TUIProfile/styles/layout.scss +33 -16
  295. package/src/components/index.ts +0 -1
  296. package/src/context/LanguageContext.tsx +59 -0
  297. package/src/context/ThemeContext.tsx +61 -0
  298. package/src/context/UIKitContext.tsx +67 -0
  299. package/src/context/UIManagerContext.tsx +163 -0
  300. package/src/context/index.ts +3 -2
  301. package/src/locales/en-US/index.ts +1 -1
  302. package/src/locales/ja-JP/index.ts +2 -0
  303. package/src/locales/ko-KR/TUIGlobal.ts +2 -2
  304. package/src/locales/ko-KR/index.ts +2 -0
  305. package/src/locales/zh-CN/index.ts +2 -2
  306. package/src/styles/colors/_color-dark.scss +35 -0
  307. package/src/styles/colors/_color-light.scss +35 -0
  308. package/src/styles/colors/_color-theme.scss +54 -0
  309. package/src/styles/fonts/icon-font.scss +18 -0
  310. package/src/styles/index.scss +4 -0
  311. package/src/styles/normalize.scss +355 -0
  312. package/dist/cjs/components/Icon/images/chats-selected.svg.js +0 -1
  313. package/dist/cjs/components/Icon/images/chats.svg.js +0 -1
  314. package/dist/cjs/components/Icon/images/contacts-selected.svg.js +0 -1
  315. package/dist/cjs/components/Icon/images/contacts.svg.js +0 -1
  316. package/dist/cjs/components/TUIKit/TUIKit.d.ts +0 -12
  317. package/dist/cjs/components/TUIKit/TUIKit.js +0 -1
  318. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
  319. package/dist/cjs/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
  320. package/dist/cjs/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
  321. package/dist/cjs/components/TUIKit/hooks/useTUIKit.js +0 -1
  322. package/dist/cjs/context/TUIKitContext.d.ts +0 -25
  323. package/dist/cjs/context/TUIKitContext.js +0 -1
  324. package/dist/esm/components/Icon/images/chats-selected.svg.js +0 -1
  325. package/dist/esm/components/Icon/images/chats.svg.js +0 -1
  326. package/dist/esm/components/Icon/images/contacts-selected.svg.js +0 -1
  327. package/dist/esm/components/Icon/images/contacts.svg.js +0 -1
  328. package/dist/esm/components/TUIKit/TUIKit.d.ts +0 -12
  329. package/dist/esm/components/TUIKit/TUIKit.js +0 -1
  330. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.d.ts +0 -21
  331. package/dist/esm/components/TUIKit/hooks/useCreateTUIKitContext.js +0 -1
  332. package/dist/esm/components/TUIKit/hooks/useTUIKit.d.ts +0 -43
  333. package/dist/esm/components/TUIKit/hooks/useTUIKit.js +0 -1
  334. package/dist/esm/context/TUIKitContext.d.ts +0 -25
  335. package/dist/esm/context/TUIKitContext.js +0 -1
  336. package/src/components/TUIKit/TUIKit.tsx +0 -228
  337. package/src/components/TUIKit/hooks/useCreateTUIKitContext.tsx +0 -48
  338. package/src/components/TUIKit/hooks/useTUIKit.tsx +0 -99
  339. package/src/components/TUIKit/index.ts +0 -3
  340. package/src/components/TUIKit/styles/h5.scss +0 -34
  341. package/src/components/TUIKit/styles/index.scss +0 -112
  342. package/src/components/TUIKit/styles/reset.scss +0 -67
  343. package/src/context/TUIKitContext.tsx +0 -39
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  import { Conversation } from '@tencentcloud/chat';
3
3
  import { ConversationPreviewUIComponentProps } from '../ConversationPreview/ConversationPreview.js';
4
4
  import { ConversationListContainerProps } from '../ConversationPreview/ConversationListContainer.js';
@@ -8,12 +8,12 @@ interface Props {
8
8
  filters?: object;
9
9
  sort?: object;
10
10
  options?: object;
11
- Preview?: React.ComponentType<ConversationPreviewUIComponentProps>;
12
- Container?: React.ComponentType<ConversationListContainerProps>;
13
- onConversationListUpdated?: (setConversationList: React.Dispatch<React.SetStateAction<Array<Conversation>>>, event: () => void) => void;
11
+ Preview?: React__default.ComponentType<ConversationPreviewUIComponentProps>;
12
+ Container?: React__default.ComponentType<ConversationListContainerProps>;
13
+ onConversationListUpdated?: (setConversationList: React__default.Dispatch<React__default.SetStateAction<Array<Conversation>>>, event: () => void) => void;
14
14
  filterConversation?: (conversationList: Array<Conversation>) => Array<Conversation>;
15
15
  }
16
- declare function UnMemoTUIConversationList<T extends Props>(props: T): React.ReactElement;
17
- declare const TUIConversationList: React.MemoExoticComponent<typeof UnMemoTUIConversationList>;
16
+ declare function UnMemoTUIConversationList<T extends Props>(props: T): React__default.ReactElement;
17
+ declare const TUIConversationList: React__default.MemoExoticComponent<typeof UnMemoTUIConversationList>;
18
18
 
19
19
  export { TUIConversationList, UnMemoTUIConversationList };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),o=require("react-i18next"),r=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var s=require("../../utils/env.js"),i=require("./hooks/useConversationList.js"),a=require("../ConversationPreview/ConversationPreview.js");require("@tencentcloud/chat-uikit-engine");var v=require("../Icon/Icon.js"),u=require("../Icon/type.js");require("@tencentcloud/chat");var c=require("../../context/TUIConversationContext.js"),l=require("../ConversationPreview/ConversationListContainer.js"),C=require("../ConversationSearch/ConversationSearchInput.js"),h=require("../ConversationSearch/ConversationSearchResult.js"),d=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var j=require("../ConversationPreview/utils.js"),x=require("./hooks/useConversationUpdate.js");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(I){var p=I.Preview,f=I.Container,q=void 0===f?l.ConversationListContainer:f,g=I.onConversationListUpdated,S=I.filterConversation,w=I.componentVisibleOptions,T=void 0===w?{isProfileShow:!0,isSearchInputShow:!0,isContainerShow:!0}:w;o.useTranslation().t;var L=r.useTUIKitContext("TUIConversationList"),_=L.chat,m=L.customClasses,U=L.conversation,P=L.setActiveConversation;L.setTUIProfileShow;var y=c.useTUIConversationContext("TUIConversationList").filterConversation,N=S||y,b=n.useState(0),R=b[0],k=b[1],A=i(_,(function(e,t){e.length&&P(U)}),N),D=A.conversationList,E=A.setConversationList;x.useConversationUpdate(E,g,(function(){return k((function(e){return e+1}))}),N);var F=n.useState(""),M=F[0],O=F[1],K=n.useState(D),V=K[0],G=K[1],H=n.useState(!1),z=H[0],B=H[1],J=n.useState(""),Q=J[0],W=J[1],X=n.useRef(null);return t.jsx("div",e.__assign({className:"tui-conversation ".concat(s.isH5?"tui-conversation-h5":""," ").concat(m||""," "),ref:X},{children:z?t.jsx(d.ConversationCreate,{conversationList:D,setConversationCreated:B}):t.jsxs(t.Fragment,{children:[T.isSearchInputShow&&t.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[t.jsx(C.ConversationSearchInput,{value:M,clearable:!0,onChange:function(e){var t,n;if(O(null===(t=e.target)||void 0===t?void 0:t.value),null===(n=e.target)||void 0===n?void 0:n.value){var o=D.filter((function(t){var n;return j.getDisplayTitle(t).toLocaleLowerCase().includes(null===(n=e.target)||void 0===n?void 0:n.value.toLocaleLowerCase())}));G(o)}else G([])}}),t.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:t.jsx(v.Icon,{onClick:function(){O(""),B(!0)},type:u.IconTypes.CREATE,height:24,width:24})}))]})),T.isContainerShow&&t.jsx(q,e.__assign({setConversationList:E},{children:0===D.length?t.jsxs("div",e.__assign({className:"no-result"},{children:[t.jsx(v.Icon,{className:"no-result-icon",type:u.IconTypes.EFFORT,width:42,height:42}),t.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):M?t.jsx(h.ConversationSearchResult,{Preview:p,searchValue:M,result:V}):D.map((function(n){var o={activeConversation:U,conversation:n,setActiveConversation:P,Preview:p,conversationUpdateCount:R,activeConversationID:Q,setActiveConversationID:W};return t.jsx(a.ConversationPreview,e.__assign({},o),n.conversationID)}))}))]})}))}var f=I(n).default.memo(p);exports.TUIConversationList=f,exports.UnMemoTUIConversationList=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-i18next"),o=require("../../context/UIKitContext.js"),s=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var i=require("../../utils/env.js"),a=require("./hooks/useConversationList.js"),v=require("../ConversationPreview/ConversationPreview.js");require("@tencentcloud/chat-uikit-engine");var u=require("../Icon/Icon.js"),c=require("../Icon/type.js");require("@tencentcloud/chat");var l=require("../../context/TUIConversationContext.js"),C=require("../ConversationPreview/ConversationListContainer.js"),h=require("../ConversationSearch/ConversationSearchInput.js"),d=require("../ConversationSearch/ConversationSearchResult.js"),j=require("../ConversationCreate/ConversationCreate.js");require("../ConversationCreate/ConversationGroupTypeInfo.js");var x=require("../ConversationPreview/utils.js"),I=require("./hooks/useConversationUpdate.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(p){var f=p.Preview,g=p.Container,q=void 0===g?C.ConversationListContainer:g,S=p.onConversationListUpdated,w=p.filterConversation,U=p.componentVisibleOptions,_=void 0===U?{isProfileShow:!0,isSearchInputShow:!0,isContainerShow:!0}:U;r.useTranslation().t;var m=o.useUIKit().chat,L=s.useUIManager(),T=L.customClasses,P=L.conversation,y=L.setActiveConversation;L.setTUIProfileShow;var N=l.useTUIConversationContext("TUIConversationList").filterConversation,b=w||N,M=t.useState(0),R=M[0],k=M[1],A=a(m,(function(e,n){e.length}),b),D=A.conversationList,E=A.setConversationList;I.useConversationUpdate(E,S,(function(){return k((function(e){return e+1}))}),b);var F=t.useState(""),O=F[0],K=F[1],V=t.useState(D),G=V[0],H=V[1],z=t.useState(!1),B=z[0],J=z[1],Q=t.useState(""),W=Q[0],X=Q[1],Y=t.useRef(null);return n.jsx("div",e.__assign({className:"tui-conversation ".concat(i.isH5?"tui-conversation-h5":""," ").concat(T||""," "),ref:Y},{children:B?n.jsx(j.ConversationCreate,{conversationList:D,setConversationCreated:J}):n.jsxs(n.Fragment,{children:[_.isSearchInputShow&&n.jsxs("div",e.__assign({className:"tui-conversation-header"},{children:[n.jsx(h.ConversationSearchInput,{value:O,clearable:!0,onChange:function(e){var n,t;if(K(null===(n=e.target)||void 0===n?void 0:n.value),null===(t=e.target)||void 0===t?void 0:t.value){var r=D.filter((function(n){var t;return x.getDisplayTitle(n).toLocaleLowerCase().includes(null===(t=e.target)||void 0===t?void 0:t.value.toLocaleLowerCase())}));H(r)}else H([])}}),n.jsx("div",e.__assign({className:"tui-conversation-create-icon"},{children:n.jsx(u.Icon,{onClick:function(){K(""),J(!0)},type:c.IconTypes.CREATE,height:24,width:24})}))]})),_.isContainerShow&&n.jsx(q,e.__assign({setConversationList:E},{children:0===D.length?n.jsxs("div",e.__assign({className:"no-result"},{children:[n.jsx(u.Icon,{className:"no-result-icon",type:c.IconTypes.EFFORT,width:42,height:42}),n.jsx("div",e.__assign({className:"no-result-message"},{children:"No conversation"}))]})):O?n.jsx(d.ConversationSearchResult,{Preview:f,searchValue:O,result:G}):D.map((function(t){var r={activeConversation:P,conversation:t,setActiveConversation:y,Preview:f,conversationUpdateCount:R,activeConversationID:W,setActiveConversationID:X};return n.jsx(v.ConversationPreview,e.__assign({},r),t.conversationID)}))}))]})}))}var g=p(t).default.memo(f);exports.TUIConversationList=g,exports.UnMemoTUIConversationList=f;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),n=require("../../../context/TUIKitContext.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=r(t);exports.useConversationUpdate=function(t,r,o,a){var i=n.useTUIKitContext("useConversationUpdate").chat;e.useEffect((function(){var e=function(e){t&&t(a?a(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),o&&o(),r&&"function"==typeof r&&t&&r(t,e)};return null==i||i.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==i||i.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[i,r])};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),n=require("../../../context/UIKitContext.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine"),require("../../../context/TUIMessageContext.js");var u=r(t);exports.useConversationUpdate=function(t,r,i,o){var a=n.useUIKit().chat;e.useEffect((function(){var e=function(e){t&&t(o?o(e.data):e.data.filter((function(e){return e.type!==u.default.TYPES.CONV_SYSTEM}))),i&&i(),r&&"function"==typeof r&&t&&r(t,e)};return null==a||a.on(u.default.EVENT.CONVERSATION_LIST_UPDATED,e),function(){null==a||a.off(u.default.EVENT.CONVERSATION_LIST_UPDATED,e)}}),[a,r])};
@@ -1,6 +1,6 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
 
3
- declare function UnMemoizedTUIManage<T>(): React.ReactElement;
3
+ declare function UnMemoizedTUIManage<T>(): React__default.ReactElement;
4
4
  declare const TUIManage: typeof UnMemoizedTUIManage;
5
5
 
6
6
  export { TUIManage };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("react-i18next"),a=require("../Icon/Icon.js"),t=require("../Icon/type.js"),r=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),c=require("../Switch/Switch.js"),l=require("../../context/TUIKitContext.js");require("../../context/TUIMessageContext.js");var u=require("../../utils/env.js"),d=require("../ConversationPreview/utils.js"),v=require("../TUIConversationList/hooks/useConversationUpdate.js"),g=require("../../hooks/useConversation.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function j(){var h=i.useTranslation().t,j=s.useState(),m=j[0],x=j[1],I=s.useState(),_=I[0],f=I[1],C=s.useState(!1),p=C[0],q=C[1],T=s.useState(0),U=T[0],N=T[1],k=l.useTUIKitContext("TUIManage"),D=k.conversation,A=k.setActiveConversation,S=k.chat,w=k.TUIManageShow,y=k.setTUIManageShow;v.useConversationUpdate(void 0,(function(){N((function(e){return e+1}))}));var P=g.useConversation(S),M=P.pinConversation,b=P.deleteConversation,K=function(){y&&y(!1)};return s.useEffect((function(){x(D),D&&f(d.getMessageProfile(D)),q(!!D&&D.isPinned)}),[D,U]),w&&D&&n.jsxs("div",e.__assign({className:"tui-manage ".concat(u.isH5?"tui-h5-manage":"")},{children:[n.jsxs("div",e.__assign({className:"tui-manage-title"},{children:[u.isPC&&n.jsx(a.Icon,{onClick:K,type:t.IconTypes.CANCEL,width:9,height:16}),u.isH5&&n.jsx(a.Icon,{onClick:K,type:t.IconTypes.BACK,width:9,height:16}),n.jsx("span",e.__assign({style:{marginLeft:"10px"}},{children:h("TUIConversation.Conversation Information")}))]})),n.jsxs("div",e.__assign({className:"tui-manage-container"},{children:[n.jsxs("div",e.__assign({className:"tui-manage-info"},{children:[n.jsx("div",e.__assign({className:"info-avatar"},{children:n.jsx(r.Avatar,{size:64,image:(null==_?void 0:_.avatar)||((null==_?void 0:_.groupID)?o.defaultGroupAvatarWork:o.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==_?void 0:_.nick)||(null==_?void 0:_.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==_?void 0:_.userID)||(null==_?void 0:_.groupID)]}))]})),n.jsxs("div",e.__assign({className:"tui-manage-handle"},{children:[n.jsxs("div",e.__assign({className:"manage-handle-box"},{children:[n.jsx("div",e.__assign({className:"manage-handle-title"},{children:h("TUIConversation.Pin")})),n.jsx(c.Switch,{onChange:function(e){!function(e){q(e.target.checked),(null==m?void 0:m.conversationID)&&M({conversationID:m.conversationID,isPinned:e.target.checked})}(e)},checked:p})]})),u.isPC&&n.jsx("div",e.__assign({className:"manage-handle-box",role:"presentation",onClick:function(){(null==m?void 0:m.conversationID)&&b(m.conversationID),A(void 0)}},{children:n.jsx("div",e.__assign({className:"manage-handle-title red"},{children:h("TUIConversation.Delete")}))}))]}))]}))]}))}var m=h(s).default.memo(j);exports.TUIManage=m;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),s=require("react"),i=require("react-i18next"),a=require("../Icon/Icon.js"),t=require("../Icon/type.js"),r=require("../Avatar/Avatar.js"),o=require("../Avatar/default.js"),c=require("../Switch/Switch.js"),u=require("../../context/UIKitContext.js"),l=require("../../context/UIManagerContext.js");require("../../context/TUIMessageContext.js");var d=require("../../utils/env.js"),v=require("../ConversationPreview/utils.js"),g=require("../TUIConversationList/hooks/useConversationUpdate.js"),h=require("../../hooks/useConversation.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(){var j=i.useTranslation().t,m=s.useState(),x=m[0],I=m[1],_=s.useState(),f=_[0],C=_[1],p=s.useState(!1),q=p[0],U=p[1],N=s.useState(0),T=N[0],k=N[1],D=u.useUIKit().chat,A=l.useUIManager(),S=A.conversation,w=A.setActiveConversation,y=A.TUIManageShow,M=A.setTUIManageShow;g.useConversationUpdate(void 0,(function(){k((function(e){return e+1}))}));var P=h.useConversation(D),b=P.pinConversation,K=P.deleteConversation,L=function(){M&&M(!1)};return s.useEffect((function(){I(S),S&&C(v.getMessageProfile(S)),U(!!S&&S.isPinned)}),[S,T]),y&&S&&n.jsxs("div",e.__assign({className:"tui-manage ".concat(d.isH5?"tui-h5-manage":"")},{children:[n.jsxs("div",e.__assign({className:"tui-manage-title"},{children:[d.isPC&&n.jsx(a.Icon,{onClick:L,type:t.IconTypes.CANCEL,width:9,height:16}),d.isH5&&n.jsx(a.Icon,{onClick:L,type:t.IconTypes.BACK,width:9,height:16}),n.jsx("span",e.__assign({style:{marginLeft:"10px"}},{children:j("TUIConversation.Conversation Information")}))]})),n.jsxs("div",e.__assign({className:"tui-manage-container"},{children:[n.jsxs("div",e.__assign({className:"tui-manage-info"},{children:[n.jsx("div",e.__assign({className:"info-avatar"},{children:n.jsx(r.Avatar,{size:64,image:(null==f?void 0:f.avatar)||((null==f?void 0:f.groupID)?o.defaultGroupAvatarWork:o.defaultUserAvatar)})})),n.jsx("div",e.__assign({className:"info-name"},{children:(null==f?void 0:f.nick)||(null==f?void 0:f.name)})),n.jsxs("div",e.__assign({className:"info-id"},{children:["ID:",(null==f?void 0:f.userID)||(null==f?void 0:f.groupID)]}))]})),n.jsxs("div",e.__assign({className:"tui-manage-handle"},{children:[n.jsxs("div",e.__assign({className:"manage-handle-box"},{children:[n.jsx("div",e.__assign({className:"manage-handle-title"},{children:j("TUIConversation.Pin")})),n.jsx(c.Switch,{onChange:function(e){!function(e){U(e.target.checked),(null==x?void 0:x.conversationID)&&b({conversationID:x.conversationID,isPinned:e.target.checked})}(e)},checked:q})]})),d.isPC&&n.jsx("div",e.__assign({className:"manage-handle-box",role:"presentation",onClick:function(){(null==x?void 0:x.conversationID)&&K(x.conversationID),w(void 0)}},{children:n.jsx("div",e.__assign({className:"manage-handle-title red"},{children:j("TUIConversation.Delete")}))}))]}))]}))]}))}var x=j(s).default.memo(m);exports.TUIManage=x;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var s=require("../Icon/Icon.js"),c=require("../Icon/type.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(a){var o=a.context,i=a.message,l=a.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,f=t.useState(0),x=f[0],p=f[1],m=t.useRef(null),j=t.useState(!1),g=j[0],h=j[1],C=t.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),_()))}),[m,v]),I=function(){h(!1)},_=function(){d&&d(null),m.current&&(m.current.currentTime=0),I()};return t.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",I),m.current.addEventListener("ended",_),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",I),m.current.removeEventListener("ended",_))}}),[m]),n.jsxs("div",e.__assign({className:"message-audio"},{children:[n.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==i?void 0:i.flow)},{children:[n.jsx(s.Icon,{className:"".concat(null==i?void 0:i.flow," ").concat(g?"playing":""),type:c.IconTypes.VOICE,width:16,height:16,onClick:C}),n.jsx("span",{children:"".concat(x,"s")})]})),n.jsx("audio",e.__assign({src:null==o?void 0:o.url,ref:m,controls:!0,className:"message-audio-none"},{children:n.jsx("track",{kind:"captions"})})),l]}))}var i=a(t).default.memo(o);exports.MessageAudio=function(t){return n.jsx(i,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var c=require("../Icon/Icon.js"),s=require("../Icon/type.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(i){var a=i.context,o=i.message,l=i.children,d=u.useTUIChatActionContext().setAudioSource,v=r.useTUIChatStateContext("MessageAudioWithContext").audioSource,x=n.useState(0),f=x[0],p=x[1],m=n.useRef(null),g=n.useState(!1),j=g[0],h=g[1],C=n.useCallback((function(){v&&v!==(null==m?void 0:m.current)&&(v.pause(),v.currentTime=0,d&&d(null)),(null==m?void 0:m.current)&&(m.current.paused?(m.current.play(),h(!0),d&&d(m.current)):(m.current.pause(),q()))}),[m,v]),I=function(){h(!1)},q=function(){d&&d(null),m.current&&(m.current.currentTime=0),I()};return n.useEffect((function(){return(null==m?void 0:m.current)&&(m.current.addEventListener("pause",I),m.current.addEventListener("ended",q),m.current.addEventListener("canplay",(function(){var e;p(parseInt("".concat(null===(e=m.current)||void 0===e?void 0:e.duration),10))}))),function(){(null==m?void 0:m.current)&&(m.current.removeEventListener("pause",I),m.current.removeEventListener("ended",q))}}),[m]),t.jsxs("div",e.__assign({className:"message-audio"},{children:[t.jsxs("div",e.__assign({className:"message-audio-content message-audio-".concat(null==o?void 0:o.flow)},{children:[t.jsx(c.Icon,{className:"".concat(null==o?void 0:o.flow," ").concat(j?"playing":""),type:s.IconTypes.VOICE,width:16,height:16,onClick:C}),t.jsx("span",{children:"".concat(f,"s")})]})),t.jsx("audio",e.__assign({src:null==a?void 0:a.url,ref:m,controls:!0,className:"message-audio-none"},{children:t.jsx("track",{kind:"captions"})})),l]}))}var o=i(n).default.memo(a);exports.MessageAudio=function(n){return t.jsx(o,e.__assign({},n))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react");var r=require("../../context/TUIMessageContext.js"),a=require("../Avatar/Avatar.js"),s=require("../untils.js");exports.MessageAvatar=function(t){t.className;var i=t.CustomAvatar,u=t.message,o=t.showType;return(o===r.messageShowType.ALL||(null==u?void 0:u.flow)===o)&&o!==r.messageShowType.NONE?i||e.jsx(a.Avatar,{size:32,image:s.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("tslib"),require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIMessageContext.js"),t=require("../Avatar/Avatar.js"),a=require("../untils.js");exports.MessageAvatar=function(s){s.className;var i=s.CustomAvatar,u=s.message,n=s.showType;return(n===r.messageShowType.ALL||(null==u?void 0:u.flow)===n)&&n!==r.messageShowType.NONE?i||e.jsx(t.Avatar,{size:32,image:a.handleDisplayAvatar(null==u?void 0:u.avatar)}):e.jsx(e.Fragment,{})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("@tencentcloud/chat"),a=require("../../constants.js"),i=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var o=require("../Icon/Icon.js"),u=require("../Icon/type.js"),r=require("./hooks/useMessageReply.js"),c=require("./MessageProgress.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(t),x=d(n);function b(n){var d=n.message,g=n.children,b=n.Context,m=n.Plugins,v=t.useState(!1),S=v[0],j=v[1],I=r.useMessageReply({message:d}),_=I.messageReply,f=I.replyMessage,h=I.sender,M=l.useTUIChatActionContext(),p=M.setHighlightedMessageId,E=M.setActiveMessageID,y=i.useTUIChatStateContext("MessageBubbleWithContext").activeMessageID;t.useEffect((function(){y!==(null==d?void 0:d.ID)&&j(!1)}),[y]);return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==d?void 0:d.flow),role:"button",tabIndex:0,onMouseEnter:function(){E&&d&&E(null==d?void 0:d.ID),j(!0)},onMouseLeave:function(){E&&d&&E(d.ID),j(!1)},onClick:function(){E&&d&&E(d.ID)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n ".concat(_?"meesage-bubble-reply meesage-bubble-reply-".concat(null==d?void 0:d.flow):"","\n ").concat((null==d?void 0:d.type)!==x.default.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_FILE||(null==d?void 0:d.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[_&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){p&&p(null==f?void 0:f.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:h})),b&&s.jsx(b,{message:f})]})),g,s.jsx(c.MessageProgress,{message:d})]})),m&&s.jsx("div",e.__assign({className:"message-plugin"},{children:S&&s.jsx(m,{message:d})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==d?void 0:d.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==d?void 0:d.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(o.Icon,{width:10,height:10,type:u.IconTypes.PROGRESS})]}))]}))}var m=g.default.memo(b);exports.MessageBubble=function(t){return s.jsx(m,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var u=require("../Icon/Icon.js"),r=require("../Icon/type.js"),o=require("./hooks/useMessageReply.js"),c=require("./MessageProgress.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(t),x=d(n);function b(n){var d=n.message,g=n.children,b=n.Context,m=n.Plugins,v=t.useState(!1),S=v[0],j=v[1],I=o.useMessageReply({message:d}),_=I.messageReply,h=I.replyMessage,f=I.sender,M=l.useTUIChatActionContext(),p=M.setHighlightedMessageId,E=M.setActiveMessageID,q=i.useTUIChatStateContext("MessageBubbleWithContext").activeMessageID;t.useEffect((function(){q!==(null==d?void 0:d.ID)&&j(!1)}),[q]);return s.jsxs("div",e.__assign({className:"meesage-bubble"},{children:[s.jsxs("div",e.__assign({className:"meesage-bubble-context ".concat(null==d?void 0:d.flow),role:"button",tabIndex:0,onMouseEnter:function(){E&&d&&E(null==d?void 0:d.ID),j(!0)},onMouseLeave:function(){E&&d&&E(d.ID),j(!1)},onClick:function(){E&&d&&E(d.ID)}},{children:[s.jsxs("div",e.__assign({className:"message-context\n ".concat(_?"meesage-bubble-reply meesage-bubble-reply-".concat(null==d?void 0:d.flow):"","\n ").concat((null==d?void 0:d.type)!==x.default.TYPES.MSG_IMAGE&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_VIDEO&&(null==d?void 0:d.type)!==x.default.TYPES.MSG_FILE||(null==d?void 0:d.status)!==a.MESSAGE_STATUS.UNSEND?"":"loading")},{children:[_&&s.jsxs("div",e.__assign({className:"meesage-bubble-reply-main",role:"menuitem",tabIndex:0,onClick:function(){p&&p(null==h?void 0:h.ID)}},{children:[s.jsx("header",e.__assign({className:"title"},{children:f})),b&&s.jsx(b,{message:h})]})),g,s.jsx(c.MessageProgress,{message:d})]})),m&&s.jsx("div",e.__assign({className:"message-plugin"},{children:S&&s.jsx(m,{message:d})}))]})),s.jsxs("div",e.__assign({className:"message-bubble-status icon"},{children:[(null==d?void 0:d.status)===a.MESSAGE_STATUS.FAIL&&s.jsx("i",{className:"icon-fail"}),(null==d?void 0:d.status)===a.MESSAGE_STATUS.UNSEND&&s.jsx(u.Icon,{width:10,height:10,type:r.IconTypes.PROGRESS})]}))]}))}var m=g.default.memo(b);exports.MessageBubble=function(t){return s.jsx(m,e.__assign({},t))};
@@ -1,9 +1,9 @@
1
- import React from 'react';
1
+ import React__default from 'react';
2
2
  import { Message } from '@tencentcloud/chat';
3
3
 
4
4
  interface MessageContextProps {
5
5
  message?: Message;
6
6
  }
7
- declare function MessageContext(props: MessageContextProps): React.ReactElement;
7
+ declare function MessageContext(props: MessageContextProps): React__default.ReactElement;
8
8
 
9
9
  export { MessageContext, MessageContextProps };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/chat"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),M=require("./MessageFace.js"),i=require("./MessageFile.js"),n=require("./MessageImage.js"),l=require("./MessageLocation.js"),o=require("./MessageMerger.js"),E=require("./MessageText.js"),g=require("./MessageVideo.js");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js");var S=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageContextHandler.js"),T=require("./MessageStatus.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,_=c(t),m=c(a),q=((f={})[m.default.TYPES.MSG_TEXT]=E.MessageText,f[m.default.TYPES.MSG_FACE]=M.MessageFace,f[m.default.TYPES.MSG_IMAGE]=n.MessageImage,f[m.default.TYPES.MSG_AUDIO]=r.MessageAudio,f[m.default.TYPES.MSG_VIDEO]=g.MessageVideo,f[m.default.TYPES.MSG_FILE]=i.MessageFile,f[m.default.TYPES.MSG_CUSTOM]=u.MessageCustom,f[m.default.TYPES.MSG_MERGER]=o.MessageMerger,f[m.default.TYPES.MSG_LOCATION]=l.MessageLocation,f);function G(t){var a,r=t.message,u=d.useMessageContextHandler({message:r}).context,M=S.useTUIMessageContext("MessageCustom"),i=M.CustemElement,n=M.TextElement,l=M.FaceElement,o=M.ImageElement,E=M.AudioElement,g=M.VideoElement,c=M.FileElement,f=M.MergerElement,_=M.LocationElement,G=((a={})[m.default.TYPES.MSG_TEXT]=n,a[m.default.TYPES.MSG_FACE]=l,a[m.default.TYPES.MSG_IMAGE]=o,a[m.default.TYPES.MSG_AUDIO]=E,a[m.default.TYPES.MSG_VIDEO]=g,a[m.default.TYPES.MSG_FILE]=c,a[m.default.TYPES.MSG_CUSTOM]=i,a[m.default.TYPES.MSG_MERGER]=f,a[m.default.TYPES.MSG_LOCATION]=_,a),j=(null==r?void 0:r.type)&&(G[r.type]||q[r.type]);return j&&s.jsx(j,e.__assign({context:u,message:r},{children:s.jsx(T.MessageStatus,{message:r})}))}var j=_.default.memo(G);exports.MessageContext=function(t){return s.jsx(j,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("@tencentcloud/chat"),r=require("./MessageAudio.js"),u=require("./MessageCustom.js"),i=require("./MessageFace.js"),n=require("./MessageFile.js"),M=require("./MessageImage.js"),l=require("./MessageLocation.js"),o=require("./MessageMerger.js"),E=require("./MessageText.js"),g=require("./MessageVideo.js");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core");var S=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageContextHandler.js"),c=require("./MessageStatus.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f,q=T(t),_=T(a),m=((f={})[_.default.TYPES.MSG_TEXT]=E.MessageText,f[_.default.TYPES.MSG_FACE]=i.MessageFace,f[_.default.TYPES.MSG_IMAGE]=M.MessageImage,f[_.default.TYPES.MSG_AUDIO]=r.MessageAudio,f[_.default.TYPES.MSG_VIDEO]=g.MessageVideo,f[_.default.TYPES.MSG_FILE]=n.MessageFile,f[_.default.TYPES.MSG_CUSTOM]=u.MessageCustom,f[_.default.TYPES.MSG_MERGER]=o.MessageMerger,f[_.default.TYPES.MSG_LOCATION]=l.MessageLocation,f);function G(t){var a,r=t.message,u=d.useMessageContextHandler({message:r}).context,i=S.useTUIMessageContext("MessageCustom"),n=i.CustemElement,M=i.TextElement,l=i.FaceElement,o=i.ImageElement,E=i.AudioElement,g=i.VideoElement,T=i.FileElement,f=i.MergerElement,q=i.LocationElement,G=((a={})[_.default.TYPES.MSG_TEXT]=M,a[_.default.TYPES.MSG_FACE]=l,a[_.default.TYPES.MSG_IMAGE]=o,a[_.default.TYPES.MSG_AUDIO]=E,a[_.default.TYPES.MSG_VIDEO]=g,a[_.default.TYPES.MSG_FILE]=T,a[_.default.TYPES.MSG_CUSTOM]=n,a[_.default.TYPES.MSG_MERGER]=f,a[_.default.TYPES.MSG_LOCATION]=q,a),j=(null==r?void 0:r.type)&&(G[r.type]||m[r.type]);return j&&s.jsx(j,e.__assign({context:u,message:r},{children:s.jsx(c.MessageStatus,{message:r})}))}var j=q.default.memo(G);exports.MessageContext=function(t){return s.jsx(j,e.__assign({},t))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/chat"),a=require("react-i18next"),u=require("../untils.js");require("../../context/TUIMessageContext.js");var l=require("../../context/ComponentContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r),s=i(n);function c(r){var n=r.context,i=r.message,o=r.children,c=a.useTranslation().t,d=l.useComponentContext().MessageCustomPlugins;return t.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===s.default.TYPES.CONV_GROUP?"group":"")},{children:[function(r){if("Hyperlink"===r.data){var n=u.JSONStringToParse(null==r?void 0:r.extension);if(null==n?void 0:n.item)return null==n?void 0:n.item.map((function(r){return t.jsx("a",e.__assign({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==n?void 0:n.hyperlinks_text){var a=n.hyperlinks_text;return t.jsxs(t.Fragment,{children:[n.title," ",t.jsx("a",e.__assign({target:"_blank",href:null==a?void 0:a.value,rel:"noreferrer"},{children:a.key}),null==a?void 0:a.value)]})}}if("group_create"===r.data)return"".concat((null==i?void 0:i.nick)||(null==i?void 0:i.from)," Create a group");var l=u.JSONStringToParse(r.data);return 1!==(null==l?void 0:l.chatbotPlugin)||15!==(null==l?void 0:l.src)||"welcome_msg"!==(null==l?void 0:l.subtype)&&"clarify_msg"!==(null==l?void 0:l.subtype)?"[".concat(c("TUIChat.Custom message"),"]"):t.jsx(d,{data:u.JSONStringToParse(r.data).content})}(null==n?void 0:n.custom),o]}))}var d=o.default.memo(c);exports.MessageCustom=function(r){return t.jsx(d,e.__assign({},r))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@tencentcloud/chat"),u=require("react-i18next"),i=require("../untils.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine"),require("../../context/TUIMessageContext.js");var a=require("../../context/ComponentContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(r),s=l(n);function c(r){var n=r.context,l=r.message,o=r.children,c=u.useTranslation().t,d=a.useComponentContext().MessageCustomPlugins;return t.jsxs("div",e.__assign({className:"bubble message-custom bubble-".concat(null==l?void 0:l.flow," ").concat((null==l?void 0:l.conversationType)===s.default.TYPES.CONV_GROUP?"group":"")},{children:[function(r){if("Hyperlink"===r.data){var n=i.JSONStringToParse(null==r?void 0:r.extension);if(null==n?void 0:n.item)return null==n?void 0:n.item.map((function(r){return t.jsx("a",e.__assign({target:"_blank",href:r.value,rel:"noreferrer"},{children:r.value}),r.value)}));if(null==n?void 0:n.hyperlinks_text){var u=n.hyperlinks_text;return t.jsxs(t.Fragment,{children:[n.title," ",t.jsx("a",e.__assign({target:"_blank",href:null==u?void 0:u.value,rel:"noreferrer"},{children:u.key}),null==u?void 0:u.value)]})}}if("group_create"===r.data)return"".concat((null==l?void 0:l.nick)||(null==l?void 0:l.from)," Create a group");var a=i.JSONStringToParse(r.data);return 1!==(null==a?void 0:a.chatbotPlugin)||15!==(null==a?void 0:a.src)||"welcome_msg"!==(null==a?void 0:a.subtype)&&"clarify_msg"!==(null==a?void 0:a.subtype)?"[".concat(c("TUIChat.Custom message"),"]"):t.jsx(d,{data:i.JSONStringToParse(r.data).content})}(null==n?void 0:n.custom),o]}))}var d=o.default.memo(c);exports.MessageCustom=function(r){return t.jsx(d,e.__assign({},r))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react");var s=require("../../context/TUIMessageContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);exports.MessageName=function(r){r.className;var a=r.CustomName,o=r.message,l=r.showType;return(l===s.messageShowType.ALL||(null==o?void 0:o.flow)===l)&&(null==o?void 0:o.conversationType)===n.default.TYPES.CONV_GROUP&&l!==s.messageShowType.NONE?a||t.jsx("label",e.__assign({htmlFor:"content",className:"text-ellipsis name"},{children:(null==o?void 0:o.nick)||(null==o?void 0:o.from)})):t.jsx(t.Fragment,{})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@tencentcloud/chat");require("react"),require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIMessageContext.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(r);exports.MessageName=function(r){r.className;var s=r.CustomName,a=r.message,u=r.showType;return(u===n.messageShowType.ALL||(null==a?void 0:a.flow)===u)&&(null==a?void 0:a.conversationType)===i.default.TYPES.CONV_GROUP&&u!==n.messageShowType.NONE?s||t.jsx("label",e.__assign({htmlFor:"content",className:"text-ellipsis name"},{children:(null==a?void 0:a.nick)||(null==a?void 0:a.from)})):t.jsx(t.Fragment,{})};
@@ -1,5 +1,5 @@
1
- import 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
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("react-i18next"),l=require("@tencentcloud/chat"),o=require("../Plugins/index.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js"),r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageHandler.js"),c=require("../../constants.js");require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat-uikit-engine");var g=require("./hooks/useMessagePluginElement.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,S=h(l);!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(v||(v={})),exports.MessagePlugins=function(l){var h,v,p,M,T,_,y=l.plugins,m=l.showNumber,f=l.MoreIcon,w=l.config,x=i.useTranslation().t,E=n.useState(""),j=E[0];E[1];var I=n.useState({}),C=I[0],U=I[1],q=n.useRef(),A=u.useTUIMessageContext("MessagePlugins"),N=A.message,P=A.plugin,R=r.useTUIChatStateContext("MessageBubbleWithContext").messageListRef,k=d.useMessageHandler({message:N}),b=k.handleDelMessage,G=k.handleRevokeMessage,O=k.handleReplyMessage,D=k.handleCopyMessage,F=k.handleResendMessage,L=k.handleForWardMessage,W={quote:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.quote),null===(h=null==P?void 0:P.config)||void 0===h?void 0:h.quote),forward:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.forward),null===(v=null==P?void 0:P.config)||void 0===v?void 0:v.forward),copy:e.__assign(e.__assign({isShow:!0,relateMessageType:[S.default.TYPES.MSG_TEXT]},null==w?void 0:w.copy),null===(p=null==P?void 0:P.config)||void 0===p?void 0:p.copy),delete:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.delete),null===(M=null==P?void 0:P.config)||void 0===M?void 0:M.delete),revoke:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.revoke),null===(T=null==P?void 0:P.config)||void 0===T?void 0:T.revoke),resend:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.resend),null===(_=null==P?void 0:P.config)||void 0===_?void 0:_.resend)},Y=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Recall")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REVOCATION})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),G(e)},message:N,isShow:W.revoke.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS&&N.flow===c.MESSAGE_FLOW.OUT,relateMessageType:W.revoke.relateMessageType}),H=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",e.__assign({className:"del"},{children:x("TUIChat.Delete")})),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.DEL})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),b(e)},message:N,isShow:W.delete.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.delete.relateMessageType}),V=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Reference")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.QUOTE})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),O(e)},message:N,isShow:W.quote.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.quote.relateMessageType}),B=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Copy")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.COPY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),D(e)},message:N,isShow:W.copy.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.copy.relateMessageType}),Q=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Resend")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REPLY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),F()},message:N,isShow:W.resend.isShow&&(null==N?void 0:N.status)!==c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.resend.relateMessageType}),X=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Forward")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.FORWARD})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),L(e)},message:N,isShow:W.forward.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.forward.relateMessageType}),z=[Y,V,X,H,Q,B],J=(y||(null==P?void 0:P.plugins)||z).filter((function(e){return e})),K=f||(null==P?void 0:P.MoreIcon)||s.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE}),Z=m||(null==P?void 0:P.showNumber)||0;return(null==N?void 0:N.status)!==c.MESSAGE_STATUS.UNSEND&&s.jsx(o.Plugins,{className:"message-plugin",customClass:j,style:C,ref:q,plugins:J,showNumber:Z,MoreIcon:K,root:null==R?void 0:R.current,handleVisible:function(e){if(e.x&&e.y){var s=e.y<e.height||e.top,n=e.x<e.width||e.left;U({position:"fixed",left:"".concat(n?e.x:e.x-e.width,"px"),top:"".concat(s?e.y:e.y-e.height,"px")})}}})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),n=require("react"),i=require("react-i18next"),l=require("@tencentcloud/chat"),o=require("../Plugins/index.js"),t=require("../Icon/Icon.js"),a=require("../Icon/type.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js"),d=require("./hooks/useMessageHandler.js"),c=require("../../constants.js");require("date-fns"),require("date-fns/locale");var g=require("./hooks/useMessagePluginElement.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v,S=h(l);!function(e){e.quote="quote",e.forward="forward",e.copy="copy",e.delete="delete",e.resend="resend",e.revoke="revoke"}(v||(v={})),exports.MessagePlugins=function(l){var h,v,p,M,T,_,y=l.plugins,m=l.showNumber,f=l.MoreIcon,w=l.config,x=i.useTranslation().t,E=n.useState(""),j=E[0];E[1];var I=n.useState({}),C=I[0],U=I[1],q=n.useRef(),A=u.useTUIMessageContext("MessagePlugins"),N=A.message,P=A.plugin,R=r.useTUIChatStateContext("MessageBubbleWithContext").messageListRef,k=d.useMessageHandler({message:N}),b=k.handleDelMessage,G=k.handleRevokeMessage,O=k.handleReplyMessage,D=k.handleCopyMessage,F=k.handleResendMessage,L=k.handleForWardMessage,W={quote:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.quote),null===(h=null==P?void 0:P.config)||void 0===h?void 0:h.quote),forward:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.forward),null===(v=null==P?void 0:P.config)||void 0===v?void 0:v.forward),copy:e.__assign(e.__assign({isShow:!0,relateMessageType:[S.default.TYPES.MSG_TEXT]},null==w?void 0:w.copy),null===(p=null==P?void 0:P.config)||void 0===p?void 0:p.copy),delete:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.delete),null===(M=null==P?void 0:P.config)||void 0===M?void 0:M.delete),revoke:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.revoke),null===(T=null==P?void 0:P.config)||void 0===T?void 0:T.revoke),resend:e.__assign(e.__assign({isShow:!0},null==w?void 0:w.resend),null===(_=null==P?void 0:P.config)||void 0===_?void 0:_.resend)},Y=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Recall")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REVOCATION})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),G(e)},message:N,isShow:W.revoke.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS&&N.flow===c.MESSAGE_FLOW.OUT,relateMessageType:W.revoke.relateMessageType}),H=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",e.__assign({className:"del"},{children:x("TUIChat.Delete")})),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.DEL})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),b(e)},message:N,isShow:W.delete.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.delete.relateMessageType}),V=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Reference")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.QUOTE})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),O(e)},message:N,isShow:W.quote.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.quote.relateMessageType}),B=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Copy")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.COPY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),D(e)},message:N,isShow:W.copy.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.copy.relateMessageType}),Q=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Resend")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.REPLY})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),F()},message:N,isShow:W.resend.isShow&&(null==N?void 0:N.status)!==c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.resend.relateMessageType}),X=g.useMessagePluginElement({children:s.jsxs("div",e.__assign({className:"message-plugin-item"},{children:[s.jsx("span",{children:x("TUIChat.Forward")}),s.jsx(t.Icon,{width:20,height:20,type:a.IconTypes.FORWARD})]})),handle:function(e){var s;(null===(s=null==q?void 0:q.current)||void 0===s?void 0:s.closeMore)&&q.current.closeMore(),L(e)},message:N,isShow:W.forward.isShow&&(null==N?void 0:N.status)===c.MESSAGE_STATUS.SUCCESS,relateMessageType:W.forward.relateMessageType}),z=[Y,V,X,H,Q,B],J=(y||(null==P?void 0:P.plugins)||z).filter((function(e){return e})),K=f||(null==P?void 0:P.MoreIcon)||s.jsx(t.Icon,{className:"icon-more",width:16,height:16,type:a.IconTypes.MORE}),Z=m||(null==P?void 0:P.showNumber)||0;return(null==N?void 0:N.status)!==c.MESSAGE_STATUS.UNSEND&&s.jsx(o.Plugins,{className:"message-plugin",customClass:j,style:C,ref:q,plugins:J,showNumber:Z,MoreIcon:K,root:null==R?void 0:R.current,handleVisible:function(e){if(e.x&&e.y){var s=e.y<e.height||e.top,n=e.x<e.width||e.left;U({position:"fixed",left:"".concat(n?e.x:e.x-e.width,"px"),top:"".concat(s?e.y:e.y-e.height,"px")})}}})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),r=require("@tencentcloud/chat"),n=require("../../constants.js"),o=require("../../context/TUIChatStateContext.js"),a=require("../../context/TUIMessageContext.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(t),l=u(r);function d(r){var u=r.message,i=r.children,d=r.Progress,c=r.isShow,g=void 0!==c&&c,x=t.useState(),S=x[0],f=x[1],v=t.useState(0),p=v[0],M=v[1],h=o.useTUIChatStateContext("MessageProgressWithContext").uploadPendingMessageList,j=a.useTUIMessageContext("MessageProgressWithContext"),P=j.isShowProgress,E=void 0!==P&&P,_=j.Progress,m=d||_,I=g||E;return t.useEffect((function(){h&&h.length>0&&h.map((function(e){return(null==e?void 0:e.ID)===(null==u?void 0:u.ID)&&(f(e),(null==e?void 0:e.progress)&&M(e.progress)),e}))}),[h]),I?m&&S?s.jsx(m,{message:S}):!((null==u?void 0:u.type)!==l.default.TYPES.MSG_IMAGE&&(null==u?void 0:u.type)!==l.default.TYPES.MSG_VIDEO&&(null==u?void 0:u.type)!==l.default.TYPES.MSG_FILE||(null==u?void 0:u.status)!==n.MESSAGE_STATUS.UNSEND)&&s.jsxs("div",e.__assign({className:"progress-box"},{children:[s.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),i]})):s.jsx(s.Fragment,{})}var c=i.default.memo(d);exports.MessageProgress=function(t){return s.jsx(c,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),r=require("@tencentcloud/chat"),n=require("../../constants.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var o=require("../../context/TUIChatStateContext.js"),u=require("../../context/TUIMessageContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(s),l=i(r);function c(r){var i=r.message,a=r.children,c=r.Progress,d=r.isShow,g=void 0!==d&&d,x=s.useState(),S=x[0],v=x[1],f=s.useState(0),p=f[0],h=f[1],M=o.useTUIChatStateContext("MessageProgressWithContext").uploadPendingMessageList,j=u.useTUIMessageContext("MessageProgressWithContext"),P=j.isShowProgress,q=void 0!==P&&P,E=j.Progress,_=c||E,m=g||q;return s.useEffect((function(){M&&M.length>0&&M.map((function(e){return(null==e?void 0:e.ID)===(null==i?void 0:i.ID)&&(v(e),(null==e?void 0:e.progress)&&h(e.progress)),e}))}),[M]),m?_&&S?t.jsx(_,{message:S}):!((null==i?void 0:i.type)!==l.default.TYPES.MSG_IMAGE&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_VIDEO&&(null==i?void 0:i.type)!==l.default.TYPES.MSG_FILE||(null==i?void 0:i.status)!==n.MESSAGE_STATUS.UNSEND)&&t.jsxs("div",e.__assign({className:"progress-box"},{children:[t.jsx("span",{className:"progress",style:{width:"".concat(100*p,"%")}}),a]})):t.jsx(t.Fragment,{})}var d=a.default.memo(c);exports.MessageProgress=function(s){return t.jsx(d,e.__assign({},s))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("react-i18next"),a=require("@tencentcloud/chat"),r=require("../../constants.js"),i=require("../../context/TUIChatActionContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var o=l(s),u=l(a);function c(a){var l=a.message,o=n.useTranslation().t,c=i.useTUIChatActionContext().operateMessage,d=s.useCallback((function(){var e;c&&l&&c(((e={})[r.MESSAGE_OPERATE.REVOKE]=l,e))}),[c]);return t.jsxs("div",e.__assign({className:"bubble message-system message-revoke"},{children:[(null==l?void 0:l.flow)===r.MESSAGE_FLOW.IN&&t.jsx("span",{children:(null==l?void 0:l.nick)||(null==l?void 0:l.from)}),(null==l?void 0:l.flow)!==r.MESSAGE_FLOW.IN&&t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:o("TUIChat.You")})),t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:o("TUIChat.recalled a message")})),(null==l?void 0:l.flow)===r.MESSAGE_FLOW.OUT&&(null==l?void 0:l.type)===u.default.TYPES.MSG_TEXT&&t.jsx("span",e.__assign({className:"edit",role:"button",tabIndex:0,onClick:d},{children:o("TUIChat.Re-edit")}))]}))}var d=o.default.memo(c);exports.MessageRevoke=function(s){return t.jsx(d,e.__assign({},s))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("react-i18next"),r=require("@tencentcloud/chat"),a=require("../../constants.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var i=require("../../context/TUIChatActionContext.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../context/TUIMessageContext.js");var u=l(n),o=l(r);function c(r){var l=r.message,u=s.useTranslation().t,c=i.useTUIChatActionContext().operateMessage,d=n.useCallback((function(){var e;c&&l&&c(((e={})[a.MESSAGE_OPERATE.REVOKE]=l,e))}),[c]);return t.jsxs("div",e.__assign({className:"bubble message-system message-revoke"},{children:[(null==l?void 0:l.flow)===a.MESSAGE_FLOW.IN&&t.jsx("span",{children:(null==l?void 0:l.nick)||(null==l?void 0:l.from)}),(null==l?void 0:l.flow)!==a.MESSAGE_FLOW.IN&&t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.You")})),t.jsx("span",e.__assign({style:{marginRight:"5px"}},{children:u("TUIChat.recalled a message")})),(null==l?void 0:l.flow)===a.MESSAGE_FLOW.OUT&&(null==l?void 0:l.type)===o.default.TYPES.MSG_TEXT&&t.jsx("span",e.__assign({className:"edit",role:"button",tabIndex:0,onClick:d},{children:u("TUIChat.Re-edit")}))]}))}var d=u.default.memo(c);exports.MessageRevoke=function(n){return t.jsx(d,e.__assign({},n))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/TUIKitContext.js"),r=require("../../context/TUIMessageContext.js"),a=require("../untils.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(s){var n=s.message,u=i.useTUIKitContext("TUIChat").language,o=r.useTUIMessageContext("MessageStatustWithContext").isShowTime,c=(void 0===o||o)&&t.jsx("div",e.__assign({className:"time"},{children:(null==n?void 0:n.time)?a.getTimeStamp(1e3*n.time,u):0}));return t.jsx("div",e.__assign({className:"message-status"},{children:c}))}var o=n(s).default.memo(u);exports.MessageStatus=function(s){return t.jsx(o,e.__assign({},s))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),i=require("../../context/UIKitContext.js");require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIMessageContext.js"),a=require("../untils.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(s){var n=s.message,u=i.useUIKit().language,o=r.useTUIMessageContext("MessageStatustWithContext").isShowTime,c=(void 0===o||o)&&t.jsx("div",e.__assign({className:"time"},{children:(null==n?void 0:n.time)?a.getTimeStamp(1e3*n.time,u):0}));return t.jsx("div",e.__assign({className:"message-status"},{children:c}))}var o=n(s).default.memo(u);exports.MessageStatus=function(s){return t.jsx(o,e.__assign({},s))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(t){var n=t.message,i=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-system"},{children:r.jsx("div",{children:i})}))}var u=n(t).default.memo(i);exports.MessageSystem=function(t){return r.jsx(u,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-system"},{children:r.jsx("div",{children:u})}))}var i=n(t).default.memo(u);exports.MessageSystem=function(t){return r.jsx(i,e.__assign({},t))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("@tencentcloud/chat"),a=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var r=require("../../context/ComponentContext.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(n),c=o(s);function l(n){var s=n.context,o=n.message,i=n.children,l=r.useComponentContext().MessageTextPlugins,u=a.useTUIChatStateContext("MessageText").firstSendMessage;if(l&&"in"===(null==o?void 0:o.flow)&&u&&(null==u?void 0:u.time)<=(null==o?void 0:o.time))return t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(o.flow," ").concat((null==o?void 0:o.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsx(l,{data:o})}));var x=function(e){if(!e)return e;return e.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,(function(e){return"<a class='website' href='".concat(e,"' target='_blank'>").concat(e,"</a>")}))};return t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(null==o?void 0:o.flow," ").concat((null==o?void 0:o.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[null==s?void 0:s.text.map((function(e,n){var s=o&&(null==o?void 0:o.ID)+n;return"text"===e.name?t.jsx("p",{className:"message-text-content-p",dangerouslySetInnerHTML:{__html:x(e.text)}},e.src+s):t.jsx("img",{className:"text-img",src:e.src,alt:""},e.src+s)})),i]}))}))}var u=i.default.memo(l);exports.MessageText=function(n){return t.jsx(u,e.__assign({},n))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),s=require("@tencentcloud/chat");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var r=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var a=require("../../context/ComponentContext.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(n),c=i(s);function u(n){var s=n.context,i=n.message,o=n.children,u=a.useComponentContext().MessageTextPlugins,l=r.useTUIChatStateContext("MessageText").firstSendMessage;return u&&"in"===(null==i?void 0:i.flow)&&l&&(null==l?void 0:l.time)<=(null==i?void 0:i.time)?t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsx(u,{data:i})})):t.jsx("div",e.__assign({className:"bubble message-text bubble-".concat(null==i?void 0:i.flow," ").concat((null==i?void 0:i.conversationType)===c.default.TYPES.CONV_GROUP?"group":"")},{children:t.jsxs("div",e.__assign({className:"message-text-content"},{children:[null==s?void 0:s.text.map((function(n,s){var r=i&&(null==i?void 0:i.ID)+s;return"text"===n.name?t.jsx("p",e.__assign({className:"message-text-content-p"},{children:n.text}),n.src+r):t.jsx("img",{className:"text-img",src:n.src,alt:""},n.src+r)})),o]}))}))}var l=o.default.memo(u);exports.MessageText=function(n){return t.jsx(l,e.__assign({},n))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(t){var n=t.message,i=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-tip"},{children:i.text}))}var u=n(t).default.memo(i);exports.MessageTip=function(t){return r.jsx(u,e.__assign({},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");require("react-i18next"),require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("../Icon/config.js"),require("../Icon/type.js"),require("@tencentcloud/tui-core"),require("../../context/TUIMessageContext.js");var s=require("./hooks/useMessageContextHandler.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(t){var n=t.message,u=s.useMessageContextHandler({message:n}).context;return r.jsx("div",e.__assign({className:"bubble message-tip"},{children:u.text}))}var i=n(t).default.memo(u);exports.MessageTip=function(t){return r.jsx(i,e.__assign({},t))};
@@ -1,4 +1,4 @@
1
- import 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
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),l=require("../../context/TUIChatStateContext.js"),n=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat-uikit-engine"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./TUIMessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(t){var i=t.message,m=t.TUIMessage,g=t.MessagePlugins,d=t.MessageContext,v=t.handleDelete,c=t.CustemElement,x=t.TextElement,E=t.ImageElement,h=t.VideoElement,f=t.AudioElement,M=t.FileElement,C=t.MergerElement,q=t.LocationElement,j=t.FaceElement,w=t.className,T=t.filter,I=t.isShowTime,p=t.isShowRead,P=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,U=t.showAvatar,D=t.showName,F=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=l.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=g||L||r.MessagePlugins,O=d||R||u.MessageContext,z=T||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&B&&z(B);var G={message:B,handleDelete:v||(null==V?void 0:V.handleDelete),CustemElement:c||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:h||(null==V?void 0:V.VideoElement),AudioElement:f||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:C||(null==V?void 0:V.MergerElement),LocationElement:q||(null==V?void 0:V.LocationElement),FaceElement:j||(null==V?void 0:V.FaceElement),isShowTime:I||(null==V?void 0:V.isShowTime),isShowRead:p||(null==V?void 0:V.isShowRead),plugin:P||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:U||(null==V?void 0:V.showAvatar),showName:D||(null==V?void 0:V.showName),customAvatar:F||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(n.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var d=m(t).default.memo(g);exports.TUIMessage=function(t){var l=t.message,n=i.useMessageHandler({message:l}).handleDelMessage;return s.jsx(d,e.__assign({handleDelete:n},t))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIChatStateContext.js"),l=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),i=require("./hooks/useMessageHandler.js");require("@tencentcloud/chat"),require("../../constants.js"),require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js");var a=require("./TUIMessageDefault.js"),r=require("./MessagePlugins.js"),u=require("./MessageContext.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(t){var i=t.message,m=t.TUIMessage,d=t.MessagePlugins,g=t.MessageContext,c=t.handleDelete,v=t.CustemElement,x=t.TextElement,E=t.ImageElement,h=t.VideoElement,f=t.AudioElement,M=t.FileElement,q=t.MergerElement,C=t.LocationElement,j=t.FaceElement,w=t.className,T=t.filter,I=t.isShowTime,p=t.isShowRead,P=t.plugin,S=t.prefix,A=t.suffix,N=t.customName,U=t.showAvatar,D=t.showName,F=t.customAvatar,_=t.isShowProgress,b=t.Progress,y=o.useComponentContext(),L=y.MessagePlugins,R=y.MessageContext,V=n.useTUIChatStateContext("TUIMessage").messageConfig,k=m||a.TUIMessageDefault,H=d||L||r.MessagePlugins,O=g||R||u.MessageContext,z=T||(null==V?void 0:V.filter),B=i||(null==V?void 0:V.message);z&&B&&z(B);var G={message:B,handleDelete:c||(null==V?void 0:V.handleDelete),CustemElement:v||(null==V?void 0:V.CustemElement),TextElement:x||(null==V?void 0:V.TextElement),ImageElement:E||(null==V?void 0:V.ImageElement),VideoElement:h||(null==V?void 0:V.VideoElement),AudioElement:f||(null==V?void 0:V.AudioElement),FileElement:M||(null==V?void 0:V.FileElement),MergerElement:q||(null==V?void 0:V.MergerElement),LocationElement:C||(null==V?void 0:V.LocationElement),FaceElement:j||(null==V?void 0:V.FaceElement),isShowTime:I||(null==V?void 0:V.isShowTime),isShowRead:p||(null==V?void 0:V.isShowRead),plugin:P||(null==V?void 0:V.plugin),prefix:S||(null==V?void 0:V.prefix),suffix:A||(null==V?void 0:V.suffix),customName:N||(null==V?void 0:V.customName),showAvatar:U||(null==V?void 0:V.showAvatar),showName:D||(null==V?void 0:V.showName),customAvatar:F||(null==V?void 0:V.customAvatar),isShowProgress:_||(null==V?void 0:V.isShowProgress),Progress:b||(null==V?void 0:V.Progress)};return s.jsx(l.TUIMessageContextProvider,e.__assign({value:G},{children:s.jsx(k,{message:B,MessageContext:O,MessagePlugins:H,className:w||(null==V?void 0:V.className)})}))}var g=m(t).default.memo(d);exports.TUIMessage=function(t){var n=t.message,l=i.useMessageHandler({message:n}).handleDelMessage;return s.jsx(g,e.__assign({handleDelete:l},t))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),t=require("@tencentcloud/chat"),n=require("./MessageBubble.js"),o=require("./MessageTip.js"),i=require("../../context/TUIMessageContext.js"),u=require("../../context/ComponentContext.js"),l=require("./MessageSystem.js"),r=require("./MessageRevoke.js"),g=require("./MessageName.js"),d=require("./MessageAvatar.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var v=m(a),c=m(t);function M(a){var t=a.message,m=a.MessageContext,v=a.MessagePlugins,M=a.className,x=u.useComponentContext(),_=x.MessageContext,j=x.MessagePlugins,f=i.useTUIMessageContext("TUIMessage"),T=f.prefix,p=f.suffix,S=f.customName,P=f.showAvatar,y=void 0===P?i.messageShowType.IN:P,C=f.showName,I=void 0===C?i.messageShowType.IN:C,N=f.customAvatar,q=m||_,h=v||j;return s.jsxs("div",e.__assign({className:"message-default\n ".concat((null==t?void 0:t.type)===c.default.TYPES.MSG_GRP_TIP||(null==t?void 0:t.isRevoked)?"tip":null==t?void 0:t.flow,"\n ").concat(M,"\n ")},{children:[(null==t?void 0:t.type)===c.default.TYPES.MSG_GRP_TIP&&s.jsx(o.MessageTip,{message:t}),(null==t?void 0:t.type)===c.default.TYPES.MSG_GRP_SYS_NOTICE&&s.jsx(l.MessageSystem,{message:t}),(null==t?void 0:t.isRevoked)&&s.jsx(r.MessageRevoke,{message:t}),(null==t?void 0:t.type)!==c.default.TYPES.MSG_GRP_TIP&&(null==t?void 0:t.type)!==c.default.TYPES.MSG_GRP_SYS_NOTICE&&!(null==t?void 0:t.isRevoked)&&s.jsxs("div",e.__assign({className:"".concat(null==t?void 0:t.flow)},{children:[T,t&&s.jsx(d.MessageAvatar,{message:t,CustomAvatar:N,showType:y}),s.jsxs("main",e.__assign({"data-message-id":null==t?void 0:t.ID,className:"content"},{children:[s.jsx(g.MessageName,{message:t,CustomName:S,showType:I}),s.jsx(n.MessageBubble,e.__assign({message:t,Context:q,Plugins:h},{children:s.jsx(q,{message:t})}))]})),p]}),null==t?void 0:t.ID)]}))}var x=v.default.memo(M);exports.TUIMessageDefault=function(a){return a.message,s.jsx(x,e.__assign({},a))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),t=require("@tencentcloud/chat"),n=require("./MessageBubble.js"),i=require("./MessageTip.js");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var u=require("../../context/TUIMessageContext.js"),o=require("../../context/ComponentContext.js"),r=require("./MessageSystem.js"),l=require("./MessageRevoke.js"),g=require("./MessageName.js"),d=require("./MessageAvatar.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(a),v=c(t);function x(a){var t=a.message,c=a.MessageContext,m=a.MessagePlugins,x=a.className,M=o.useComponentContext(),_=M.MessageContext,j=M.MessagePlugins,f=u.useTUIMessageContext("TUIMessage"),T=f.prefix,p=f.suffix,S=f.customName,P=f.showAvatar,q=void 0===P?u.messageShowType.IN:P,y=f.showName,C=void 0===y?u.messageShowType.IN:y,I=f.customAvatar,N=c||_,h=m||j;return s.jsxs("div",e.__assign({className:"message-default\n ".concat((null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_TIP||(null==t?void 0:t.isRevoked)?"tip":null==t?void 0:t.flow,"\n ").concat(x,"\n ")},{children:[(null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_TIP&&s.jsx(i.MessageTip,{message:t}),(null==t?void 0:t.type)===v.default.TYPES.MSG_GRP_SYS_NOTICE&&s.jsx(r.MessageSystem,{message:t}),(null==t?void 0:t.isRevoked)&&s.jsx(l.MessageRevoke,{message:t}),(null==t?void 0:t.type)!==v.default.TYPES.MSG_GRP_TIP&&(null==t?void 0:t.type)!==v.default.TYPES.MSG_GRP_SYS_NOTICE&&!(null==t?void 0:t.isRevoked)&&s.jsxs("div",e.__assign({className:"".concat(null==t?void 0:t.flow)},{children:[T,t&&s.jsx(d.MessageAvatar,{message:t,CustomAvatar:I,showType:q}),s.jsxs("main",e.__assign({"data-message-id":null==t?void 0:t.ID,className:"content"},{children:[s.jsx(g.MessageName,{message:t,CustomName:S,showType:C}),s.jsx(n.MessageBubble,e.__assign({message:t,Context:N,Plugins:h},{children:s.jsx(N,{message:t})}))]})),p]}),null==t?void 0:t.ID)]}))}var M=m.default.memo(x);exports.TUIMessageDefault=function(a){return a.message,s.jsx(M,e.__assign({},a))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../../../constants.js"),o=require("../../untils.js"),s=require("../../../context/TUIKitContext.js");require("react/jsx-runtime");var i=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../Toast/index.js");exports.useMessageHandler=function(l){var c=l.message,d=l.handleError,v=i.useTUIChatActionContext(),g=v.editLocalMessage,f=v.operateMessage;v.revokeMessage;var h=r.useTranslation().t,p=s.useTUIKitContext("useDeleteHandler").chat,M=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).deleteMessage(),[2]):[2]}))}))}),[c]),x=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).revokeMessage().then((function(){g&&g(c),o.enableSampleTaskStatus("revokeMessage")})).catch((function(e){if(!d){var t=c.flow===n.MESSAGE_FLOW.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw u.Toast({text:t,type:"error"}),new Error(e)}d({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[c]),_=t.useCallback((function(e){var t;e.preventDefault(),(null==c?void 0:c.ID)&&p&&f&&f(((t={})[n.MESSAGE_OPERATE.QUOTE]=c,t))}),[c]),T=t.useCallback((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==c?void 0:c.payload.text);else{var t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=null==c?void 0:c.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[c]),C=t.useCallback((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,n;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,3,,4]),(r=c)?[4,p.resendMessage(c)]:[3,2];case 1:r=e.sent(),e.label=2;case 2:return t=r,g&&g(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.message),[3,4];case 3:if(a=e.sent(),!d)throw u.Toast({text:a,type:"error"}),new Error(a);return d({functionName:"resendMessage",error:a}),[3,4];case 4:return[2]}}))}))}),[c]),m=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){return t.preventDefault(),(null==c?void 0:c.ID)&&p&&f?(f(((r={})[n.MESSAGE_OPERATE.FORWARD]=c,r)),[2]):[2]}))}))}),[c]);return{handleDelMessage:M,handleRevokeMessage:x,handleReplyMessage:_,handleCopyMessage:T,handleResendMessage:C,handleForWardMessage:m}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),a=require("@tencentcloud/chat-uikit-engine"),n=require("../../../constants.js"),o=require("../../untils.js"),s=require("../../../context/UIKitContext.js");require("react/jsx-runtime");var i=require("../../../context/TUIChatActionContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../Toast/index.js");exports.useMessageHandler=function(l){var c=l.message,d=l.handleError,v=i.useTUIChatActionContext(),g=v.editLocalMessage,f=v.operateMessage;v.revokeMessage;var h=r.useTranslation().t,p=s.useUIKit().chat,M=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).deleteMessage(),[2]):[2]}))}))}),[c]),x=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){return t.preventDefault(),c?(a.TUIStore.getMessageModel(null==c?void 0:c.ID).revokeMessage().then((function(){g&&g(c),o.enableSampleTaskStatus("revokeMessage")})).catch((function(e){if(!d){var t=c.flow===n.MESSAGE_FLOW.OUT?h("TUIChat.The message recall exceeded the time limit (default 2 minutes)"):h("TUIChat.Error revoke Message");throw u.Toast({text:t,type:"error"}),new Error(e)}d({functionName:"revokeMessage",error:e})})),[2]):[2]}))}))}),[c]),_=t.useCallback((function(e){var t;e.preventDefault(),(null==c?void 0:c.ID)&&p&&f&&f(((t={})[n.MESSAGE_OPERATE.QUOTE]=c,t))}),[c]),m=t.useCallback((function(e){if(e.preventDefault(),navigator.clipboard)navigator.clipboard.writeText(null==c?void 0:c.payload.text);else{var t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=null==c?void 0:c.payload.text,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}),[c]),C=t.useCallback((function(){return e.__awaiter(void 0,void 0,void 0,(function(){var t,r,a,n;return e.__generator(this,(function(e){switch(e.label){case 0:return e.trys.push([0,3,,4]),(r=c)?[4,p.resendMessage(c)]:[3,2];case 1:r=e.sent(),e.label=2;case 2:return t=r,g&&g(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.message),[3,4];case 3:if(a=e.sent(),!d)throw u.Toast({text:a,type:"error"}),new Error(a);return d({functionName:"resendMessage",error:a}),[3,4];case 4:return[2]}}))}))}),[c]),T=t.useCallback((function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r;return e.__generator(this,(function(e){return t.preventDefault(),(null==c?void 0:c.ID)&&p&&f?(f(((r={})[n.MESSAGE_OPERATE.FORWARD]=c,r)),[2]):[2]}))}))}),[c]);return{handleDelMessage:M,handleRevokeMessage:x,handleReplyMessage:_,handleCopyMessage:m,handleResendMessage:C,handleForWardMessage:T}};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),s=require("../../../context/TUIKitContext.js"),a=require("../../../context/TUIChatStateContext.js");require("tslib"),require("react/jsx-runtime"),require("../../../context/TUIMessageContext.js");var u=require("../../untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,n=r(t),i=((l={})[n.default.TYPES.MSG_TEXT]=1,l[n.default.TYPES.MSG_FACE]=8,l[n.default.TYPES.MSG_IMAGE]=3,l[n.default.TYPES.MSG_AUDIO]=4,l[n.default.TYPES.MSG_VIDEO]=5,l[n.default.TYPES.MSG_FILE]=6,l[n.default.TYPES.MSG_CUSTOM]=2,l);exports.useMessageReply=function(t){var r=t.message,l=e.useState(null),o=l[0],d=l[1],S=e.useState(""),f=S[0],c=S[1],T=e.useState(null),g=T[0],v=T[1],M=e.useState(""),m=M[0],E=M[1],I=s.useTUIKitContext("TUIChat").chat,p=a.useTUIChatStateContext("useMessageReply").messageList;e.useLayoutEffect((function(){r&&x(r)}),[r]);var x=function(e){if(null==e?void 0:e.cloudCustomData){var t=u.JSONStringToParse(null==e?void 0:e.cloudCustomData),s=(null==t?void 0:t.messageReply)||"";if(s){d(s),c(null==s?void 0:s.messageSender),E(null==s?void 0:s.messageID);var a=null==p?void 0:p.filter((function(e){var t=e.ID===(null==s?void 0:s.messageID),a=t&&i[e.type]===s.messageType,u=e.type!==n.default.TYPES.MSG_TEXT||e.payload.text===s.messageAbstract;return t&&a&&u}));v(a[0]||I.findMessage(null==s?void 0:s.messageID))}}};return{messageReply:o,sender:f,replyMessage:g,messageID:m,message:r}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@tencentcloud/chat"),s=require("../../../context/UIKitContext.js");require("tslib"),require("react/jsx-runtime"),require("@tencentcloud/chat-uikit-engine");var a=require("../../../context/TUIChatStateContext.js");require("../../../context/TUIMessageContext.js");var u=require("../../untils.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,n=r(t),i=((l={})[n.default.TYPES.MSG_TEXT]=1,l[n.default.TYPES.MSG_FACE]=8,l[n.default.TYPES.MSG_IMAGE]=3,l[n.default.TYPES.MSG_AUDIO]=4,l[n.default.TYPES.MSG_VIDEO]=5,l[n.default.TYPES.MSG_FILE]=6,l[n.default.TYPES.MSG_CUSTOM]=2,l);exports.useMessageReply=function(t){var r=t.message,l=e.useState(null),o=l[0],d=l[1],S=e.useState(""),c=S[0],f=S[1],g=e.useState(null),v=g[0],T=g[1],M=e.useState(""),m=M[0],E=M[1],I=s.useUIKit().chat,p=a.useTUIChatStateContext("useMessageReply").messageList;e.useLayoutEffect((function(){r&&y(r)}),[r]);var y=function(e){if(null==e?void 0:e.cloudCustomData){var t=u.JSONStringToParse(null==e?void 0:e.cloudCustomData),s=(null==t?void 0:t.messageReply)||"";if(s){d(s),f(null==s?void 0:s.messageSender),E(null==s?void 0:s.messageID);var a=null==p?void 0:p.filter((function(e){var t=e.ID===(null==s?void 0:s.messageID),a=t&&i[e.type]===s.messageType,u=e.type!==n.default.TYPES.MSG_TEXT||e.payload.text===s.messageAbstract;return t&&a&&u}));T(a[0]||I.findMessage(null==s?void 0:s.messageID))}}};return{messageReply:o,sender:c,replyMessage:v,messageID:m,message:r}};
@@ -1,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
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("react-i18next"),l=require("./EmojiPicker.js"),s=require("../Plugins/index.js"),u=require("./hooks/useUploadElement.js"),r=require("../../constants.js"),t=require("../../context/TUIMessageInputContext.js"),c=require("../Icon/Icon.js"),d=require("../Icon/type.js"),a=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js"),exports.InputPluginsDefalut=function(){var p,v,g,I,h,f,j,E=t.useTUIMessageInputContext("TUIMessageInputDefault"),M=E.sendUploadMessage,x=E.pluginConfig,m=o.useTranslation().t,C=a.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=(null==x?void 0:x.plugins)||(null===(p=null==C?void 0:C.pluginConfig)||void 0===p?void 0:p.plugins)||[],P=(null==x?void 0:x.showNumber)||(null===(v=null==C?void 0:C.pluginConfig)||void 0===v?void 0:v.showNumber)||1,U=(null==x?void 0:x.MoreIcon)||(null===(g=null==C?void 0:C.pluginConfig)||void 0===g?void 0:g.MoreIcon),_=function(e,i,n){return"boolean"==typeof e?e:"boolean"==typeof i?i:n},y=_(null==x?void 0:x.isEmojiPicker,null===(I=null==C?void 0:C.pluginConfig)||void 0===I?void 0:I.isEmojiPicker,!0),q=_(null==x?void 0:x.isImagePicker,null===(h=null==C?void 0:C.pluginConfig)||void 0===h?void 0:h.isImagePicker,!0),k=_(null==x?void 0:x.isVideoPicker,null===(f=null==C?void 0:C.pluginConfig)||void 0===f?void 0:f.isVideoPicker,!0),N=_(null==x?void 0:x.isFilePicker,null===(j=null==C?void 0:C.pluginConfig)||void 0===j?void 0:j.isFilePicker,!0),A=n.useRef(),S=q&&u.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.IMAGE}),i.jsx("span",{children:m("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},r.MESSAGE_TYPE_NAME.IMAGE)}}),b=k&&u.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.VIDEO}),i.jsx("span",{children:m("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},r.MESSAGE_TYPE_NAME.VIDEO)}}),w=N&&u.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.DOCUMENT}),i.jsx("span",{children:m("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},r.MESSAGE_TYPE_NAME.FILE)}}),D=e.__spreadArray([y&&i.jsx(l.EmojiPicker,{}),S,b,w],T,!0).filter((function(e){return e}));return i.jsx(s.Plugins,{ref:A,plugins:D,showNumber:P,MoreIcon:U})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("react-i18next"),l=require("./EmojiPicker.js"),u=require("../Plugins/index.js"),r=require("./hooks/useUploadElement.js"),t=require("../../constants.js"),s=require("../../context/TUIMessageInputContext.js"),c=require("../Icon/Icon.js"),d=require("../Icon/type.js");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var a=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js"),exports.InputPluginsDefalut=function(){var p,v,g,I,h,f,j,E=s.useTUIMessageInputContext("TUIMessageInputDefault"),M=E.sendUploadMessage,x=E.pluginConfig,m=o.useTranslation().t,C=a.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=(null==x?void 0:x.plugins)||(null===(p=null==C?void 0:C.pluginConfig)||void 0===p?void 0:p.plugins)||[],P=(null==x?void 0:x.showNumber)||(null===(v=null==C?void 0:C.pluginConfig)||void 0===v?void 0:v.showNumber)||1,U=(null==x?void 0:x.MoreIcon)||(null===(g=null==C?void 0:C.pluginConfig)||void 0===g?void 0:g.MoreIcon),_=function(e,i,n){return"boolean"==typeof e?e:"boolean"==typeof i?i:n},q=_(null==x?void 0:x.isEmojiPicker,null===(I=null==C?void 0:C.pluginConfig)||void 0===I?void 0:I.isEmojiPicker,!0),y=_(null==x?void 0:x.isImagePicker,null===(h=null==C?void 0:C.pluginConfig)||void 0===h?void 0:h.isImagePicker,!0),k=_(null==x?void 0:x.isVideoPicker,null===(f=null==C?void 0:C.pluginConfig)||void 0===f?void 0:f.isVideoPicker,!0),N=_(null==x?void 0:x.isFilePicker,null===(j=null==C?void 0:C.pluginConfig)||void 0===j?void 0:j.isFilePicker,!0),A=n.useRef(),S=y&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.IMAGE}),i.jsx("span",{children:m("TUIChat.Image")})]})),type:"image",accept:"image/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.IMAGE)}}),b=k&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.VIDEO}),i.jsx("span",{children:m("TUIChat.Video")})]})),type:"video",accept:"video/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.VIDEO)}}),w=N&&r.useUploadElement({children:i.jsxs("div",e.__assign({className:"input-plugin-item"},{children:[i.jsx(c.Icon,{width:20,height:20,type:d.IconTypes.DOCUMENT}),i.jsx("span",{children:m("TUIChat.File")})]})),type:"file",accept:"file/*",onChange:function(e){var i;(null===(i=null==A?void 0:A.current)||void 0===i?void 0:i.closeMore)&&A.current.closeMore(),M&&M({file:e},t.MESSAGE_TYPE_NAME.FILE)}}),D=e.__spreadArray([q&&i.jsx(l.EmojiPicker,{}),S,b,w],T,!0).filter((function(e){return e}));return i.jsx(u.Plugins,{ref:A,plugins:D,showNumber:P,MoreIcon:U})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Icon/Icon.js"),i=require("../Icon/type.js"),o=require("../../constants.js"),a=require("./hooks/useHandleQuoteMessage.js"),u=require("../TUIMessage/utils/emojiMap.js");exports.InputQuoteDefalut=function(l){var c=l.message,d=n.useTUIChatActionContext().operateMessage,j=a.useHandleQuoteMessage(c),g=j.cloudCustomData,m=j.message,p=t.useCallback((function(){var e;d&&d(((e={})[o.MESSAGE_OPERATE.QUOTE]=null,e))}),[d]),q=null==g?void 0:g.messageReply;return q&&s.jsxs("div",e.__assign({className:"input-quote"},{children:[s.jsxs("div",e.__assign({className:"input-quote-content"},{children:[s.jsx("label",e.__assign({htmlFor:"input-quote-content"},{children:(null==m?void 0:m.nick)||(null==m?void 0:m.from)})),s.jsx("span",{children:u.formatEmojiString(null==q?void 0:q.messageAbstract,1)})]})),s.jsx(r.Icon,{className:"icon",width:12,height:12,type:i.IconTypes.CLOSE,onClick:p})]}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react");require("@tencentcloud/tui-core"),require("react-i18next"),require("@tencentcloud/chat-uikit-engine");var n=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Icon/Icon.js"),i=require("../Icon/type.js"),u=require("../../constants.js"),o=require("./hooks/useHandleQuoteMessage.js"),a=require("../TUIMessage/utils/emojiMap.js");exports.InputQuoteDefalut=function(c){var l=c.message,d=n.useTUIChatActionContext().operateMessage,j=o.useHandleQuoteMessage(l),q=j.cloudCustomData,g=j.message,m=s.useCallback((function(){var e;d&&d(((e={})[u.MESSAGE_OPERATE.QUOTE]=null,e))}),[d]),p=null==q?void 0:q.messageReply;return p&&t.jsxs("div",e.__assign({className:"input-quote"},{children:[t.jsxs("div",e.__assign({className:"input-quote-content"},{children:[t.jsx("label",e.__assign({htmlFor:"input-quote-content"},{children:(null==g?void 0:g.nick)||(null==g?void 0:g.from)})),t.jsx("span",{children:a.formatEmojiString(null==p?void 0:p.messageAbstract,1)})]})),t.jsx(r.Icon,{className:"icon",width:12,height:12,type:i.IconTypes.CLOSE,onClick:m})]}))};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),i=require("react-i18next"),t=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var r=require("../Model/index.js"),n=require("../Icon/Icon.js"),o=require("../Icon/type.js"),l=require("../Input/Input.js"),c=require("../Checkbox/index.js"),u=require("../Avatar/Avatar.js"),d=require("../ConversationPreview/utils.js"),h=require("../../constants.js");require("@tencentcloud/chat-uikit-engine"),require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("./hooks/useHandleQuoteMessage.js");var g=require("./hooks/useHandleForwardMessage.js");exports.TUIForward=function(_){var f,v=_.handleForward,x=i.useTranslation().t,j=a.useState([]),m=j[0],p=j[1],I=a.useState([]),C=I[0],w=I[1],N=a.useState(""),q=N[0],T=N[1],b=t.useTUIChatActionContext().operateMessage,y=g.useHandleForwardMessage(),k=y.message,A=y.sendForwardMessage,D=y.conversationList,F=void 0===D?[]:D,M=a.useCallback((function(){var e;b&&b(((e={})[h.MESSAGE_OPERATE.FORWARD]=null,e))}),[b]),S=F,U=function(s){s.checked?p(e.__spreadArray(e.__spreadArray([],m,!0),[s.value],!1)):p(m.filter((function(e){return e!==s.value})))};return a.useEffect((function(){p([]),w([]),T("")}),[k]),k&&F.length>0&&s.jsx(r.Model,e.__assign({onClick:M},{children:s.jsxs("div",e.__assign({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[s.jsxs("header",e.__assign({className:"tui-forward-header"},{children:[s.jsx(n.Icon,{type:o.IconTypes.CANCEL,width:16,height:16,onClick:M}),s.jsx("h2",e.__assign({className:"tui-forward-title"},{children:x("TUIChat.Forward to")}))]})),s.jsx("div",e.__assign({className:"tui-forward-search"},{children:s.jsx(l.Input,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:q,onChange:function(e){var s,a;if(T(null===(s=e.target)||void 0===s?void 0:s.value),null===(a=e.target)||void 0===a?void 0:a.value){var i=F.filter((function(s){var a,i=d.getDisplayTitle(s).toLocaleLowerCase(),t=null===(a=e.target)||void 0===a?void 0:a.value.toLocaleLowerCase();return i.includes(t)}));w(i)}else w([])},prefix:s.jsx(n.Icon,{type:o.IconTypes.SEARCH,height:16,width:16})})})),s.jsxs("main",e.__assign({className:"tui-forward-main"},{children:[q&&s.jsxs("ul",e.__assign({className:"tui-forward-list"},{children:[s.jsx("h3",e.__assign({className:"tui-forward-list-title"},{children:x("TUIChat.Search Result")})),C.length>0&&C.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:function(e){U(e)},id:"".concat(a.conversationID),value:a})]}),a.conversationID)})),0===C.length&&s.jsx("p",e.__assign({className:"no-result"},{children:x("TUIChat.No Result")}))]})),!q&&S.length>0&&s.jsx("ul",e.__assign({className:"tui-forward-list"},{children:S.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:U,id:"".concat(a.conversationID),value:a})]}),a.conversationID)}))}))]})),s.jsxs("footer",e.__assign({className:"tui-forward-footer"},{children:[s.jsx("div",e.__assign({className:"tui-forward-footer-name"},{children:m.length>0&&(f=m,(null==f?void 0:f.map((function(e){return d.getDisplayTitle(e)}))).toString())})),s.jsx("button",e.__assign({type:"button",className:"button",onClick:function(){v?v({list:m,message:k}):A(m),M()},disabled:0===m.length},{children:x("TUIChat.Forward")}))]}))]}))}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),r=require("react-i18next");require("@tencentcloud/tui-core"),require("@tencentcloud/chat-uikit-engine");var t=require("../../context/TUIChatActionContext.js");require("../../context/TUIMessageContext.js");var i=require("../Model/index.js"),n=require("../Icon/Icon.js"),o=require("../Icon/type.js"),l=require("../Input/Input.js"),c=require("../Checkbox/index.js"),u=require("../Avatar/Avatar.js"),d=require("../ConversationPreview/utils.js"),h=require("../../constants.js");require("date-fns"),require("date-fns/locale"),require("@tencentcloud/chat"),require("./hooks/useHandleQuoteMessage.js");var g=require("./hooks/useHandleForwardMessage.js");exports.TUIForward=function(_){var v,f=_.handleForward,x=r.useTranslation().t,j=a.useState([]),m=j[0],p=j[1],I=a.useState([]),C=I[0],w=I[1],q=a.useState(""),N=q[0],T=q[1],b=t.useTUIChatActionContext().operateMessage,y=g.useHandleForwardMessage(),k=y.message,A=y.sendForwardMessage,D=y.conversationList,F=void 0===D?[]:D,M=a.useCallback((function(){var e;b&&b(((e={})[h.MESSAGE_OPERATE.FORWARD]=null,e))}),[b]),S=F,U=function(s){s.checked?p(e.__spreadArray(e.__spreadArray([],m,!0),[s.value],!1)):p(m.filter((function(e){return e!==s.value})))};return a.useEffect((function(){p([]),w([]),T("")}),[k]),k&&F.length>0&&s.jsx(i.Model,e.__assign({onClick:M},{children:s.jsxs("div",e.__assign({role:"button",tabIndex:0,className:"tui-forward",onClick:function(e){!function(e){e.stopPropagation()}(e)}},{children:[s.jsxs("header",e.__assign({className:"tui-forward-header"},{children:[s.jsx(n.Icon,{type:o.IconTypes.CANCEL,width:16,height:16,onClick:M}),s.jsx("h2",e.__assign({className:"tui-forward-title"},{children:x("TUIChat.Forward to")}))]})),s.jsx("div",e.__assign({className:"tui-forward-search"},{children:s.jsx(l.Input,{className:"tui-forward-search-input",placeholder:"Search",clearable:!0,value:N,onChange:function(e){var s,a;if(T(null===(s=e.target)||void 0===s?void 0:s.value),null===(a=e.target)||void 0===a?void 0:a.value){var r=F.filter((function(s){var a,r=d.getDisplayTitle(s).toLocaleLowerCase(),t=null===(a=e.target)||void 0===a?void 0:a.value.toLocaleLowerCase();return r.includes(t)}));w(r)}else w([])},prefix:s.jsx(n.Icon,{type:o.IconTypes.SEARCH,height:16,width:16})})})),s.jsxs("main",e.__assign({className:"tui-forward-main"},{children:[N&&s.jsxs("ul",e.__assign({className:"tui-forward-list"},{children:[s.jsx("h3",e.__assign({className:"tui-forward-list-title"},{children:x("TUIChat.Search Result")})),C.length>0&&C.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:function(e){U(e)},id:"".concat(a.conversationID),value:a})]}),a.conversationID)})),0===C.length&&s.jsx("p",e.__assign({className:"no-result"},{children:x("TUIChat.No Result")}))]})),!N&&S.length>0&&s.jsx("ul",e.__assign({className:"tui-forward-list"},{children:S.map((function(a){return s.jsxs("li",e.__assign({className:"tui-forward-list-item"},{children:[s.jsxs("label",e.__assign({htmlFor:"".concat(a.conversationID),className:"info"},{children:[s.jsx(u.Avatar,{image:d.getDisplayImage(a),size:40}),s.jsx("div",e.__assign({className:"info-nick"},{children:d.getDisplayTitle(a)}))]})),s.jsx(c.Checkbox,{onChange:U,id:"".concat(a.conversationID),value:a})]}),a.conversationID)}))}))]})),s.jsxs("footer",e.__assign({className:"tui-forward-footer"},{children:[s.jsx("div",e.__assign({className:"tui-forward-footer-name"},{children:m.length>0&&(v=m,(null==v?void 0:v.map((function(e){return d.getDisplayTitle(e)}))).toString())})),s.jsx("button",e.__assign({type:"button",className:"button",onClick:function(){f?f({list:m,message:k}):A(m),M()},disabled:0===m.length},{children:x("TUIChat.Forward")}))]}))]}))}))};
@@ -1,10 +1,10 @@
1
- import 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
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@tencentcloud/chat"),a=require("../../context/TUIMessageInputContext.js"),u=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("@tencentcloud/chat-uikit-engine"),require("../../constants.js");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("./hooks/useHandleQuoteMessage.js"),require("react-i18next");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),c=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),p=require("./TUIForward.js"),d=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(s),j=x(n);function T(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,c=s.textareaRef,g=r.useMessageInputState(s),p=i.useTUIChatStateContext("TUIMessageInput"),d=p.textareaRef,x=p.conversation,f=(null==x?void 0:x.type)===j.default.TYPES.CONV_SYSTEM,T=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,q=l||(null==T?void 0:T.focus),C=u.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:c||(null==T?void 0:T.textareaRef)||d,disabled:o||(null==T?void 0:T.disabled)||f,focus:"boolean"!=typeof q||q,pluginConfig:I}));return t.jsx(a.TUIMessageInputContextProvider,e.__assign({value:C},{children:n}))}function q(s){var n=s.TUIMessageInput,a=s.InputPlugins,u=s.InputQuote,r=s.isTransmitter,x=s.className,f=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,j=x||(null==f?void 0:f.className),q=r||(null==f?void 0:f.isTransmitter)||!1,C=o.useComponentContext(),m=C.TUIMessageInput,v=C.InputPlugins,M=C.InputQuote,U=n||m||c.TUIMessageInputDefault,_=a||v||g.InputPluginsDefalut||l.EmptyStateIndicator,h=u||M||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(j)},{children:t.jsxs(T,e.__assign({},s,{children:[t.jsx(p.TUIForward,{}),t.jsx(h,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(_,{}),t.jsx(U,{})]})),q&&t.jsx(d.Transmitter,{})]}))]}))}))}var C=f.default.memo(q);exports.TUIMessageInput=C;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),n=require("@tencentcloud/chat"),u=require("../../context/TUIMessageInputContext.js"),a=require("./hooks/useCreateMessageInputContext.js"),r=require("./hooks/useMessageInputState.js");require("@tencentcloud/chat-uikit-engine"),require("../../constants.js"),require("@tencentcloud/tui-core"),require("react-i18next");var i=require("../../context/TUIChatStateContext.js");require("../../context/TUIMessageContext.js");var o=require("../../context/ComponentContext.js");require("date-fns"),require("date-fns/locale"),require("../Icon/config.js"),require("../Icon/type.js"),require("./hooks/useHandleQuoteMessage.js");var l=require("../EmptyStateIndicator/EmptyStateIndicator.js"),I=require("./InputQuoteDefalut.js"),c=require("./TUIMessageInputDefault.js"),g=require("./InputPluginsDefalut.js"),p=require("./TUIForward.js"),d=require("./Transmitter.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=x(s),j=x(n);function q(s){var n=s.children,o=s.disabled,l=s.focus,I=s.pluginConfig,c=s.textareaRef,g=r.useMessageInputState(s),p=i.useTUIChatStateContext("TUIMessageInput"),d=p.textareaRef,x=p.conversation,f=(null==x?void 0:x.type)===j.default.TYPES.CONV_SYSTEM,q=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,T=l||(null==q?void 0:q.focus),C=a.useCreateMessageInputContext(e.__assign(e.__assign(e.__assign({},g),s),{textareaRef:c||(null==q?void 0:q.textareaRef)||d,disabled:o||(null==q?void 0:q.disabled)||f,focus:"boolean"!=typeof T||T,pluginConfig:I}));return t.jsx(u.TUIMessageInputContextProvider,e.__assign({value:C},{children:n}))}function T(s){var n=s.TUIMessageInput,u=s.InputPlugins,a=s.InputQuote,r=s.isTransmitter,x=s.className,f=i.useTUIChatStateContext("TUIMessageInput").TUIMessageInputConfig,j=x||(null==f?void 0:f.className),T=r||(null==f?void 0:f.isTransmitter)||!1,C=o.useComponentContext(),m=C.TUIMessageInput,v=C.InputPlugins,M=C.InputQuote,U=n||m||c.TUIMessageInputDefault,_=u||v||g.InputPluginsDefalut||l.EmptyStateIndicator,h=a||M||I.InputQuoteDefalut;return t.jsx("div",e.__assign({className:"tui-message-input ".concat(j)},{children:t.jsxs(q,e.__assign({},s,{children:[t.jsx(p.TUIForward,{}),t.jsx(h,{}),t.jsxs("div",e.__assign({className:"tui-message-input-main"},{children:[t.jsxs("div",e.__assign({className:"tui-message-input-box"},{children:[t.jsx(_,{}),t.jsx(U,{})]})),T&&t.jsx(d.Transmitter,{})]}))]}))}))}var C=f.default.memo(T);exports.TUIMessageInput=C;