yx-web-sdk 0.0.22 → 0.0.24

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 (28) hide show
  1. package/dist/ait-person-popover/index.js +1 -1
  2. package/dist/chat-card/index.js +1 -1
  3. package/dist/chat-content/index.js +1 -1
  4. package/dist/chat-page/index.js +1 -1
  5. package/dist/chat-room/index.js +1 -1
  6. package/dist/common-avatar/index.js +1 -1
  7. package/dist/components/chat-content/index.vue.d.ts +2 -2
  8. package/dist/index/style4.css +1 -0
  9. package/dist/index/style6.css +97 -78
  10. package/dist/index/style7.css +3 -0
  11. package/dist/{index-Dwglj7_M.mjs → index-BhLJLbtt.mjs} +1 -1
  12. package/dist/{index-CGhpFXlD.mjs → index-Cemc8VjO.mjs} +22 -17
  13. package/dist/{index-BPnLB3av.mjs → index-DwPi-usb.mjs} +1 -1
  14. package/dist/index-entry/index.js +5 -5
  15. package/dist/index-entry/style.css +19 -19
  16. package/dist/{index.vue_vue_type_script_setup_true_lang-CD6o8jT4.mjs → index.vue_vue_type_script_setup_true_lang-DMbIuIqy.mjs} +5 -4
  17. package/dist/{index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs → index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs} +9 -7
  18. package/dist/{index.vue_vue_type_style_index_0_lang-BJGCxPce.mjs → index.vue_vue_type_style_index_0_lang-BbUB5thF.mjs} +3 -3
  19. package/dist/{index.vue_vue_type_style_index_0_lang-iBkYSdDj.mjs → index.vue_vue_type_style_index_0_lang-DPqAP7D5.mjs} +29 -12
  20. package/dist/{index.vue_vue_type_style_index_0_lang-CsNgkPt9.mjs → index.vue_vue_type_style_index_0_lang-DqdPSiTV.mjs} +17 -8
  21. package/dist/members-sidebar/index.js +1 -1
  22. package/dist/server-channel-sidebar/index.js +1 -1
  23. package/dist/stores/channel.d.ts +1 -0
  24. package/dist/style.css +120 -97
  25. package/dist/utils/index.d.ts +5 -1
  26. package/dist/yx-web-sdk.es.js +75 -41
  27. package/dist/yx-web-sdk.umd.js +75 -41
  28. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- import { A as AitPersonPopover } from "../index-Dwglj7_M.mjs";
1
+ import { A as AitPersonPopover } from "../index-BhLJLbtt.mjs";
2
2
  export {
3
3
  AitPersonPopover,
4
4
  AitPersonPopover as default
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-CsNgkPt9.mjs";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-DqdPSiTV.mjs";
2
2
  export {
3
3
  _sfc_main as ChatCard,
4
4
  _sfc_main as default
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-iBkYSdDj.mjs";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-DPqAP7D5.mjs";
2
2
  export {
3
3
  _sfc_main as ChatContent,
4
4
  _sfc_main as default
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BJGCxPce.mjs";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BbUB5thF.mjs";
2
2
  export {
3
3
  _sfc_main as ChatPage,
4
4
  _sfc_main as default
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-CD6o8jT4.mjs";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-DMbIuIqy.mjs";
2
2
  export {
3
3
  _sfc_main as ChatRoom,
4
4
  _sfc_main as default
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
2
2
  export {
3
3
  _sfc_main as CommonAvatar,
4
4
  _sfc_main as default
@@ -27,14 +27,14 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
27
27
  resendImg: (msg: QChatMessage) => any;
28
28
  resendFile: (msg: QChatMessage) => any;
29
29
  sendText: (text: string, option?: SendMsgOption | undefined) => any;
30
- sendImg: (file: File) => any;
30
+ sendImg: (file: File, option?: SendMsgOption | undefined) => any;
31
31
  sendFile: (file: File) => any;
32
32
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
33
33
  onResendText?: ((msg: QChatMessage) => any) | undefined;
34
34
  onResendImg?: ((msg: QChatMessage) => any) | undefined;
35
35
  onResendFile?: ((msg: QChatMessage) => any) | undefined;
36
36
  onSendText?: ((text: string, option?: SendMsgOption | undefined) => any) | undefined;
37
- onSendImg?: ((file: File) => any) | undefined;
37
+ onSendImg?: ((file: File, option?: SendMsgOption | undefined) => any) | undefined;
38
38
  onSendFile?: ((file: File) => any) | undefined;
39
39
  }>, {
40
40
  topic: string;
@@ -120,6 +120,7 @@
120
120
  background-color: rgba(0, 0, 0, 0.5);
121
121
  z-index: 1;
122
122
  display: none;
123
+ border-radius: 8px;
123
124
  }
124
125
  .yx-chatroomWrapper .chatroomInputAttachmentWrapperImg .chatroomInputAttachmentDeleteBtn {
125
126
  position: absolute;
@@ -1,15 +1,15 @@
1
- .sidebar-container[data-v-83471ee8] {
1
+ .sidebar-container[data-v-f63a486d] {
2
2
  display: flex;
3
3
  height: 100%;
4
4
  position: relative;
5
5
  }
6
- .sidebar-container.is-switching .server-item[data-v-83471ee8],
7
- .sidebar-container.is-switching .channel-item[data-v-83471ee8] {
6
+ .sidebar-container.is-switching .server-item[data-v-f63a486d],
7
+ .sidebar-container.is-switching .channel-item[data-v-f63a486d] {
8
8
  cursor: not-allowed;
9
9
  opacity: 0.6;
10
10
  pointer-events: none;
11
11
  }
12
- .user-panel-float[data-v-83471ee8] {
12
+ .user-panel-float[data-v-f63a486d] {
13
13
  position: absolute;
14
14
  bottom: 12px;
15
15
  left: 12px;
@@ -23,11 +23,11 @@
23
23
  border-radius: 8px;
24
24
  box-shadow: 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431);
25
25
  }
26
- .user-panel-float .user-avatar[data-v-83471ee8] {
26
+ .user-panel-float .user-avatar[data-v-f63a486d] {
27
27
  position: relative;
28
28
  flex-shrink: 0;
29
29
  }
30
- .user-panel-float .user-avatar .online-indicator[data-v-83471ee8] {
30
+ .user-panel-float .user-avatar .online-indicator[data-v-f63a486d] {
31
31
  position: absolute;
32
32
  bottom: 0;
33
33
  right: 0;
@@ -37,12 +37,12 @@
37
37
  border: 3px solid #1a1b1e;
38
38
  border-radius: 50%;
39
39
  }
40
- .user-panel-float .user-info[data-v-83471ee8] {
40
+ .user-panel-float .user-info[data-v-f63a486d] {
41
41
  flex: 1;
42
42
  overflow: hidden;
43
43
  min-width: 0;
44
44
  }
45
- .user-panel-float .user-info .user-name[data-v-83471ee8] {
45
+ .user-panel-float .user-info .user-name[data-v-f63a486d] {
46
46
  font-size: 14px;
47
47
  font-weight: 600;
48
48
  color: var(--theme-text);
@@ -50,25 +50,25 @@
50
50
  text-overflow: ellipsis;
51
51
  white-space: nowrap;
52
52
  }
53
- .user-panel-float .user-info .user-status[data-v-83471ee8] {
53
+ .user-panel-float .user-info .user-status[data-v-f63a486d] {
54
54
  display: flex;
55
55
  align-items: center;
56
56
  gap: 4px;
57
57
  font-size: 12px;
58
58
  color: var(--theme-success-text);
59
59
  }
60
- .user-panel-float .user-info .user-status .status-dot[data-v-83471ee8] {
60
+ .user-panel-float .user-info .user-status .status-dot[data-v-f63a486d] {
61
61
  width: 8px;
62
62
  height: 8px;
63
63
  background-color: var(--theme-success-text);
64
64
  border-radius: 50%;
65
65
  }
66
- .user-panel-float .user-actions[data-v-83471ee8] {
66
+ .user-panel-float .user-actions[data-v-f63a486d] {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  gap: 8px;
70
70
  }
71
- .user-panel-float .user-actions .action-btn[data-v-83471ee8] {
71
+ .user-panel-float .user-actions .action-btn[data-v-f63a486d] {
72
72
  width: 20px;
73
73
  height: 20px;
74
74
  display: flex;
@@ -81,38 +81,38 @@
81
81
  font-size: 16px;
82
82
  outline: none;
83
83
  }
84
- .user-panel-float .user-actions .action-btn[data-v-83471ee8]:hover {
84
+ .user-panel-float .user-actions .action-btn[data-v-f63a486d]:hover {
85
85
  background-color: var(--theme-icon-hover);
86
86
  color: var(--theme-text);
87
87
  }
88
- .user-panel-float .user-actions .action-btn[data-v-83471ee8]:focus {
88
+ .user-panel-float .user-actions .action-btn[data-v-f63a486d]:focus {
89
89
  outline: none;
90
90
  }
91
- .server-sidebar[data-v-83471ee8] {
91
+ .server-sidebar[data-v-f63a486d] {
92
92
  display: flex;
93
93
  flex-direction: column;
94
- width: 72px;
94
+ width: 76px;
95
95
  background-color: var(--theme-table-header-bg);
96
96
  padding: 0 0 16px;
97
97
  padding-bottom: 73px;
98
98
  }
99
- .server-sidebar .server-list[data-v-83471ee8] {
99
+ .server-sidebar .server-list[data-v-f63a486d] {
100
100
  flex: 1;
101
101
  overflow-y: auto;
102
102
  overflow-x: hidden;
103
103
  border-right: 1px solid var(--theme-line);
104
104
  padding-top: 16px;
105
105
  }
106
- .server-sidebar .server-list[data-v-83471ee8]::-webkit-scrollbar {
106
+ .server-sidebar .server-list[data-v-f63a486d]::-webkit-scrollbar {
107
107
  width: 0;
108
108
  }
109
- .server-sidebar .logo-wrap[data-v-83471ee8] {
109
+ .server-sidebar .logo-wrap[data-v-f63a486d] {
110
110
  margin: 0 16px;
111
111
  border-bottom: 1px solid var(--theme-line-split);
112
- padding-bottom: 12px;
113
- margin-bottom: 12px;
112
+ padding-bottom: 11px;
113
+ margin-bottom: 4px;
114
114
  }
115
- .server-sidebar .logo-wrap .logo[data-v-83471ee8] {
115
+ .server-sidebar .logo-wrap .logo[data-v-f63a486d] {
116
116
  width: 40px;
117
117
  height: 40px;
118
118
  border-radius: 8px;
@@ -123,55 +123,74 @@
123
123
  overflow: hidden;
124
124
  transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
125
125
  }
126
- .server-sidebar .server-item[data-v-83471ee8] {
126
+ .server-sidebar .server-item[data-v-f63a486d] {
127
127
  position: relative;
128
128
  display: flex;
129
129
  align-items: center;
130
130
  justify-content: center;
131
- margin: 0 16px 16px;
131
+ padding: 8px 18px;
132
132
  cursor: pointer;
133
133
  }
134
- .server-sidebar .server-item .server-icon[data-v-83471ee8] {
134
+ .server-sidebar .server-item .server-icon[data-v-f63a486d] {
135
+ min-width: 40px;
136
+ min-height: 40px;
135
137
  width: 40px;
136
138
  height: 40px;
137
139
  border-radius: 8px;
138
- border: 1px solid var(--theme-line-border);
140
+ background-color: var(--theme-line, #e3e3ee);
139
141
  display: flex;
140
142
  align-items: center;
141
143
  justify-content: center;
142
144
  overflow: hidden;
143
145
  transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
144
146
  }
145
- .server-sidebar .server-item .server-icon img[data-v-83471ee8] {
146
- width: 100%;
147
- height: 100%;
147
+ .server-sidebar .server-item .server-icon img[data-v-f63a486d] {
148
+ width: 40px;
149
+ height: 40px;
150
+ min-width: 40px;
151
+ min-height: 40px;
148
152
  -o-object-fit: cover;
149
153
  object-fit: cover;
150
154
  }
151
- .server-sidebar .server-item .server-icon .server-initial[data-v-83471ee8] {
155
+ .server-sidebar .server-item .server-icon .server-initial[data-v-f63a486d] {
152
156
  font-size: 18px;
153
157
  font-weight: 500;
154
158
  color: var(--theme-text);
155
159
  }
156
- .server-sidebar .server-item:hover .server-icon[data-v-83471ee8], .server-sidebar .server-item.active .server-icon[data-v-83471ee8] {
157
- border-radius: 16px;
158
- background-color: var(--theme-form-control-line-active);
159
- border: 1px solid var(--theme-table-header-bg);
160
+ .server-sidebar .server-item:hover .server-icon[data-v-f63a486d], .server-sidebar .server-item.active .server-icon[data-v-f63a486d] {
161
+ border: 1px solid var(--theme-default-bg);
162
+ box-shadow: var(--theme-shadow-2, 0px 1px 3px 0px rgba(29, 31, 58, 0.0588235294), 0px 2px 6px 0px rgba(29, 31, 58, 0.0588235294), 0px 4px 12px 0px rgba(29, 31, 58, 0.0588235294), 0px 8px 24px 0px rgba(29, 31, 58, 0.0588235294));
160
163
  }
161
- .server-sidebar .server-item:hover .server-icon .server-initial[data-v-83471ee8], .server-sidebar .server-item.active .server-icon .server-initial[data-v-83471ee8] {
164
+ .server-sidebar .server-item:hover .server-icon .server-initial[data-v-f63a486d], .server-sidebar .server-item.active .server-icon .server-initial[data-v-f63a486d] {
162
165
  color: var(--theme-light-text);
163
166
  }
164
- .server-sidebar .server-item .unread-badge[data-v-83471ee8] {
167
+ .server-sidebar .server-item[data-v-f63a486d]::before {
168
+ content: "";
169
+ position: absolute;
170
+ top: 50%;
171
+ transform: translateY(-50%);
172
+ left: 0;
173
+ width: 4px;
174
+ height: 12px;
175
+ background-color: var(--theme-stress-text, #000);
176
+ border-top-right-radius: 8px;
177
+ border-bottom-right-radius: 8px;
178
+ transition: height 0.15s ease-out;
179
+ }
180
+ .server-sidebar .server-item.active[data-v-f63a486d]::before {
181
+ height: 40px;
182
+ }
183
+ .server-sidebar .server-item .unread-badge[data-v-f63a486d] {
165
184
  position: absolute;
166
185
  bottom: -4px;
167
186
  right: 4px;
168
187
  }
169
- .server-sidebar .server-item.add-server[data-v-83471ee8] {
188
+ .server-sidebar .server-item.add-server[data-v-f63a486d] {
170
189
  margin-top: 8px;
171
190
  padding-top: 8px;
172
191
  border-top: 2px solid var(--theme-global-bg);
173
192
  }
174
- .server-sidebar .server-item.add-server .add-server-btn[data-v-83471ee8] {
193
+ .server-sidebar .server-item.add-server .add-server-btn[data-v-f63a486d] {
175
194
  width: 48px;
176
195
  height: 48px;
177
196
  border-radius: 50%;
@@ -184,12 +203,12 @@
184
203
  color: var(--theme-success-text);
185
204
  font-size: 20px;
186
205
  }
187
- .server-sidebar .server-item.add-server .add-server-btn[data-v-83471ee8]:hover {
206
+ .server-sidebar .server-item.add-server .add-server-btn[data-v-f63a486d]:hover {
188
207
  border-radius: 16px;
189
208
  background-color: var(--theme-success-text);
190
209
  color: var(--theme-text);
191
210
  }
192
- .channel-sidebar[data-v-83471ee8] {
211
+ .channel-sidebar[data-v-f63a486d] {
193
212
  display: flex;
194
213
  flex-direction: column;
195
214
  width: 294px;
@@ -201,7 +220,7 @@
201
220
  padding-bottom: 73px;
202
221
  position: relative;
203
222
  }
204
- .channel-sidebar .resize-handle[data-v-83471ee8] {
223
+ .channel-sidebar .resize-handle[data-v-f63a486d] {
205
224
  position: absolute;
206
225
  top: 0;
207
226
  right: -3px;
@@ -211,17 +230,17 @@
211
230
  z-index: 20;
212
231
  transition: background-color 0.15s ease;
213
232
  }
214
- .channel-sidebar .resize-handle[data-v-83471ee8]:hover, .channel-sidebar .resize-handle[data-v-83471ee8]:active {
233
+ .channel-sidebar .resize-handle[data-v-f63a486d]:hover, .channel-sidebar .resize-handle[data-v-f63a486d]:active {
215
234
  background-color: var(--theme-form-control-line-active);
216
235
  }
217
- .channel-sidebar .server-header[data-v-83471ee8] {
236
+ .channel-sidebar .server-header[data-v-f63a486d] {
218
237
  display: flex;
219
238
  align-items: center;
220
239
  justify-content: space-between;
221
240
  padding: 22px 20px;
222
241
  border-bottom: 1px solid var(--theme-line);
223
242
  }
224
- .channel-sidebar .server-header .server-name[data-v-83471ee8] {
243
+ .channel-sidebar .server-header .server-name[data-v-f63a486d] {
225
244
  font-size: 15px;
226
245
  font-weight: 600;
227
246
  color: var(--theme-stress-text);
@@ -229,26 +248,26 @@
229
248
  text-overflow: ellipsis;
230
249
  white-space: nowrap;
231
250
  }
232
- .channel-sidebar .server-header .server-setting[data-v-83471ee8] {
251
+ .channel-sidebar .server-header .server-setting[data-v-f63a486d] {
233
252
  color: #b9bbbe;
234
253
  cursor: pointer;
235
254
  font-size: 16px;
236
255
  }
237
- .channel-sidebar .server-header .server-setting[data-v-83471ee8]:hover {
256
+ .channel-sidebar .server-header .server-setting[data-v-f63a486d]:hover {
238
257
  color: #dcddde;
239
258
  }
240
- .channel-sidebar .channel-list[data-v-83471ee8] {
259
+ .channel-sidebar .channel-list[data-v-f63a486d] {
241
260
  flex: 1;
242
261
  overflow-y: auto;
243
262
  }
244
- .channel-sidebar .channel-list[data-v-83471ee8]::-webkit-scrollbar {
263
+ .channel-sidebar .channel-list[data-v-f63a486d]::-webkit-scrollbar {
245
264
  width: 4px;
246
265
  }
247
- .channel-sidebar .channel-list[data-v-83471ee8]::-webkit-scrollbar-thumb {
266
+ .channel-sidebar .channel-list[data-v-f63a486d]::-webkit-scrollbar-thumb {
248
267
  background-color: var(--theme-line);
249
268
  border-radius: 2px;
250
269
  }
251
- .channel-sidebar .channel-item[data-v-83471ee8] {
270
+ .channel-sidebar .channel-item[data-v-f63a486d] {
252
271
  display: flex;
253
272
  align-items: center;
254
273
  padding: 0 20px;
@@ -258,39 +277,39 @@
258
277
  cursor: pointer;
259
278
  color: var(--theme-icon-fill-weak);
260
279
  }
261
- .channel-sidebar .channel-item[data-v-83471ee8]:not(:last-child) {
280
+ .channel-sidebar .channel-item[data-v-f63a486d]:not(:last-child) {
262
281
  margin-bottom: 2px;
263
282
  }
264
- .channel-sidebar .channel-item[data-v-83471ee8]:hover {
283
+ .channel-sidebar .channel-item[data-v-f63a486d]:hover {
265
284
  background-color: var(--theme-select-bg);
266
285
  color: var(--theme-text);
267
286
  }
268
- .channel-sidebar .channel-item:hover .channel-setting[data-v-83471ee8] {
287
+ .channel-sidebar .channel-item:hover .channel-setting[data-v-f63a486d] {
269
288
  opacity: 1;
270
289
  }
271
- .channel-sidebar .channel-item.active[data-v-83471ee8] {
290
+ .channel-sidebar .channel-item.active[data-v-f63a486d] {
272
291
  background-color: var(--theme-select-bg);
273
292
  color: var(--theme-text);
274
293
  font-weight: 500;
275
294
  font-size: 16px;
276
295
  }
277
- .channel-sidebar .channel-item .channel-icon[data-v-83471ee8] {
296
+ .channel-sidebar .channel-item .channel-icon[data-v-f63a486d] {
278
297
  margin-right: 6px;
279
298
  font-size: 20px;
280
299
  font-weight: 400;
281
300
  color: #8e9297;
282
301
  }
283
- .channel-sidebar .channel-item .channel-name[data-v-83471ee8] {
302
+ .channel-sidebar .channel-item .channel-name[data-v-f63a486d] {
284
303
  flex: 1;
285
304
  overflow: hidden;
286
305
  text-overflow: ellipsis;
287
306
  white-space: nowrap;
288
307
  font-size: 14px;
289
308
  }
290
- .channel-sidebar .channel-item .channel-unread[data-v-83471ee8] {
309
+ .channel-sidebar .channel-item .channel-unread[data-v-f63a486d] {
291
310
  margin-left: 4px;
292
311
  }
293
- .channel-sidebar .channel-item .channel-setting[data-v-83471ee8] {
312
+ .channel-sidebar .channel-item .channel-setting[data-v-f63a486d] {
294
313
  opacity: 0;
295
314
  margin-left: 8px;
296
315
  font-size: 14px;
@@ -299,10 +318,10 @@
299
318
  transition: opacity 0.15s ease, color 0.15s ease;
300
319
  flex-shrink: 0;
301
320
  }
302
- .channel-sidebar .channel-item .channel-setting[data-v-83471ee8]:hover {
321
+ .channel-sidebar .channel-item .channel-setting[data-v-f63a486d]:hover {
303
322
  color: var(--theme-text);
304
323
  }
305
- .channel-sidebar .add-channel-item[data-v-83471ee8] {
324
+ .channel-sidebar .add-channel-item[data-v-f63a486d] {
306
325
  display: flex;
307
326
  align-items: center;
308
327
  padding: 12px 22px;
@@ -311,7 +330,7 @@
311
330
  margin-top: 4px;
312
331
  color: var(--theme-link);
313
332
  }
314
- .channel-sidebar .add-channel-item .channel-icon[data-v-83471ee8] {
333
+ .channel-sidebar .add-channel-item .channel-icon[data-v-f63a486d] {
315
334
  margin-right: 6px;
316
335
  font-size: 16px;
317
336
  color: var(--theme-link);
@@ -320,64 +339,64 @@
320
339
  align-items: center;
321
340
  justify-content: center;
322
341
  }
323
- .channel-sidebar .add-channel-item .channel-name[data-v-83471ee8] {
342
+ .channel-sidebar .add-channel-item .channel-name[data-v-f63a486d] {
324
343
  font-size: 14px;
325
344
  }
326
- [data-v-83471ee8] .ant-modal .ant-modal-content {
345
+ [data-v-f63a486d] .ant-modal .ant-modal-content {
327
346
  background-color: var(--theme-global-bg);
328
347
  border-radius: 8px;
329
348
  }
330
- [data-v-83471ee8] .ant-modal .ant-modal-header {
349
+ [data-v-f63a486d] .ant-modal .ant-modal-header {
331
350
  background-color: var(--theme-global-bg);
332
351
  border-bottom: none;
333
352
  }
334
- [data-v-83471ee8] .ant-modal .ant-modal-title {
353
+ [data-v-f63a486d] .ant-modal .ant-modal-title {
335
354
  color: var(--theme-text);
336
355
  }
337
- [data-v-83471ee8] .ant-modal .ant-modal-close-x {
356
+ [data-v-f63a486d] .ant-modal .ant-modal-close-x {
338
357
  color: #b9bbbe;
339
358
  }
340
- [data-v-83471ee8] .ant-modal .ant-form-item-label > label {
359
+ [data-v-f63a486d] .ant-modal .ant-form-item-label > label {
341
360
  color: #b9bbbe;
342
361
  }
343
- [data-v-83471ee8] .ant-modal .ant-input {
362
+ [data-v-f63a486d] .ant-modal .ant-input {
344
363
  background-color: var(--theme-line);
345
364
  border-color: #040405;
346
365
  color: #dcddde;
347
366
  }
348
- [data-v-83471ee8] .ant-modal .ant-input::-moz-placeholder {
367
+ [data-v-f63a486d] .ant-modal .ant-input::-moz-placeholder {
349
368
  color: #72767d;
350
369
  }
351
- [data-v-83471ee8] .ant-modal .ant-input:-ms-input-placeholder {
370
+ [data-v-f63a486d] .ant-modal .ant-input:-ms-input-placeholder {
352
371
  color: #72767d;
353
372
  }
354
- [data-v-83471ee8] .ant-modal .ant-input::placeholder {
373
+ [data-v-f63a486d] .ant-modal .ant-input::placeholder {
355
374
  color: #72767d;
356
375
  }
357
- [data-v-83471ee8] .ant-modal .ant-input:hover,[data-v-83471ee8] .ant-modal .ant-input:focus {
376
+ [data-v-f63a486d] .ant-modal .ant-input:hover,[data-v-f63a486d] .ant-modal .ant-input:focus {
358
377
  border-color: #5865f2;
359
378
  }
360
- [data-v-83471ee8] .ant-modal .ant-tabs-tab {
379
+ [data-v-f63a486d] .ant-modal .ant-tabs-tab {
361
380
  color: #b9bbbe;
362
381
  }
363
- [data-v-83471ee8] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
382
+ [data-v-f63a486d] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
364
383
  color: var(--theme-text);
365
384
  }
366
- [data-v-83471ee8] .ant-modal .ant-tabs-ink-bar {
385
+ [data-v-f63a486d] .ant-modal .ant-tabs-ink-bar {
367
386
  background-color: #5865f2;
368
387
  }
369
- .footer-container[data-v-83471ee8] {
388
+ .footer-container[data-v-f63a486d] {
370
389
  display: flex;
371
390
  align-items: center;
372
391
  justify-content: flex-end;
373
392
  gap: 10px;
374
393
  }
375
- .invite-btn[data-v-83471ee8] {
394
+ .invite-btn[data-v-f63a486d] {
376
395
  cursor: pointer;
377
396
  color: var(--theme-icon-fill-weak);
378
397
  transition: color 0.15s ease;
379
398
  }
380
- .invite-btn[data-v-83471ee8]:hover {
399
+ .invite-btn[data-v-f63a486d]:hover {
381
400
  color: var(--theme-text);
382
401
  }.channel-modal .ant-modal-header {
383
402
  background-color: var(--theme-table-header-bg);
@@ -85,6 +85,9 @@
85
85
  color: var(--theme-light-text, #fff);
86
86
  background-color: var(--theme-btn-primary, #000);
87
87
  }
88
+ .yx-chatCardWrapper .chatCardMainContent.myMsg .textMsg a {
89
+ color: var(--theme-light-text, #fff) !important;
90
+ }
88
91
  .yx-chatCardWrapper .chatCardMainContent.otherMsg .textMsg {
89
92
  background-color: var(--theme-area, #f1f1f8);
90
93
  }
@@ -1,6 +1,6 @@
1
1
  import { defineComponent, ref, watch, onBeforeUnmount, computed, openBlock, createBlock, Teleport, withDirectives, createElementVNode, normalizeStyle, createElementBlock, withModifiers, normalizeClass, toDisplayString, createCommentVNode, Fragment, renderList, createVNode, vShow } from "vue";
2
2
  import { autoUpdate, computePosition, offset, flip, shift } from "@floating-ui/dom";
3
- import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs";
3
+ import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
4
4
  import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
5
5
  const _hoisted_1 = { class: "ait-person-popover-content" };
6
6
  const _hoisted_2 = ["onMousedown"];
@@ -1,6 +1,6 @@
1
- import { createVNode, defineComponent, ref, computed, watch, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderList, withCtx, toDisplayString, createBlock, createCommentVNode, normalizeStyle, withModifiers, createTextVNode } from "vue";
1
+ import { createVNode, defineComponent, ref, computed, watch, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderList, withCtx, createBlock, createCommentVNode, normalizeStyle, toDisplayString, withModifiers, createTextVNode } from "vue";
2
2
  import { Form, Tooltip, Badge, Modal, Input, Button, message } from "ant-design-vue";
3
- import { c as useImSdkStore, a as useServerStore, u as useChannelStore, b as useUserStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs";
3
+ import { c as useImSdkStore, a as useServerStore, u as useChannelStore, b as useUserStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
4
4
  import { I as IconFont } from "./index-L_drmZir.mjs";
5
5
  import { I as Icon } from "./AntdIcon-DdvEPKFJ.mjs";
6
6
  import { C as CloseOutlined } from "./CloseOutlined-BEcmJaCc.mjs";
@@ -78,7 +78,11 @@ const _hoisted_6 = { class: "server-icon" };
78
78
  const _hoisted_7 = ["src", "alt"];
79
79
  const _hoisted_8 = {
80
80
  key: 1,
81
- class: "server-initial"
81
+ width: "19",
82
+ height: "18",
83
+ viewBox: "0 0 19 18",
84
+ fill: "none",
85
+ xmlns: "http://www.w3.org/2000/svg"
82
86
  };
83
87
  const _hoisted_9 = {
84
88
  key: 0,
@@ -177,17 +181,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
177
181
  const baseUrl = window.location.origin;
178
182
  return `${baseUrl}/im?server_id=${curServer.value.serverId}&invite_code=${inviteCode.value}`;
179
183
  });
180
- const getServerInitial = (name) => {
181
- var _a;
182
- return ((_a = name == null ? void 0 : name.charAt(0)) == null ? void 0 : _a.toUpperCase()) || "S";
183
- };
184
184
  const getServerUnread = (serverId) => {
185
185
  const server = serverList.value.find((s) => s.serverId === serverId);
186
186
  return (server == null ? void 0 : server.unReadInfo) || 0;
187
187
  };
188
188
  const getChannelUnread = (channelId) => {
189
189
  const channel = channelList.value.find((c) => c.channelId === channelId);
190
- console.log("channel", channel);
191
190
  return (channel == null ? void 0 : channel.unreadCount) || 0;
192
191
  };
193
192
  const handleSelectServer = async (server) => {
@@ -387,7 +386,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
387
386
  key: 0,
388
387
  src: server.icon,
389
388
  alt: server.name
390
- }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(getServerInitial(server.name)), 1))
389
+ }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[10] || (_cache[10] = [
390
+ createElementVNode("path", {
391
+ d: "M17.4642 10.4302H15.2489V9.17344H15.2498V8.47195H9.64453V7.09898H12.0907C12.5637 7.09898 12.8004 6.8625 12.8004 6.3893V0.709688C12.8004 0.236485 12.5637 0 12.0907 0H6.41062C5.93742 0 5.70094 0.236485 5.70094 0.709688V6.38953C5.70094 6.8625 5.93742 7.09922 6.41062 7.09922H8.84391V8.47219H3.25125V10.4304H0.709688C0.236484 10.4304 0 10.6669 0 11.1401V16.8199C0 17.2929 0.236484 17.5296 0.709688 17.5296H6.38953C6.8625 17.5296 7.09922 17.2929 7.09922 16.8199V11.1398C7.09922 10.6666 6.86273 10.4302 6.38953 10.4302H4.04086V9.17344H14.4593V10.4302H11.7841C11.3112 10.4302 11.0745 10.6666 11.0745 11.1398V16.8197C11.0745 17.2927 11.3112 17.5294 11.7841 17.5294H17.464C17.9372 17.5294 18.1737 17.2927 18.1737 16.8197V11.1398C18.1739 10.6666 17.9372 10.4302 17.4642 10.4302Z",
392
+ fill: "#BCBCD0"
393
+ }, null, -1)
394
+ ])]))
391
395
  ])
392
396
  ]),
393
397
  _: 2
@@ -423,7 +427,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
423
427
  class: normalizeClass(["channel-item", { active: ((_a = currentChannel.value) == null ? void 0 : _a.channelId) === channel.channelId }]),
424
428
  onClick: ($event) => handleSelectChannel(channel)
425
429
  }, [
426
- _cache[10] || (_cache[10] = createElementVNode("span", { class: "channel-icon" }, "#", -1)),
430
+ _cache[11] || (_cache[11] = createElementVNode("span", { class: "channel-icon" }, "#", -1)),
427
431
  createElementVNode("span", _hoisted_13, toDisplayString(channel.name), 1),
428
432
  getChannelUnread(channel.channelId) > 0 ? (openBlock(), createBlock(unref(Badge), {
429
433
  key: 0,
@@ -446,7 +450,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
446
450
  createElementVNode("span", _hoisted_14, [
447
451
  createVNode(unref(PlusOutlined))
448
452
  ]),
449
- _cache[11] || (_cache[11] = createElementVNode("span", { class: "channel-name" }, "创建频道", -1))
453
+ _cache[12] || (_cache[12] = createElementVNode("span", { class: "channel-name" }, "创建频道", -1))
450
454
  ])) : createCommentVNode("", true)
451
455
  ]),
452
456
  createElementVNode("div", {
@@ -469,7 +473,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
469
473
  ]),
470
474
  createElementVNode("div", _hoisted_16, [
471
475
  createElementVNode("div", _hoisted_17, toDisplayString(userProfile.value.username || currentAccount.value), 1),
472
- _cache[12] || (_cache[12] = createElementVNode("div", { class: "user-status" }, [
476
+ _cache[13] || (_cache[13] = createElementVNode("div", { class: "user-status" }, [
473
477
  createElementVNode("span", { class: "status-dot" }),
474
478
  createTextVNode(" 在线 ")
475
479
  ], -1))
@@ -482,6 +486,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
482
486
  closable: false,
483
487
  "wrap-class-name": "invite-modal",
484
488
  width: "440px",
489
+ style: { "top": "calc(50% - 115px)" },
485
490
  onCancel: _cache[3] || (_cache[3] = ($event) => inviteModalVisible.value = false)
486
491
  }, {
487
492
  title: withCtx(() => {
@@ -512,10 +517,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
512
517
  return [
513
518
  createElementVNode("div", _hoisted_20, [
514
519
  createElementVNode("div", _hoisted_21, [
515
- _cache[13] || (_cache[13] = createTextVNode(" 接收者将直接进入 ", -1)),
520
+ _cache[14] || (_cache[14] = createTextVNode(" 接收者将直接进入 ", -1)),
516
521
  createElementVNode("span", _hoisted_22, toDisplayString((_a = curServer.value) == null ? void 0 : _a.name), 1)
517
522
  ]),
518
- _cache[15] || (_cache[15] = createElementVNode("div", { class: "invite-desc" }, "分享此链接以邀请其他人来本服务器!", -1)),
523
+ _cache[16] || (_cache[16] = createElementVNode("div", { class: "invite-desc" }, "分享此链接以邀请其他人来本服务器!", -1)),
519
524
  createElementVNode("div", _hoisted_23, [
520
525
  createVNode(unref(Input), {
521
526
  value: inviteLink.value,
@@ -528,7 +533,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
528
533
  class: "copy-btn",
529
534
  onClick: handleCopyInviteLink
530
535
  }, {
531
- default: withCtx(() => [..._cache[14] || (_cache[14] = [
536
+ default: withCtx(() => [..._cache[15] || (_cache[15] = [
532
537
  createTextVNode(" 复制 ", -1)
533
538
  ])]),
534
539
  _: 1
@@ -575,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
575
580
  danger: "",
576
581
  onClick: handleDeleteChannel
577
582
  }, {
578
- default: withCtx(() => [..._cache[16] || (_cache[16] = [
583
+ default: withCtx(() => [..._cache[17] || (_cache[17] = [
579
584
  createTextVNode("删除", -1)
580
585
  ])]),
581
586
  _: 1
@@ -638,7 +643,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
638
643
  };
639
644
  }
640
645
  });
641
- const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-83471ee8"]]);
646
+ const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f63a486d"]]);
642
647
  export {
643
648
  ServerChannelSidebar as S
644
649
  };