yx-web-sdk 0.0.23 → 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.
- package/dist/ait-person-popover/index.js +1 -1
- package/dist/chat-card/index.js +1 -1
- package/dist/chat-content/index.js +1 -1
- package/dist/chat-page/index.js +1 -1
- package/dist/chat-room/index.js +1 -1
- package/dist/common-avatar/index.js +1 -1
- package/dist/index/style6.css +97 -78
- package/dist/index/style7.css +3 -0
- package/dist/{index-CwFsDdl5.mjs → index-BhLJLbtt.mjs} +1 -1
- package/dist/{index-C4E0XZdw.mjs → index-Cemc8VjO.mjs} +22 -17
- package/dist/{index-DDCNub37.mjs → index-DwPi-usb.mjs} +1 -1
- package/dist/index-entry/index.js +5 -5
- package/dist/index-entry/style.css +19 -19
- package/dist/{index.vue_vue_type_script_setup_true_lang-B4HvNhJp.mjs → index.vue_vue_type_script_setup_true_lang-DMbIuIqy.mjs} +2 -2
- package/dist/{index.vue_vue_type_style_index_0_lang-Dx16RQv1.mjs → index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs} +8 -7
- package/dist/{index.vue_vue_type_style_index_0_lang-CtXuRziq.mjs → index.vue_vue_type_style_index_0_lang-BbUB5thF.mjs} +3 -3
- package/dist/{index.vue_vue_type_style_index_0_lang-BN-dkKAR.mjs → index.vue_vue_type_style_index_0_lang-DPqAP7D5.mjs} +3 -3
- package/dist/{index.vue_vue_type_style_index_0_lang-DOnNj1Mm.mjs → index.vue_vue_type_style_index_0_lang-DqdPSiTV.mjs} +15 -7
- package/dist/members-sidebar/index.js +1 -1
- package/dist/server-channel-sidebar/index.js +1 -1
- package/dist/style.css +119 -97
- package/dist/utils/index.d.ts +5 -1
- package/dist/yx-web-sdk.es.js +43 -29
- package/dist/yx-web-sdk.umd.js +43 -29
- package/package.json +1 -1
package/dist/chat-card/index.js
CHANGED
package/dist/chat-page/index.js
CHANGED
package/dist/chat-room/index.js
CHANGED
package/dist/index/style6.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.sidebar-container[data-v-
|
|
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-
|
|
7
|
-
.sidebar-container.is-switching .channel-item[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
88
|
+
.user-panel-float .user-actions .action-btn[data-v-f63a486d]:focus {
|
|
89
89
|
outline: none;
|
|
90
90
|
}
|
|
91
|
-
.server-sidebar[data-v-
|
|
91
|
+
.server-sidebar[data-v-f63a486d] {
|
|
92
92
|
display: flex;
|
|
93
93
|
flex-direction: column;
|
|
94
|
-
width:
|
|
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-
|
|
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-
|
|
106
|
+
.server-sidebar .server-list[data-v-f63a486d]::-webkit-scrollbar {
|
|
107
107
|
width: 0;
|
|
108
108
|
}
|
|
109
|
-
.server-sidebar .logo-wrap[data-v-
|
|
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:
|
|
113
|
-
margin-bottom:
|
|
112
|
+
padding-bottom: 11px;
|
|
113
|
+
margin-bottom: 4px;
|
|
114
114
|
}
|
|
115
|
-
.server-sidebar .logo-wrap .logo[data-v-
|
|
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-
|
|
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
|
-
|
|
131
|
+
padding: 8px 18px;
|
|
132
132
|
cursor: pointer;
|
|
133
133
|
}
|
|
134
|
-
.server-sidebar .server-item .server-icon[data-v-
|
|
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
|
-
|
|
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-
|
|
146
|
-
width:
|
|
147
|
-
height:
|
|
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-
|
|
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-
|
|
157
|
-
border
|
|
158
|
-
|
|
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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
256
|
+
.channel-sidebar .server-header .server-setting[data-v-f63a486d]:hover {
|
|
238
257
|
color: #dcddde;
|
|
239
258
|
}
|
|
240
|
-
.channel-sidebar .channel-list[data-v-
|
|
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-
|
|
263
|
+
.channel-sidebar .channel-list[data-v-f63a486d]::-webkit-scrollbar {
|
|
245
264
|
width: 4px;
|
|
246
265
|
}
|
|
247
|
-
.channel-sidebar .channel-list[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
342
|
+
.channel-sidebar .add-channel-item .channel-name[data-v-f63a486d] {
|
|
324
343
|
font-size: 14px;
|
|
325
344
|
}
|
|
326
|
-
[data-v-
|
|
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-
|
|
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-
|
|
353
|
+
[data-v-f63a486d] .ant-modal .ant-modal-title {
|
|
335
354
|
color: var(--theme-text);
|
|
336
355
|
}
|
|
337
|
-
[data-v-
|
|
356
|
+
[data-v-f63a486d] .ant-modal .ant-modal-close-x {
|
|
338
357
|
color: #b9bbbe;
|
|
339
358
|
}
|
|
340
|
-
[data-v-
|
|
359
|
+
[data-v-f63a486d] .ant-modal .ant-form-item-label > label {
|
|
341
360
|
color: #b9bbbe;
|
|
342
361
|
}
|
|
343
|
-
[data-v-
|
|
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-
|
|
367
|
+
[data-v-f63a486d] .ant-modal .ant-input::-moz-placeholder {
|
|
349
368
|
color: #72767d;
|
|
350
369
|
}
|
|
351
|
-
[data-v-
|
|
370
|
+
[data-v-f63a486d] .ant-modal .ant-input:-ms-input-placeholder {
|
|
352
371
|
color: #72767d;
|
|
353
372
|
}
|
|
354
|
-
[data-v-
|
|
373
|
+
[data-v-f63a486d] .ant-modal .ant-input::placeholder {
|
|
355
374
|
color: #72767d;
|
|
356
375
|
}
|
|
357
|
-
[data-v-
|
|
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-
|
|
379
|
+
[data-v-f63a486d] .ant-modal .ant-tabs-tab {
|
|
361
380
|
color: #b9bbbe;
|
|
362
381
|
}
|
|
363
|
-
[data-v-
|
|
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-
|
|
385
|
+
[data-v-f63a486d] .ant-modal .ant-tabs-ink-bar {
|
|
367
386
|
background-color: #5865f2;
|
|
368
387
|
}
|
|
369
|
-
.footer-container[data-v-
|
|
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-
|
|
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-
|
|
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);
|
package/dist/index/style7.css
CHANGED
|
@@ -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-
|
|
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,
|
|
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-
|
|
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
|
-
|
|
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("
|
|
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[
|
|
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[
|
|
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[
|
|
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[
|
|
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[
|
|
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[
|
|
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[
|
|
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-
|
|
646
|
+
const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f63a486d"]]);
|
|
642
647
|
export {
|
|
643
648
|
ServerChannelSidebar as S
|
|
644
649
|
};
|
|
@@ -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 { u as useChannelStore, a as useServerStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-
|
|
3
|
+
import { u as useChannelStore, a as useServerStore, _ 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 { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
|