bhd-components 0.9.20 → 0.9.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 (13) hide show
  1. package/dist/index.esm.es5.development.css +1133 -1109
  2. package/dist/index.esm.es5.development.js +7 -7
  3. package/dist/index.esm.es5.production.css +1 -1
  4. package/dist/index.esm.es5.production.js +1 -1
  5. package/dist/vendor.esm.es5.development.js +1 -1
  6. package/dist/vendor.esm.es5.production.js +1 -1
  7. package/es2017/customerService/index.js +8 -3
  8. package/es2017/customerService/index.module.less +54 -38
  9. package/es2017/customerService/index2.module.less +51 -35
  10. package/esm/customerService/index.js +8 -3
  11. package/esm/customerService/index.module.less +54 -38
  12. package/esm/customerService/index2.module.less +51 -35
  13. package/package.json +1 -1
package/es2017/customerService/index.js CHANGED
@@ -5,6 +5,7 @@ import React, { useEffect, useState, useRef } from "react";
5
5
  import { Modal, Drawer, Input, Tooltip } from "antd";
6
6
  import message from '../message';
7
7
  import ViewImage from "../viewImage";
8
+ // import html2canvas from "html2canvas";
8
9
  import cssStyle from "./index.module.less";
9
10
  import cssStyleOnline from "./index2.module.less";
10
11
  let styles = cssStyle;
@@ -2920,6 +2921,7 @@ const CustomerService = (props)=>{
2920
2921
  let disabled = false;
2921
2922
  if (!finished) {
2922
2923
  placeholder = "答案生成中，请稍后再发送...";
2924
+ disabled = false;
2923
2925
  }
2924
2926
  if (screenshotBese64) {
2925
2927
  placeholder = '在发送之前，请输入需要对这个图片做的操作...';
@@ -3021,6 +3023,9 @@ const CustomerService = (props)=>{
3021
3023
  // console.log('发送内容22222',props)
3022
3024
  // console.log(roomList,roomId,'发送内容22222wewewewewewewe');
3023
3025
  if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
3026
+ if (!finished) {
3027
+ return;
3028
+ }
3024
3029
  e.stopPropagation();
3025
3030
  e.preventDefault();
3026
3031
  clearTimeout(timer.current);
@@ -3048,7 +3053,7 @@ const CustomerService = (props)=>{
3048
3053
  onFocus: ()=>{
3049
3054
  onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
3050
3055
  },
3051
- disabled: !disabled || !finished,
3056
+ // disabled={!disabled || !finished}
3052
3057
  maxLength: 1000,
3053
3058
  id: "con_textarea"
3054
3059
  }),
@@ -3107,9 +3112,9 @@ const CustomerService = (props)=>{
3107
3112
  /*#__PURE__*/ _jsx("p", {
3108
3113
  className: `${styles.sending}`,
3109
3114
  children: /*#__PURE__*/ _jsx("i", {
3110
- className: `${!disabled || keyWord.trim() == "" ? styles.disabled : ""}`,
3115
+ className: `${!finished || keyWord.trim() == "" ? styles.disabled : ""}`,
3111
3116
  onClick: ()=>{
3112
- if (disabled && keyWord.trim() == "") return;
3117
+ if (!finished || keyWord.trim() == "") return;
3113
3118
  setCitationContent({});
3114
3119
  setButtomHei(45);
3115
3120
  if (keyWord.trim() != "") {
package/es2017/customerService/index.module.less CHANGED
@@ -8,7 +8,7 @@
8
8
  // }
9
9
  // .ant-drawer-body{
10
10
  // padding: 0 !important;
11
- // }
11
+ // }
12
12
  // }
13
13
 
14
14
  .service_ChatWindow_Drawer,
@@ -67,7 +67,7 @@
67
67
  font-weight: 600;
68
68
  position: relative;
69
69
  padding-left: 36px;
70
-
70
+
71
71
  i {
72
72
  padding-right: 16px;
73
73
  color: #111;
@@ -243,7 +243,7 @@
243
243
  width: 100%;
244
244
  .main {
245
245
  max-width: 80%;
246
-
246
+
247
247
  .main_content_flag{
248
248
  width: 100%;
249
249
  }
@@ -343,7 +343,7 @@
343
343
 
344
344
  .main_content {
345
345
  position: relative;
346
-
346
+
347
347
  .content {
348
348
  position: relative;
349
349
  max-width: 100%;
@@ -363,6 +363,13 @@
363
363
  color: rgba(0, 0, 0, 0.85);
364
364
  }
365
365
 
366
+ li{
367
+ margin-top: 8px;
368
+ &:first-child{
369
+ margin-top: 0;
370
+ }
371
+ }
372
+
366
373
  & > h3 {
367
374
  font-size: 16px;
368
375
  font-weight: 600;
@@ -377,25 +384,30 @@
377
384
  }
378
385
 
379
386
  li p {
380
- padding: 4px 0;
387
+ // padding: 4px 0;
381
388
  font-size: 14px;
382
389
  font-weight: 600;
383
390
  }
384
391
  li > ul li {
385
- padding-top: 8px !important;
386
- padding-bottom: 8px;
392
+ // padding-bottom: 8px;
387
393
  list-style: inside;
388
394
  color: rgba(0, 0, 0, 0.85);
389
- &::marker{
395
+ &::marker{
390
396
  color: #D9D9D9 !important;
391
397
  }
398
+ &:first-child{
399
+ padding-top: 8px !important;
400
+ }
392
401
  }
393
- li > ol li {
394
- padding-top: 8px !important;
395
- padding-bottom: 8px;
396
- &::marker{
402
+ li > ol li {
403
+ // padding-bottom: 8px;
404
+ &::marker{
397
405
  color: @color-text-tertiary-Tr !important;
398
406
  }
407
+
408
+ &:first-child{
409
+ padding-top: 8px !important;
410
+ }
399
411
  }
400
412
  > li:last-of-type{
401
413
  pre{
@@ -408,7 +420,7 @@
408
420
  // }
409
421
  // > * + ul, > * + ol {
410
422
  // margin-top:16px;
411
- // }
423
+ // }
412
424
  // > ul + *, > ol + * {
413
425
  // margin-top:16px;
414
426
  // }
@@ -433,6 +445,10 @@
433
445
 
434
446
  > pre:last-of-type{
435
447
  margin-bottom:0 ;
448
+
449
+ &+ *{
450
+ margin-top: 8px;
451
+ }
436
452
  }
437
453
  }
438
454
  table {
@@ -466,7 +482,7 @@
466
482
  padding: 12px;
467
483
  line-height: 1.5;
468
484
  margin: 4px 0;
469
- margin-bottom: 16px;
485
+ margin-bottom: 8px;
470
486
  border-radius: 0 0 4px 4px;
471
487
  }
472
488
  // 最后一行操作按钮
@@ -515,7 +531,7 @@
515
531
  color: #fff;
516
532
  }
517
533
 
518
-
534
+
519
535
  // //视频摘要内容
520
536
  // .video_abstract{
521
537
  // .title{
@@ -535,9 +551,9 @@
535
551
  // background-color: @color-background-primary-weak-hover;
536
552
  // position: absolute;
537
553
  // bottom: 0px;
538
-
554
+
539
555
  // }
540
-
556
+
541
557
  // }
542
558
  // .abstract{
543
559
  // padding: 16px 0;
@@ -711,12 +727,12 @@
711
727
  cursor: pointer;
712
728
  list-style-type: none;
713
729
  }
714
-
730
+
715
731
  }
716
-
732
+
717
733
 
718
734
  .association_problem_flag{
719
-
735
+
720
736
  li{
721
737
  padding-left: 30px;
722
738
  position: relative;
@@ -748,7 +764,7 @@
748
764
  display: inline-block;
749
765
  height: 22px;
750
766
  }
751
-
767
+
752
768
  }
753
769
  }
754
770
 
@@ -784,7 +800,7 @@
784
800
  color: #fff;
785
801
  cursor: pointer;
786
802
  }
787
-
803
+
788
804
  }
789
805
  &:hover{
790
806
  .mask_zoom{
@@ -800,7 +816,7 @@
800
816
  height: fit-content;
801
817
  }
802
818
  }
803
-
819
+
804
820
  .copyCode{
805
821
  display: flex;
806
822
  justify-content: flex-end;
@@ -836,7 +852,7 @@
836
852
  }
837
853
  :global{
838
854
  .copy_success{
839
-
855
+
840
856
  .copyCode{
841
857
  color:@color-text-primary;
842
858
  }
@@ -887,7 +903,7 @@
887
903
  }
888
904
 
889
905
  }
890
-
906
+
891
907
  }
892
908
 
893
909
  .time {
@@ -982,7 +998,7 @@
982
998
  color: #fff;
983
999
  cursor: pointer;
984
1000
  }
985
-
1001
+
986
1002
  }
987
1003
  &:hover{
988
1004
  .mask_zoom{
@@ -1112,7 +1128,7 @@
1112
1128
  margin-bottom: 16px;
1113
1129
  line-height: 1.5;
1114
1130
  display: inline-block;
1115
-
1131
+
1116
1132
  cursor: pointer;
1117
1133
  &:hover{
1118
1134
  background-color: @color-background-primary-weak;
@@ -1158,7 +1174,7 @@
1158
1174
  background-color: #fff !important;
1159
1175
  }
1160
1176
  }
1161
-
1177
+
1162
1178
  .picture_layout{
1163
1179
  display: flex;
1164
1180
  align-items: center;
@@ -1238,7 +1254,7 @@
1238
1254
  vertical-align: middle !important;
1239
1255
  }
1240
1256
  }
1241
-
1257
+
1242
1258
  svg{
1243
1259
  color: @color-text-Tr;
1244
1260
  font-size: 20px;
@@ -1607,7 +1623,7 @@
1607
1623
  }
1608
1624
  .teacher_layout_newlabo {
1609
1625
  top: 50px;
1610
- right: 0;
1626
+ right: 0;
1611
1627
  .top{
1612
1628
  svg{
1613
1629
  transform: rotate(180deg);
@@ -1618,7 +1634,7 @@
1618
1634
  // background: @color-background-info-weak !important;
1619
1635
  background-color: #D1E4FF;
1620
1636
  }
1621
- }
1637
+ }
1622
1638
  .teacher_layout_modal {
1623
1639
  width: 328px;
1624
1640
  height: calc(100% - 48px);
@@ -1826,7 +1842,7 @@
1826
1842
  height: 36px;
1827
1843
  border-radius: 50%;
1828
1844
  margin-right: 16px;
1829
-
1845
+
1830
1846
  img{
1831
1847
  width: 36px;
1832
1848
  height: 36px;
@@ -1856,7 +1872,7 @@
1856
1872
  color: @color-text-Secondary-Tr;
1857
1873
  font-size: 14px;
1858
1874
  font-weight: 400;
1859
- line-height: 150%;
1875
+ line-height: 150%;
1860
1876
  overflow: hidden;
1861
1877
  text-overflow: ellipsis;
1862
1878
  white-space: nowrap;
@@ -1937,7 +1953,7 @@
1937
1953
  // -webkit-box-orient: vertical;
1938
1954
  // -webkit-line-clamp: 2;
1939
1955
  // display: -webkit-box;
1940
-
1956
+
1941
1957
  max-height: 21px;
1942
1958
  white-space: nowrap;
1943
1959
  span {
@@ -1991,7 +2007,7 @@
1991
2007
  .anticon {
1992
2008
  vertical-align: 0;
1993
2009
  }
1994
- .bhd-spin-nested-loading {
2010
+ .bhd-spin-nested-loading {
1995
2011
  height: calc(100% - 72px - 57px);
1996
2012
  & >div>.bhd-spin{
1997
2013
  max-height:436px;
@@ -2024,7 +2040,7 @@
2024
2040
  // .list{
2025
2041
  // margin: 8px 16px 17px;
2026
2042
  // }
2027
-
2043
+
2028
2044
 
2029
2045
  }
2030
2046
  }
@@ -2078,7 +2094,7 @@
2078
2094
  }
2079
2095
 
2080
2096
  }
2081
-
2097
+
2082
2098
  .screenshot_Modal_btn{
2083
2099
  position: fixed !important;
2084
2100
  z-index: 999;
@@ -2124,4 +2140,4 @@
2124
2140
 
2125
2141
  strong {
2126
2142
  font-weight: bold !important;
2127
- }
2143
+ }
package/es2017/customerService/index2.module.less CHANGED
@@ -64,7 +64,7 @@
64
64
  font-weight: 600;
65
65
  position: relative;
66
66
  padding-left: 36px;
67
-
67
+
68
68
  i {
69
69
  padding-right: 16px;
70
70
  color: #111;
@@ -240,7 +240,7 @@
240
240
  width: 100%;
241
241
  .main {
242
242
  max-width: 80%;
243
-
243
+
244
244
  .main_content_flag{
245
245
  width: 100%;
246
246
  }
@@ -340,7 +340,7 @@
340
340
 
341
341
  .main_content {
342
342
  position: relative;
343
-
343
+
344
344
  .content {
345
345
  position: relative;
346
346
  max-width: 100%;
@@ -359,6 +359,13 @@
359
359
  color: rgba(0, 0, 0, 0.85);
360
360
  }
361
361
 
362
+ li{
363
+ margin-top: 8px;
364
+ &:first-child{
365
+ margin-top: 0;
366
+ }
367
+ }
368
+
362
369
  & > h3 {
363
370
  font-size: 16px;
364
371
  font-weight: 600;
@@ -373,25 +380,30 @@
373
380
  }
374
381
 
375
382
  li p {
376
- padding: 4px 0;
383
+ // padding: 4px 0;
377
384
  font-size: 14px;
378
385
  font-weight: 600;
379
386
  }
380
387
  li > ul li {
381
- padding-top: 8px !important;
382
- padding-bottom: 8px;
388
+ // padding-bottom: 8px;
383
389
  list-style: inside;
384
390
  color: rgba(0, 0, 0, 0.85);
385
- &::marker{
391
+ &::marker{
386
392
  color: #D9D9D9 !important;
387
393
  }
394
+ &:first-child{
395
+ padding-top: 8px !important;
396
+ }
388
397
  }
389
398
  li > ol li {
390
- padding-top: 8px !important;
391
- padding-bottom: 8px;
392
- &::marker{
399
+ // padding-bottom: 8px;
400
+ &::marker{
393
401
  color: @color-text-tertiary-Tr !important;
394
402
  }
403
+
404
+ &:first-child{
405
+ padding-top: 8px !important;
406
+ }
395
407
  }
396
408
  > li:last-of-type{
397
409
  pre{
@@ -404,7 +416,7 @@
404
416
  // }
405
417
  // > * + ul, > * + ol {
406
418
  // margin-top:16px;
407
- // }
419
+ // }
408
420
  // > ul + *, > ol + * {
409
421
  // margin-top:16px;
410
422
  // }
@@ -428,6 +440,10 @@
428
440
  }
429
441
  > pre:last-of-type{
430
442
  margin-bottom:0 ;
443
+
444
+ &+ *{
445
+ margin-top: 8px;
446
+ }
431
447
  }
432
448
  }
433
449
  table {
@@ -460,7 +476,7 @@
460
476
  padding: 12px;
461
477
  line-height: 1.5;
462
478
  margin: 4px 0;
463
- margin-bottom: 16px;
479
+ margin-bottom: 8px;
464
480
  border-radius: 0 0 4px 4px;
465
481
  }
466
482
  // 最后一行操作按钮
@@ -509,7 +525,7 @@
509
525
  color: #fff;
510
526
  }
511
527
 
512
-
528
+
513
529
  // //视频摘要内容
514
530
  // .video_abstract{
515
531
  // .title{
@@ -529,9 +545,9 @@
529
545
  // background-color: @color-background-primary-weak-hover;
530
546
  // position: absolute;
531
547
  // bottom: 0px;
532
-
548
+
533
549
  // }
534
-
550
+
535
551
  // }
536
552
  // .abstract{
537
553
  // padding: 16px 0;
@@ -705,12 +721,12 @@
705
721
  cursor: pointer;
706
722
  list-style-type: none;
707
723
  }
708
-
724
+
709
725
  }
710
-
726
+
711
727
 
712
728
  .association_problem_flag{
713
-
729
+
714
730
  li{
715
731
  padding-left: 30px;
716
732
  position: relative;
@@ -742,7 +758,7 @@
742
758
  display: inline-block;
743
759
  height: 22px;
744
760
  }
745
-
761
+
746
762
  }
747
763
  }
748
764
 
@@ -778,7 +794,7 @@
778
794
  color: #fff;
779
795
  cursor: pointer;
780
796
  }
781
-
797
+
782
798
  }
783
799
  &:hover{
784
800
  .mask_zoom{
@@ -794,7 +810,7 @@
794
810
  height: fit-content;
795
811
  }
796
812
  }
797
-
813
+
798
814
  .copyCode{
799
815
  display: flex;
800
816
  justify-content: flex-end;
@@ -830,7 +846,7 @@
830
846
  }
831
847
  :global{
832
848
  .copy_success{
833
-
849
+
834
850
  .copyCode{
835
851
  color:@color-text-primary;
836
852
  }
@@ -844,7 +860,7 @@
844
860
  }
845
861
  }
846
862
  }
847
-
863
+
848
864
  }
849
865
  p>code{
850
866
  border: none;
@@ -976,7 +992,7 @@
976
992
  color: #fff;
977
993
  cursor: pointer;
978
994
  }
979
-
995
+
980
996
  }
981
997
  &:hover{
982
998
  .mask_zoom{
@@ -1106,7 +1122,7 @@
1106
1122
  margin-bottom: 16px;
1107
1123
  line-height: 1.5;
1108
1124
  display: inline-block;
1109
-
1125
+
1110
1126
  cursor: pointer;
1111
1127
  &:hover{
1112
1128
  background-color: @color-background-primary-weak;
@@ -1152,7 +1168,7 @@
1152
1168
  background-color: #fff !important;
1153
1169
  }
1154
1170
  }
1155
-
1171
+
1156
1172
  .picture_layout{
1157
1173
  display: flex;
1158
1174
  align-items: center;
@@ -1232,7 +1248,7 @@
1232
1248
  vertical-align: middle !important;
1233
1249
  }
1234
1250
  }
1235
-
1251
+
1236
1252
  svg{
1237
1253
  color: @color-text-Tr;
1238
1254
  font-size: 20px;
@@ -1600,7 +1616,7 @@
1600
1616
  }
1601
1617
  .teacher_layout_newlabo {
1602
1618
  top: 50px;
1603
- right: 0;
1619
+ right: 0;
1604
1620
  .top{
1605
1621
  svg{
1606
1622
  transform: rotate(180deg);
@@ -1611,7 +1627,7 @@
1611
1627
  // background: @color-background-info-weak !important;
1612
1628
  background-color: #D1E4FF;
1613
1629
  }
1614
- }
1630
+ }
1615
1631
  .teacher_layout_modal {
1616
1632
  width: 328px;
1617
1633
  height: calc(100% - 48px);
@@ -1819,7 +1835,7 @@
1819
1835
  height: 36px;
1820
1836
  border-radius: 50%;
1821
1837
  margin-right: 16px;
1822
-
1838
+
1823
1839
  img{
1824
1840
  width: 36px;
1825
1841
  height: 36px;
@@ -1849,7 +1865,7 @@
1849
1865
  color: @color-text-Secondary-Tr;
1850
1866
  font-size: 14px;
1851
1867
  font-weight: 400;
1852
- line-height: 150%;
1868
+ line-height: 150%;
1853
1869
  overflow: hidden;
1854
1870
  text-overflow: ellipsis;
1855
1871
  white-space: nowrap;
@@ -1926,7 +1942,7 @@
1926
1942
  // -webkit-box-orient: vertical;
1927
1943
  // -webkit-line-clamp: 2;
1928
1944
  // display: -webkit-box;
1929
-
1945
+
1930
1946
  max-height: 21px;
1931
1947
  white-space: nowrap;
1932
1948
  span {
@@ -1980,7 +1996,7 @@
1980
1996
  .anticon {
1981
1997
  vertical-align: 0;
1982
1998
  }
1983
- .bhd-spin-nested-loading {
1999
+ .bhd-spin-nested-loading {
1984
2000
  height: calc(100% - 72px - 57px);
1985
2001
  & >div>.bhd-spin{
1986
2002
  max-height:436px;
@@ -2059,7 +2075,7 @@
2059
2075
  }
2060
2076
 
2061
2077
  }
2062
-
2078
+
2063
2079
  .screenshot_Modal_btn{
2064
2080
  position: fixed !important;
2065
2081
  z-index: 999;
@@ -2104,4 +2120,4 @@
2104
2120
  }
2105
2121
  strong {
2106
2122
  font-weight: bold !important;
2107
- }
2123
+ }
package/esm/customerService/index.js CHANGED
@@ -9,6 +9,7 @@ import React, { useEffect, useState, useRef } from "react";
9
9
  import { Modal, Drawer, Input, Tooltip } from "antd";
10
10
  import message from "../message";
11
11
  import ViewImage from "../viewImage";
12
+ // import html2canvas from "html2canvas";
12
13
  import cssStyle from "./index.module.less";
13
14
  import cssStyleOnline from "./index2.module.less";
14
15
  var styles = cssStyle;
@@ -3035,6 +3036,7 @@ var CustomerService = function(props) {
3035
3036
  var disabled = false;
3036
3037
  if (!finished) {
3037
3038
  placeholder = "答案生成中，请稍后再发送...";
3039
+ disabled = false;
3038
3040
  }
3039
3041
  if (screenshotBese64) {
3040
3042
  placeholder = "在发送之前，请输入需要对这个图片做的操作...";
@@ -3138,6 +3140,9 @@ var CustomerService = function(props) {
3138
3140
  // console.log('发送内容22222',props)
3139
3141
  // console.log(roomList,roomId,'发送内容22222wewewewewewewe');
3140
3142
  if (!e.shiftKey && !e.altKey && !e.ctrlKey && keyWord.trim() != "") {
3143
+ if (!finished) {
3144
+ return;
3145
+ }
3141
3146
  e.stopPropagation();
3142
3147
  e.preventDefault();
3143
3148
  clearTimeout(timer.current);
@@ -3165,7 +3170,7 @@ var CustomerService = function(props) {
3165
3170
  onFocus: function() {
3166
3171
  onEvent(serverName + serverUrl(), "click_智能问答_输入框", "提交");
3167
3172
  },
3168
- disabled: !disabled || !finished,
3173
+ // disabled={!disabled || !finished}
3169
3174
  maxLength: 1000,
3170
3175
  id: "con_textarea"
3171
3176
  }),
@@ -3226,9 +3231,9 @@ var CustomerService = function(props) {
3226
3231
  /*#__PURE__*/ _jsx("p", {
3227
3232
  className: "".concat(styles.sending),
3228
3233
  children: /*#__PURE__*/ _jsx("i", {
3229
- className: "".concat(!disabled || keyWord.trim() == "" ? styles.disabled : ""),
3234
+ className: "".concat(!finished || keyWord.trim() == "" ? styles.disabled : ""),
3230
3235
  onClick: function() {
3231
- if (disabled && keyWord.trim() == "") return;
3236
+ if (!finished || keyWord.trim() == "") return;
3232
3237
  setCitationContent({});
3233
3238
  setButtomHei(45);
3234
3239
  if (keyWord.trim() != "") {