bhd-components 0.5.7 → 0.5.9

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 (36) hide show
  1. package/dist/{535fc6c5.esm.es5.development.js → 4a44b71b.esm.es5.development.js} +98068 -25721
  2. package/dist/e7b4aef5.esm.es5.production.js +468 -0
  3. package/dist/index.esm.es5.development.css +8467 -0
  4. package/dist/index.esm.es5.development.js +5881 -0
  5. package/dist/index.esm.es5.production.css +1 -0
  6. package/dist/index.esm.es5.production.js +1 -0
  7. package/es2017/customerService/contactsList/index.d.ts +3 -2
  8. package/es2017/customerService/contactsList/index.js +93 -90
  9. package/es2017/customerService/contactsList/index.module.less +32 -13
  10. package/es2017/customerService/function.js +18 -13
  11. package/es2017/customerService/historyFun/index.d.ts +2 -1
  12. package/es2017/customerService/historyFun/index.js +121 -86
  13. package/es2017/customerService/historyFun/index.module.less +40 -6
  14. package/es2017/customerService/index.js +748 -567
  15. package/es2017/customerService/index.module.less +747 -684
  16. package/es2017/icons/components/custom-duihao.js +1 -1
  17. package/es2017/utils/Date.d.ts +9 -0
  18. package/es2017/utils/Date.js +18 -0
  19. package/esm/customerService/contactsList/index.d.ts +3 -2
  20. package/esm/customerService/contactsList/index.js +104 -97
  21. package/esm/customerService/contactsList/index.module.less +32 -13
  22. package/esm/customerService/function.js +18 -13
  23. package/esm/customerService/historyFun/index.d.ts +2 -1
  24. package/esm/customerService/historyFun/index.js +127 -94
  25. package/esm/customerService/historyFun/index.module.less +40 -6
  26. package/esm/customerService/index.js +813 -609
  27. package/esm/customerService/index.module.less +747 -684
  28. package/esm/icons/components/custom-duihao.js +1 -1
  29. package/esm/utils/Date.d.ts +9 -0
  30. package/esm/utils/Date.js +18 -0
  31. package/package.json +4 -3
  32. package/dist/1bddec89.esm.es5.production.js +0 -72
  33. package/dist/CustomerService.esm.es5.development.css +0 -2827
  34. package/dist/CustomerService.esm.es5.development.js +0 -3823
  35. package/dist/CustomerService.esm.es5.production.css +0 -1
  36. package/dist/CustomerService.esm.es5.production.js +0 -1
package/esm/customerService/index.module.less CHANGED
@@ -1,727 +1,790 @@
1
1
  @import "../theme/variable.less";
2
- .service_ChatWindow_Drawer,.ChatWindow_Modal{
3
- width: 100% !important;
4
- :global{
5
- .bhd-drawer-mask{
6
- background-color: @color-border-Tr !important;
7
- }
8
-
9
- }
2
+ // @color-data-visualization-01: @color-background-info-base;
3
+ // @color-text-primary: @color-background-info-base;
4
+
5
+ .service_ChatWindow_Drawer,
6
+ .ChatWindow_Modal {
7
+ width: 100% !important;
8
+ :global {
9
+ .bhd-drawer-mask {
10
+ background-color: @color-border-Tr !important;
10
11
  }
11
- .ChatWindow_Drawer,.ChatWindow_Modal{
12
- /* 全局修改滚动条样式 */
13
- textarea::-webkit-scrollbar {
14
- background-color: #eaedf1;
15
- background-color: transparent;
16
- width: 4px;
17
- height: 4px;
12
+ }
13
+ }
14
+ .ChatWindow_Drawer,
15
+ .ChatWindow_Modal {
16
+ /* 全局修改滚动条样式 */
17
+ textarea::-webkit-scrollbar {
18
+ background-color: #eaedf1;
19
+ background-color: transparent;
20
+ width: 4px;
21
+ height: 4px;
22
+ }
23
+ textarea::-webkit-scrollbar-thumb {
24
+ border-radius: 4px;
25
+ background-color: rgba(0, 0, 0, 0.25);
26
+ }
27
+
28
+ pre::-webkit-scrollbar {
29
+ background-color: #eaedf1;
30
+ background-color: transparent;
31
+ width: 4px;
32
+ height: 4px;
33
+ }
34
+ pre::-webkit-scrollbar-thumb {
35
+ border-radius: 4px;
36
+ background-color: rgba(0, 0, 0, 0.25);
37
+ }
38
+
39
+ // background: #F5F5F5 !important;
40
+ box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1) !important;
41
+ :global {
42
+ .bhd-drawer-body {
43
+ padding: 0 !important;
44
+ }
45
+ }
46
+ .header_wrap {
47
+ .top {
48
+ display: flex;
49
+ padding: 16px 24px;
50
+ justify-content: space-between;
51
+ align-items: center;
52
+ background-color: #fff;
53
+ line-height: 1;
54
+ .user {
55
+ color: #000;
56
+ font-size: 16px;
57
+ font-weight: 600;
58
+ position: relative;
59
+ padding-left: 36px;
60
+ i {
61
+ padding-right: 16px;
62
+ color: #111;
63
+ position: absolute;
64
+ font-size: 20px;
65
+ top: -2px;
66
+ left: 0;
18
67
  }
19
- textarea::-webkit-scrollbar-thumb {
20
- border-radius: 4px;
21
- background-color: rgba(0, 0, 0, 0.25);
68
+ .count{
69
+ position: absolute;
70
+ top: -6px;
71
+ right: 5px;
72
+ background-color: #f4523b;
73
+ color: #fff;
74
+ padding: 0 5px;
75
+ border-radius: 25px;
76
+ font-size: 12px;
77
+ line-height: 1.2;
22
78
  }
23
-
24
- pre::-webkit-scrollbar {
25
- background-color: #eaedf1;
26
- background-color: transparent;
27
- width: 4px;
28
- height: 4px;
79
+ }
80
+ .operate {
81
+ display: flex;
82
+ height: 16px;
83
+ i {
84
+ font-size: 16px;
85
+ margin-left: 23px;
86
+ cursor: pointer;
29
87
  }
30
- pre::-webkit-scrollbar-thumb {
31
- border-radius: 4px;
32
- background-color: rgba(0, 0, 0, 0.25);
88
+ // :global{
89
+ // .iconicon_guanbi_Close{
90
+ // // font-size: 23px;
91
+ // position: relative;
92
+ // top: 1px;
93
+ // }
94
+ // }
95
+ .line {
96
+ display: inline-block;
97
+ width: 1px;
98
+ height: 16px;
99
+ background-color: @color-border-Tr;
100
+ margin: 0 4px;
101
+ margin-left: 23px;
33
102
  }
34
-
35
- // background: #F5F5F5 !important;
36
- box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10) !important;
37
- :global{
38
-
39
- .bhd-drawer-body{
40
- padding: 0 !important;
41
- }
42
- }
43
- .header_wrap{
44
- .top{
45
- display: flex;
46
- padding: 16px 24px;
47
- justify-content: space-between;
48
- align-items: center;
49
- background-color: #fff;
50
- line-height: 1;
51
- .user{
52
- color: #000;
53
- font-size: 16px;
54
- font-weight: 600;
55
- position: relative;
56
- padding-left: 36px;
57
- i{
58
- padding-right: 16px;
59
- color: #111;
60
- position: absolute;
61
- font-size: 20px;
62
- top: -2px;
63
- left: 0;
64
- }
65
- }
66
- .operate{
67
- display: flex;
68
- height: 16px;
69
- i{
70
- font-size: 16px;
71
- margin-left: 23px;
72
- cursor: pointer;
73
- }
74
- // :global{
75
- // .iconicon_guanbi_Close{
76
- // // font-size: 23px;
77
- // position: relative;
78
- // top: 1px;
79
- // }
80
- // }
81
- .line{
82
- display: inline-block;
83
- width: 1px;
84
- height: 16px;
85
- background-color: @color-border-Tr;
86
- margin: 0 4px;
87
- margin-left: 23px;
88
- }
89
- }
90
-
91
- }
103
+ }
104
+ }
105
+ }
106
+ //newlabo中使用
107
+ .header_wrap_newlabo {
108
+ .top {
109
+ background-color: #f5f5f5;
110
+ border-bottom: 1px solid @color-border-Tr;
111
+ .user {
112
+ padding-left: 0;
113
+ font-weight: 400;
114
+ }
115
+ }
116
+ }
117
+ .Drawer_main {
118
+ max-height: calc(100vh - 110px);
119
+ overflow: auto;
120
+ background: #f5f5f5;
121
+ min-height: 500px;
122
+ .loading {
123
+ text-align: center;
124
+ margin: 10px 0;
125
+ img {
126
+ width: 30px;
127
+ height: 30px;
128
+ }
129
+ }
130
+ .message_con {
131
+ padding: 16px;
132
+ padding-top: 0;
133
+ .left {
134
+ .head_sculpture {
135
+ width: 32px;
136
+ height: 32px;
137
+ margin-top: 24px;
138
+ border-radius: 50%;
139
+ display: inline-block;
140
+ vertical-align: top;
141
+ overflow: hidden;
142
+ img {
143
+ width: 100%;
144
+ height: 100%;
145
+ }
92
146
  }
93
- //newlabo中使用
94
- .header_wrap_newlabo{
95
- .top{
96
- background-color: #f5f5f5;
97
- border-bottom: 1px solid @color-border-Tr;
98
- .user{
99
- padding-left: 0;
100
- font-weight: 400;
101
- }
102
- }
147
+ }
148
+ .right {
149
+ .head_sculpture {
150
+ width: 32px;
151
+ height: 32px;
152
+ margin-top: 24px;
153
+ line-height: 32px;
154
+ border-radius: 50%;
155
+ display: inline-block;
156
+ vertical-align: top;
157
+ overflow: hidden;
158
+ // background-color: @color-background-primary-base;
159
+ text-align: center;
160
+ i {
161
+ color: #fff;
162
+ }
163
+ img {
164
+ width: 100%;
165
+ height: 100%;
166
+ }
103
167
  }
104
- .Drawer_main{
105
- max-height: calc(100vh - 110px);
106
- overflow: auto;
107
- background: #F5F5F5;
108
- min-height: 500px;
109
- .loading{
110
- text-align: center;
111
- margin:10px 0;
112
- img{
113
- width: 30px;
114
- height: 30px;
115
- }
168
+ }
169
+ & > li {
170
+ position: relative;
171
+ // margin-bottom: 24px;
172
+ display: flex;
173
+ width: 100%;
174
+ .main {
175
+ max-width: 80%;
176
+ .main_content {
177
+ position: relative;
178
+ &:hover {
179
+ .operate_modal {
180
+ // display: block;
181
+ visibility: visible;
182
+ }
116
183
  }
117
- .message_con{
118
- padding: 16px;
119
- padding-top: 0;
120
- .left{
121
- .head_sculpture{
122
- width: 32px;
123
- height: 32px;
124
- margin-top: 24px;
125
- border-radius: 50%;
126
- display: inline-block;
127
- vertical-align: top;
128
- overflow: hidden;
129
- img{
130
- width: 100%;
131
- height: 100%;
132
-
133
- }
134
- }
135
- }
136
- .right{
137
- .head_sculpture{
138
- width: 32px;
139
- height: 32px;
140
- margin-top: 24px;
141
- line-height: 32px;
142
- border-radius: 50%;
143
- display: inline-block;
144
- vertical-align: top;
145
- overflow: hidden;
146
- // background-color: @color-background-primary-base;
147
- text-align: center;
148
- i{
149
- color: #fff;
150
- }
151
- img{
152
- width: 100%;
153
- height: 100%;
154
-
155
- }
156
- }
157
- }
158
- &>li{
159
- position: relative;
160
- // margin-bottom: 24px;
161
- display: flex;
162
- width: 100%;
163
- .main{
164
- max-width: 80%;
165
- .main_content{
166
- position: relative;
167
- &:hover{
168
- .operate_modal{
169
- // display: block;
170
- visibility:visible;
171
- }
172
- }
173
- .content{
174
-
175
- max-width: 100%;
176
- // width: 100%;
177
- //以下优化ai返回的内容的样式
178
- .content_child{
179
- padding: 0;
180
- line-height: 1;
181
- p,li{
182
- line-height: 1.5;
183
- color: rgba(0, 0, 0, 0.85);
184
- }
185
-
186
- &>h3{
187
- font-size: 16px;
188
- font-weight: 600;
189
- padding: 10px 0;
190
- }
191
- ol{
192
- li p{
193
- padding: 4px 0;
194
- font-size: 14px;
195
- font-weight: 600;
196
- }
197
- li>ul li{
198
- list-style: inside;
199
- color: rgba(0, 0, 0, 0.65);
200
- }
201
- }
202
-
203
- }
204
- pre{
205
- background: rgba(0,0,0,0.05);
206
- padding: 12px;
207
- line-height: 1.5;
208
- margin: 4px 0;
209
- }
210
- }
211
- }
212
- .operate_modal{
213
- // display: none;
214
- visibility: hidden;
215
- // min-width: 200px;
216
- height: 24px;
217
- white-space: nowrap;
218
- position: relative;
219
- right: 0;
220
- top: -14px;
221
- z-index: 99999;
222
- text-align: right;
223
- // padding-bottom: 10px;
224
- .operate{
225
- display: inline-flex;
226
- align-items: center;
227
- padding: 8px 0;
228
- border-radius: 4px;
229
- background: #FFF;
230
- box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
231
- line-height: 1;
232
- color: @color-text-tertiary-Tr;
233
- i{
234
- color: @color-text-tertiary-Tr;
235
- font-size: 16px;
236
- cursor: pointer;
237
- svg{
238
- color:@color-icon-fill-Tr;
239
- }
240
- &:hover{
241
- svg{
242
- color: #f4523b;
243
- }
244
-
245
- }
246
- }
247
- .active{
248
- color: @color-background-primary-base;
249
- }
250
- span{
251
- margin: 0 8px;
252
- }
253
- .ask_question{
254
- cursor: pointer;
255
- color: @color-text-tertiary-Tr;
256
- font-size: 12px;
257
- line-height: 1;
258
- padding: 2px 8px;
259
- background-color: @color-background-filltertiary-Tr;
260
- margin-right: 16px;
261
- }
262
- }
263
- }
264
- .operate_modal_bottom{
265
- display: flex;
266
- justify-content: space-between;
267
- align-items: center;
268
- .operate{
269
- display: inline-block;
270
- padding: 8px;
271
- line-height: 1;
272
- color: @color-text-tertiary-Tr;
273
- i{
274
- color: @color-text-tertiary-Tr;
275
- font-size: 16px;
276
- cursor: pointer;
277
- svg{
278
- color:@color-icon-fill-Tr;
279
- }
280
- &:hover{
281
- svg{
282
- color: #f4523b;
283
- }
284
- }
285
- }
286
- .active{
287
- color: @color-background-primary-base;
288
- }
289
- span{
290
- margin: 0 16px;
291
- }
292
- }
293
- .stop_generate{
294
- // position: absolute;
295
- font-size: 12px;
296
- color: @color-text-tertiary-Tr;
297
- display: inline-block;
298
- padding: 8px 0;
299
- cursor: pointer;
300
- span{
301
- display: inline-block;
302
- width: 10px;
303
- height: 10px;
304
- border-radius: 2px;
305
- background-color: @color-text-tertiary-Tr;
306
- margin-right: 4px;
307
-
308
- }
309
-
310
- }
311
- .stop_findTeacher{
312
- font-size: 12px;
313
- color: @color-text-tertiary-Tr;
314
- display: inline-block;
315
- padding: 8px 0;
316
- cursor: pointer;
317
- span{
318
- padding: 2px 8px;
319
- background-color: @color-background-filltertiary-Tr;
320
- color:@color-text-tertiary-Tr;
321
- }
322
- }
323
- }
324
-
325
-
326
- }
327
- .content{
328
- padding: 12px 16px;
329
- // max-width: 80%;
330
- display: inline-block;
331
- font-size: 14px;
332
- }
333
- }
334
- .left{
335
- justify-content: flex-end;
336
- .main{
337
- text-align: right;
338
- }
339
- }
340
- li.left .content{
341
- border-radius: 20px 2px 20px 20px;
342
- background: #D1E4FF;
343
- text-align: left;
344
- // position: absolute;
345
- // left: 0;
346
- // float: right;
347
-
184
+ .content {
185
+ max-width: 100%;
186
+ // width: 100%;
187
+ //以下优化ai返回的内容的样式
188
+ .content_child {
189
+ padding: 0;
190
+ line-height: 1;
191
+ p,
192
+ li {
193
+ line-height: 1.5;
194
+ color: rgba(0, 0, 0, 0.85);
348
195
  }
349
- li.right .content{
350
- border-radius: 2px 20px 20px 20px;
351
- background: #fff;
352
- // position: absolute;
353
- // right: 0;
196
+
197
+ & > h3 {
198
+ font-size: 16px;
199
+ font-weight: 600;
200
+ padding: 10px 0;
354
201
  }
355
-
356
- li .content{
357
- .association_problem li{
358
- color: #5991EF;
359
- font-size: 14px;
360
- font-weight: 400;
361
- line-height: 1.8;
362
- cursor: pointer;
363
- }
364
-
365
-
202
+ ol {
203
+ li p {
204
+ padding: 4px 0;
205
+ font-size: 14px;
206
+ font-weight: 600;
207
+ }
208
+ li > ul li {
209
+ list-style: inside;
210
+ color: rgba(0, 0, 0, 0.65);
211
+ }
366
212
  }
367
- .time{
368
- display: block;
369
- margin: 40px 0;
370
- margin-bottom: 16px;
371
- text-align: center;
372
- font-size: 12px;
373
- color: rgba(0, 0, 0, 0.25);
374
- position: relative;
375
- &::before{
376
- content: '';
377
- width: 100px;
378
- display: inline-block;
379
- height: 1px;
380
- background-color: #EBEBEB;
381
- position: relative;
382
- top: -3px;
383
- right: 16px;
384
-
385
- }
386
- &::after{
387
- content: '';
388
- width: 100px;
389
- display: inline-block;
390
- height: 1px;
391
- background-color: #EBEBEB;
392
- position: relative;
393
- top: -3px;
394
- left: 16px;
395
- }
213
+ }
214
+ pre {
215
+ background: rgba(0, 0, 0, 0.05);
216
+ padding: 12px;
217
+ line-height: 1.5;
218
+ margin: 4px 0;
219
+ }
220
+ }
221
+ }
222
+ .operate_modal {
223
+ // display: none;
224
+ visibility: hidden;
225
+ // min-width: 200px;
226
+ height: 24px;
227
+ white-space: nowrap;
228
+ position: relative;
229
+ right: 0;
230
+ top: -14px;
231
+ z-index: 99999;
232
+ text-align: right;
233
+ // padding-bottom: 10px;
234
+ .operate {
235
+ display: inline-flex;
236
+ align-items: center;
237
+ padding: 8px 0;
238
+ border-radius: 4px;
239
+ background: #fff;
240
+ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
241
+ line-height: 1;
242
+ color: @color-text-tertiary-Tr;
243
+ i {
244
+ color: @color-text-tertiary-Tr;
245
+ font-size: 16px;
246
+ cursor: pointer;
247
+ svg {
248
+ color: @color-icon-fill-Tr;
396
249
  }
397
- .citation_content{
398
- display: inline-block;
399
- margin-top: 4px;
400
- padding: 8px;
401
- border-radius: 2px;
402
- background: #E7E7E7;
403
- p{
404
- color: @color-text-Secondary-Tr;
405
- font-size: 12px;
406
- line-height: 1.5;
407
-
408
- overflow: hidden;
409
- text-overflow: ellipsis;
410
- -webkit-box-orient: vertical;
411
- -webkit-line-clamp: 2;
412
- display: -webkit-box;
413
-
414
- height: 36px;
415
- word-break: break-all;
416
- cursor: pointer;
417
-
418
- text-align: left;
419
- }
250
+ &:hover {
251
+ svg {
252
+ color: @color-data-visualization-01;
253
+ }
420
254
  }
421
-
422
- .popover_content{
423
- max-width: 400px;
255
+ }
256
+ .active {
257
+ // color: @color-background-primary-base;
258
+ svg {
259
+ color: @color-text-primary;
424
260
  }
261
+ }
262
+ span {
263
+ margin: 0 8px;
264
+ }
265
+ .ask_question {
266
+ cursor: pointer;
267
+ color: @color-text-tertiary-Tr;
268
+ font-size: 12px;
269
+ line-height: 1;
270
+ padding: 2px 8px;
271
+ background-color: @color-background-filltertiary-Tr;
272
+ margin-right: 16px;
273
+ }
425
274
  }
426
- }
427
- //newlabo中使用
428
- .Drawer_main_newlabo{
429
- pre{
430
- background: #2b303b !important;
431
- color: #fff;
432
- overflow: auto;
433
- pre::-webkit-scrollbar {
434
- background-color: #eaedf1;
435
- background-color: transparent;
436
- width: 4px;
437
- height: 4px;
275
+ }
276
+ .operate_modal_bottom {
277
+ display: flex;
278
+ justify-content: space-between;
279
+ align-items: center;
280
+ .operate {
281
+ display: inline-block;
282
+ padding: 8px;
283
+ line-height: 1;
284
+ color: @color-text-tertiary-Tr;
285
+ i {
286
+ color: @color-text-tertiary-Tr;
287
+ font-size: 16px;
288
+ cursor: pointer;
289
+ svg {
290
+ color: @color-icon-fill-Tr;
438
291
  }
439
- pre::-webkit-scrollbar-thumb {
440
- border-radius: 4px;
441
- background-color: #f4f4f4;
292
+ &:hover {
293
+ svg {
294
+ color: @color-data-visualization-01;
295
+ }
442
296
  }
443
-
444
- }
445
- }
446
- .Drawer_buttom_Issues_List{
447
- position: absolute;
448
- bottom: 0;
449
- width: 100%;
450
- .issues_list_teacherList{
451
- .item {
452
- display: inline-block;
453
- margin-right: 8px;
297
+ }
298
+ .active {
299
+ // color: @color-background-primary-base;
300
+ svg {
301
+ color: @color-text-primary;
454
302
  }
303
+ }
304
+ span {
305
+ margin: 0 8px;
306
+ cursor: pointer;
307
+ }
455
308
  }
456
- .issues_list{
457
- position: absolute;
458
- bottom: 60px;
459
- padding: 0 16px;
460
- padding-bottom: 4px;
309
+ .stop_generate {
310
+ // position: absolute;
311
+ font-size: 12px;
312
+ color: @color-text-tertiary-Tr;
313
+ display: inline-block;
314
+ padding: 8px 0;
315
+ cursor: pointer;
316
+ .icon {
317
+ display: inline-block;
318
+ width: 10px;
319
+ height: 10px;
320
+ border-radius: 2px;
321
+ background-color: @color-text-tertiary-Tr;
322
+ margin-right: 4px;
323
+ }
324
+ .find_teacher {
325
+ padding: 2px 8px;
326
+ border-radius: 2px;
327
+ background-color: @color-background-filltertiary-Tr;
328
+ color: @color-text-tertiary-Tr;
329
+ font-size: 12px;
461
330
  line-height: 1;
462
- .item > span{
463
- cursor: pointer;
464
- max-width: 100%;
465
- display: inline-block;
466
- margin-bottom: 2px;
467
- padding: 8px 16px;
468
- justify-content: center;
469
- align-items: center;
470
- border-radius: 4px;
471
- background: #ECECEC;
472
- font-size: 14px;
473
- line-height: 1;
474
- overflow: hidden;
475
- // white-space: nowrap;
476
- // text-overflow: ellipsis;
477
-
478
- &:hover{
479
- background-color: #fff;
480
- }
481
- .sign{
482
- color: @color-text-primary;
483
- }
331
+ &:hover{
332
+ color: @color-text-primary;
484
333
  }
334
+ }
485
335
  }
486
- .Drawer_buttom{
487
- display: flex;
488
- align-items: flex-end;
489
- margin-bottom: 12px;
490
- padding: 0 16px;
491
- .input_wrap{
492
- // display: flex;
493
- align-items: flex-end;
494
- width: calc(100% - 36px);
495
- background-color: #fff;
496
- padding: 11px 16px;
497
- border: 1px solid @color-border-secondary;
498
- border-radius: 8px;
499
- justify-content: space-between;
500
- line-height: 1;
501
- position: relative;
502
- padding-right: 1px;
503
- &>.input{
504
- // width: calc(100% - 24px);
505
- line-height: 1;
506
- textarea{
507
- max-height: 100px;
508
- padding: 0;
509
- border: none;
510
- box-shadow: none !important;
511
- resize:none;
512
- padding-right: 48px;
513
- }
514
-
515
- :global{
516
- textarea.bhd-input{
517
- min-height: 21px !important;
518
- line-height: 1.5;
519
- }
520
- .bhd-input[disabled]{
521
- background-color: #fff !important;
522
- }
523
- }
524
- }
525
- &>.no_AI{
526
- width: 100%;
527
- textarea{
528
- padding-right: 12px;
529
- }
530
- }
531
- .voice{
532
- position: absolute;
533
- right: 14px;
534
- bottom: 12px;
535
- i{
536
- cursor: pointer;
537
- svg{
538
- color:@color-icon-fill-Tr;
539
- font-size: 20px;
540
- }
541
- }
542
- .voice_btn{
543
- width: 32px;
544
- cursor: pointer;
545
- position: absolute;
546
- bottom: -6px;
547
- right: 0px;
548
- }
549
- }
550
- .content_main{
551
- display: flex;
552
- align-items: center;
553
- width: calc(100% - 24px);
554
- // margin-right: 8px;
555
- .content_con{
556
- margin-top: 6px;
557
- align-items: center;
558
- padding: 8px;
559
- background: #E7E7E7;
560
- display: inline-block;
561
- width: calc(100% - 60px);
562
- //
563
- p{
564
- color: rgba(0, 0, 0, 0.65);
565
- border-radius: 2px;
566
- font-size: 12px;
567
- line-height: 1.5;
568
-
569
- overflow: hidden;
570
- text-overflow: ellipsis;
571
- -webkit-box-orient: vertical;
572
- -webkit-line-clamp: 2;
573
- display: -webkit-box;
574
-
575
- height: 36px;
576
- word-break: break-all;
577
- }
578
- }
579
- .delete_quote{
580
- font-size: 18px;
581
- color: @color-icon-tertiary;
582
- margin-top: 6px;
583
- }
584
-
585
- }
586
- }
587
-
588
- .sending{
589
- width: 20px;
590
- margin-left: 16px;
591
- margin-bottom: 9px;
592
- i{
593
- svg{
594
- font-size: 20px;
595
- color: @color-icon-fill-Tr;
596
- }
597
- }
598
- .disabled{
599
- svg{
600
- color: rgba(0, 0, 0, 0.25);
601
- cursor: not-allowed;
602
- }
603
- }
336
+ .stop_generate:hover{
337
+ color: @color-text-primary;
338
+ span{
339
+ color: @color-text-primary;
340
+ }
341
+ }
342
+ .stop_findTeacher {
343
+ font-size: 12px;
344
+ color: @color-text-tertiary-Tr;
345
+ display: inline-block;
346
+ padding: 8px 0;
347
+ cursor: pointer;
348
+ span {
349
+ padding: 2px 8px;
350
+ background-color: @color-background-filltertiary-Tr;
351
+ color: @color-text-tertiary-Tr;
352
+ &:hover{
353
+ color: @color-text-primary;
604
354
  }
605
-
355
+ }
606
356
  }
357
+
358
+ }
607
359
  }
608
- //newlabo中使用
609
- .Drawer_buttom_Issues_List_newlabo{
610
- // bottom: revert-layer !important;
611
- background-color: #f5f5f5 !important;
360
+ .content {
361
+ padding: 12px 16px;
362
+ // max-width: 80%;
363
+ display: inline-block;
364
+ font-size: 14px;
612
365
  }
613
-
614
- :global{
615
- .anticon{
616
- vertical-align: 0;
617
- }
366
+ }
367
+ .left {
368
+ justify-content: flex-end;
369
+ .main {
370
+ text-align: right;
618
371
  }
619
- }
620
- .ChatWindow_Drawer{
621
- background: #F5F5F5 !important;
372
+ }
373
+ li.left .content {
374
+ border-radius: 20px 2px 20px 20px;
375
+ background: #d1e4ff;
376
+ text-align: left;
377
+ // position: absolute;
378
+ // left: 0;
379
+ // float: right;
380
+ }
381
+ li.right .content {
382
+ border-radius: 2px 20px 20px 20px;
383
+ background: #fff;
384
+ // position: absolute;
385
+ // right: 0;
386
+ }
387
+
388
+ li .content {
389
+ .association_problem li {
390
+ color: #5991ef;
391
+ font-size: 14px;
392
+ font-weight: 400;
393
+ line-height: 1.8;
394
+ cursor: pointer;
395
+ }
396
+ }
397
+ .time {
398
+ display: block;
399
+ margin: 40px 0;
400
+ margin-bottom: 16px;
401
+ text-align: center;
402
+ font-size: 12px;
403
+ color: rgba(0, 0, 0, 0.25);
622
404
  position: relative;
623
- height: 100%;
624
- :global{
625
- .bhd-drawer-header{
626
- display: none !important;
627
- }
405
+ &::before {
406
+ content: "";
407
+ width: 100px;
408
+ display: inline-block;
409
+ height: 1px;
410
+ background-color: #ebebeb;
411
+ position: relative;
412
+ top: -3px;
413
+ right: 16px;
414
+ }
415
+ &::after {
416
+ content: "";
417
+ width: 100px;
418
+ display: inline-block;
419
+ height: 1px;
420
+ background-color: #ebebeb;
421
+ position: relative;
422
+ top: -3px;
423
+ left: 16px;
628
424
  }
629
-
425
+ }
426
+ .citation_content {
427
+ display: table;
428
+ margin-top: 4px;
429
+ padding: 8px;
430
+ border-radius: 2px;
431
+ background: #e7e7e7;
432
+ p {
433
+ color: @color-text-Secondary-Tr;
434
+ font-size: 12px;
435
+ line-height: 1.5;
436
+
437
+ overflow: hidden;
438
+ text-overflow: ellipsis;
439
+ -webkit-box-orient: vertical;
440
+ -webkit-line-clamp: 2;
441
+ display: -webkit-box;
442
+
443
+ max-height: 36px;
444
+ word-break: break-all;
445
+ cursor: pointer;
446
+
447
+ text-align: left;
448
+ }
449
+ }
450
+
451
+ .popover_content {
452
+ max-width: 400px;
453
+ }
630
454
  }
631
- .ChatWindow_Modal{
632
- :global{
633
- .bhd-modal{
634
- border-radius: 8px;
635
- overflow: hidden;
636
- position: relative;
637
- }
638
- .bhd-modal-content{
639
- height: 100%;
640
- background-color: #F5F5F5 !important;
641
- .bhd-modal-close{
642
- display: none !important;
643
- }
644
- }
645
- .bhd-modal-header{
646
- display: none !important;
647
- }
648
- .bhd-modal-body{
649
- height: 100%;
650
- padding: 0 !important;
651
- border-radius: 4px !important;
652
- }
455
+ }
456
+ .Drawer_main::-webkit-scrollbar {
457
+ background-color: #eff0f7;
458
+ background-color: transparent;
459
+ width: 6px;
460
+ height: 4px;
461
+ }
462
+ .Drawer_main::-webkit-scrollbar-thumb {
463
+ border-radius: 4px;
464
+ background-color: rgba(181, 184, 198, 0.8);
465
+ }
466
+ //newlabo中使用
467
+ .Drawer_main_newlabo {
468
+ pre {
469
+ background: #2b303b !important;
470
+ color: #fff;
471
+ overflow: auto;
472
+ pre::-webkit-scrollbar {
473
+ background-color: #eaedf1;
474
+ background-color: transparent;
475
+ width: 4px;
476
+ height: 4px;
477
+ }
478
+ pre::-webkit-scrollbar-thumb {
479
+ border-radius: 4px;
480
+ background-color: #f4f4f4;
481
+ }
482
+ }
483
+ }
484
+ //隐藏聊天头像
485
+ .Drawer_main_newlabo_no_pic {
486
+ .head_sculpture {
487
+ display: none !important;
488
+ }
489
+ }
490
+ .Drawer_buttom_Issues_List {
491
+ position: absolute;
492
+ bottom: 0;
493
+ width: 100%;
494
+ .issues_list_teacherList {
495
+ white-space: nowrap;
496
+ overflow: auto;
497
+ width: calc(100% - 40px);
498
+ box-sizing: border-box;
499
+ margin-bottom: 6px;
653
500
 
654
- .bhd-drawer-right>.bhd-drawer-content-wrapper{
655
- top: 129px;
656
- right: 200px;
657
- height: 790px;
501
+ .item {
502
+ display: inline-block;
503
+ margin-right: 8px;
504
+ &:last-child {
505
+ margin-right: 0;
506
+ }
507
+ }
508
+ }
509
+ .issues_list_teacherList::-webkit-scrollbar {
510
+ background-color: #eaedf1;
511
+ background-color: transparent;
512
+ width: 4px;
513
+ height: 4px;
514
+ }
515
+ .issues_list_teacherList::-webkit-scrollbar-thumb {
516
+ border-radius: 4px;
517
+ background-color: #fff;
518
+ }
519
+ .issues_list {
520
+ position: absolute;
521
+ bottom: 60px;
522
+ margin: 0 16px;
523
+ padding-bottom: 4px;
524
+ line-height: 1;
525
+ .item > span {
526
+ cursor: pointer;
527
+ max-width: 100%;
528
+ display: inline-block;
529
+ margin-bottom: 2px;
530
+ padding: 8px 16px;
531
+ justify-content: center;
532
+ align-items: center;
533
+ border-radius: 4px;
534
+ background: #ececec;
535
+ font-size: 14px;
536
+ line-height: 1;
537
+ overflow: hidden;
538
+ // white-space: nowrap;
539
+ // text-overflow: ellipsis;
540
+
541
+ &:hover {
542
+ background-color: #fff;
543
+ }
544
+ .sign {
545
+ color: @color-text-primary;
546
+ }
547
+ }
548
+ }
549
+ .Drawer_buttom {
550
+ display: flex;
551
+ align-items: flex-end;
552
+ margin-bottom: 12px;
553
+ padding: 0 16px;
554
+ .input_wrap {
555
+ // display: flex;
556
+ align-items: flex-end;
557
+ width: calc(100% - 36px);
558
+ background-color: #fff;
559
+ padding: 11px 16px;
560
+ border: 1px solid @color-border-secondary;
561
+ border-radius: 8px;
562
+ justify-content: space-between;
563
+ line-height: 1;
564
+ position: relative;
565
+ padding-right: 1px;
566
+ & > .input {
567
+ // width: calc(100% - 24px);
568
+ line-height: 1;
569
+ textarea {
570
+ max-height: 100px;
571
+ padding: 0;
572
+ border: none;
573
+ box-shadow: none !important;
574
+ resize: none;
575
+ padding-right: 48px;
576
+ }
577
+
578
+ :global {
579
+ textarea.bhd-input {
580
+ min-height: 21px !important;
581
+ line-height: 1.5;
582
+ }
583
+ .bhd-input[disabled] {
584
+ background-color: #fff !important;
658
585
  }
586
+ }
659
587
  }
660
- .main_list{
661
- max-height: 650px;
588
+ & > .no_AI {
589
+ width: 100%;
590
+ textarea {
591
+ padding-right: 12px;
592
+ }
662
593
  }
663
- .user{
664
- padding-left: 0 !important;
594
+ .voice {
595
+ position: absolute;
596
+ right: 14px;
597
+ bottom: 12px;
598
+ color: rgba(0, 0, 0, 0.65);
599
+ i {
600
+ cursor: pointer;
601
+ svg {
602
+ color: @color-icon-fill-Tr;
603
+ font-size: 20px;
604
+ }
605
+ }
606
+ .voice_btn {
607
+ width: 32px;
608
+ cursor: pointer;
609
+ position: absolute;
610
+ bottom: -6px;
611
+ right: 0px;
612
+ }
665
613
  }
666
- .Drawer_buttom_Issues_List{
667
- // position: relative;
668
- // padding-bottom: 1px;
669
- // background: #F5F5F5 !important;
670
- border-radius: 4px;
671
- width: calc(100% - 328px);
672
- margin-left: 328px;
614
+ .disabled{
615
+ cursor:not-allowed !important;
616
+ color: rgba(0, 0, 0, 0.25) !important;
617
+ svg{
618
+ color: rgba(0, 0, 0, 0.25) !important;
619
+ }
673
620
  }
674
- .Drawer_main{
675
- max-height: 700px;
676
-
677
- .chat_content{
678
- width: calc(100% - 328px);
679
- margin-left: 328px;
680
- display: inline-block;
621
+ .content_main {
622
+ display: flex;
623
+ align-items: center;
624
+ width: calc(100% - 24px);
625
+ // margin-right: 8px;
626
+ .content_con {
627
+ margin-top: 6px;
628
+ align-items: center;
629
+ padding: 8px;
630
+ background: #e7e7e7;
631
+ display: inline-block;
632
+ width: calc(100% - 60px);
633
+ //
634
+ p {
635
+ color: rgba(0, 0, 0, 0.65);
636
+ border-radius: 2px;
637
+ font-size: 12px;
638
+ line-height: 1.5;
639
+
640
+ overflow: hidden;
641
+ text-overflow: ellipsis;
642
+ -webkit-box-orient: vertical;
643
+ -webkit-line-clamp: 2;
644
+ display: -webkit-box;
645
+
646
+ max-height: 36px;
647
+ word-break: break-all;
681
648
  }
682
-
649
+ }
650
+ .delete_quote {
651
+ font-size: 18px;
652
+ color: @color-icon-tertiary;
653
+ margin-top: 6px;
654
+ }
655
+ }
656
+ }
657
+
658
+ .sending {
659
+ width: 20px;
660
+ margin-left: 16px;
661
+ margin-bottom: 9px;
662
+ i {
663
+ svg {
664
+ font-size: 20px;
665
+ color: @color-icon-fill-Tr;
666
+ }
683
667
  }
684
-
668
+ .disabled {
669
+ svg {
670
+ color: rgba(0, 0, 0, 0.25);
671
+ cursor: not-allowed;
672
+ }
673
+ }
674
+ }
685
675
  }
676
+ }
677
+ //newlabo中使用
678
+ .Drawer_buttom_Issues_List_newlabo {
679
+ // bottom: revert-layer !important;
680
+ background-color: #f5f5f5 !important;
681
+ }
686
682
 
683
+ :global {
684
+ .anticon {
685
+ vertical-align: 0;
686
+ }
687
+ }
688
+ }
689
+ .ChatWindow_Drawer {
690
+ background: #f5f5f5 !important;
691
+ position: relative;
692
+ height: 100%;
693
+ :global {
694
+ .bhd-drawer-header {
695
+ display: none !important;
696
+ }
697
+ }
698
+ }
699
+ .ChatWindow_Modal {
700
+ :global {
701
+ .bhd-modal {
702
+ border-radius: 8px;
703
+ overflow: hidden;
704
+ position: relative;
705
+ }
706
+ .bhd-modal-content {
707
+ height: 100%;
708
+ background-color: #f5f5f5 !important;
709
+ .bhd-modal-close {
710
+ display: none !important;
711
+ }
712
+ }
713
+ .bhd-modal-header {
714
+ display: none !important;
715
+ }
716
+ .bhd-modal-body {
717
+ height: 100%;
718
+ padding: 0 !important;
719
+ border-radius: 4px !important;
720
+ }
721
+
722
+ .bhd-drawer-right > .bhd-drawer-content-wrapper {
723
+ top: 129px;
724
+ right: 200px;
725
+ height: 790px;
726
+ }
727
+ }
728
+ .main_list {
729
+ max-height: 650px;
730
+ }
731
+ .user {
732
+ padding-left: 0 !important;
733
+ }
734
+ .Drawer_buttom_Issues_List {
735
+ // position: relative;
736
+ // padding-bottom: 1px;
737
+ // background: #F5F5F5 !important;
738
+ border-radius: 4px;
739
+ width: calc(100% - 328px);
740
+ margin-left: 328px;
741
+ }
742
+ .Drawer_main {
743
+ max-height: 700px;
687
744
 
688
- //引用气泡
689
- .popover_main_content{
690
- min-width: 300px !important;
691
- max-width: 340px !important;
692
- background-color: #fff !important;
693
- box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
745
+ .chat_content {
746
+ width: calc(100% - 328px);
747
+ margin-left: 328px;
748
+ display: inline-block;
749
+ }
750
+ }
751
+ }
752
+
753
+ //引用气泡
754
+ .popover_main_content {
755
+ min-width: 300px !important;
756
+ max-width: 340px !important;
757
+ background-color: #fff !important;
758
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06);
759
+ border-radius: 4px;
760
+ border: 1px solid rgba(0, 0, 0, 0.15);
761
+
762
+ :global {
763
+ .bhd-tooltip-content {
764
+ background-color: #fff;
765
+ border-radius: 4px;
766
+ .bhd-tooltip-inner {
767
+ background-color: #fff;
768
+ color: @color-text-Tr;
769
+ font-size: 14px;
770
+ padding: 12px 16px;
694
771
  border-radius: 4px;
695
- border: 1px solid rgba(0, 0, 0, 0.15);
696
-
697
- :global{
698
- .bhd-tooltip-content{
699
- background-color: #fff;
700
- border-radius: 4px;
701
- .bhd-tooltip-inner{
702
- background-color: #fff;
703
- color: @color-text-Tr;
704
- font-size: 14px;
705
- padding: 12px 16px;
706
- border-radius: 4px;
707
- }
708
- }
709
- .bhd-tooltip-arrow:before {
710
- background: #ccc !important;
711
- }
712
- .bhd-tooltip-arrow::after{
713
- width: 0 !important;
714
- height: 0 !important;
715
- border: 5px solid;
716
- border-color: transparent transparent #fff transparent ;
717
- transform:none !important;
718
- background:transparent !important;
719
- bottom: 0px !important;
720
- left: 0px !important;
721
- right: 0 !important;
722
- box-shadow: none !important;
723
- }
724
-
725
- }
726
-
727
- }
772
+ }
773
+ }
774
+ .bhd-tooltip-arrow:before {
775
+ background: #ccc !important;
776
+ }
777
+ .bhd-tooltip-arrow::after {
778
+ width: 0 !important;
779
+ height: 0 !important;
780
+ border: 5px solid;
781
+ border-color: transparent transparent #fff transparent;
782
+ transform: none !important;
783
+ background: transparent !important;
784
+ bottom: 0px !important;
785
+ left: 0px !important;
786
+ right: 0 !important;
787
+ box-shadow: none !important;
788
+ }
789
+ }
790
+ }