yx-web-sdk 0.0.19 → 0.0.21

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 (32) 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/img-info-wrapper/index.d.ts +0 -0
  8. package/dist/components/img-info-wrapper/index.vue.d.ts +6 -0
  9. package/dist/img-info-wrapper/index.js +1 -0
  10. package/dist/index/style2.css +30 -162
  11. package/dist/index/style4.css +177 -125
  12. package/dist/index/style6.css +513 -25
  13. package/dist/index/style7.css +143 -466
  14. package/dist/{index-DHnPD8u9.mjs → index-BPnLB3av.mjs} +1 -1
  15. package/dist/{index-BjIqS2ZC.mjs → index-DME8_VYv.mjs} +2 -2
  16. package/dist/{index-D5gp5t2F.mjs → index-Dwglj7_M.mjs} +1 -1
  17. package/dist/index-entry/index.js +4 -4
  18. package/dist/{index.vue_vue_type_script_setup_true_lang-CkWszgC3.mjs → index.vue_vue_type_script_setup_true_lang-CD6o8jT4.mjs} +9 -3
  19. package/dist/{index.vue_vue_type_style_index_0_lang-C-imP01W.mjs → index.vue_vue_type_style_index_0_lang-BJGCxPce.mjs} +3 -3
  20. package/dist/{index.vue_vue_type_style_index_0_lang-CAZ44kgX.mjs → index.vue_vue_type_style_index_0_lang-BaKNB-4q.mjs} +33 -7
  21. package/dist/{index.vue_vue_type_style_index_0_lang-CA27kCm1.mjs → index.vue_vue_type_style_index_0_lang-CsNgkPt9.mjs} +101 -17
  22. package/dist/{index.vue_vue_type_style_index_0_lang-5DeqmRdw.mjs → index.vue_vue_type_style_index_0_lang-iBkYSdDj.mjs} +156 -38
  23. package/dist/members-sidebar/index.js +1 -1
  24. package/dist/notice-box/index.js +1 -1
  25. package/dist/server-channel-sidebar/index.js +1 -1
  26. package/dist/stores/channel.d.ts +18 -2
  27. package/dist/style.css +155 -70
  28. package/dist/utils/index.d.ts +10 -2
  29. package/dist/yx-web-sdk.es.js +321 -90
  30. package/dist/yx-web-sdk.umd.js +320 -89
  31. package/package.json +1 -1
  32. /package/dist/{index.vue_vue_type_style_index_0_lang-B2YRkoln.mjs → index.vue_vue_type_style_index_0_lang-BxXBf_VA.mjs} +0 -0
@@ -1,528 +1,205 @@
1
- .sidebar-container[data-v-2f397ece] {
2
- display: flex;
3
- height: 100%;
4
- position: relative;
5
- }
6
- .sidebar-container.is-switching .server-item[data-v-2f397ece],
7
- .sidebar-container.is-switching .channel-item[data-v-2f397ece] {
8
- cursor: not-allowed;
9
- opacity: 0.6;
10
- pointer-events: none;
11
- }
12
- .user-panel-float[data-v-2f397ece] {
13
- position: absolute;
14
- bottom: 12px;
15
- left: 12px;
16
- display: flex;
17
- align-items: center;
18
- padding: 10px 12px;
19
- background-color: var(--theme-global-bg);
20
- border: 1px solid var(--theme-line-border);
21
- z-index: 10;
22
- gap: 10px;
23
- border-radius: 8px;
24
- box-shadow: 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431);
25
- }
26
- .user-panel-float .user-avatar[data-v-2f397ece] {
27
- position: relative;
28
- flex-shrink: 0;
29
- }
30
- .user-panel-float .user-avatar .online-indicator[data-v-2f397ece] {
31
- position: absolute;
32
- bottom: 0;
33
- right: 0;
34
- width: 12px;
35
- height: 12px;
36
- background-color: var(--theme-success-text);
37
- border: 3px solid #1a1b1e;
38
- border-radius: 50%;
39
- }
40
- .user-panel-float .user-info[data-v-2f397ece] {
41
- flex: 1;
42
- overflow: hidden;
43
- min-width: 0;
44
- }
45
- .user-panel-float .user-info .user-name[data-v-2f397ece] {
46
- font-size: 14px;
47
- font-weight: 600;
48
- color: var(--theme-text);
49
- overflow: hidden;
50
- text-overflow: ellipsis;
51
- white-space: nowrap;
52
- }
53
- .user-panel-float .user-info .user-status[data-v-2f397ece] {
54
- display: flex;
55
- align-items: center;
56
- gap: 4px;
57
- font-size: 12px;
58
- color: var(--theme-success-text);
59
- }
60
- .user-panel-float .user-info .user-status .status-dot[data-v-2f397ece] {
61
- width: 8px;
62
- height: 8px;
63
- background-color: var(--theme-success-text);
64
- border-radius: 50%;
65
- }
66
- .user-panel-float .user-actions[data-v-2f397ece] {
67
- display: flex;
68
- align-items: center;
69
- gap: 8px;
70
- }
71
- .user-panel-float .user-actions .action-btn[data-v-2f397ece] {
72
- width: 20px;
73
- height: 20px;
1
+ @charset "UTF-8";.yx-attach-box-img-info-wrapper {
74
2
  display: flex;
75
3
  align-items: center;
76
- justify-content: center;
77
- border-radius: 4px;
78
- color: #b9bbbe;
79
- cursor: pointer;
80
- transition: all 0.15s ease;
81
- font-size: 16px;
82
- outline: none;
83
- }
84
- .user-panel-float .user-actions .action-btn[data-v-2f397ece]:hover {
85
- background-color: var(--theme-icon-hover);
86
- color: var(--theme-text);
87
- }
88
- .user-panel-float .user-actions .action-btn[data-v-2f397ece]:focus {
89
- outline: none;
90
- }
91
- .server-sidebar[data-v-2f397ece] {
92
- display: flex;
93
- flex-direction: column;
94
- width: 72px;
95
- background-color: var(--theme-table-header-bg);
96
- padding: 0 0 16px;
97
- padding-bottom: 73px;
98
- }
99
- .server-sidebar .server-list[data-v-2f397ece] {
100
- flex: 1;
101
- overflow-y: auto;
102
- overflow-x: hidden;
103
- border-right: 1px solid var(--theme-line);
104
- padding-top: 16px;
105
- }
106
- .server-sidebar .server-list[data-v-2f397ece]::-webkit-scrollbar {
107
- width: 0;
108
- }
109
- .server-sidebar .logo-wrap[data-v-2f397ece] {
110
- margin: 0 16px;
111
- border-bottom: 1px solid var(--theme-line-split);
112
- padding-bottom: 12px;
113
- margin-bottom: 12px;
114
- }
115
- .server-sidebar .logo-wrap .logo[data-v-2f397ece] {
116
- width: 40px;
117
- height: 40px;
118
- border-radius: 8px;
119
- background-color: rgba(218, 32, 62, 0.1);
120
- display: flex;
121
- align-items: center;
122
- justify-content: center;
4
+ gap: 14px;
123
5
  overflow: hidden;
124
- transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
125
6
  }
126
- .server-sidebar .server-item[data-v-2f397ece] {
127
- position: relative;
128
- display: flex;
129
- align-items: center;
130
- justify-content: center;
131
- margin: 0 16px 16px;
132
- cursor: pointer;
133
- }
134
- .server-sidebar .server-item .server-icon[data-v-2f397ece] {
135
- width: 40px;
136
- height: 40px;
137
- border-radius: 8px;
138
- border: 1px solid var(--theme-line-border);
139
- display: flex;
140
- align-items: center;
141
- justify-content: center;
142
- overflow: hidden;
143
- transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
144
- }
145
- .server-sidebar .server-item .server-icon img[data-v-2f397ece] {
7
+ .yx-chatCardWrapper {
146
8
  width: 100%;
147
- height: 100%;
148
- -o-object-fit: cover;
149
- object-fit: cover;
150
- }
151
- .server-sidebar .server-item .server-icon .server-initial[data-v-2f397ece] {
152
- font-size: 18px;
153
- font-weight: 500;
154
- color: var(--theme-text);
155
- }
156
- .server-sidebar .server-item:hover .server-icon[data-v-2f397ece], .server-sidebar .server-item.active .server-icon[data-v-2f397ece] {
157
- border-radius: 16px;
158
- background-color: var(--theme-form-control-line-active);
159
- }
160
- .server-sidebar .server-item:hover .server-icon .server-initial[data-v-2f397ece], .server-sidebar .server-item.active .server-icon .server-initial[data-v-2f397ece] {
161
- color: var(--theme-light-text);
162
- }
163
- .server-sidebar .server-item .unread-badge[data-v-2f397ece] {
164
- position: absolute;
165
- bottom: -4px;
166
- right: 4px;
167
- }
168
- .server-sidebar .server-item.add-server[data-v-2f397ece] {
169
- margin-top: 8px;
170
- padding-top: 8px;
171
- border-top: 2px solid var(--theme-global-bg);
172
- }
173
- .server-sidebar .server-item.add-server .add-server-btn[data-v-2f397ece] {
174
- width: 48px;
175
- height: 48px;
176
- border-radius: 50%;
177
- background-color: var(--theme-global-bg);
178
9
  display: flex;
179
- align-items: center;
180
- justify-content: center;
181
- cursor: pointer;
182
- transition: border-radius 0.15s ease-out, background-color 0.15s ease-out, color 0.15s ease-out;
183
- color: var(--theme-success-text);
184
- font-size: 20px;
10
+ align-items: flex-start;
185
11
  }
186
- .server-sidebar .server-item.add-server .add-server-btn[data-v-2f397ece]:hover {
187
- border-radius: 16px;
188
- background-color: var(--theme-success-text);
189
- color: var(--theme-text);
12
+ .yx-chatCardWrapper:not(:first-child) {
13
+ margin-top: 10px;
190
14
  }
191
- .channel-sidebar[data-v-2f397ece] {
192
- display: flex;
193
- flex-direction: column;
194
- width: 294px;
195
- min-width: 150px;
196
- max-width: 300px;
197
- box-sizing: border-box;
198
- background-color: var(--theme-table-header-bg);
199
- border-right: 1px solid var(--theme-line);
200
- padding-bottom: 73px;
201
- position: relative;
15
+ .yx-chatCardWrapper.reverse {
16
+ flex-direction: row-reverse;
202
17
  }
203
- .channel-sidebar .resize-handle[data-v-2f397ece] {
204
- position: absolute;
205
- top: 0;
206
- right: -3px;
207
- width: 4px;
208
- height: 100%;
209
- cursor: col-resize;
210
- z-index: 20;
211
- transition: background-color 0.15s ease;
18
+ .yx-chatCardWrapper.reverse .chatCardContent {
19
+ flex-direction: row-reverse;
20
+ margin-left: 0;
21
+ margin-right: 12px;
212
22
  }
213
- .channel-sidebar .resize-handle[data-v-2f397ece]:hover, .channel-sidebar .resize-handle[data-v-2f397ece]:active {
214
- background-color: var(--theme-form-control-line-active);
23
+ .yx-chatCardWrapper.reverse .chatCardInfo {
24
+ display: flex;
25
+ flex-direction: row-reverse;
215
26
  }
216
- .channel-sidebar .server-header[data-v-2f397ece] {
27
+ .yx-chatCardWrapper.reverse .chatCardMainContent {
217
28
  display: flex;
218
- align-items: center;
219
- justify-content: space-between;
220
- padding: 22px 20px;
221
- border-bottom: 1px solid var(--theme-line);
29
+ flex-direction: row-reverse;
222
30
  }
223
- .channel-sidebar .server-header .server-name[data-v-2f397ece] {
224
- font-size: 15px;
225
- font-weight: 600;
226
- color: var(--theme-stress-text);
227
- overflow: hidden;
228
- text-overflow: ellipsis;
229
- white-space: nowrap;
31
+ .yx-chatCardWrapper.reverse .chatCardStatus {
32
+ margin-right: 10px;
33
+ margin-left: 0;
230
34
  }
231
- .channel-sidebar .server-header .server-setting[data-v-2f397ece] {
232
- color: #b9bbbe;
233
- cursor: pointer;
234
- font-size: 16px;
35
+ .yx-chatCardWrapper.reverse .attach-box {
36
+ margin-left: auto;
235
37
  }
236
- .channel-sidebar .server-header .server-setting[data-v-2f397ece]:hover {
237
- color: #dcddde;
38
+ .yx-chatCardWrapper .chatCardMainContent.attach-box {
39
+ margin-top: 12px;
40
+ padding: 12px;
41
+ border-radius: 8px;
42
+ background-color: var(--theme-home-tab-bg-color, #f2f2f2);
43
+ width: -moz-fit-content;
44
+ width: fit-content;
238
45
  }
239
- .channel-sidebar .channel-list[data-v-2f397ece] {
46
+ .yx-chatCardWrapper .chat-withdraw-msg {
240
47
  flex: 1;
241
- overflow-y: auto;
242
- }
243
- .channel-sidebar .channel-list[data-v-2f397ece]::-webkit-scrollbar {
244
- width: 4px;
245
- }
246
- .channel-sidebar .channel-list[data-v-2f397ece]::-webkit-scrollbar-thumb {
247
- background-color: var(--theme-line);
248
- border-radius: 2px;
48
+ text-align: center;
49
+ font-size: 14px;
50
+ color: var(--theme-placeholder, #9c9db4);
249
51
  }
250
- .channel-sidebar .channel-item[data-v-2f397ece] {
52
+ .yx-chatCardWrapper .chatCardContent {
53
+ flex: 1;
54
+ margin-left: 12px;
251
55
  display: flex;
252
56
  align-items: center;
253
- padding: 16px 22px;
254
- border-radius: 4px;
255
- cursor: pointer;
256
- color: var(--theme-icon-fill-weak);
257
57
  }
258
- .channel-sidebar .channel-item[data-v-2f397ece]:not(:last-child) {
259
- margin-bottom: 2px;
260
- }
261
- .channel-sidebar .channel-item[data-v-2f397ece]:hover {
262
- background-color: var(--theme-select-bg);
263
- color: var(--theme-text);
264
- }
265
- .channel-sidebar .channel-item:hover .channel-setting[data-v-2f397ece] {
266
- opacity: 1;
58
+ .yx-chatCardWrapper .chatCardInfo {
59
+ font-size: 12px;
60
+ color: var(--theme-text, #252b3a);
61
+ text-align: left;
62
+ margin-bottom: 3px;
63
+ display: flex;
64
+ align-items: baseline;
65
+ gap: 8px;
267
66
  }
268
- .channel-sidebar .channel-item.active[data-v-2f397ece] {
269
- background-color: var(--theme-select-bg);
270
- color: var(--theme-text);
67
+ .yx-chatCardWrapper .chatCardInfo .chatCardInfoName {
68
+ color: var(--theme-text, #252b3a);
271
69
  font-weight: 500;
272
70
  font-size: 16px;
273
- }
274
- .channel-sidebar .channel-item .channel-icon[data-v-2f397ece] {
275
- margin-right: 6px;
276
- font-size: 20px;
277
- font-weight: 400;
278
- color: #8e9297;
279
- }
280
- .channel-sidebar .channel-item .channel-name[data-v-2f397ece] {
281
- flex: 1;
282
71
  overflow: hidden;
283
72
  text-overflow: ellipsis;
284
73
  white-space: nowrap;
285
- font-size: 14px;
74
+ max-width: 100%;
75
+ max-width: 375px;
286
76
  }
287
- .channel-sidebar .channel-item .channel-unread[data-v-2f397ece] {
288
- margin-left: 4px;
289
- }
290
- .channel-sidebar .channel-item .channel-setting[data-v-2f397ece] {
291
- opacity: 0;
292
- margin-left: 8px;
77
+ .yx-chatCardWrapper .chatCardInfo .chatCardInfoTime {
78
+ color: var(--theme-placeholder, #9c9db4);
293
79
  font-size: 14px;
294
- color: #8e9297;
295
- cursor: pointer;
296
- transition: opacity 0.15s ease, color 0.15s ease;
297
- flex-shrink: 0;
298
80
  }
299
- .channel-sidebar .channel-item .channel-setting[data-v-2f397ece]:hover {
300
- color: var(--theme-text);
81
+ .yx-chatCardWrapper .chatCardStatus {
82
+ margin-left: 10px;
301
83
  }
302
- .channel-sidebar .add-channel-item[data-v-2f397ece] {
303
- display: flex;
304
- align-items: center;
305
- padding: 12px 22px;
306
- border-radius: 4px;
307
- cursor: pointer;
308
- margin-top: 4px;
309
- color: var(--theme-link);
310
- }
311
- .channel-sidebar .add-channel-item .channel-icon[data-v-2f397ece] {
312
- margin-right: 6px;
313
- font-size: 16px;
314
- color: var(--theme-link);
315
- transition: color 0.15s ease;
316
- display: flex;
317
- align-items: center;
318
- justify-content: center;
84
+ .yx-chatCardWrapper .chatCardMainContent.myMsg .textMsg {
85
+ color: var(--theme-light-text, #fff);
86
+ background-color: var(--theme-btn-primary, #000);
319
87
  }
320
- .channel-sidebar .add-channel-item .channel-name[data-v-2f397ece] {
321
- font-size: 14px;
88
+ .yx-chatCardWrapper .chatCardMainContent.otherMsg .textMsg {
89
+ background-color: var(--theme-area, #f1f1f8);
322
90
  }
323
- [data-v-2f397ece] .ant-modal .ant-modal-content {
324
- background-color: var(--theme-global-bg);
91
+ .yx-chatCardWrapper .textMsg {
92
+ font-size: 16px;
93
+ padding: 12px 16px;
94
+ color: var(--theme-text, #252b3a);
95
+ word-break: break-all;
96
+ white-space: pre-wrap;
97
+ text-align: left;
325
98
  border-radius: 8px;
99
+ max-width: 100%;
100
+ width: -moz-fit-content;
101
+ width: fit-content;
326
102
  }
327
- [data-v-2f397ece] .ant-modal .ant-modal-header {
328
- background-color: var(--theme-global-bg);
329
- border-bottom: none;
330
- }
331
- [data-v-2f397ece] .ant-modal .ant-modal-title {
332
- color: var(--theme-text);
333
- }
334
- [data-v-2f397ece] .ant-modal .ant-modal-close-x {
335
- color: #b9bbbe;
336
- }
337
- [data-v-2f397ece] .ant-modal .ant-form-item-label > label {
338
- color: #b9bbbe;
103
+ .yx-chatCardWrapper .textMsg a {
104
+ color: var(--theme-text, #252b3a) !important;
339
105
  }
340
- [data-v-2f397ece] .ant-modal .ant-input {
341
- background-color: var(--theme-line);
342
- border-color: #040405;
343
- color: #dcddde;
344
- }
345
- [data-v-2f397ece] .ant-modal .ant-input::-moz-placeholder {
346
- color: #72767d;
347
- }
348
- [data-v-2f397ece] .ant-modal .ant-input:-ms-input-placeholder {
349
- color: #72767d;
350
- }
351
- [data-v-2f397ece] .ant-modal .ant-input::placeholder {
352
- color: #72767d;
353
- }
354
- [data-v-2f397ece] .ant-modal .ant-input:hover,[data-v-2f397ece] .ant-modal .ant-input:focus {
355
- border-color: #5865f2;
356
- }
357
- [data-v-2f397ece] .ant-modal .ant-tabs-tab {
358
- color: #b9bbbe;
359
- }
360
- [data-v-2f397ece] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
361
- color: var(--theme-text);
362
- }
363
- [data-v-2f397ece] .ant-modal .ant-tabs-ink-bar {
364
- background-color: #5865f2;
365
- }
366
- .footer-container[data-v-2f397ece] {
367
- display: flex;
368
- align-items: center;
369
- justify-content: flex-end;
370
- gap: 10px;
371
- }
372
- .invite-btn[data-v-2f397ece] {
373
- cursor: pointer;
374
- color: var(--theme-icon-fill-weak);
375
- transition: color 0.15s ease;
376
- }
377
- .invite-btn[data-v-2f397ece]:hover {
378
- color: var(--theme-text);
379
- }.channel-modal .ant-modal-header {
380
- background-color: var(--theme-table-header-bg);
381
- padding: 16px;
382
- margin-bottom: 0;
383
- }
384
- .channel-modal .ant-modal-close {
385
- display: none;
386
- }
387
- .channel-modal .header-container {
388
- display: flex;
389
- align-items: center;
390
- justify-content: space-between;
391
- }
392
- .channel-modal .header-container .header-title {
106
+ .yx-chatCardWrapper .chatCardQuoteMsg {
107
+ margin-top: 12px;
393
108
  font-size: 16px;
394
- font-weight: 600;
395
- color: var(--theme-text);
396
- }
397
- .channel-modal .header-container .header-close {
398
- cursor: pointer;
399
- font-size: 14px;
400
- padding: 4px;
401
- color: var(--theme-text);
402
- }
403
- .invite-modal .ant-modal-content {
109
+ padding: 12px 16px;
110
+ background-color: var(--theme-home-tab-bg-color, #f2f2f2);
404
111
  border-radius: 8px;
405
- padding: 0;
406
112
  }
407
- .invite-modal .ant-modal-header {
408
- background-color: var(--theme-table-header-bg);
409
- padding: 20px 24px 16px;
410
- margin-bottom: 0;
411
- border-bottom: none;
113
+ .yx-chatCardWrapper .chatCardQuoteMsg .chatCardQuoteMsgAttachBox {
114
+ position: relative;
115
+ padding-left: 24px;
412
116
  }
413
- .invite-modal .ant-modal-body {
414
- padding: 24px;
117
+ .yx-chatCardWrapper .chatCardQuoteMsg .chatCardQuoteMsgAttachBox:before {
118
+ position: absolute;
119
+ left: 0;
120
+ top: 0.5em;
121
+ bottom: 0.5em;
122
+ content: "";
123
+ display: block;
124
+ width: 4px;
125
+ border-radius: 4px;
126
+ background-color: var(--theme-line, #e3e3ee);
127
+ }
128
+ .yx-chatCardWrapper .chatCardQuoteMsg .quoteMsgText {
129
+ color: var(--theme-text, #252b3a);
130
+ word-break: break-all;
131
+ white-space: pre-wrap;
132
+ text-align: left;
133
+ max-width: 100%;
134
+ width: -moz-fit-content;
135
+ width: fit-content;
136
+ -webkit-line-clamp: 3;
137
+ -webkit-box-orient: vertical;
138
+ display: -webkit-box;
139
+ overflow: hidden;
415
140
  }
416
- .invite-modal .ant-modal-close {
417
- display: none;
141
+ .yx-chatCardWrapper .chatCardQuoteMsg .quoteMsgImg {
142
+ user-drag: none;
143
+ -webkit-user-drag: none;
418
144
  }
419
- .invite-modal .header-container {
145
+ .yx-chatCardWrapper .fileMsg {
146
+ width: -moz-fit-content;
147
+ width: fit-content;
148
+ background-color: #23252c;
420
149
  display: flex;
421
150
  align-items: center;
422
- justify-content: space-between;
423
- }
424
- .invite-modal .header-container .header-title {
425
- font-size: 16px;
426
- font-weight: 600;
427
- color: var(--theme-text);
151
+ padding: 12px 16px;
152
+ border-radius: 8px;
428
153
  }
429
- .invite-modal .invite-header {
154
+ .yx-chatCardWrapper .fileMsg .fileMsgContent {
155
+ min-width: 175px;
156
+ margin-left: 20px;
430
157
  display: flex;
158
+ flex-direction: column;
431
159
  align-items: flex-start;
432
160
  justify-content: space-between;
433
161
  }
434
- .invite-modal .invite-header .invite-title-row {
435
- display: flex;
436
- align-items: center;
437
- gap: 8px;
438
- }
439
- .invite-modal .invite-header .invite-title-row .invite-icon {
440
- font-size: 18px;
162
+ .yx-chatCardWrapper .fileMsg .fileMsgName {
441
163
  color: var(--theme-text);
442
164
  }
443
- .invite-modal .invite-header .invite-title-row .invite-title {
444
- font-size: 18px;
445
- font-weight: 600;
446
- color: var(--theme-text);
165
+ .yx-chatCardWrapper .fileMsg .fileMsgSize {
166
+ color: #6e6f74;
447
167
  }
448
- .invite-modal .invite-header .invite-close {
449
- cursor: pointer;
450
- color: var(--theme-icon-fill-weak);
451
- font-size: 16px;
452
- padding: 4px;
453
- transition: color 0.15s ease;
454
- }
455
- .invite-modal .invite-header .invite-close:hover {
456
- color: var(--theme-text);
457
- }
458
- .invite-modal .invite-content .invite-subtitle {
459
- font-size: 15px;
460
- font-weight: 600;
461
- color: var(--theme-text);
462
- margin-bottom: 12px;
463
- }
464
- .invite-modal .invite-content .invite-subtitle .channel-tag {
465
- color: var(--theme-text);
466
- }
467
- .invite-modal .invite-content .invite-desc {
468
- font-size: 14px;
469
- color: var(--theme-icon-fill-weak);
470
- margin-bottom: 16px;
471
- }
472
- .invite-modal .invite-content .invite-link-wrap {
473
- display: flex;
474
- align-items: center;
475
- gap: 12px;
476
- border: 1px solid var(--theme-line-border);
168
+
169
+ /* 文本消息自定义右键菜单(Teleport 到 body,根节点 yx- 前缀,不嵌套以便选中 body 下节点) */
170
+ .yx-chatCardTextMsgContextMenu {
171
+ position: fixed;
172
+ z-index: 9999;
173
+ min-width: 100px;
174
+ padding: 4px 0;
175
+ background: var(--theme-default-bg, #fff);
477
176
  border-radius: 6px;
478
- padding: 8px 8px 8px 16px;
177
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
178
+ border: 1px solid var(--theme-line, #e3e3ee);
479
179
  }
480
- .invite-modal .invite-content .invite-link-wrap .invite-link-input {
481
- flex: 1;
482
- border: none;
483
- background: transparent;
484
- color: var(--theme-text);
180
+ .yx-chatCardTextMsgContextMenu .yx-chatCardTextMsgContextMenu-item {
181
+ padding: 6px 12px;
485
182
  font-size: 14px;
486
- padding: 0;
487
- box-shadow: none;
183
+ color: var(--theme-text, #252b3a);
184
+ cursor: pointer;
185
+ white-space: nowrap;
488
186
  }
489
- .invite-modal .invite-content .invite-link-wrap .invite-link-input:focus, .invite-modal .invite-content .invite-link-wrap .invite-link-input:hover {
490
- border: none;
491
- box-shadow: none;
187
+ .yx-chatCardTextMsgContextMenu .yx-chatCardTextMsgContextMenu-item:hover {
188
+ background: var(--theme-area, #f5f5f5);
492
189
  }
493
- .invite-modal .invite-content .invite-link-wrap .invite-link-input.ant-input {
494
- background: transparent;
190
+
191
+ /* 闪烁动画:只执行一次 */
192
+ .yx-flash-a-moment .flash-target {
193
+ animation: flash-a-moment 1s ease-in-out 1 forwards;
495
194
  }
496
- .invite-modal .invite-content .invite-link-wrap .copy-btn {
497
- flex-shrink: 0;
498
- background-color: var(--theme-btn-primary);
499
- border: none;
500
- color: var(--theme-light-text);
501
- font-weight: 500;
502
- padding: 6px 20px;
503
- height: auto;
504
- border-radius: 4px;
505
- }
506
- .invite-modal .invite-content .invite-link-wrap .copy-btn:hover {
507
- background-color: var(--theme-btn-primary-hover);
508
- opacity: 0.9;
509
- }
510
- .invite-modal .header-close {
511
- cursor: pointer;
512
- font-size: 14px;
513
- padding: 4px;
514
- color: var(--theme-text);
195
+ @keyframes flash-a-moment {
196
+ 0% {
197
+ opacity: 1;
515
198
  }
516
- .delete-channel-modal .ant-modal-body {
517
- padding-bottom: 16px;
199
+ 50% {
200
+ opacity: 0.6;
518
201
  }
519
- body.resizing {
520
- -webkit-user-select: none;
521
- -moz-user-select: none;
522
- -ms-user-select: none;
523
- user-select: none;
524
- cursor: col-resize !important;
202
+ 100% {
203
+ opacity: 1;
525
204
  }
526
- body.resizing * {
527
- cursor: col-resize !important;
528
205
  }
@@ -1,6 +1,6 @@
1
1
  import { createVNode, defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, unref, withCtx, createBlock, Fragment, renderList } from "vue";
2
2
  import { Tooltip, Spin } from "ant-design-vue";
3
- import { b as useChannelStore, a as useServerStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CAZ44kgX.mjs";
3
+ import { u as useChannelStore, a as useServerStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-BaKNB-4q.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 { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
@@ -1,6 +1,6 @@
1
1
  import { createVNode, defineComponent, ref, computed, watch, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, unref, Fragment, renderList, withCtx, toDisplayString, createBlock, createCommentVNode, normalizeStyle, withModifiers, createTextVNode } from "vue";
2
2
  import { Form, Tooltip, Badge, Modal, Input, Button, message } from "ant-design-vue";
3
- import { u as useImSdkStore, a as useServerStore, b as useChannelStore, c as useUserStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-CAZ44kgX.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-BaKNB-4q.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";
@@ -638,7 +638,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
638
638
  };
639
639
  }
640
640
  });
641
- const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f397ece"]]);
641
+ const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-961f30d7"]]);
642
642
  export {
643
643
  ServerChannelSidebar as S
644
644
  };