bhd-components 0.9.20 → 0.9.22

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 (18) hide show
  1. package/README.md +1 -1
  2. package/dist/index.esm.es5.development.css +1133 -1109
  3. package/dist/index.esm.es5.development.js +17 -14
  4. package/dist/index.esm.es5.production.css +1 -1
  5. package/dist/index.esm.es5.production.js +1 -1
  6. package/dist/vendor.esm.es5.development.js +1 -1
  7. package/dist/vendor.esm.es5.production.js +1 -1
  8. package/es2017/customerService/index.js +8 -3
  9. package/es2017/customerService/index.module.less +54 -38
  10. package/es2017/customerService/index2.module.less +51 -35
  11. package/es2017/viewImage/index.d.ts +1 -0
  12. package/es2017/viewImage/index.js +12 -11
  13. package/esm/customerService/index.js +8 -3
  14. package/esm/customerService/index.module.less +54 -38
  15. package/esm/customerService/index2.module.less +51 -35
  16. package/esm/viewImage/index.d.ts +1 -0
  17. package/esm/viewImage/index.js +10 -7
  18. package/package.json +1 -1
package/es2017/viewImage/index.js CHANGED
@@ -43,7 +43,7 @@ class ViewImage extends React.Component {
43
43
  className: `${styles.viewImgAction} ${styles.actionTop}`,
44
44
  children: /*#__PURE__*/ _jsx("span", {
45
45
  // id="actionClose"
46
- // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
46
+ // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
47
47
  className: styles.viewImgActionClose,
48
48
  title: "关闭",
49
49
  onClick: this.close,
@@ -128,15 +128,15 @@ class ViewImage extends React.Component {
128
128
  // this.state.actionCloseFlag===0&&(
129
129
  // <span
130
130
  // id="actionClose"
131
- // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
132
- // className={styles.viewImgActionClose}
133
- // title="关闭"
131
+ // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
132
+ // className={styles.viewImgActionClose}
133
+ // title="关闭"
134
134
  // onClick={this.close}>
135
135
  // <CustomClose />
136
136
  // </span>
137
137
  // )
138
138
  // }
139
- // </div>
139
+ // </div>
140
140
  /*#__PURE__*/ _jsxs(_Fragment, {
141
141
  children: [
142
142
  /*#__PURE__*/ _jsx("img", {
@@ -202,7 +202,7 @@ class ViewImage extends React.Component {
202
202
  curIndex: 0,
203
203
  multiSelect: false,
204
204
  imgError: false,
205
- actionCloseFlag: 0 // 关闭按钮位置 0是跟随图片 1固定右上角
205
+ actionCloseFlag: 0
206
206
  });
207
207
  _define_property(this, "scaleChange", (value)=>{
208
208
  let { maxScale, minScale } = this.state;
@@ -220,17 +220,17 @@ class ViewImage extends React.Component {
220
220
  });
221
221
  _define_property(this, "moveActionClose", ()=>{
222
222
  setTimeout(()=>{
223
- const pic = document.getElementById('viewImgBody_pic');
223
+ const pic = document.getElementById("viewImgBody_pic");
224
224
  if (pic) {
225
225
  const rect = pic.getBoundingClientRect();
226
226
  if (rect.top >= 0 && rect.top <= (window.innerHeight || document.documentElement.clientHeight) - 40 && rect.right <= (window.innerWidth || document.documentElement.clientWidth) - 52) {
227
227
  this.setState({
228
228
  actionCloseFlag: 0
229
229
  }, ()=>{
230
- const actionCloseDom = document.getElementById('actionClose');
230
+ const actionCloseDom = document.getElementById("actionClose");
231
231
  if (actionCloseDom) {
232
- actionCloseDom.style.top = rect.top + 'px';
233
- actionCloseDom.style.left = rect.left + rect.width + 12 + 'px';
232
+ actionCloseDom.style.top = rect.top + "px";
233
+ actionCloseDom.style.left = rect.left + rect.width + 12 + "px";
234
234
  }
235
235
  });
236
236
  } else {
@@ -446,7 +446,7 @@ class ViewImage extends React.Component {
446
446
  }
447
447
  }
448
448
  const AppViewImage = /*#__PURE__*/ forwardRef((props, ref)=>{
449
- let { visible, className } = props;
449
+ let { visible, className, getContainer = ()=>document.body } = props;
450
450
  const viewRef = useRef(null);
451
451
  useImperativeHandle(ref, ()=>({
452
452
  updateSrc: ()=>{
@@ -467,6 +467,7 @@ const AppViewImage = /*#__PURE__*/ forwardRef((props, ref)=>{
467
467
  background: "rgba(0, 0, 0, 0.65)"
468
468
  },
469
469
  wrapClassName: `${styles.AppViewImage} ${className || ""}`,
470
+ getContainer: getContainer,
470
471
  children: visible && /*#__PURE__*/ _jsx(ViewImage, _object_spread_props(_object_spread({}, props), {
471
472
  ref: viewRef
472
473
  }))
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() != "") {
package/esm/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
+ }