yx-web-sdk 0.0.4 → 0.0.6

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 (11) hide show
  1. package/dist/components/server-channel-sidebar/index.vue.d.ts +3 -0
  2. package/dist/index/style7.css +69 -63
  3. package/dist/{index-4m4OVlx8.mjs → index-B9OmCyeD.mjs} +69 -65
  4. package/dist/index-entry/index.js +67 -45
  5. package/dist/index-entry/style.css +19 -19
  6. package/dist/server-channel-sidebar/index.js +1 -1
  7. package/dist/server-channel-sidebar/index.vue.d.ts +3 -0
  8. package/dist/style.css +88 -82
  9. package/dist/yx-web-sdk.es.js +135 -109
  10. package/dist/yx-web-sdk.umd.js +135 -109
  11. package/package.json +1 -1
package/dist/components/server-channel-sidebar/index.vue.d.ts CHANGED
@@ -1,12 +1,15 @@
1
1
  import type { ServerInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatServerServiceInterface';
2
2
  import type { ChannelInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatChannelServiceInterface';
3
3
  type __VLS_Props = {
4
+ /** 请求函数 */
4
5
  request: (options: {
5
6
  url: string;
6
7
  method: string;
7
8
  data?: any;
8
9
  params?: any;
9
10
  }) => Promise<any>;
11
+ /** 是否禁用切换（正在切换服务器/频道时禁用） */
12
+ disabled?: boolean;
10
13
  };
11
14
  declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
12
15
  selectServer: (server: ServerInfo) => any;
package/dist/index/style7.css CHANGED
@@ -1,9 +1,15 @@
1
- .sidebar-container[data-v-2cae689d] {
1
+ .sidebar-container[data-v-aa2c6123] {
2
2
  display: flex;
3
3
  height: 100%;
4
4
  position: relative;
5
5
  }
6
- .user-panel-float[data-v-2cae689d] {
6
+ .sidebar-container.is-switching .server-item[data-v-aa2c6123],
7
+ .sidebar-container.is-switching .channel-item[data-v-aa2c6123] {
8
+ cursor: not-allowed;
9
+ opacity: 0.6;
10
+ pointer-events: none;
11
+ }
12
+ .user-panel-float[data-v-aa2c6123] {
7
13
  position: absolute;
8
14
  bottom: 12px;
9
15
  left: 12px;
@@ -18,11 +24,11 @@
18
24
  border-radius: 8px;
19
25
  box-shadow: 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431);
20
26
  }
21
- .user-panel-float .user-avatar[data-v-2cae689d] {
27
+ .user-panel-float .user-avatar[data-v-aa2c6123] {
22
28
  position: relative;
23
29
  flex-shrink: 0;
24
30
  }
25
- .user-panel-float .user-avatar .online-indicator[data-v-2cae689d] {
31
+ .user-panel-float .user-avatar .online-indicator[data-v-aa2c6123] {
26
32
  position: absolute;
27
33
  bottom: 0;
28
34
  right: 0;
@@ -32,12 +38,12 @@
32
38
  border: 3px solid #1a1b1e;
33
39
  border-radius: 50%;
34
40
  }
35
- .user-panel-float .user-info[data-v-2cae689d] {
41
+ .user-panel-float .user-info[data-v-aa2c6123] {
36
42
  flex: 1;
37
43
  overflow: hidden;
38
44
  min-width: 0;
39
45
  }
40
- .user-panel-float .user-info .user-name[data-v-2cae689d] {
46
+ .user-panel-float .user-info .user-name[data-v-aa2c6123] {
41
47
  font-size: 14px;
42
48
  font-weight: 600;
43
49
  color: var(--theme-text);
@@ -45,25 +51,25 @@
45
51
  text-overflow: ellipsis;
46
52
  white-space: nowrap;
47
53
  }
48
- .user-panel-float .user-info .user-status[data-v-2cae689d] {
54
+ .user-panel-float .user-info .user-status[data-v-aa2c6123] {
49
55
  display: flex;
50
56
  align-items: center;
51
57
  gap: 4px;
52
58
  font-size: 12px;
53
59
  color: var(--theme-success-text);
54
60
  }
55
- .user-panel-float .user-info .user-status .status-dot[data-v-2cae689d] {
61
+ .user-panel-float .user-info .user-status .status-dot[data-v-aa2c6123] {
56
62
  width: 8px;
57
63
  height: 8px;
58
64
  background-color: var(--theme-success-text);
59
65
  border-radius: 50%;
60
66
  }
61
- .user-panel-float .user-actions[data-v-2cae689d] {
67
+ .user-panel-float .user-actions[data-v-aa2c6123] {
62
68
  display: flex;
63
69
  align-items: center;
64
70
  gap: 8px;
65
71
  }
66
- .user-panel-float .user-actions .action-btn[data-v-2cae689d] {
72
+ .user-panel-float .user-actions .action-btn[data-v-aa2c6123] {
67
73
  width: 20px;
68
74
  height: 20px;
69
75
  display: flex;
@@ -76,14 +82,14 @@
76
82
  font-size: 16px;
77
83
  outline: none;
78
84
  }
79
- .user-panel-float .user-actions .action-btn[data-v-2cae689d]:hover {
85
+ .user-panel-float .user-actions .action-btn[data-v-aa2c6123]:hover {
80
86
  background-color: var(--theme-icon-hover);
81
87
  color: var(--theme-text);
82
88
  }
83
- .user-panel-float .user-actions .action-btn[data-v-2cae689d]:focus {
89
+ .user-panel-float .user-actions .action-btn[data-v-aa2c6123]:focus {
84
90
  outline: none;
85
91
  }
86
- .server-sidebar[data-v-2cae689d] {
92
+ .server-sidebar[data-v-aa2c6123] {
87
93
  display: flex;
88
94
  flex-direction: column;
89
95
  width: 72px;
@@ -91,22 +97,22 @@
91
97
  padding: 16px 0;
92
98
  padding-bottom: 60px;
93
99
  }
94
- .server-sidebar .server-list[data-v-2cae689d] {
100
+ .server-sidebar .server-list[data-v-aa2c6123] {
95
101
  flex: 1;
96
102
  overflow-y: auto;
97
103
  overflow-x: hidden;
98
104
  border-right: 1px solid var(--theme-line);
99
105
  }
100
- .server-sidebar .server-list[data-v-2cae689d]::-webkit-scrollbar {
106
+ .server-sidebar .server-list[data-v-aa2c6123]::-webkit-scrollbar {
101
107
  width: 0;
102
108
  }
103
- .server-sidebar .logo-wrap[data-v-2cae689d] {
109
+ .server-sidebar .logo-wrap[data-v-aa2c6123] {
104
110
  margin: 0 16px;
105
111
  border-bottom: 1px solid var(--theme-line-split);
106
112
  padding-bottom: 12px;
107
113
  margin-bottom: 12px;
108
114
  }
109
- .server-sidebar .logo-wrap .logo[data-v-2cae689d] {
115
+ .server-sidebar .logo-wrap .logo[data-v-aa2c6123] {
110
116
  width: 40px;
111
117
  height: 40px;
112
118
  border-radius: 8px;
@@ -117,7 +123,7 @@
117
123
  overflow: hidden;
118
124
  transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
119
125
  }
120
- .server-sidebar .server-item[data-v-2cae689d] {
126
+ .server-sidebar .server-item[data-v-aa2c6123] {
121
127
  position: relative;
122
128
  display: flex;
123
129
  align-items: center;
@@ -125,7 +131,7 @@
125
131
  margin: 0 16px 16px;
126
132
  cursor: pointer;
127
133
  }
128
- .server-sidebar .server-item .server-icon[data-v-2cae689d] {
134
+ .server-sidebar .server-item .server-icon[data-v-aa2c6123] {
129
135
  width: 40px;
130
136
  height: 40px;
131
137
  border-radius: 8px;
@@ -136,35 +142,35 @@
136
142
  overflow: hidden;
137
143
  transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
138
144
  }
139
- .server-sidebar .server-item .server-icon img[data-v-2cae689d] {
145
+ .server-sidebar .server-item .server-icon img[data-v-aa2c6123] {
140
146
  width: 100%;
141
147
  height: 100%;
142
148
  -o-object-fit: cover;
143
149
  object-fit: cover;
144
150
  }
145
- .server-sidebar .server-item .server-icon .server-initial[data-v-2cae689d] {
151
+ .server-sidebar .server-item .server-icon .server-initial[data-v-aa2c6123] {
146
152
  font-size: 18px;
147
153
  font-weight: 500;
148
154
  color: var(--theme-text);
149
155
  }
150
- .server-sidebar .server-item:hover .server-icon[data-v-2cae689d], .server-sidebar .server-item.active .server-icon[data-v-2cae689d] {
156
+ .server-sidebar .server-item:hover .server-icon[data-v-aa2c6123], .server-sidebar .server-item.active .server-icon[data-v-aa2c6123] {
151
157
  border-radius: 16px;
152
158
  background-color: var(--theme-form-control-line-active);
153
159
  }
154
- .server-sidebar .server-item:hover .server-icon .server-initial[data-v-2cae689d], .server-sidebar .server-item.active .server-icon .server-initial[data-v-2cae689d] {
160
+ .server-sidebar .server-item:hover .server-icon .server-initial[data-v-aa2c6123], .server-sidebar .server-item.active .server-icon .server-initial[data-v-aa2c6123] {
155
161
  color: var(--theme-light-text);
156
162
  }
157
- .server-sidebar .server-item .unread-badge[data-v-2cae689d] {
163
+ .server-sidebar .server-item .unread-badge[data-v-aa2c6123] {
158
164
  position: absolute;
159
165
  bottom: -4px;
160
166
  right: 4px;
161
167
  }
162
- .server-sidebar .server-item.add-server[data-v-2cae689d] {
168
+ .server-sidebar .server-item.add-server[data-v-aa2c6123] {
163
169
  margin-top: 8px;
164
170
  padding-top: 8px;
165
171
  border-top: 2px solid var(--theme-global-bg);
166
172
  }
167
- .server-sidebar .server-item.add-server .add-server-btn[data-v-2cae689d] {
173
+ .server-sidebar .server-item.add-server .add-server-btn[data-v-aa2c6123] {
168
174
  width: 48px;
169
175
  height: 48px;
170
176
  border-radius: 50%;
@@ -177,12 +183,12 @@
177
183
  color: var(--theme-success-text);
178
184
  font-size: 20px;
179
185
  }
180
- .server-sidebar .server-item.add-server .add-server-btn[data-v-2cae689d]:hover {
186
+ .server-sidebar .server-item.add-server .add-server-btn[data-v-aa2c6123]:hover {
181
187
  border-radius: 16px;
182
188
  background-color: var(--theme-success-text);
183
189
  color: var(--theme-text);
184
190
  }
185
- .channel-sidebar[data-v-2cae689d] {
191
+ .channel-sidebar[data-v-aa2c6123] {
186
192
  display: flex;
187
193
  flex-direction: column;
188
194
  width: 294px;
@@ -191,14 +197,14 @@
191
197
  border-right: 1px solid var(--theme-line);
192
198
  padding-bottom: 60px;
193
199
  }
194
- .channel-sidebar .server-header[data-v-2cae689d] {
200
+ .channel-sidebar .server-header[data-v-aa2c6123] {
195
201
  display: flex;
196
202
  align-items: center;
197
203
  justify-content: space-between;
198
204
  padding: 22px 20px;
199
205
  border-bottom: 1px solid var(--theme-line);
200
206
  }
201
- .channel-sidebar .server-header .server-name[data-v-2cae689d] {
207
+ .channel-sidebar .server-header .server-name[data-v-aa2c6123] {
202
208
  font-size: 15px;
203
209
  font-weight: 600;
204
210
  color: var(--theme-stress-text);
@@ -206,26 +212,26 @@
206
212
  text-overflow: ellipsis;
207
213
  white-space: nowrap;
208
214
  }
209
- .channel-sidebar .server-header .server-setting[data-v-2cae689d] {
215
+ .channel-sidebar .server-header .server-setting[data-v-aa2c6123] {
210
216
  color: #b9bbbe;
211
217
  cursor: pointer;
212
218
  font-size: 16px;
213
219
  }
214
- .channel-sidebar .server-header .server-setting[data-v-2cae689d]:hover {
220
+ .channel-sidebar .server-header .server-setting[data-v-aa2c6123]:hover {
215
221
  color: #dcddde;
216
222
  }
217
- .channel-sidebar .channel-list[data-v-2cae689d] {
223
+ .channel-sidebar .channel-list[data-v-aa2c6123] {
218
224
  flex: 1;
219
225
  overflow-y: auto;
220
226
  }
221
- .channel-sidebar .channel-list[data-v-2cae689d]::-webkit-scrollbar {
227
+ .channel-sidebar .channel-list[data-v-aa2c6123]::-webkit-scrollbar {
222
228
  width: 4px;
223
229
  }
224
- .channel-sidebar .channel-list[data-v-2cae689d]::-webkit-scrollbar-thumb {
230
+ .channel-sidebar .channel-list[data-v-aa2c6123]::-webkit-scrollbar-thumb {
225
231
  background-color: var(--theme-line);
226
232
  border-radius: 2px;
227
233
  }
228
- .channel-sidebar .channel-item[data-v-2cae689d] {
234
+ .channel-sidebar .channel-item[data-v-aa2c6123] {
229
235
  display: flex;
230
236
  align-items: center;
231
237
  padding: 16px 22px;
@@ -234,36 +240,36 @@
234
240
  margin-bottom: 2px;
235
241
  color: var(--theme-icon-fill-weak);
236
242
  }
237
- .channel-sidebar .channel-item[data-v-2cae689d]:hover {
243
+ .channel-sidebar .channel-item[data-v-aa2c6123]:hover {
238
244
  background-color: var(--theme-icon-hover);
239
245
  color: var(--theme-text);
240
246
  }
241
- .channel-sidebar .channel-item:hover .channel-setting[data-v-2cae689d] {
247
+ .channel-sidebar .channel-item:hover .channel-setting[data-v-aa2c6123] {
242
248
  opacity: 1;
243
249
  }
244
- .channel-sidebar .channel-item.active[data-v-2cae689d] {
250
+ .channel-sidebar .channel-item.active[data-v-aa2c6123] {
245
251
  background-color: var(--theme-icon-hover);
246
252
  color: var(--theme-text);
247
253
  font-weight: 500;
248
254
  font-size: 16px;
249
255
  }
250
- .channel-sidebar .channel-item .channel-icon[data-v-2cae689d] {
256
+ .channel-sidebar .channel-item .channel-icon[data-v-aa2c6123] {
251
257
  margin-right: 6px;
252
258
  font-size: 20px;
253
259
  font-weight: 400;
254
260
  color: #8e9297;
255
261
  }
256
- .channel-sidebar .channel-item .channel-name[data-v-2cae689d] {
262
+ .channel-sidebar .channel-item .channel-name[data-v-aa2c6123] {
257
263
  flex: 1;
258
264
  overflow: hidden;
259
265
  text-overflow: ellipsis;
260
266
  white-space: nowrap;
261
267
  font-size: 14px;
262
268
  }
263
- .channel-sidebar .channel-item .channel-unread[data-v-2cae689d] {
269
+ .channel-sidebar .channel-item .channel-unread[data-v-aa2c6123] {
264
270
  margin-left: 4px;
265
271
  }
266
- .channel-sidebar .channel-item .channel-setting[data-v-2cae689d] {
272
+ .channel-sidebar .channel-item .channel-setting[data-v-aa2c6123] {
267
273
  opacity: 0;
268
274
  margin-left: 8px;
269
275
  font-size: 14px;
@@ -272,10 +278,10 @@
272
278
  transition: opacity 0.15s ease, color 0.15s ease;
273
279
  flex-shrink: 0;
274
280
  }
275
- .channel-sidebar .channel-item .channel-setting[data-v-2cae689d]:hover {
281
+ .channel-sidebar .channel-item .channel-setting[data-v-aa2c6123]:hover {
276
282
  color: var(--theme-text);
277
283
  }
278
- .channel-sidebar .add-channel-item[data-v-2cae689d] {
284
+ .channel-sidebar .add-channel-item[data-v-aa2c6123] {
279
285
  display: flex;
280
286
  align-items: center;
281
287
  padding: 12px 22px;
@@ -284,7 +290,7 @@
284
290
  margin-top: 4px;
285
291
  color: var(--theme-link);
286
292
  }
287
- .channel-sidebar .add-channel-item .channel-icon[data-v-2cae689d] {
293
+ .channel-sidebar .add-channel-item .channel-icon[data-v-aa2c6123] {
288
294
  margin-right: 6px;
289
295
  font-size: 16px;
290
296
  color: var(--theme-link);
@@ -293,64 +299,64 @@
293
299
  align-items: center;
294
300
  justify-content: center;
295
301
  }
296
- .channel-sidebar .add-channel-item .channel-name[data-v-2cae689d] {
302
+ .channel-sidebar .add-channel-item .channel-name[data-v-aa2c6123] {
297
303
  font-size: 14px;
298
304
  }
299
- [data-v-2cae689d] .ant-modal .ant-modal-content {
305
+ [data-v-aa2c6123] .ant-modal .ant-modal-content {
300
306
  background-color: var(--theme-global-bg);
301
307
  border-radius: 8px;
302
308
  }
303
- [data-v-2cae689d] .ant-modal .ant-modal-header {
309
+ [data-v-aa2c6123] .ant-modal .ant-modal-header {
304
310
  background-color: var(--theme-global-bg);
305
311
  border-bottom: none;
306
312
  }
307
- [data-v-2cae689d] .ant-modal .ant-modal-title {
313
+ [data-v-aa2c6123] .ant-modal .ant-modal-title {
308
314
  color: var(--theme-text);
309
315
  }
310
- [data-v-2cae689d] .ant-modal .ant-modal-close-x {
316
+ [data-v-aa2c6123] .ant-modal .ant-modal-close-x {
311
317
  color: #b9bbbe;
312
318
  }
313
- [data-v-2cae689d] .ant-modal .ant-form-item-label > label {
319
+ [data-v-aa2c6123] .ant-modal .ant-form-item-label > label {
314
320
  color: #b9bbbe;
315
321
  }
316
- [data-v-2cae689d] .ant-modal .ant-input {
322
+ [data-v-aa2c6123] .ant-modal .ant-input {
317
323
  background-color: var(--theme-line);
318
324
  border-color: #040405;
319
325
  color: #dcddde;
320
326
  }
321
- [data-v-2cae689d] .ant-modal .ant-input::-moz-placeholder {
327
+ [data-v-aa2c6123] .ant-modal .ant-input::-moz-placeholder {
322
328
  color: #72767d;
323
329
  }
324
- [data-v-2cae689d] .ant-modal .ant-input:-ms-input-placeholder {
330
+ [data-v-aa2c6123] .ant-modal .ant-input:-ms-input-placeholder {
325
331
  color: #72767d;
326
332
  }
327
- [data-v-2cae689d] .ant-modal .ant-input::placeholder {
333
+ [data-v-aa2c6123] .ant-modal .ant-input::placeholder {
328
334
  color: #72767d;
329
335
  }
330
- [data-v-2cae689d] .ant-modal .ant-input:hover,[data-v-2cae689d] .ant-modal .ant-input:focus {
336
+ [data-v-aa2c6123] .ant-modal .ant-input:hover,[data-v-aa2c6123] .ant-modal .ant-input:focus {
331
337
  border-color: #5865f2;
332
338
  }
333
- [data-v-2cae689d] .ant-modal .ant-tabs-tab {
339
+ [data-v-aa2c6123] .ant-modal .ant-tabs-tab {
334
340
  color: #b9bbbe;
335
341
  }
336
- [data-v-2cae689d] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
342
+ [data-v-aa2c6123] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
337
343
  color: var(--theme-text);
338
344
  }
339
- [data-v-2cae689d] .ant-modal .ant-tabs-ink-bar {
345
+ [data-v-aa2c6123] .ant-modal .ant-tabs-ink-bar {
340
346
  background-color: #5865f2;
341
347
  }
342
- .footer-container[data-v-2cae689d] {
348
+ .footer-container[data-v-aa2c6123] {
343
349
  display: flex;
344
350
  align-items: center;
345
351
  justify-content: space-between;
346
352
  gap: 10px;
347
353
  }
348
- .invite-btn[data-v-2cae689d] {
354
+ .invite-btn[data-v-aa2c6123] {
349
355
  cursor: pointer;
350
356
  color: var(--theme-icon-fill-weak);
351
357
  transition: color 0.15s ease;
352
358
  }
353
- .invite-btn[data-v-2cae689d]:hover {
359
+ .invite-btn[data-v-aa2c6123]:hover {
354
360
  color: var(--theme-text);
355
361
  }.channel-modal .ant-modal-header {
356
362
  background-color: var(--theme-table-header-bg);