@tencentcloud/chat-uikit-react 1.2.2 → 2.1.2

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 (255) hide show
  1. package/.eslintrc.js +2 -1
  2. package/CHANGELOG.md +13 -2
  3. package/dist/cjs/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  4. package/dist/cjs/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  5. package/dist/cjs/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  6. package/dist/cjs/components/ConversationPreview/ConversationPreview.d.ts +2 -0
  7. package/dist/cjs/components/ConversationPreview/ConversationPreview.js +1 -1
  8. package/dist/cjs/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  9. package/dist/cjs/components/ConversationPreview/utils.js +1 -1
  10. package/dist/cjs/components/ConversationSearch/ConversationSearchResult.js +1 -1
  11. package/dist/cjs/components/Icon/config.js +1 -1
  12. package/dist/cjs/components/Icon/images/chats-selected.svg.js +1 -0
  13. package/dist/cjs/components/Icon/images/chats.svg.js +1 -0
  14. package/dist/cjs/components/Icon/images/contacts-selected.svg.js +1 -0
  15. package/dist/cjs/components/Icon/images/contacts.svg.js +1 -0
  16. package/dist/cjs/components/Icon/images/files.png.js +1 -0
  17. package/dist/cjs/components/Icon/images/image.png.js +1 -1
  18. package/dist/cjs/components/Icon/images/video.png.js +1 -1
  19. package/dist/cjs/components/TUIChat/TUIChat.d.ts +5 -0
  20. package/dist/cjs/components/TUIChat/TUIChat.js +1 -1
  21. package/dist/cjs/components/TUIChat/TUIChatState.js +1 -1
  22. package/dist/cjs/components/TUIChat/hooks/useHandleMessage.js +1 -1
  23. package/dist/cjs/components/TUIChat/hooks/useHandleMessageList.js +1 -1
  24. package/dist/cjs/components/TUIChat/unitls.js +1 -1
  25. package/dist/cjs/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  26. package/dist/cjs/components/TUIContact/TUIContact.js +1 -1
  27. package/dist/cjs/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  28. package/dist/cjs/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  29. package/dist/cjs/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  30. package/dist/cjs/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  31. package/dist/cjs/components/TUIConversation/TUIConversation.js +1 -1
  32. package/dist/cjs/components/TUIConversationList/TUIConversationList.d.ts +1 -0
  33. package/dist/cjs/components/TUIConversationList/TUIConversationList.js +1 -1
  34. package/dist/cjs/components/TUIKit/TUIKit.js +1 -1
  35. package/dist/cjs/components/TUIManage/TUIManage.js +1 -1
  36. package/dist/cjs/components/TUIMessage/MessageBubble.js +1 -1
  37. package/dist/cjs/components/TUIMessage/MessageContext.js +1 -1
  38. package/dist/cjs/components/TUIMessage/MessageCustom.js +1 -1
  39. package/dist/cjs/components/TUIMessage/MessageImage.js +1 -1
  40. package/dist/cjs/components/TUIMessage/MessageName.js +1 -1
  41. package/dist/cjs/components/TUIMessage/MessagePlugins.js +1 -1
  42. package/dist/cjs/components/TUIMessage/MessageRevoke.js +1 -1
  43. package/dist/cjs/components/TUIMessage/MessageSystem.js +1 -1
  44. package/dist/cjs/components/TUIMessage/MessageText.js +1 -1
  45. package/dist/cjs/components/TUIMessage/MessageTip.js +1 -1
  46. package/dist/cjs/components/TUIMessage/MessageVideo.js +1 -1
  47. package/dist/cjs/components/TUIMessage/TUIMessage.js +1 -1
  48. package/dist/cjs/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  49. package/dist/cjs/components/TUIMessage/utils/index.js +1 -1
  50. package/dist/cjs/components/TUIMessageInput/TUIForward.js +1 -1
  51. package/dist/cjs/components/TUIMessageInput/TUIMessageInput.js +1 -1
  52. package/dist/cjs/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  53. package/dist/cjs/components/TUIMessageInput/hooks/useEmojiPicker.js +1 -1
  54. package/dist/cjs/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  55. package/dist/cjs/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  56. package/dist/cjs/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  57. package/dist/cjs/components/TUIMessageList/TUIMessageList.js +1 -1
  58. package/dist/cjs/components/TUIProfile/TUIProfileDefault.js +1 -1
  59. package/dist/cjs/components/untils.js +1 -1
  60. package/dist/cjs/constants.js +1 -1
  61. package/dist/cjs/context/ComponentContext.d.ts +2 -0
  62. package/dist/cjs/context/TUIChatActionContext.d.ts +3 -14
  63. package/dist/cjs/context/TUIChatStateContext.d.ts +2 -0
  64. package/dist/cjs/context/TUIConversationContext.js +1 -1
  65. package/dist/cjs/index.css +1 -1
  66. package/dist/cjs/index.d.css +257 -12
  67. package/dist/cjs/index.js +1 -1
  68. package/dist/cjs/locales/en/TUIChat.js +1 -1
  69. package/dist/cjs/locales/en/TUIContact.js +1 -1
  70. package/dist/cjs/locales/en/TUIProfile.js +1 -1
  71. package/dist/cjs/locales/index.js +1 -1
  72. package/dist/cjs/locales/zh_cn/TUIChat.js +1 -1
  73. package/dist/cjs/locales/zh_cn/TUIContact.js +1 -1
  74. package/dist/cjs/locales/zh_cn/TUIProfile.js +1 -1
  75. package/dist/cjs/server.js +1 -0
  76. package/dist/cjs/utils/env.js +1 -0
  77. package/dist/esm/components/ConversationCreate/ConversationCreatGroupDetail.js +1 -1
  78. package/dist/esm/components/ConversationCreate/ConversationCreateUserSelectList.js +1 -1
  79. package/dist/esm/components/ConversationCreate/hooks/useConversationCreate.js +1 -1
  80. package/dist/esm/components/ConversationPreview/ConversationPreview.d.ts +2 -0
  81. package/dist/esm/components/ConversationPreview/ConversationPreview.js +1 -1
  82. package/dist/esm/components/ConversationPreview/ConversationPreviewContent.js +1 -1
  83. package/dist/esm/components/ConversationPreview/utils.js +1 -1
  84. package/dist/esm/components/ConversationSearch/ConversationSearchResult.js +1 -1
  85. package/dist/esm/components/Icon/config.js +1 -1
  86. package/dist/esm/components/Icon/images/chats-selected.svg.js +1 -0
  87. package/dist/esm/components/Icon/images/chats.svg.js +1 -0
  88. package/dist/esm/components/Icon/images/contacts-selected.svg.js +1 -0
  89. package/dist/esm/components/Icon/images/contacts.svg.js +1 -0
  90. package/dist/esm/components/Icon/images/files.png.js +1 -0
  91. package/dist/esm/components/Icon/images/image.png.js +1 -1
  92. package/dist/esm/components/Icon/images/video.png.js +1 -1
  93. package/dist/esm/components/TUIChat/TUIChat.d.ts +5 -0
  94. package/dist/esm/components/TUIChat/TUIChat.js +1 -1
  95. package/dist/esm/components/TUIChat/TUIChatState.js +1 -1
  96. package/dist/esm/components/TUIChat/hooks/useHandleMessage.js +1 -1
  97. package/dist/esm/components/TUIChat/hooks/useHandleMessageList.js +1 -1
  98. package/dist/esm/components/TUIChat/unitls.js +1 -1
  99. package/dist/esm/components/TUIChatHeader/TUIChatHeaderDefault.js +1 -1
  100. package/dist/esm/components/TUIContact/TUIContact.js +1 -1
  101. package/dist/esm/components/TUIContact/TUIContactInfo/TUIContactInfo.js +1 -1
  102. package/dist/esm/components/TUIContact/TUIContactInfo/basicInfo.js +1 -1
  103. package/dist/esm/components/TUIContact/TUIContactInfo/friendInfo.js +1 -1
  104. package/dist/esm/components/TUIContact/TUIContactList/TUIContactList.js +1 -1
  105. package/dist/esm/components/TUIConversation/TUIConversation.js +1 -1
  106. package/dist/esm/components/TUIConversationList/TUIConversationList.d.ts +1 -0
  107. package/dist/esm/components/TUIConversationList/TUIConversationList.js +1 -1
  108. package/dist/esm/components/TUIKit/TUIKit.js +1 -1
  109. package/dist/esm/components/TUIManage/TUIManage.js +1 -1
  110. package/dist/esm/components/TUIMessage/MessageBubble.js +1 -1
  111. package/dist/esm/components/TUIMessage/MessageContext.js +1 -1
  112. package/dist/esm/components/TUIMessage/MessageCustom.js +1 -1
  113. package/dist/esm/components/TUIMessage/MessageImage.js +1 -1
  114. package/dist/esm/components/TUIMessage/MessageName.js +1 -1
  115. package/dist/esm/components/TUIMessage/MessagePlugins.js +1 -1
  116. package/dist/esm/components/TUIMessage/MessageRevoke.js +1 -1
  117. package/dist/esm/components/TUIMessage/MessageSystem.js +1 -1
  118. package/dist/esm/components/TUIMessage/MessageText.js +1 -1
  119. package/dist/esm/components/TUIMessage/MessageTip.js +1 -1
  120. package/dist/esm/components/TUIMessage/MessageVideo.js +1 -1
  121. package/dist/esm/components/TUIMessage/TUIMessage.js +1 -1
  122. package/dist/esm/components/TUIMessage/hooks/useMessageHandler.js +1 -1
  123. package/dist/esm/components/TUIMessage/utils/index.js +1 -1
  124. package/dist/esm/components/TUIMessageInput/TUIForward.js +1 -1
  125. package/dist/esm/components/TUIMessageInput/TUIMessageInput.js +1 -1
  126. package/dist/esm/components/TUIMessageInput/TUIMessageInputDefault.js +1 -1
  127. package/dist/esm/components/TUIMessageInput/hooks/useEmojiPicker.js +1 -1
  128. package/dist/esm/components/TUIMessageInput/hooks/useHandleForwardMessage.js +1 -1
  129. package/dist/esm/components/TUIMessageInput/hooks/useMessageInputText.js +1 -1
  130. package/dist/esm/components/TUIMessageInput/hooks/useUploadPicker.js +1 -1
  131. package/dist/esm/components/TUIMessageList/TUIMessageList.js +1 -1
  132. package/dist/esm/components/TUIProfile/TUIProfileDefault.js +1 -1
  133. package/dist/esm/components/untils.js +1 -1
  134. package/dist/esm/constants.js +1 -1
  135. package/dist/esm/context/ComponentContext.d.ts +2 -0
  136. package/dist/esm/context/TUIChatActionContext.d.ts +3 -14
  137. package/dist/esm/context/TUIChatStateContext.d.ts +2 -0
  138. package/dist/esm/context/TUIConversationContext.js +1 -1
  139. package/dist/esm/index.css +1 -1
  140. package/dist/esm/index.d.css +257 -12
  141. package/dist/esm/index.js +1 -1
  142. package/dist/esm/locales/en/TUIChat.js +1 -1
  143. package/dist/esm/locales/en/TUIContact.js +1 -1
  144. package/dist/esm/locales/en/TUIProfile.js +1 -1
  145. package/dist/esm/locales/index.js +1 -1
  146. package/dist/esm/locales/zh_cn/TUIChat.js +1 -1
  147. package/dist/esm/locales/zh_cn/TUIContact.js +1 -1
  148. package/dist/esm/locales/zh_cn/TUIProfile.js +1 -1
  149. package/dist/esm/server.js +1 -0
  150. package/dist/esm/utils/env.js +1 -0
  151. package/package.json +8 -7
  152. package/rollup.config.js +0 -1
  153. package/scripts/publish-github.js +60 -0
  154. package/scripts/publish-intl-demo.js +14 -0
  155. package/scripts/publish-npm.js +22 -0
  156. package/src/components/Avatar/styles/index.scss +1 -0
  157. package/src/components/ConversationCreate/ConversationCreatGroupDetail.tsx +6 -3
  158. package/src/components/ConversationCreate/ConversationCreateUserSelectList.tsx +5 -1
  159. package/src/components/ConversationCreate/hooks/useConversationCreate.tsx +7 -2
  160. package/src/components/ConversationCreate/styles/conversationGroupTypeInfo.scss +1 -0
  161. package/src/components/ConversationCreate/styles/index.scss +2 -0
  162. package/src/components/ConversationPreview/ConversationPreview.tsx +2 -0
  163. package/src/components/ConversationPreview/ConversationPreviewContent.tsx +57 -9
  164. package/src/components/ConversationPreview/styles/index.scss +4 -2
  165. package/src/components/ConversationPreview/utils.tsx +5 -1
  166. package/src/components/DivWithEdit/styles/index.scss +2 -1
  167. package/src/components/Icon/config.ts +4 -5
  168. package/src/components/Icon/images/chats-selected.svg +6 -0
  169. package/src/components/Icon/images/chats.svg +9 -0
  170. package/src/components/Icon/images/contacts-selected.svg +3 -0
  171. package/src/components/Icon/images/contacts.svg +6 -0
  172. package/src/components/Icon/images/files.png +0 -0
  173. package/src/components/Icon/images/image.png +0 -0
  174. package/src/components/Icon/images/language.svg +3 -0
  175. package/src/components/Icon/images/video.png +0 -0
  176. package/src/components/Model/styles/layout.scss +1 -1
  177. package/src/components/Profile/styles/index.scss +4 -0
  178. package/src/components/TUIChat/TUIChat.tsx +74 -120
  179. package/src/components/TUIChat/TUIChatState.tsx +18 -45
  180. package/src/components/TUIChat/hooks/useHandleMessage.tsx +8 -0
  181. package/src/components/TUIChat/hooks/useHandleMessageList.tsx +2 -41
  182. package/src/components/TUIChat/unitls.ts +0 -29
  183. package/src/components/TUIChatHeader/TUIChatHeaderDefault.tsx +9 -2
  184. package/src/components/TUIContact/TUIContact.tsx +2 -1
  185. package/src/components/TUIContact/TUIContactInfo/TUIContactInfo.tsx +2 -1
  186. package/src/components/TUIContact/TUIContactInfo/basicInfo.tsx +18 -0
  187. package/src/components/TUIContact/TUIContactInfo/friendInfo.tsx +4 -1
  188. package/src/components/TUIContact/TUIContactInfo/index.scss +5 -0
  189. package/src/components/TUIContact/TUIContactList/TUIContactList.tsx +3 -2
  190. package/src/components/TUIContact/TUIContactList/index.scss +5 -0
  191. package/src/components/TUIContact/index.scss +5 -0
  192. package/src/components/TUIConversation/TUIConversation.tsx +1 -4
  193. package/src/components/TUIConversationList/TUIConversationList.tsx +91 -65
  194. package/src/components/TUIConversationList/index.scss +5 -0
  195. package/src/components/TUIKit/TUIKit.tsx +152 -10
  196. package/src/components/TUIKit/styles/h5.scss +34 -0
  197. package/src/components/TUIKit/styles/index.scss +103 -0
  198. package/src/components/TUIKit/styles/reset.scss +20 -0
  199. package/src/components/TUIManage/TUIManage.tsx +59 -35
  200. package/src/components/TUIManage/styles/index.scss +15 -1
  201. package/src/components/TUIMessage/MessageBubble.tsx +20 -3
  202. package/src/components/TUIMessage/MessageCustom.tsx +11 -2
  203. package/src/components/TUIMessage/MessageImage.tsx +2 -1
  204. package/src/components/TUIMessage/MessageName.tsx +1 -1
  205. package/src/components/TUIMessage/MessagePlugins.tsx +4 -2
  206. package/src/components/TUIMessage/MessageRevoke.tsx +2 -2
  207. package/src/components/TUIMessage/MessageText.tsx +25 -3
  208. package/src/components/TUIMessage/MessageVideo.tsx +8 -5
  209. package/src/components/TUIMessage/hooks/useMessageHandler.ts +13 -33
  210. package/src/components/TUIMessage/styles/color.scss +1 -0
  211. package/src/components/TUIMessage/styles/layout.scss +33 -6
  212. package/src/components/TUIMessage/utils/index.ts +1 -1
  213. package/src/components/TUIMessageInput/TUIMessageInputDefault.tsx +2 -2
  214. package/src/components/TUIMessageInput/hooks/useEmojiPicker.tsx +2 -6
  215. package/src/components/TUIMessageInput/hooks/useHandleForwardMessage.tsx +4 -3
  216. package/src/components/TUIMessageInput/hooks/useMessageInputText.tsx +10 -3
  217. package/src/components/TUIMessageInput/hooks/useUploadPicker.tsx +10 -14
  218. package/src/components/TUIMessageInput/styles/color.scss +1 -1
  219. package/src/components/TUIMessageInput/styles/layout.scss +7 -2
  220. package/src/components/TUIMessageList/TUIMessageList.tsx +9 -13
  221. package/src/components/TUIMessageList/index.ts +0 -1
  222. package/src/components/TUIProfile/TUIProfileDefault.tsx +65 -51
  223. package/src/components/TUIProfile/styles/layout.scss +6 -0
  224. package/src/components/untils.ts +9 -0
  225. package/src/constants.ts +9 -1
  226. package/src/context/ComponentContext.tsx +2 -0
  227. package/src/context/TUIChatActionContext.tsx +3 -23
  228. package/src/context/TUIChatStateContext.tsx +2 -0
  229. package/src/context/TUIKitContext.tsx +0 -1
  230. package/src/index.ts +3 -0
  231. package/src/locales/en/TUIChat.ts +2 -1
  232. package/src/locales/en/TUIContact.ts +1 -1
  233. package/src/locales/en/TUIProfile.ts +5 -4
  234. package/src/locales/index.ts +1 -1
  235. package/src/locales/zh_cn/TUIChat.ts +1 -0
  236. package/src/locales/zh_cn/TUIContact.ts +1 -1
  237. package/src/locales/zh_cn/TUIProfile.ts +1 -0
  238. package/src/server.ts +44 -0
  239. package/src/utils/env.ts +5 -0
  240. package/tsconfig.json +1 -0
  241. package/dist/cjs/components/Icon/images/create.png.js +0 -1
  242. package/dist/cjs/components/Icon/images/document.png.js +0 -1
  243. package/dist/cjs/components/TUIChat/hooks/useCreateMessage.d.ts +0 -59
  244. package/dist/cjs/components/TUIChat/hooks/useCreateMessage.js +0 -1
  245. package/dist/cjs/components/TUIChat/hooks/useMessageReceviedListener.js +0 -1
  246. package/dist/cjs/components/TUIMessageList/hooks/useEnrichedMessageList.js +0 -1
  247. package/dist/esm/components/Icon/images/create.png.js +0 -1
  248. package/dist/esm/components/Icon/images/document.png.js +0 -1
  249. package/dist/esm/components/TUIChat/hooks/useCreateMessage.d.ts +0 -59
  250. package/dist/esm/components/TUIChat/hooks/useCreateMessage.js +0 -1
  251. package/dist/esm/components/TUIChat/hooks/useMessageReceviedListener.js +0 -1
  252. package/dist/esm/components/TUIMessageList/hooks/useEnrichedMessageList.js +0 -1
  253. package/src/components/TUIChat/hooks/useCreateMessage.tsx +0 -198
  254. package/src/components/TUIChat/hooks/useMessageReceviedListener.tsx +0 -26
  255. package/src/components/TUIMessageList/hooks/useEnrichedMessageList.tsx +0 -16
@@ -53,6 +53,29 @@ table {
53
53
  border-spacing: 0;
54
54
  }
55
55
 
56
+ html, body {
57
+ height: 100%;
58
+ width: 100%;
59
+ margin: 0;
60
+ -webkit-text-size-adjust: 100%;
61
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
62
+ }
63
+
64
+ * {
65
+ -webkit-touch-callout: none;
66
+ -webkit-user-select: none;
67
+ -khtml-user-select: none;
68
+ -moz-user-select: none;
69
+ -ms-user-select: none;
70
+ user-select: none;
71
+ }
72
+
73
+ .text-ellipsis {
74
+ text-overflow: ellipsis;
75
+ white-space: nowrap;
76
+ overflow: hidden;
77
+ }
78
+
56
79
  .tui-kit {
57
80
  position: relative;
58
81
  display: flex;
@@ -61,6 +84,145 @@ table {
61
84
  background-color: #FFFFFF;
62
85
  text-align: initial;
63
86
  }
87
+
88
+ .sample-chat {
89
+ position: relative;
90
+ margin: 0 auto;
91
+ width: calc(100% - 20rem);
92
+ min-width: 850px;
93
+ height: 86%;
94
+ box-sizing: border-box;
95
+ border-radius: 12px;
96
+ overflow: hidden;
97
+ }
98
+ .sample-chat-profile {
99
+ position: absolute;
100
+ top: 0;
101
+ z-index: 1;
102
+ }
103
+ .sample-chat-left-container {
104
+ max-width: 360px;
105
+ min-width: 360px;
106
+ display: flex;
107
+ flex-direction: column;
108
+ }
109
+ .sample-chat-tab {
110
+ display: flex;
111
+ align-items: center;
112
+ justify-content: space-around;
113
+ margin: 12px;
114
+ }
115
+ .sample-chat-tab-container {
116
+ display: flex;
117
+ flex-direction: column;
118
+ align-items: center;
119
+ justify-content: center;
120
+ cursor: pointer;
121
+ }
122
+ .sample-chat-tab-text {
123
+ font-size: 15px;
124
+ line-height: 25px;
125
+ text-align: center;
126
+ }
127
+ .sample-chat-tab-active {
128
+ color: #147AFF;
129
+ }
130
+
131
+ .tuikit-container {
132
+ display: flex;
133
+ height: 100%;
134
+ position: relative;
135
+ text-align: initial;
136
+ box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.3);
137
+ }
138
+
139
+ .tui-chat-default {
140
+ width: 100%;
141
+ height: 100%;
142
+ background-size: cover;
143
+ background-position-x: -17px;
144
+ background-position-y: 173px;
145
+ padding: 100px 40px 0;
146
+ }
147
+ .tui-chat-default header {
148
+ display: flex;
149
+ align-items: center;
150
+ font-size: 1.75rem;
151
+ font-family: PingFangSC-Medium;
152
+ font-weight: 500;
153
+ color: #000;
154
+ letter-spacing: 0;
155
+ }
156
+ .tui-chat-default header img {
157
+ width: 32px;
158
+ margin: 0 10px;
159
+ }
160
+ .tui-chat-default .content {
161
+ max-width: 393px;
162
+ font-size: 16px;
163
+ line-height: 24px;
164
+ font-family: PingFangSC-Regular;
165
+ font-weight: 400;
166
+ color: #666;
167
+ letter-spacing: 0;
168
+ padding: 36px 0 20px;
169
+ }
170
+ .tui-chat-default .link {
171
+ font-size: 14px;
172
+ line-height: 20px;
173
+ font-family: PingFangSC-Regular;
174
+ font-weight: 400;
175
+ color: #666;
176
+ letter-spacing: 0;
177
+ }
178
+ .tui-chat-default .link a {
179
+ font-family: PingFangSC-Regular;
180
+ font-weight: 400;
181
+ color: #006eff;
182
+ letter-spacing: 0;
183
+ text-decoration: none;
184
+ padding: 0 5px;
185
+ }
186
+
187
+ body #webpack-dev-server-client-overlay {
188
+ display: none !important;
189
+ }
190
+ .App {
191
+ height: 100%;
192
+ }
193
+
194
+ #root {
195
+ width: 100%;
196
+ height: 100%;
197
+ margin: 0;
198
+ }
199
+
200
+ .sample-chat-h5 {
201
+ position: relative;
202
+ width: 100%;
203
+ height: 100%;
204
+ overflow: hidden;
205
+ }
206
+ .sample-chat-h5-container {
207
+ display: flex;
208
+ flex-direction: column;
209
+ width: 100%;
210
+ height: 100%;
211
+ }
212
+ .sample-chat-h5-container .sample-profile {
213
+ position: absolute;
214
+ top: 0;
215
+ z-index: 1;
216
+ width: 100%;
217
+ max-width: 100%;
218
+ min-width: 100%;
219
+ }
220
+ .sample-chat-h5-container .tui-kit-input-box.tui-kit-input-box--focus {
221
+ outline: none;
222
+ }
223
+ .sample-chat-h5 .tui-message-input .tui-kit-input-box--focus {
224
+ outline: none;
225
+ }
64
226
  .tui-conversation {
65
227
  height: 0;
66
228
  flex: 1;
@@ -98,6 +260,12 @@ table {
98
260
  font-family: PingFangSC-Medium;
99
261
  line-height: 22px;
100
262
  }
263
+
264
+ .tui-conversation-h5 {
265
+ min-width: 100%;
266
+ width: 100%;
267
+ max-width: 100%;
268
+ }
101
269
  .message-default {
102
270
  width: 100%;
103
271
  flex: 1;
@@ -125,6 +293,7 @@ table {
125
293
  .message-default .content .name {
126
294
  display: inline-block;
127
295
  padding-bottom: 3px;
296
+ max-width: 60%;
128
297
  }
129
298
 
130
299
  .in {
@@ -160,7 +329,7 @@ table {
160
329
  padding: 8px 16px;
161
330
  }
162
331
  .bubble-in {
163
- border-radius: 16px 16px 16px 0;
332
+ border-radius: 0px 16px 16px 16px;
164
333
  }
165
334
  .bubble-in.group {
166
335
  border-radius: 0px 16px 16px 16px;
@@ -207,9 +376,10 @@ table {
207
376
  font-style: normal;
208
377
  font-weight: 500;
209
378
  font-size: 14px;
210
- line-height: 17px;
379
+ line-height: 24px;
211
380
  }
212
381
  .message-text-content-p {
382
+ white-space: pre-wrap;
213
383
  display: inline;
214
384
  vertical-align: middle;
215
385
  }
@@ -240,9 +410,13 @@ table {
240
410
  .message-image img {
241
411
  max-width: 300px;
242
412
  }
413
+ .message-image .img-h5 {
414
+ max-width: 200px;
415
+ max-height: 200px;
416
+ }
243
417
  .message-image .big-image {
244
- max-width: 95%;
245
- max-height: 95%;
418
+ max-width: 90%;
419
+ max-height: 90%;
246
420
  }
247
421
 
248
422
  .message-video {
@@ -250,6 +424,8 @@ table {
250
424
  }
251
425
  .message-video .snap-video {
252
426
  position: relative;
427
+ height: 100%;
428
+ border-radius: 10px;
253
429
  }
254
430
  .message-video .snap-video::before {
255
431
  position: absolute;
@@ -267,11 +443,17 @@ table {
267
443
  }
268
444
  .message-video video {
269
445
  width: 100%;
446
+ height: 100%;
270
447
  border-radius: 10px;
271
448
  }
272
449
  .message-video .play-video {
273
450
  max-width: 95%;
274
- max-height: 95%;
451
+ max-height: 65%;
452
+ }
453
+
454
+ .message-video.message-video-h5 {
455
+ max-width: 200px;
456
+ max-height: 200px;
275
457
  }
276
458
 
277
459
  .message-file {
@@ -421,6 +603,13 @@ table {
421
603
  max-width: 300px;
422
604
  border-radius: 10px;
423
605
  }
606
+ .loading .img-h5, .loading .video-h5 {
607
+ min-width: 60px;
608
+ min-height: 60px;
609
+ max-width: 200px;
610
+ max-height: 200px;
611
+ border-radius: 10px;
612
+ }
424
613
  .loading::before {
425
614
  position: absolute;
426
615
  content: "";
@@ -466,6 +655,7 @@ table {
466
655
  .message-plugin .plugin-popup-box {
467
656
  bottom: auto;
468
657
  top: 100%;
658
+ overflow: hidden;
469
659
  }
470
660
  .message-plugin-box {
471
661
  padding: 6px 0;
@@ -554,17 +744,20 @@ table {
554
744
  @keyframes highLightedAnimation {
555
745
  0% {
556
746
  opacity: 1;
747
+ color: #ff9c19;
557
748
  }
558
749
  25% {
559
750
  opacity: 0.3;
560
751
  }
561
752
  50% {
753
+ color: #ff9c19;
562
754
  opacity: 1;
563
755
  }
564
756
  75% {
565
757
  opacity: 0.3;
566
758
  }
567
759
  100% {
760
+ color: #ff9c19;
568
761
  opacity: 1;
569
762
  }
570
763
  }
@@ -583,6 +776,10 @@ table {
583
776
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
584
777
  }
585
778
 
779
+ .website {
780
+ color: #147aff !important;
781
+ }
782
+
586
783
  .message-text, .message-custom {
587
784
  border: 1px solid #DDDDDD;
588
785
  }
@@ -605,6 +802,7 @@ table {
605
802
 
606
803
  .tip .bubble .edit {
607
804
  color: #147aff;
805
+ padding: 3px;
608
806
  }
609
807
  .plugin {
610
808
  display: flex;
@@ -720,11 +918,11 @@ ul li {
720
918
  }
721
919
 
722
920
  .emoji-picker .face-list {
723
- min-width: 265px;
921
+ height: 120px;
922
+ width: 242px;
724
923
  padding: 10px 5px;
725
924
  display: flex;
726
925
  flex-wrap: wrap;
727
- max-height: 120px;
728
926
  overflow-y: auto;
729
927
  }
730
928
  .emoji-picker .face-list-item {
@@ -815,6 +1013,7 @@ ul li {
815
1013
  flex-direction: column;
816
1014
  overflow: hidden;
817
1015
  width: 300px;
1016
+ max-height: 90%;
818
1017
  }
819
1018
  .tui-forward-header {
820
1019
  display: flex;
@@ -866,10 +1065,13 @@ ul li {
866
1065
  display: flex;
867
1066
  justify-content: space-between;
868
1067
  align-items: center;
1068
+ width: 100%;
869
1069
  }
870
1070
  .tui-forward-list-item .info {
871
1071
  display: flex;
872
1072
  align-items: center;
1073
+ flex-shrink: 0;
1074
+ width: 100%;
873
1075
  }
874
1076
  .tui-forward-list-item .info-nick {
875
1077
  padding: 0 13px;
@@ -883,6 +1085,7 @@ ul li {
883
1085
  overflow: hidden;
884
1086
  white-space: nowrap;
885
1087
  text-overflow: ellipsis;
1088
+ width: 80%;
886
1089
  }
887
1090
  .tui-forward-footer {
888
1091
  background: rgba(249, 249, 249, 0.94);
@@ -930,7 +1133,7 @@ ul li {
930
1133
  }
931
1134
 
932
1135
  .input-plugin-popup-box {
933
- background: rgba(249, 249, 249, 0.94);
1136
+ background: #FFFFFF;
934
1137
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
935
1138
  border-radius: 16px;
936
1139
  }
@@ -939,6 +1142,7 @@ ul li {
939
1142
  align-items: center;
940
1143
  position: relative;
941
1144
  cursor: pointer;
1145
+ flex-shrink: 0;
942
1146
  }
943
1147
  .tui-kit-avatar.circle .avatar-image {
944
1148
  border-radius: 50%;
@@ -1016,6 +1220,8 @@ ul li {
1016
1220
  line-height: 17px;
1017
1221
  font-family: PingFangSC-Medium;
1018
1222
  padding: 1px 0;
1223
+ width: 100%;
1224
+ color: #000;
1019
1225
  }
1020
1226
  .conversation-preview-container .content .message {
1021
1227
  overflow: hidden;
@@ -1051,7 +1257,8 @@ ul li {
1051
1257
  }
1052
1258
  .conversation-preview-container .external .more--hover {
1053
1259
  display: flex;
1054
- justify-content: right;
1260
+ justify-content: flex-end;
1261
+ flex: 1 1;
1055
1262
  }
1056
1263
  .conversation-preview-container .external .more--hover .icon-more {
1057
1264
  transform: scale(1.5);
@@ -1247,9 +1454,11 @@ ul li {
1247
1454
  padding: 0 20px;
1248
1455
  display: flex;
1249
1456
  flex-direction: column;
1457
+ user-select: none;
1250
1458
  }
1251
1459
  .tui-profile-list-item {
1252
1460
  padding: 20px 0 0;
1461
+ cursor: pointer;
1253
1462
  }
1254
1463
  .tui-profile-list-item h4 {
1255
1464
  padding-bottom: 3px;
@@ -1273,6 +1482,10 @@ ul li {
1273
1482
  .tui-profile-birthday .react-date-picker__calendar {
1274
1483
  position: static !important;
1275
1484
  }
1485
+ .tui-profile-birthday .react-date-picker__calendar .react-calendar__navigation {
1486
+ height: 20px !important;
1487
+ margin-bottom: 0px;
1488
+ }
1276
1489
  .tui-profile-birthday-calendar {
1277
1490
  border: none !important;
1278
1491
  }
@@ -1360,7 +1573,7 @@ ul li {
1360
1573
  padding: 24px 20px;
1361
1574
  }
1362
1575
  .tui-manage .tui-manage-title span {
1363
- margin-left: 10px;
1576
+ margin-right: 10px;
1364
1577
  font-weight: 700;
1365
1578
  font-size: 14px;
1366
1579
  font-family: PingFangSC-Medium;
@@ -1410,6 +1623,20 @@ ul li {
1410
1623
  line-height: 22px;
1411
1624
  color: rgba(0, 0, 0, 0.6);
1412
1625
  }
1626
+
1627
+ .tui-manage.tui-h5-manage {
1628
+ border-left: 1px solid #f9fafb;
1629
+ display: flex;
1630
+ flex-direction: column;
1631
+ position: absolute;
1632
+ top: 0;
1633
+ bottom: 0;
1634
+ width: 100%;
1635
+ max-width: 100%;
1636
+ min-width: 100%;
1637
+ z-index: 1;
1638
+ background: #fff;
1639
+ }
1413
1640
  .popup {
1414
1641
  opacity: 0;
1415
1642
  }
@@ -1460,6 +1687,7 @@ ul li {
1460
1687
  display: flex;
1461
1688
  max-width: 100%;
1462
1689
  box-sizing: border-box;
1690
+ height: 30px;
1463
1691
  }
1464
1692
  .div-with-edit-popup {
1465
1693
  flex: 1;
@@ -1514,7 +1742,7 @@ ul li {
1514
1742
  padding: 10px 0;
1515
1743
  }
1516
1744
  .div-with-edit .edit .select-list-item {
1517
- padding: 5px 10px;
1745
+ padding: 7px 10px;
1518
1746
  }
1519
1747
  .div-with-edit .edit .select-list-item:hover {
1520
1748
  background: #f2f7ff;
@@ -1552,9 +1780,9 @@ ul li {
1552
1780
  position: fixed;
1553
1781
  z-index: 2;
1554
1782
  width: 100vw;
1555
- height: 100vh;
1556
1783
  top: 0;
1557
1784
  left: 0;
1785
+ bottom: 0;
1558
1786
  display: flex;
1559
1787
  justify-content: center;
1560
1788
  align-items: center;
@@ -1709,6 +1937,12 @@ ul li {
1709
1937
  ::-webkit-scrollbar {
1710
1938
  display: none;
1711
1939
  }
1940
+
1941
+ .tui-contacts-list-h5 {
1942
+ min-width: 100%;
1943
+ width: 100%;
1944
+ max-width: 100%;
1945
+ }
1712
1946
  .tui-contact-info {
1713
1947
  width: 100%;
1714
1948
  height: 100%;
@@ -1742,6 +1976,7 @@ ul li {
1742
1976
  line-height: 50px;
1743
1977
  font-weight: 400;
1744
1978
  color: #999999;
1979
+ word-break: break-all;
1745
1980
  }
1746
1981
  .tui-contact-info .tui-contact-info-content {
1747
1982
  padding: 15px 0;
@@ -1816,6 +2051,10 @@ ul li {
1816
2051
  background: #006eff;
1817
2052
  color: #fff;
1818
2053
  }
2054
+
2055
+ .tui-contact-info-h5 {
2056
+ padding: 8px;
2057
+ }
1819
2058
  .tui-contacts {
1820
2059
  height: 100%;
1821
2060
  min-width: 360px;
@@ -1882,4 +2121,10 @@ ul li {
1882
2121
  font-size: 16px;
1883
2122
  font-family: PingFangSC-Medium;
1884
2123
  line-height: 22px;
2124
+ }
2125
+
2126
+ .tui-contacts-h5 {
2127
+ min-width: 100%;
2128
+ width: 100%;
2129
+ max-width: 100%;
1885
2130
  }
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/TUIKit/TUIKit.js"),t=require("./components/TUIKit/hooks/useTUIKit.js"),o=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),n=require("./components/TUIConversation/TUIConversation.js"),s=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("@tencentcloud/chat");var r=require("./components/TUIChat/TUIChat.js"),a=require("./components/ConversationPreview/ConversationPreview.js"),i=require("./components/ConversationPreview/ConversationPreviewContent.js"),p=require("./components/TUIChatHeader/TUIChatHeader.js"),u=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),I=require("./components/TUIMessageList/TUIMessageList.js"),C=require("./components/TUIMessage/TUIMessage.js"),x=require("./components/TUIMessage/MessagePlugins.js"),T=require("./components/TUIMessage/MessageContext.js"),U=require("./components/TUIMessageInput/TUIMessageInput.js"),c=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),v=require("./components/TUIMessageInput/InputPluginsDefalut.js"),m=require("./components/TUIProfile/TUIProfile.js"),d=require("./components/TUIProfile/TUIProfileDefault.js"),l=require("./components/Avatar/Avatar.js"),g=require("./components/Avatar/default.js"),M=require("./components/ConversationSearch/ConversationSearchInput.js"),h=require("./components/ConversationSearch/ConversationSearchResult.js"),j=require("./components/TUIManage/TUIManage.js"),P=require("./components/Popup/index.js"),f=require("./components/Checkbox/index.js"),q=require("./components/DivWithEdit/DivWithEdit.js"),S=require("./components/Icon/Icon.js"),A=require("./components/Icon/type.js"),K=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),w=require("./components/Input/Input.js"),y=require("./components/Model/index.js"),D=require("./components/Plugins/index.js"),b=require("./components/Switch/Switch.js"),L=require("./components/Toast/index.js"),k=require("./components/TUIContact/TUIContactList/TUIContactList.js"),E=require("./components/TUIContact/TUIContactInfo/TUIContactInfo.js"),G=require("./components/TUIContact/TUIContact.js"),H=require("./context/TUIKitContext.js"),z=require("./context/TUIChatStateContext.js"),W=require("./context/TUIChatActionContext.js"),R=require("./context/TUIMessageContext.js"),O=require("./context/ComponentContext.js"),N=require("./context/TUIMessageInputContext.js"),V=require("./context/TUIContactContext.js"),_=require("./hooks/useConversation.js"),B=require("./hooks/useProfile.js"),F=require("./locales/index.js");function J(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Q=J(require("i18next"));exports.TUIKit=e.TUIKit,exports.useTUIKit=t.useTUIKit,exports.useCreateTUIKitContext=o.useCreateTUIKitContext,exports.TUIConversation=n.TUIConversation,exports.UnMemoizedTUIConversation=n.UnMemoizedTUIConversation,exports.TUIConversationList=s.TUIConversationList,exports.UnMemoTUIConversationList=s.UnMemoTUIConversationList,exports.TUIChat=r.TUIChat,exports.ConversationPreview=a.ConversationPreview,exports.ConversationPreviewContent=i.ConversationPreviewContent,exports.unMemoConversationPreviewContent=i.unMemoConversationPreviewContent,exports.TUIChatHeader=p.TUIChatHeader,exports.TUIChatHeaderDefault=u.TUIChatHeaderDefault,exports.TUIMessageList=I.TUIMessageList,exports.TUIMessage=C.TUIMessage,exports.MessagePlugins=x.MessagePlugins,exports.MessageContext=T.MessageContext,exports.TUIMessageInput=U.TUIMessageInput,exports.TUIMessageInputDefault=c.TUIMessageInputDefault,exports.InputPluginsDefalut=v.InputPluginsDefalut,exports.TUIProfile=m.TUIProfile,exports.TUIProfileDefault=d.TUIProfileDefault,exports.Avatar=l.Avatar,exports.defaultGroupAvatarAVChatRoom=g.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=g.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=g.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=g.defaultGroupAvatarWork,exports.defaultUserAvatar=g.defaultUserAvatar,exports.ConversationSearchInput=M.ConversationSearchInput,exports.ConversationSearchResult=h.ConversationSearchResult,exports.TUIManage=j.TUIManage,exports.Popup=P.Popup,exports.Checkbox=f.Checkbox,exports.DivWithEdit=q.DivWithEdit,exports.Icon=S.Icon,exports.changeTypeToIconClassName=S.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return A.IconTypes}}),exports.EmptyStateIndicator=K.EmptyStateIndicator,exports.Input=w.Input,exports.Model=y.Model,exports.Plugins=D.Plugins,exports.Switch=b.Switch,exports.Toast=L.Toast,exports.TUIContactList=k.TUIContactList,exports.TUIContactInfo=E.TUIContactInfo,exports.UnMemoizedTUIContactInfo=E.UnMemoizedTUIContactInfo,exports.TUIContact=G.TUIContact,exports.UnMemoizedTUIContact=G.UnMemoizedTUIContact,exports.TUIKitContext=H.TUIKitContext,exports.TUIKitProvider=H.TUIKitProvider,exports.useTUIKitContext=H.useTUIKitContext,exports.TUIChatStateContext=z.TUIChatStateContext,exports.TUIChatStateContextProvider=z.TUIChatStateContextProvider,exports.useTUIChatStateContext=z.useTUIChatStateContext,exports.TUIChatActionContext=W.TUIChatActionContext,exports.TUIChatActionProvider=W.TUIChatActionProvider,exports.useTUIChatActionContext=W.useTUIChatActionContext,exports.TUIMessageContext=R.TUIMessageContext,exports.TUIMessageContextProvider=R.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return R.messageShowType}}),exports.useTUIMessageContext=R.useTUIMessageContext,exports.ComponentContext=O.ComponentContext,exports.ComponentProvider=O.ComponentProvider,exports.useComponentContext=O.useComponentContext,exports.TUIMessageInputContext=N.TUIMessageInputContext,exports.TUIMessageInputContextProvider=N.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=N.useTUIMessageInputContext,exports.TUIContactContext=V.TUIContactContext,exports.TUIContactContextProvider=V.TUIContactContextProvider,exports.useTUIContactContext=V.useTUIContactContext,exports.useConversation=_.useConversation,exports.useProfile=B.useProfile,exports.t=F.t,Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return Q.default}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./server.js"),t=require("./components/TUIKit/TUIKit.js"),o=require("./components/TUIKit/hooks/useTUIKit.js"),n=require("./components/TUIKit/hooks/useCreateTUIKitContext.js"),s=require("./components/TUIConversation/TUIConversation.js"),r=require("./components/TUIConversationList/TUIConversationList.js");require("tslib"),require("react"),require("@tencentcloud/chat");var a=require("./components/TUIChat/TUIChat.js"),i=require("./components/ConversationPreview/ConversationPreview.js"),p=require("./components/ConversationPreview/ConversationPreviewContent.js"),u=require("./components/TUIChatHeader/TUIChatHeader.js"),I=require("./components/TUIChatHeader/TUIChatHeaderDefault.js"),C=require("./components/TUIMessageList/TUIMessageList.js"),x=require("./components/TUIMessage/TUIMessage.js"),T=require("./components/TUIMessage/MessagePlugins.js"),U=require("./components/TUIMessage/MessageContext.js"),c=require("./components/TUIMessageInput/TUIMessageInput.js"),v=require("./components/TUIMessageInput/TUIMessageInputDefault.js"),m=require("./components/TUIMessageInput/InputPluginsDefalut.js"),d=require("./components/TUIProfile/TUIProfile.js"),l=require("./components/TUIProfile/TUIProfileDefault.js"),g=require("./components/Avatar/Avatar.js"),M=require("./components/Avatar/default.js"),h=require("./components/ConversationSearch/ConversationSearchInput.js"),j=require("./components/ConversationSearch/ConversationSearchResult.js"),q=require("./components/TUIManage/TUIManage.js"),P=require("./components/Popup/index.js"),f=require("./components/Checkbox/index.js"),S=require("./components/DivWithEdit/DivWithEdit.js"),A=require("./components/Icon/Icon.js"),K=require("./components/Icon/type.js"),w=require("./components/EmptyStateIndicator/EmptyStateIndicator.js"),y=require("./components/Input/Input.js"),D=require("./components/Model/index.js"),b=require("./components/Plugins/index.js"),L=require("./components/Switch/Switch.js"),k=require("./components/Toast/index.js"),E=require("./components/TUIContact/TUIContactList/TUIContactList.js"),G=require("./components/TUIContact/TUIContactInfo/TUIContactInfo.js"),H=require("./components/TUIContact/TUIContact.js"),z=require("./context/TUIKitContext.js"),W=require("./context/TUIChatStateContext.js"),R=require("./context/TUIChatActionContext.js"),O=require("./context/TUIMessageContext.js"),N=require("./context/ComponentContext.js"),V=require("./context/TUIMessageInputContext.js"),_=require("./context/TUIContactContext.js"),B=require("./hooks/useConversation.js"),F=require("./hooks/useProfile.js"),J=require("./locales/index.js");function Q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var X=Q(require("i18next"));new e,exports.TUIKit=t.TUIKit,exports.useTUIKit=o.useTUIKit,exports.useCreateTUIKitContext=n.useCreateTUIKitContext,exports.TUIConversation=s.TUIConversation,exports.UnMemoizedTUIConversation=s.UnMemoizedTUIConversation,exports.TUIConversationList=r.TUIConversationList,exports.UnMemoTUIConversationList=r.UnMemoTUIConversationList,exports.TUIChat=a.TUIChat,exports.ConversationPreview=i.ConversationPreview,exports.ConversationPreviewContent=p.ConversationPreviewContent,exports.unMemoConversationPreviewContent=p.unMemoConversationPreviewContent,exports.TUIChatHeader=u.TUIChatHeader,exports.TUIChatHeaderDefault=I.TUIChatHeaderDefault,exports.TUIMessageList=C.TUIMessageList,exports.TUIMessage=x.TUIMessage,exports.MessagePlugins=T.MessagePlugins,exports.MessageContext=U.MessageContext,exports.TUIMessageInput=c.TUIMessageInput,exports.TUIMessageInputDefault=v.TUIMessageInputDefault,exports.InputPluginsDefalut=m.InputPluginsDefalut,exports.TUIProfile=d.TUIProfile,exports.TUIProfileDefault=l.TUIProfileDefault,exports.Avatar=g.Avatar,exports.defaultGroupAvatarAVChatRoom=M.defaultGroupAvatarAVChatRoom,exports.defaultGroupAvatarMeeting=M.defaultGroupAvatarMeeting,exports.defaultGroupAvatarPublic=M.defaultGroupAvatarPublic,exports.defaultGroupAvatarWork=M.defaultGroupAvatarWork,exports.defaultUserAvatar=M.defaultUserAvatar,exports.ConversationSearchInput=h.ConversationSearchInput,exports.ConversationSearchResult=j.ConversationSearchResult,exports.TUIManage=q.TUIManage,exports.Popup=P.Popup,exports.Checkbox=f.Checkbox,exports.DivWithEdit=S.DivWithEdit,exports.Icon=A.Icon,exports.changeTypeToIconClassName=A.changeTypeToIconClassName,Object.defineProperty(exports,"IconTypes",{enumerable:!0,get:function(){return K.IconTypes}}),exports.EmptyStateIndicator=w.EmptyStateIndicator,exports.Input=y.Input,exports.Model=D.Model,exports.Plugins=b.Plugins,exports.Switch=L.Switch,exports.Toast=k.Toast,exports.TUIContactList=E.TUIContactList,exports.TUIContactInfo=G.TUIContactInfo,exports.UnMemoizedTUIContactInfo=G.UnMemoizedTUIContactInfo,exports.TUIContact=H.TUIContact,exports.UnMemoizedTUIContact=H.UnMemoizedTUIContact,exports.TUIKitContext=z.TUIKitContext,exports.TUIKitProvider=z.TUIKitProvider,exports.useTUIKitContext=z.useTUIKitContext,exports.TUIChatStateContext=W.TUIChatStateContext,exports.TUIChatStateContextProvider=W.TUIChatStateContextProvider,exports.useTUIChatStateContext=W.useTUIChatStateContext,exports.TUIChatActionContext=R.TUIChatActionContext,exports.TUIChatActionProvider=R.TUIChatActionProvider,exports.useTUIChatActionContext=R.useTUIChatActionContext,exports.TUIMessageContext=O.TUIMessageContext,exports.TUIMessageContextProvider=O.TUIMessageContextProvider,Object.defineProperty(exports,"messageShowType",{enumerable:!0,get:function(){return O.messageShowType}}),exports.useTUIMessageContext=O.useTUIMessageContext,exports.ComponentContext=N.ComponentContext,exports.ComponentProvider=N.ComponentProvider,exports.useComponentContext=N.useComponentContext,exports.TUIMessageInputContext=V.TUIMessageInputContext,exports.TUIMessageInputContextProvider=V.TUIMessageInputContextProvider,exports.useTUIMessageInputContext=V.useTUIMessageInputContext,exports.TUIContactContext=_.TUIContactContext,exports.TUIContactContextProvider=_.TUIContactContextProvider,exports.useTUIContactContext=_.useTUIContactContext,exports.useConversation=B.useConversation,exports.useProfile=F.useProfile,exports.t=J.t,Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return X.default}});
@@ -1 +1 @@
1
- "use strict";module.exports={TUIChat:"TUIChat",Recall:"Recall",Reference:"Reference",Forward:"Forward",Copy:"Copy",Delete:"Delete","Forward to":"Forward to","recalled a message":"recalled a message","Re-edit":"Re-edit",Resend:"Resend",You:"You","Recent Chats":"Recent Chats","Frequently Contacted":"Frequently Contacted","No Result":"No Result","Search Result":"Search Result",Image:"Image",Video:"Video",File:"File","Enter a message":"Enter a message","No More":"No More","Error deleting message":"Error deleting message","The message recall exceeded the time limit (default 2 minutes)":"The message recall exceeded the time limit (default 2 minutes)","Error revoke Message":"Error revoke Message"};
1
+ "use strict";module.exports={TUIChat:"TUIChat",Recall:"Recall",Reference:"Reference",Forward:"Forward",Copy:"Copy",Delete:"Delete","Forward to":"Forward to","recalled a message":"recalled a message","Re-edit":"Re-edit",Resend:"Resend",You:"You ","Recent Chats":"Recent Chats","Frequently Contacted":"Frequently Contacted","No Result":"No Result","Search Result":"Search Result",Image:"Image",Video:"Video",File:"File","Enter a message":"Enter a message","No More":"No More","Error deleting message":"Error deleting message","The message recall exceeded the time limit (default 2 minutes)":"The message recall exceeded the time limit (default 2 minutes)","Error revoke Message":"Error revoke Message","Custom message":"Custom message"};
@@ -1 +1 @@
1
- "use strict";module.exports={"Enter a userID":"Enter a userID","Enter the verification info":"Enter the verification info","Request to join":"Request to join",Requested:"Requested",Accept:"Accept",Refuse:"Refuse",Handled:"Handled",Friend:"Friend","Send Message":"Send Message",Signature:"Signature","New Contacts":"New Contacts","Blocked List":"Blocked List","No Result":"No Result",ID:"ID",User:"User","Add Friend":"Add Friend",remark:"remark",block:"block","Delete friend":"Delete friend","waiting for verification":"waiting for verification","verification info":"verification info","Send application":"Send application",Agree:"Agree"};
1
+ "use strict";module.exports={"Enter a userID":"Enter a userID","Enter the verification info":"Enter the verification info","Request to join":"Request to join",Requested:"Requested",Accept:"Accept",Refuse:"Refuse",Handled:"Handled",Friends:"Friends","Send Message":"Send Message",Signature:"Signature","New Contacts":"New Contacts","Blocked List":"Blocked List","No Result":"No Result",ID:"ID",User:"User","Add Friend":"Add Friend",remark:"remark",block:"block","Delete friend":"Delete friend","waiting for verification":"waiting for verification","verification info":"verification info","Send application":"Send application",Agree:"Agree"};
@@ -1 +1 @@
1
- "use strict";module.exports={"Personal information":"Personal information",Signature:"Signature",Gender:"Gender",Male:"Male",Female:"Female",AllowType:"AllowType",NeedConfirm:"NeedConfirm",AllowAny:"AllowAny",DenyAny:"DenyAny",Birthday:"Birthday"};
1
+ "use strict";module.exports={"Personal information":"Personal information",Signature:"Signature",Gender:"Gender",Male:"Male",Female:"Female",AllowType:"Friend Request",NeedConfirm:"Anyone upon Request",AllowAny:"Allow any user to add you as friend",DenyAny:"Decline friend request from any user",Birthday:"Birthday",Unknow:"Not set"};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("i18next"),t=require("react-i18next"),r=require("./en/index.js"),n=require("./zh_cn/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),u={en:{translation:r.message},zh:{translation:n.message}};a.default.use(t.initReactI18next).init({resources:u,lng:"zh",interpolation:{escapeValue:!1}});var s=a.default.t;Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return a.default}}),exports.t=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("i18next"),t=require("react-i18next"),r=require("./en/index.js"),n=require("./zh_cn/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e),u={en:{translation:r.message},zh:{translation:n.message}};a.default.use(t.initReactI18next).init({resources:u,lng:"en",interpolation:{escapeValue:!1}});var s=a.default.t;Object.defineProperty(exports,"i18next",{enumerable:!0,get:function(){return a.default}}),exports.t=s;
@@ -1 +1 @@
1
- "use strict";module.exports={Recall:"撤回",Reference:"引用",Forward:"转发",Copy:"复制",Delete:"删除","Forward to":"转发给","recalled a message":"撤回了一条消息","Re-edit":"重新编辑",Resend:"重新发送",You:"您","Recent Chats":"会话","Frequently Contacted":"最近的会话","No Result":"无搜索结果","Search Result":"搜索结果",Image:"图片",Video:"视频",File:"文件","Enter a message":"请输入消息","No More":"没有更多","Error deleting message":"消息删除失败","The message recall exceeded the time limit (default 2 minutes)":"消息已超过 2 分钟","Error revoke Message":"消息撤回失败"};
1
+ "use strict";module.exports={Recall:"撤回",Reference:"引用",Forward:"转发",Copy:"复制",Delete:"删除","Forward to":"转发给","recalled a message":"撤回了一条消息","Re-edit":"重新编辑",Resend:"重新发送",You:"您","Recent Chats":"会话","Frequently Contacted":"最近的会话","No Result":"无搜索结果","Search Result":"搜索结果",Image:"图片",Video:"视频",File:"文件","Enter a message":"请输入消息","No More":"没有更多","Error deleting message":"消息删除失败","The message recall exceeded the time limit (default 2 minutes)":"消息已超过 2 分钟","Error revoke Message":"消息撤回失败","Custom message":"自定义消息"};
@@ -1 +1 @@
1
- "use strict";module.exports={"Enter a userID":"请输入用户 ID,回车搜索","Enter the verification info":"请填写验证信息","Request to join":"申请加入",Requested:"已申请",Accept:"接受",Refuse:"拒绝",Handled:"已处理",Friend:"我的好友","Send Message":"发送消息",Signature:"个性签名","Successful application, waiting for the administrator to agree to join the group application":"等待管理员同意","New Contacts":"新的联系人","Blocked List":"黑名单","No Result":"无搜索结果",ID:"ID",User:"联系人","Add Friend":"添加好友",remark:"备注",block:"加入黑名单","Delete friend":"删除好友","waiting for verification":"等待验证","verification info":"验证信息","Send application":"发送申请",Agree:"同意"};
1
+ "use strict";module.exports={"Enter a userID":"请输入用户 ID,回车搜索","Enter the verification info":"请填写验证信息","Request to join":"申请加入",Requested:"已申请",Accept:"接受",Refuse:"拒绝",Handled:"已处理",Friends:"我的好友","Send Message":"发送消息",Signature:"个性签名","Successful application, waiting for the administrator to agree to join the group application":"等待管理员同意","New Contacts":"新的联系人","Blocked List":"黑名单","No Result":"无搜索结果",ID:"ID",User:"联系人","Add Friend":"添加好友",remark:"备注",block:"加入黑名单","Delete friend":"删除好友","waiting for verification":"等待验证","verification info":"验证信息","Send application":"发送申请",Agree:"同意"};
@@ -1 +1 @@
1
- "use strict";module.exports={"Personal information":"个人信息",Signature:"个性签名",Gender:"性别",Male:"男",Female:"女",AllowType:"加好友验证方式",NeedConfirm:"需要验证",AllowAny:"同意任何用户加好友",DenyAny:"拒绝任何用户加好友",Birthday:"生日"};
1
+ "use strict";module.exports={"Personal information":"个人信息",Signature:"个性签名",Gender:"性别",Male:"男",Female:"女",AllowType:"加好友验证方式",NeedConfirm:"需要验证",AllowAny:"同意任何用户加好友",DenyAny:"拒绝任何用户加好友",Birthday:"生日",Unknown:"未设置"};
@@ -0,0 +1 @@
1
+ "use strict";var t=require("@tencentcloud/tui-core"),n=require("@tencentcloud/chat-uikit-engine");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o=e(t),i=e(n),u=function(){function n(){o.default.registerEvent(t.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,t.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,this)}return n.prototype.onNotifyEvent=function(n,e){if(n===t.TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED&&e===t.TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS)this.login()},n.prototype.login=function(){var n=t.TUILogin.getContext(),e=n.chat,o=n.SDKAppID,u=n.userID,r=n.userSig;i.default.login({chat:e,SDKAppID:o,userID:u,userSig:r})},n}();module.exports=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@tencentcloud/universal-api"),t="pc"===e.getPlatform(),r="h5"===e.getPlatform();exports.isH5=r,exports.isPC=t;
@@ -1 +1 @@
1
- import{__spreadArray as e,__assign as t,__awaiter as r,__generator as a}from"tslib";import{jsxs as o,Fragment as n,jsx as i}from"react/jsx-runtime";import{useState as c}from"react";import{useTranslation as s}from"react-i18next";import{Input as u}from"../Input/Input.js";import{Icon as p}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Avatar as l}from"../Avatar/Avatar.js";import{defaultUserAvatar as d,defaultGroupAvatarAVChatRoom as v,defaultGroupAvatarMeeting as f,defaultGroupAvatarPublic as g,defaultGroupAvatarWork as h}from"../Avatar/default.js";import{PageStateTypes as C}from"./ConversationCreate.js";import{ConversationGroupTypeInfo as I,typeInfoList as x,GroupType as N}from"./ConversationGroupTypeInfo.js";import{useTUIKitContext as b}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function T(T){var y=this,U=T.profileList,j=T.pageState,k=T.setPageState,P=T.createConversation,G=T.setConversationCreated,A=s().t,D=b(),R=D.setActiveConversation,w=D.myProfile,S=e([],U,!0);S.unshift(w);var L=S.map((function(e){return e.nick||e.userID})).toString(),O=c(L.length>=15?"".concat(L.slice(0,12),"..."):L),W=O[0],_=O[1],E=c(""),M=E[0],Y=E[1],q=c("Work"),z=q[0],H=q[1],K=function(e,t){var r=e.target.value;switch(t){case"name":_(r);break;case"id":Y(r);break;case"type":H(r)}};return j!==C.GROUP_TYPE?o(n,{children:[o("div",t({className:"tui-conversation-create-group-detail"},{children:[i("div",t({className:"create-group-box create-group-name"},{children:i(u,{maxLength:15,value:W,onChange:function(e){K(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group Name")}))})})),i("div",t({className:"create-group-box create-group-id"},{children:i(u,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:M,onChange:function(e){K(e,"id")},prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group ID")}))})})),i("div",t({className:"create-group-box create-group-type"},{children:i(u,{disabled:!0,border:"bottom",customClassName:"input-group-text",prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group Type")})),suffix:i(p,{onClick:function(){k(C.GROUP_TYPE)},type:m.ARROW_RIGHT,width:7,height:12}),value:A("TUIConversation.".concat(z)),onChange:function(e){K(e,"type")}})})),i("div",t({className:"create-group-illustrate"},{children:A("TUIConversation.".concat(x.find((function(e){return e.type===z})).des))})),o("div",t({className:"create-group-portrait"},{children:[i("div",t({className:"create-group-portrait-title"},{children:A("TUIConversation.Participants")})),i("div",t({className:"create-group-portrait-info-container"},{children:U.map((function(e){var r=e.avatar,a=e.userID,n=e.nick;return o("div",t({className:"create-group-portrait-info"},{children:[i(l,{shape:"square",size:50,image:r||d}),i("div",t({className:"create-group-portrait-info-nick"},{children:n}))]}),a)}))}))]}))]})),i("div",t({className:"tui-conversation-create-next-container"},{children:i("div",t({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return r(y,void 0,void 0,(function(){var e,t,r;return a(this,(function(a){switch(a.label){case 0:return e=U.map((function(e){return{userID:e.userID}})),t=function(e){switch(e){case"Work":return h;case"Public":return g;case"Meeting":return f;case"AVChatRoom":return v;default:return""}}(z),[4,P({name:W,type:N[z],groupID:M,avatar:t,memberList:e})];case 1:return r=a.sent(),R(r),G(!1),[2]}}))}))}},{children:A("TUIConversation.Create")}))}))]}):i(I,{groupType:z,setGroupType:H,setPageState:k})}export{T as ConversationCreatGroupDetail};
1
+ import{__spreadArray as e,__assign as t,__awaiter as r,__generator as o}from"tslib";import{jsxs as a,Fragment as n,jsx as i}from"react/jsx-runtime";import{useState as c}from"react";import{useTranslation as s}from"react-i18next";import{TUIConversationService as u}from"@tencentcloud/chat-uikit-engine";import{Input as p}from"../Input/Input.js";import{Icon as l}from"../Icon/Icon.js";import{IconTypes as m}from"../Icon/type.js";import{Avatar as v}from"../Avatar/Avatar.js";import{defaultUserAvatar as d,defaultGroupAvatarAVChatRoom as f,defaultGroupAvatarMeeting as g,defaultGroupAvatarPublic as h,defaultGroupAvatarWork as C}from"../Avatar/default.js";import{PageStateTypes as I}from"./ConversationCreate.js";import{ConversationGroupTypeInfo as x,typeInfoList as N,GroupType as b}from"./ConversationGroupTypeInfo.js";import{useTUIKitContext as T}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";function y(y){var k=this,U=y.profileList,j=y.pageState,P=y.setPageState,G=y.createConversation,D=y.setConversationCreated,A=s().t,R=T(),w=R.setActiveConversation,O=R.myProfile,S=e([],U,!0);S.unshift(O);var L=S.map((function(e){return e.nick||e.userID})).toString(),W=c(L.length>=15?"".concat(L.slice(0,12),"..."):L),_=W[0],E=W[1],M=c(""),Y=M[0],q=M[1],z=c("Work"),H=z[0],K=z[1],V=function(e,t){var r=e.target.value;switch(t){case"name":E(r);break;case"id":q(r);break;case"type":K(r)}},B=function(){P(I.GROUP_TYPE)};return j!==I.GROUP_TYPE?a(n,{children:[a("div",t({className:"tui-conversation-create-group-detail"},{children:[i("div",t({className:"create-group-box create-group-name"},{children:i(p,{maxLength:15,value:_,onChange:function(e){V(e,"name")},border:"bottom",customClassName:"input-group-name",clearable:!0,prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group Name")}))})})),i("div",t({className:"create-group-box create-group-id"},{children:i(p,{border:"bottom",customClassName:"input-group-text",clearable:!0,value:Y,onChange:function(e){V(e,"id")},prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group ID")}))})})),i("div",t({className:"create-group-box create-group-type",onClick:B},{children:i(p,{readOnly:!0,border:"bottom",customClassName:"input-group-text",prefix:i("div",t({className:"input-group-title"},{children:A("TUIConversation.Group Type")})),suffix:i(l,{onClick:B,type:m.ARROW_RIGHT,width:7,height:12}),value:A("TUIConversation.".concat(H)),onChange:function(e){V(e,"type")}})})),i("div",t({className:"create-group-illustrate"},{children:A("TUIConversation.".concat(N.find((function(e){return e.type===H})).des))})),a("div",t({className:"create-group-portrait"},{children:[i("div",t({className:"create-group-portrait-title"},{children:A("TUIConversation.Participants")})),i("div",t({className:"create-group-portrait-info-container"},{children:U.map((function(e){var r=e.avatar,o=e.userID,n=e.nick;return a("div",t({className:"create-group-portrait-info"},{children:[i(v,{shape:"square",size:50,image:r||d}),i("div",t({className:"create-group-portrait-info-nick"},{children:n}))]}),o)}))}))]}))]})),i("div",t({className:"tui-conversation-create-next-container"},{children:i("div",t({role:"presentation",className:"tui-conversation-create-next",onClick:function(){return r(k,void 0,void 0,(function(){var e,t,r;return o(this,(function(o){switch(o.label){case 0:return e=U.map((function(e){return{userID:e.userID}})),t=function(e){switch(e){case"Work":return C;case"Public":return h;case"Meeting":return g;case"AVChatRoom":return f;default:return""}}(H),[4,G({name:_,type:b[H],groupID:Y,avatar:t,memberList:e})];case 1:return r=o.sent(),w(r),u.switchConversation(null==r?void 0:r.conversationID),D(!1),[2]}}))}))}},{children:A("TUIConversation.Create")}))}))]}):i(x,{groupType:H,setGroupType:K,setPageState:P})}export{y as ConversationCreatGroupDetail};
@@ -1 +1 @@
1
- import{__assign as e,__awaiter as t,__generator as r,__spreadArray as n}from"tslib";import{jsxs as i,Fragment as o,jsx as c}from"react/jsx-runtime";import{useState as a,useRef as s}from"react";import{useTranslation as u}from"react-i18next";import{Input as l}from"../Input/Input.js";import{Icon as m}from"../Icon/Icon.js";import{IconTypes as p}from"../Icon/type.js";import{ConversationCreateSelectView as v}from"./ConversationCreateSelectView.js";import{Avatar as h}from"../Avatar/Avatar.js";import{defaultUserAvatar as d}from"../Avatar/default.js";import{useConversationCreate as f}from"./hooks/useConversationCreate.js";import{useTUIKitContext as C}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{PageStateTypes as x}from"./ConversationCreate.js";import{useConversation as I}from"../../hooks/useConversation.js";import{Toast as g}from"../Toast/index.js";function N(N){var j=this,k=N.isCreateGroup,b=N.selectList,T=N.setSelectList,y=N.className,A=N.conversationList,L=N.setIsCreateGroup,S=N.setConversationCreated,D=N.setPageState,w=u().t,U=a(""),E=U[0],R=U[1],F=C(),G=F.chat,M=F.setActiveConversation,P=a({}),z=P[0],H=P[1],K=f(G,A,(function(e){H(e)})).getFriendListSortSearchResult,O=I(G).createConversation,V=s(new Map);return i(o,{children:[c(l,{className:"tui-conversation-create-search-input",placeholder:w("TUIConversation.Search"),clearable:!0,value:E,onChange:function(e){return t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return t=e.target.value,R(t),n=H,[4,K(t)];case 1:return n.apply(void 0,[r.sent()]),[2]}}))}))},prefix:c(m,{type:p.SEARCH,height:16,width:16})}),k&&c(v,{selectList:b,setSelectList:T}),!k&&i("div",e({role:"presentation",className:"tui-user",onClick:function(){L(!0),V.current.clear(),T([])}},{children:[c(m,{type:p.ADD}),c("div",e({className:"tui-user-name active"},{children:w("TUIConversation.New group chat")}))]})),c("div",e({className:"tui-conversation-create ".concat(y)},{children:c("div",e({className:"tui-conversation-create-container"},{children:c("div",e({className:"tui-group-container"},{children:Object.keys(z).map((function(o){return 0!==z[o].length&&i("div",e({className:"tui-group-box"},{children:[c("div",e({className:"title"},{children:o})),z[o].map((function(a,s){var u=a.userID,l=a.nick,m=a.avatar;return i("label",e({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(o,"-").concat(u),onClick:function(e){!function(e){t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return k?[2]:(t=e.userID,[4,O("C2C".concat(t))]);case 1:return n=r.sent(),S(!1),M(n),[2]}}))}))}(a)}},{children:[c(h,{size:30,image:m||d}),c("div",e({className:"tui-user-name"},{children:l||"".concat(u)})),k&&c("input",{onChange:function(e){!function(e,t,r){void 0===r&&(r=[]);var i=t.userID,o=e.target.checked;r.forEach((function(e){e.checked=o})),o?b.push({profile:t,domList:r}):b.splice(b.findIndex((function(e){return e.profile.userID===i})),1),T(n([],b,!0))}(e,a,V.current.get(u))},type:"checkbox",ref:function(e){!function(e,t){if(t){V.current.has(e)||V.current.set(e,[]);var r=V.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(u,e)},id:"userChecked-".concat(o,"-").concat(u),className:"tui-user-checkbox"})]}),u)}))]}),o)}))}))}))})),k&&c("div",e({className:"tui-conversation-create-next-container"},{children:c("div",e({role:"presentation",className:"tui-conversation-create-next",onClick:function(){b&&0===b.length?g({text:w("TUIConversation.Participant cannot be empty"),type:"error"}):D(x.CREATE_DETAIL)}},{children:w("TUIConversation.Next")}))}))]})}export{N as ConversationCreateUserSelectList};
1
+ import{__assign as e,__awaiter as t,__generator as r,__spreadArray as n}from"tslib";import{jsxs as i,Fragment as o,jsx as c}from"react/jsx-runtime";import{useState as a,useRef as s}from"react";import{useTranslation as u}from"react-i18next";import{TUIConversationService as l}from"@tencentcloud/chat-uikit-engine";import{Input as m}from"../Input/Input.js";import{Icon as p}from"../Icon/Icon.js";import{IconTypes as v}from"../Icon/type.js";import{ConversationCreateSelectView as h}from"./ConversationCreateSelectView.js";import{Avatar as d}from"../Avatar/Avatar.js";import{defaultUserAvatar as f}from"../Avatar/default.js";import{useConversationCreate as C}from"./hooks/useConversationCreate.js";import{useTUIKitContext as x}from"../../context/TUIKitContext.js";import"../../context/TUIMessageContext.js";import{PageStateTypes as I}from"./ConversationCreate.js";import{useConversation as g}from"../../hooks/useConversation.js";import{Toast as N}from"../Toast/index.js";function k(k){var j=this,b=k.isCreateGroup,T=k.selectList,y=k.setSelectList,A=k.className,D=k.conversationList,L=k.setIsCreateGroup,S=k.setConversationCreated,w=k.setPageState,U=u().t,E=a(""),R=E[0],F=E[1],G=x(),M=G.chat,P=G.setActiveConversation,z=a({}),H=z[0],K=z[1],O=C(M,D,(function(e){K(e)})).getFriendListSortSearchResult,V=g(M).createConversation,_=s(new Map);return i(o,{children:[c(m,{className:"tui-conversation-create-search-input",placeholder:U("TUIConversation.Search"),clearable:!0,value:R,onChange:function(e){return t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return t=e.target.value,F(t),n=K,[4,O(t)];case 1:return n.apply(void 0,[r.sent()]),[2]}}))}))},prefix:c(p,{type:v.SEARCH,height:16,width:16})}),b&&c(h,{selectList:T,setSelectList:y}),!b&&i("div",e({role:"presentation",className:"tui-user",onClick:function(){L(!0),_.current.clear(),y([])}},{children:[c(p,{type:v.ADD}),c("div",e({className:"tui-user-name active"},{children:U("TUIConversation.New group chat")}))]})),c("div",e({className:"tui-conversation-create ".concat(A)},{children:c("div",e({className:"tui-conversation-create-container"},{children:c("div",e({className:"tui-group-container"},{children:Object.keys(H).map((function(o){return 0!==H[o].length&&i("div",e({className:"tui-group-box"},{children:[c("div",e({className:"title"},{children:o})),H[o].map((function(a,s){var u=a.userID,m=a.nick,p=a.avatar;return i("label",e({role:"presentation",className:"tui-user tui-user-checkbox-label",htmlFor:"userChecked-".concat(o,"-").concat(u),onClick:function(e){!function(e){t(j,void 0,void 0,(function(){var t,n;return r(this,(function(r){switch(r.label){case 0:return b?[2]:(t=e.userID,[4,V("C2C".concat(t))]);case 1:return n=r.sent(),S(!1),P(n),l.switchConversation(null==n?void 0:n.conversationID),[2]}}))}))}(a)}},{children:[c(d,{size:30,image:p||f}),c("div",e({className:"tui-user-name text-ellipsis"},{children:m||"".concat(u)})),b&&c("input",{onChange:function(e){!function(e,t,r){void 0===r&&(r=[]);var i=t.userID,o=e.target.checked;r.forEach((function(e){e.checked=o})),o?T.push({profile:t,domList:r}):T.splice(T.findIndex((function(e){return e.profile.userID===i})),1),y(n([],T,!0))}(e,a,_.current.get(u))},type:"checkbox",ref:function(e){!function(e,t){if(t){_.current.has(e)||_.current.set(e,[]);var r=_.current.get(e);0!==r.length&&r.some((function(e){return e.id===t.id}))||r.push(t)}}(u,e)},id:"userChecked-".concat(o,"-").concat(u),className:"tui-user-checkbox"})]}),u)}))]}),o)}))}))}))})),b&&c("div",e({className:"tui-conversation-create-next-container"},{children:c("div",e({role:"presentation",className:"tui-conversation-create-next",onClick:function(){T&&0===T.length?N({text:U("TUIConversation.Participant cannot be empty"),type:"error"}):w(I.CREATE_DETAIL)}},{children:U("TUIConversation.Next")}))}))]})}export{k as ConversationCreateUserSelectList};