@webinex/chatify 2.0.1-alpha1 → 2.0.2-alpha2

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 (232) hide show
  1. package/dist/css/chatify.css +111 -12
  2. package/dist/esm/index.js +2 -2
  3. package/dist/esm/index.js.map +1 -1
  4. package/dist/esm/types/core/api/api.d.ts +10784 -232
  5. package/dist/esm/types/core/api/baseApi.d.ts +1 -1
  6. package/dist/esm/types/ui/Conversation/Conversation.d.ts +2 -0
  7. package/dist/esm/types/ui/Conversation/ConversationContext.d.ts +2 -0
  8. package/dist/esm/types/ui/Conversation/InputBox/InputBoxFile.d.ts +8 -0
  9. package/dist/esm/types/ui/Conversation/InputBox/InputBoxFileList.d.ts +8 -0
  10. package/dist/esm/types/ui/Conversation/InputBox/InputFilesBox.d.ts +11 -1
  11. package/dist/esm/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts +2 -0
  12. package/dist/esm/types/ui/Conversation/InputBox/InputTextBox.d.ts +1 -0
  13. package/dist/esm/types/ui/Conversation/InputBox/index.d.ts +8 -1
  14. package/dist/esm/types/ui/Conversation/Message/MessageFile.d.ts +6 -0
  15. package/dist/esm/types/ui/Conversation/Message/MessageFileList.d.ts +3 -0
  16. package/dist/esm/types/ui/Conversation/Message/index.d.ts +6 -0
  17. package/dist/esm/types/ui/common/Icon.d.ts +2 -0
  18. package/dist/esm/types/ui/customize.d.ts +2 -2
  19. package/dist/esm/types/ui/localizer.d.ts +5 -0
  20. package/dist/esm/types/ui/useFormatter.d.ts +3 -0
  21. package/dist/index.d.ts +10835 -239
  22. package/package.json +94 -93
  23. package/src/core/api/api.ts +643 -642
  24. package/src/core/api/baseApi.ts +38 -38
  25. package/src/core/api/index.ts +1 -1
  26. package/src/core/client.ts +280 -280
  27. package/src/core/constants.ts +1 -1
  28. package/src/core/debounce.ts +90 -90
  29. package/src/core/index.ts +4 -4
  30. package/src/core/types.tsx +152 -152
  31. package/src/index.ts +2 -2
  32. package/src/styles/aside.scss +162 -161
  33. package/src/styles/chat.scss +209 -208
  34. package/src/styles/index.scss +153 -110
  35. package/src/styles/input.scss +147 -74
  36. package/src/styles/keyframes.scss +14 -14
  37. package/src/styles/members.scss +13 -13
  38. package/src/styles/mixins.scss +25 -20
  39. package/src/styles/variables.scss +13 -10
  40. package/src/ui/Chat/ChatContext.tsx +30 -30
  41. package/src/ui/Chat/ChatEditableHeaderName.tsx +63 -63
  42. package/src/ui/Chat/ChatHeaderActions.tsx +19 -19
  43. package/src/ui/Chat/ChatPanel.tsx +30 -30
  44. package/src/ui/Chat/ChatView.tsx +115 -115
  45. package/src/ui/Chat/Members/ChatMembersButton.tsx +9 -9
  46. package/src/ui/Chat/Members/ChatMembersPanel.tsx +112 -112
  47. package/src/ui/Chat/Members/ChatMembersPreview.tsx +25 -25
  48. package/src/ui/Chat/Members/index.ts +13 -13
  49. package/src/ui/Chat/index.ts +6 -6
  50. package/src/ui/ChatGroup/ChatGroupContext.tsx +50 -50
  51. package/src/ui/ChatGroup/ChatGroupPanel.tsx +73 -73
  52. package/src/ui/ChatGroup/Create/CreateChatButton.tsx +15 -15
  53. package/src/ui/ChatGroup/Create/CreateChatForm.tsx +36 -36
  54. package/src/ui/ChatGroup/Create/CreateChatMemberInput.tsx +65 -65
  55. package/src/ui/ChatGroup/Create/CreateChatNameInput.tsx +25 -25
  56. package/src/ui/ChatGroup/Create/CreateChatPanel.tsx +45 -45
  57. package/src/ui/ChatGroup/Create/index.ts +19 -19
  58. package/src/ui/ChatGroup/Layout/ChatGroupAside.tsx +12 -12
  59. package/src/ui/ChatGroup/Layout/ChatGroupBody.tsx +10 -10
  60. package/src/ui/ChatGroup/Layout/ChatGroupFooter.tsx +3 -3
  61. package/src/ui/ChatGroup/Layout/ChatGroupHeader.tsx +5 -5
  62. package/src/ui/ChatGroup/Layout/ChatGroupMain.tsx +17 -17
  63. package/src/ui/ChatGroup/Layout/index.ts +19 -19
  64. package/src/ui/ChatGroup/List/ChatList.tsx +41 -41
  65. package/src/ui/ChatGroup/List/ChatListItemAvatar.tsx +22 -22
  66. package/src/ui/ChatGroup/List/ChatListItemBox.tsx +26 -26
  67. package/src/ui/ChatGroup/List/ChatListItemLastMessage.tsx +15 -15
  68. package/src/ui/ChatGroup/List/ChatListItemLastMessageAuthor.tsx +15 -15
  69. package/src/ui/ChatGroup/List/ChatListItemLastMessageContent.tsx +21 -21
  70. package/src/ui/ChatGroup/List/ChatListItemLastMessageSentAt.tsx +22 -22
  71. package/src/ui/ChatGroup/List/ChatListItemName.tsx +8 -8
  72. package/src/ui/ChatGroup/List/ChatListItemUnreadCount.tsx +12 -12
  73. package/src/ui/ChatGroup/List/index.ts +31 -31
  74. package/src/ui/ChatGroup/index.ts +5 -5
  75. package/src/ui/Chatify.tsx +9 -9
  76. package/src/ui/Conversation/Conversation.tsx +78 -76
  77. package/src/ui/Conversation/ConversationActions.tsx +5 -5
  78. package/src/ui/Conversation/ConversationBody.tsx +28 -28
  79. package/src/ui/Conversation/ConversationContext.ts +29 -27
  80. package/src/ui/Conversation/ConversationHeader.tsx +23 -23
  81. package/src/ui/Conversation/ConversationName.tsx +7 -7
  82. package/src/ui/Conversation/InputBox/InputBox.tsx +113 -40
  83. package/src/ui/Conversation/InputBox/InputBoxFile.tsx +38 -0
  84. package/src/ui/Conversation/InputBox/InputBoxFileList.tsx +21 -0
  85. package/src/ui/Conversation/InputBox/InputFilesBox.tsx +78 -9
  86. package/src/ui/Conversation/InputBox/InputSubmitButtonBox.tsx +26 -17
  87. package/src/ui/Conversation/InputBox/InputTextBox.tsx +55 -53
  88. package/src/ui/Conversation/InputBox/index.ts +23 -16
  89. package/src/ui/Conversation/Message/MessageAuthor.tsx +13 -13
  90. package/src/ui/Conversation/Message/MessageBox.tsx +20 -20
  91. package/src/ui/Conversation/Message/MessageContent.tsx +15 -11
  92. package/src/ui/Conversation/Message/MessageFile.tsx +52 -0
  93. package/src/ui/Conversation/Message/MessageFileList.tsx +14 -0
  94. package/src/ui/Conversation/Message/MessageInfoBox.tsx +28 -28
  95. package/src/ui/Conversation/Message/MessageRow.tsx +28 -28
  96. package/src/ui/Conversation/Message/MessageText.tsx +7 -7
  97. package/src/ui/Conversation/Message/index.ts +28 -22
  98. package/src/ui/Conversation/NextObserver/NextMessagesObserver.tsx +47 -47
  99. package/src/ui/Conversation/NextObserver/index.ts +1 -1
  100. package/src/ui/Conversation/ReadObserver/MessageReadObserver.tsx +49 -49
  101. package/src/ui/Conversation/ReadObserver/index.ts +1 -1
  102. package/src/ui/Conversation/SendingMessage/SendingMessageBox.tsx +16 -16
  103. package/src/ui/Conversation/SendingMessage/SendingMessageContent.tsx +13 -13
  104. package/src/ui/Conversation/SendingMessage/SendingMessageInfoBox.tsx +13 -13
  105. package/src/ui/Conversation/SendingMessage/SendingMessageText.tsx +7 -7
  106. package/src/ui/Conversation/SendingMessage/index.ts +16 -16
  107. package/src/ui/Conversation/SystemMessage/SystemMessageBox.tsx +20 -20
  108. package/src/ui/Conversation/SystemMessage/SystemMessageRow.tsx +28 -28
  109. package/src/ui/Conversation/SystemMessage/index.ts +10 -10
  110. package/src/ui/Conversation/index.ts +13 -13
  111. package/src/ui/Thread/ThreadActions.tsx +22 -22
  112. package/src/ui/Thread/ThreadContext.ts +13 -13
  113. package/src/ui/Thread/ThreadPanel.tsx +127 -127
  114. package/src/ui/Thread/index.tsx +3 -3
  115. package/src/ui/color.ts +20 -20
  116. package/src/ui/common/Avatar.tsx +20 -20
  117. package/src/ui/common/Icon.tsx +44 -40
  118. package/src/ui/common/MessageSkeleton.tsx +20 -20
  119. package/src/ui/common/index.ts +13 -13
  120. package/src/ui/customize.tsx +51 -53
  121. package/src/ui/index.ts +11 -11
  122. package/src/ui/localizer.tsx +96 -81
  123. package/src/ui/useFormatter.tsx +17 -0
  124. package/dist/esm/types/core/api/accountApi.d.ts +0 -5
  125. package/dist/esm/types/core/api/chatApi.d.ts +0 -16
  126. package/dist/esm/types/core/api/chatListApi.d.ts +0 -5
  127. package/dist/esm/types/core/api/chatMemberApi.d.ts +0 -6
  128. package/dist/esm/types/core/api/chatMessageApi.d.ts +0 -3
  129. package/dist/esm/types/core/api/threadApi.d.ts +0 -1
  130. package/dist/esm/types/core/api/threadMessageApi.d.ts +0 -6
  131. package/src/core/api/accountApi.ts +0 -11
  132. package/src/core/api/chatApi.ts +0 -87
  133. package/src/core/api/chatListApi.ts +0 -134
  134. package/src/core/api/chatMemberApi.ts +0 -20
  135. package/src/core/api/chatMessageApi.ts +0 -12
  136. package/src/core/api/threadApi.ts +0 -8
  137. package/src/core/api/threadMessageApi.ts +0 -20
  138. package/src/types/core/api/accountApi.d.ts +0 -5
  139. package/src/types/core/api/api.d.ts +0 -2380
  140. package/src/types/core/api/baseApi.d.ts +0 -15
  141. package/src/types/core/api/chatApi.d.ts +0 -16
  142. package/src/types/core/api/chatListApi.d.ts +0 -5
  143. package/src/types/core/api/chatMemberApi.d.ts +0 -6
  144. package/src/types/core/api/chatMessageApi.d.ts +0 -3
  145. package/src/types/core/api/index.d.ts +0 -1
  146. package/src/types/core/api/threadApi.d.ts +0 -1
  147. package/src/types/core/api/threadMessageApi.d.ts +0 -6
  148. package/src/types/core/client.d.ts +0 -83
  149. package/src/types/core/constants.d.ts +0 -1
  150. package/src/types/core/debounce.d.ts +0 -27
  151. package/src/types/core/index.d.ts +0 -4
  152. package/src/types/core/types.d.ts +0 -105
  153. package/src/types/index.d.ts +0 -2
  154. package/src/types/ui/Chat/ChatContext.d.ts +0 -10
  155. package/src/types/ui/Chat/ChatEditableHeaderName.d.ts +0 -2
  156. package/src/types/ui/Chat/ChatHeaderActions.d.ts +0 -2
  157. package/src/types/ui/Chat/ChatPanel.d.ts +0 -13
  158. package/src/types/ui/Chat/ChatView.d.ts +0 -17
  159. package/src/types/ui/Chat/Members/ChatMembersButton.d.ts +0 -2
  160. package/src/types/ui/Chat/Members/ChatMembersPanel.d.ts +0 -2
  161. package/src/types/ui/Chat/Members/ChatMembersPreview.d.ts +0 -2
  162. package/src/types/ui/Chat/Members/index.d.ts +0 -11
  163. package/src/types/ui/Chat/index.d.ts +0 -6
  164. package/src/types/ui/ChatGroup/ChatGroupContext.d.ts +0 -12
  165. package/src/types/ui/ChatGroup/ChatGroupPanel.d.ts +0 -15
  166. package/src/types/ui/ChatGroup/Create/CreateChatButton.d.ts +0 -2
  167. package/src/types/ui/ChatGroup/Create/CreateChatForm.d.ts +0 -11
  168. package/src/types/ui/ChatGroup/Create/CreateChatMemberInput.d.ts +0 -5
  169. package/src/types/ui/ChatGroup/Create/CreateChatNameInput.d.ts +0 -5
  170. package/src/types/ui/ChatGroup/Create/CreateChatPanel.d.ts +0 -2
  171. package/src/types/ui/ChatGroup/Create/index.d.ts +0 -17
  172. package/src/types/ui/ChatGroup/Layout/ChatGroupAside.d.ts +0 -2
  173. package/src/types/ui/ChatGroup/Layout/ChatGroupBody.d.ts +0 -2
  174. package/src/types/ui/ChatGroup/Layout/ChatGroupFooter.d.ts +0 -2
  175. package/src/types/ui/ChatGroup/Layout/ChatGroupHeader.d.ts +0 -2
  176. package/src/types/ui/ChatGroup/Layout/ChatGroupMain.d.ts +0 -2
  177. package/src/types/ui/ChatGroup/Layout/index.d.ts +0 -17
  178. package/src/types/ui/ChatGroup/List/ChatList.d.ts +0 -2
  179. package/src/types/ui/ChatGroup/List/ChatListItemAvatar.d.ts +0 -3
  180. package/src/types/ui/ChatGroup/List/ChatListItemBox.d.ts +0 -6
  181. package/src/types/ui/ChatGroup/List/ChatListItemLastMessage.d.ts +0 -3
  182. package/src/types/ui/ChatGroup/List/ChatListItemLastMessageAuthor.d.ts +0 -3
  183. package/src/types/ui/ChatGroup/List/ChatListItemLastMessageContent.d.ts +0 -3
  184. package/src/types/ui/ChatGroup/List/ChatListItemLastMessageSentAt.d.ts +0 -3
  185. package/src/types/ui/ChatGroup/List/ChatListItemName.d.ts +0 -3
  186. package/src/types/ui/ChatGroup/List/ChatListItemUnreadCount.d.ts +0 -3
  187. package/src/types/ui/ChatGroup/List/index.d.ts +0 -29
  188. package/src/types/ui/ChatGroup/index.d.ts +0 -5
  189. package/src/types/ui/Chatify.d.ts +0 -8
  190. package/src/types/ui/Conversation/Conversation.d.ts +0 -21
  191. package/src/types/ui/Conversation/ConversationActions.d.ts +0 -2
  192. package/src/types/ui/Conversation/ConversationBody.d.ts +0 -2
  193. package/src/types/ui/Conversation/ConversationContext.d.ts +0 -20
  194. package/src/types/ui/Conversation/ConversationHeader.d.ts +0 -2
  195. package/src/types/ui/Conversation/ConversationName.d.ts +0 -2
  196. package/src/types/ui/Conversation/InputBox/InputBox.d.ts +0 -2
  197. package/src/types/ui/Conversation/InputBox/InputFilesBox.d.ts +0 -2
  198. package/src/types/ui/Conversation/InputBox/InputSubmitButtonBox.d.ts +0 -5
  199. package/src/types/ui/Conversation/InputBox/InputTextBox.d.ts +0 -8
  200. package/src/types/ui/Conversation/InputBox/index.d.ts +0 -14
  201. package/src/types/ui/Conversation/Message/MessageAuthor.d.ts +0 -3
  202. package/src/types/ui/Conversation/Message/MessageBox.d.ts +0 -6
  203. package/src/types/ui/Conversation/Message/MessageContent.d.ts +0 -3
  204. package/src/types/ui/Conversation/Message/MessageInfoBox.d.ts +0 -3
  205. package/src/types/ui/Conversation/Message/MessageRow.d.ts +0 -6
  206. package/src/types/ui/Conversation/Message/MessageText.d.ts +0 -3
  207. package/src/types/ui/Conversation/Message/index.d.ts +0 -20
  208. package/src/types/ui/Conversation/NextObserver/NextMessagesObserver.d.ts +0 -5
  209. package/src/types/ui/Conversation/NextObserver/index.d.ts +0 -1
  210. package/src/types/ui/Conversation/ReadObserver/MessageReadObserver.d.ts +0 -6
  211. package/src/types/ui/Conversation/ReadObserver/index.d.ts +0 -1
  212. package/src/types/ui/Conversation/SendingMessage/SendingMessageBox.d.ts +0 -7
  213. package/src/types/ui/Conversation/SendingMessage/SendingMessageContent.d.ts +0 -3
  214. package/src/types/ui/Conversation/SendingMessage/SendingMessageInfoBox.d.ts +0 -3
  215. package/src/types/ui/Conversation/SendingMessage/SendingMessageText.d.ts +0 -3
  216. package/src/types/ui/Conversation/SendingMessage/index.d.ts +0 -14
  217. package/src/types/ui/Conversation/SystemMessage/SystemMessageBox.d.ts +0 -6
  218. package/src/types/ui/Conversation/SystemMessage/SystemMessageRow.d.ts +0 -9
  219. package/src/types/ui/Conversation/SystemMessage/index.d.ts +0 -8
  220. package/src/types/ui/Conversation/index.d.ts +0 -12
  221. package/src/types/ui/Thread/ThreadActions.d.ts +0 -2
  222. package/src/types/ui/Thread/ThreadContext.d.ts +0 -8
  223. package/src/types/ui/Thread/ThreadPanel.d.ts +0 -14
  224. package/src/types/ui/Thread/index.d.ts +0 -3
  225. package/src/types/ui/color.d.ts +0 -6
  226. package/src/types/ui/common/Avatar.d.ts +0 -6
  227. package/src/types/ui/common/Icon.d.ts +0 -20
  228. package/src/types/ui/common/MessageSkeleton.d.ts +0 -5
  229. package/src/types/ui/common/index.d.ts +0 -11
  230. package/src/types/ui/customize.d.ts +0 -9
  231. package/src/types/ui/index.d.ts +0 -11
  232. package/src/types/ui/localizer.d.ts +0 -35
package/src/styles/aside.scss CHANGED
@@ -1,161 +1,162 @@
1
- @use './variables.scss' as vars;
2
-
3
- .wxchtf-aside {
4
- flex: none;
5
- display: flex;
6
- flex-flow: column nowrap;
7
- background: #ffffff;
8
- border-top-left-radius: vars.$radius;
9
- border-bottom-left-radius: vars.$radius;
10
- padding-top: 15px;
11
- width: 320px;
12
- position: relative;
13
- overflow: hidden;
14
-
15
- &::before {
16
- position: absolute;
17
- content: '';
18
- left: 0;
19
- bottom: 0;
20
- width: calc(100% - 10px);
21
- height: 20px;
22
- z-index: 1;
23
- background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
24
- }
25
-
26
- .wxchtf-chat-list.ant-menu {
27
- flex: 1 1 auto;
28
- height: 100px;
29
- overflow-y: auto;
30
- border-inline-end: none;
31
- padding-bottom: 2rem;
32
-
33
- @include scrollbar();
34
-
35
- .ant-menu-item + .ant-menu-item {
36
- margin-top: 8px;
37
- }
38
-
39
- .ant-menu-item {
40
- padding: 0;
41
- height: unset;
42
- margin: 0;
43
- margin-left: 8px;
44
- width: calc(100% - 16px);
45
- border-radius: 8px;
46
- line-height: 1.5;
47
-
48
- &.ant-menu-item-selected {
49
- background-color: #e4f7f7;
50
-
51
- .wxchtf-chat-name {
52
- font-weight: 600;
53
- color: inherit;
54
- }
55
- }
56
-
57
- .wxchtf-chat {
58
- padding-inline: 10px;
59
- padding-block: 8.5px;
60
- position: relative;
61
- display: flex;
62
- flex-flow: row nowrap;
63
- align-items: center;
64
-
65
- &.--unread {
66
- .wxchtf-chat-last {
67
- font-weight: bold;
68
- }
69
-
70
- .wxchtf-chat-name {
71
- font-weight: bold;
72
- max-width: 100%;
73
- }
74
- }
75
-
76
- .wxchtf-chat-info {
77
- min-width: 1;
78
- }
79
-
80
- .wxchtf-chat-name {
81
- display: inline-block;
82
- font-weight: 500;
83
- color: rgba(0, 0, 0, 0.88);
84
- }
85
-
86
- .wxchtf-chat-avatar {
87
- background-color: var(--background-color);
88
- width: 42px;
89
- height: 42px;
90
- line-height: 40px;
91
- text-align: center;
92
- color: var(--color);
93
- border-radius: 50%;
94
- margin-right: 11px;
95
- flex: none;
96
-
97
- .anticon {
98
- font-size: 20px;
99
- line-height: 42px;
100
- height: 42px;
101
- }
102
- }
103
-
104
- .wxchtf-unread-count {
105
- background-color: #ff4d4f;
106
- border-radius: 50%;
107
- width: 16px;
108
- height: 16px;
109
- padding: 0;
110
- font-size: 10px;
111
- position: absolute;
112
- top: 32px;
113
- right: 13px;
114
- color: white;
115
- line-height: 16px;
116
- font-weight: bold;
117
- text-align: center;
118
- }
119
-
120
- .wxchtf-chat-last {
121
- $size: 25px;
122
- color: #0e0f1799;
123
-
124
- font-style: italic;
125
- overflow: hidden;
126
- text-overflow: ellipsis;
127
- white-space: nowrap;
128
- line-height: $size;
129
-
130
- .wxchtf-chat-last-author {
131
- display: inline-block;
132
- margin-right: 0.5rem;
133
-
134
- .ant-avatar {
135
- display: inline-block;
136
- border: none;
137
- margin-right: 5px;
138
-
139
- @include avatarSize($size);
140
- }
141
-
142
- &::after {
143
- content: ':';
144
- }
145
- }
146
-
147
- .wxchtf-chat-last-message {
148
- display: inline;
149
- }
150
-
151
- .wxchtf-chat-last-sent-at {
152
- position: absolute;
153
- top: 7px;
154
- right: 13px;
155
- font-size: 0.8em;
156
- }
157
- }
158
- }
159
- }
160
- }
161
- }
1
+ @use './variables.scss' as vars;
2
+ @use './mixins.scss' as mixins;
3
+
4
+ .wxchtf-aside {
5
+ flex: none;
6
+ display: flex;
7
+ flex-flow: column nowrap;
8
+ background: #ffffff;
9
+ border-top-left-radius: vars.$radius;
10
+ border-bottom-left-radius: vars.$radius;
11
+ padding-top: 15px;
12
+ width: 320px;
13
+ position: relative;
14
+ overflow: hidden;
15
+
16
+ &::before {
17
+ position: absolute;
18
+ content: '';
19
+ left: 0;
20
+ bottom: 0;
21
+ width: calc(100% - 10px);
22
+ height: 20px;
23
+ z-index: 1;
24
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
25
+ }
26
+
27
+ .wxchtf-chat-list.ant-menu {
28
+ flex: 1 1 auto;
29
+ height: 100px;
30
+ overflow-y: auto;
31
+ border-inline-end: none;
32
+ padding-bottom: 2rem;
33
+
34
+ @include mixins.scrollbar();
35
+
36
+ .ant-menu-item + .ant-menu-item {
37
+ margin-top: 8px;
38
+ }
39
+
40
+ .ant-menu-item {
41
+ padding: 0;
42
+ height: unset;
43
+ margin: 0;
44
+ margin-left: 8px;
45
+ width: calc(100% - 16px);
46
+ border-radius: 8px;
47
+ line-height: 1.5;
48
+
49
+ &.ant-menu-item-selected {
50
+ background-color: #e4f7f7;
51
+
52
+ .wxchtf-chat-name {
53
+ font-weight: 600;
54
+ color: inherit;
55
+ }
56
+ }
57
+
58
+ .wxchtf-chat {
59
+ padding-inline: 10px;
60
+ padding-block: 8.5px;
61
+ position: relative;
62
+ display: flex;
63
+ flex-flow: row nowrap;
64
+ align-items: center;
65
+
66
+ &.--unread {
67
+ .wxchtf-chat-last {
68
+ font-weight: bold;
69
+ }
70
+
71
+ .wxchtf-chat-name {
72
+ font-weight: bold;
73
+ max-width: 100%;
74
+ }
75
+ }
76
+
77
+ .wxchtf-chat-info {
78
+ min-width: 1;
79
+ }
80
+
81
+ .wxchtf-chat-name {
82
+ display: inline-block;
83
+ font-weight: 500;
84
+ color: rgba(0, 0, 0, 0.88);
85
+ }
86
+
87
+ .wxchtf-chat-avatar {
88
+ background-color: var(--background-color);
89
+ width: 42px;
90
+ height: 42px;
91
+ line-height: 40px;
92
+ text-align: center;
93
+ color: var(--color);
94
+ border-radius: 50%;
95
+ margin-right: 11px;
96
+ flex: none;
97
+
98
+ .anticon {
99
+ font-size: 20px;
100
+ line-height: 42px;
101
+ height: 42px;
102
+ }
103
+ }
104
+
105
+ .wxchtf-unread-count {
106
+ background-color: #ff4d4f;
107
+ border-radius: 50%;
108
+ width: 16px;
109
+ height: 16px;
110
+ padding: 0;
111
+ font-size: 10px;
112
+ position: absolute;
113
+ top: 32px;
114
+ right: 13px;
115
+ color: white;
116
+ line-height: 16px;
117
+ font-weight: bold;
118
+ text-align: center;
119
+ }
120
+
121
+ .wxchtf-chat-last {
122
+ $size: 25px;
123
+ color: #0e0f1799;
124
+
125
+ font-style: italic;
126
+ overflow: hidden;
127
+ text-overflow: ellipsis;
128
+ white-space: nowrap;
129
+ line-height: $size;
130
+
131
+ .wxchtf-chat-last-author {
132
+ display: inline-block;
133
+ margin-right: 0.5rem;
134
+
135
+ .ant-avatar {
136
+ display: inline-block;
137
+ border: none;
138
+ margin-right: 5px;
139
+
140
+ @include mixins.avatarSize($size);
141
+ }
142
+
143
+ &::after {
144
+ content: ':';
145
+ }
146
+ }
147
+
148
+ .wxchtf-chat-last-message {
149
+ display: inline;
150
+ }
151
+
152
+ .wxchtf-chat-last-sent-at {
153
+ position: absolute;
154
+ top: 7px;
155
+ right: 13px;
156
+ font-size: 0.8em;
157
+ }
158
+ }
159
+ }
160
+ }
161
+ }
162
+ }