bhd-components 0.9.6 → 0.9.8
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/README.md +1 -1
- package/dist/index.esm.es5.development.css +1247 -1011
- package/dist/index.esm.es5.development.js +356 -181
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/dist/vendor.esm.es5.development.js +1 -1
- package/dist/vendor.esm.es5.production.js +1 -1
- package/es2017/bhdAppLayout/index.js +7 -4
- package/es2017/customerService/index.js +178 -42
- package/es2017/customerService/index.module.less +101 -1
- package/es2017/customerService/index2.module.less +99 -1
- package/es2017/customerService/js-screen-shot/main.js +21 -4
- package/es2017/table/index.js +7 -1
- package/esm/bhdAppLayout/index.js +7 -4
- package/esm/customerService/index.js +304 -152
- package/esm/customerService/index.module.less +101 -1
- package/esm/customerService/index2.module.less +99 -1
- package/esm/customerService/js-screen-shot/main.js +23 -5
- package/esm/table/index.js +7 -1
- package/package.json +1 -1
|
@@ -381,13 +381,17 @@
|
|
|
381
381
|
font-weight: 600;
|
|
382
382
|
}
|
|
383
383
|
li > ul li {
|
|
384
|
+
padding-top: 8px !important;
|
|
385
|
+
padding-bottom: 8px;
|
|
384
386
|
list-style: inside;
|
|
385
387
|
color: rgba(0, 0, 0, 0.85);
|
|
386
388
|
&::marker{
|
|
387
389
|
color: #D9D9D9 !important;
|
|
388
390
|
}
|
|
389
391
|
}
|
|
390
|
-
li > ol li {
|
|
392
|
+
li > ol li {
|
|
393
|
+
padding-top: 8px !important;
|
|
394
|
+
padding-bottom: 8px;
|
|
391
395
|
&::marker{
|
|
392
396
|
color: @color-text-tertiary-Tr !important;
|
|
393
397
|
}
|
|
@@ -402,7 +406,48 @@
|
|
|
402
406
|
// > ul + *, > ol + * {
|
|
403
407
|
// margin-top:16px;
|
|
404
408
|
// }
|
|
409
|
+
> *:not(pre){
|
|
410
|
+
padding-top: 8px;
|
|
411
|
+
padding-bottom: 8px;
|
|
412
|
+
&:first-child{
|
|
413
|
+
padding-top: 0 !important;
|
|
414
|
+
}
|
|
415
|
+
&:last-child{
|
|
416
|
+
padding-bottom: 0 !important;
|
|
417
|
+
}
|
|
418
|
+
}
|
|
419
|
+
> h3,> h4{
|
|
420
|
+
padding-top: 4px;
|
|
421
|
+
padding-bottom: 4px;
|
|
422
|
+
}
|
|
423
|
+
> p + p{
|
|
424
|
+
padding-top: 4px;
|
|
425
|
+
padding-bottom: 4px;
|
|
426
|
+
}
|
|
405
427
|
}
|
|
428
|
+
table {
|
|
429
|
+
width: 100%;
|
|
430
|
+
padding: 0 !important;
|
|
431
|
+
margin: 8px 0;
|
|
432
|
+
border-collapse: separate;
|
|
433
|
+
border-top: 1px solid #dfe6ec;
|
|
434
|
+
border-left: 1px solid #dfe6ec;
|
|
435
|
+
thead tr th {
|
|
436
|
+
background-color: #f8f8f9;
|
|
437
|
+
padding: 8px;
|
|
438
|
+
text-align: center;
|
|
439
|
+
border-bottom: 1px solid #dfe6ec;
|
|
440
|
+
border-right: 1px solid #dfe6ec;
|
|
441
|
+
}
|
|
442
|
+
tbody tr td {
|
|
443
|
+
padding: 8px;
|
|
444
|
+
line-height: 21px;
|
|
445
|
+
height: 37px;//设置单元格最小高度
|
|
446
|
+
border-bottom: 1px solid #dfe6ec;
|
|
447
|
+
border-right: 1px solid #dfe6ec;
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
|
|
406
451
|
pre {
|
|
407
452
|
background: @color-background-fillquaternary;
|
|
408
453
|
border: 1px solid @color-border-secondary-Tr;
|
|
@@ -603,6 +648,13 @@
|
|
|
603
648
|
// }
|
|
604
649
|
}
|
|
605
650
|
}
|
|
651
|
+
|
|
652
|
+
&.bottom{
|
|
653
|
+
top:3px;
|
|
654
|
+
.operate{
|
|
655
|
+
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
|
|
656
|
+
}
|
|
657
|
+
}
|
|
606
658
|
}
|
|
607
659
|
|
|
608
660
|
}
|
|
@@ -888,6 +940,53 @@
|
|
|
888
940
|
right: 0;
|
|
889
941
|
}
|
|
890
942
|
}
|
|
943
|
+
.img_con{
|
|
944
|
+
width: 100%;
|
|
945
|
+
text-align: center;
|
|
946
|
+
position: relative;
|
|
947
|
+
border-radius: 4px;
|
|
948
|
+
overflow: hidden;
|
|
949
|
+
display: inline-flex;
|
|
950
|
+
margin-top: 12px;
|
|
951
|
+
width: 240px;
|
|
952
|
+
max-height: 134px;
|
|
953
|
+
img{
|
|
954
|
+
width: 240px;
|
|
955
|
+
height: fit-content;
|
|
956
|
+
}
|
|
957
|
+
.mask_zoom{
|
|
958
|
+
position: absolute;
|
|
959
|
+
top: 0;
|
|
960
|
+
left: 0;
|
|
961
|
+
|
|
962
|
+
width: 100%;
|
|
963
|
+
height: 100%;
|
|
964
|
+
background-color: rgba(0, 0, 0, 0.3);
|
|
965
|
+
border-radius: 4px;
|
|
966
|
+
display: none;
|
|
967
|
+
align-items: center;
|
|
968
|
+
justify-content: center;
|
|
969
|
+
svg{
|
|
970
|
+
font-size: 20px;
|
|
971
|
+
color: #fff;
|
|
972
|
+
cursor: pointer;
|
|
973
|
+
}
|
|
974
|
+
|
|
975
|
+
}
|
|
976
|
+
&:hover{
|
|
977
|
+
.mask_zoom{
|
|
978
|
+
display: flex;
|
|
979
|
+
}
|
|
980
|
+
}
|
|
981
|
+
}
|
|
982
|
+
.img_con2{
|
|
983
|
+
width: 300px;
|
|
984
|
+
max-height: 168px;
|
|
985
|
+
img{
|
|
986
|
+
width: 300px;
|
|
987
|
+
height: fit-content;
|
|
988
|
+
}
|
|
989
|
+
}
|
|
891
990
|
}
|
|
892
991
|
|
|
893
992
|
.popover_content {
|
|
@@ -1203,6 +1302,7 @@
|
|
|
1203
1302
|
img{
|
|
1204
1303
|
margin-right: 8px;
|
|
1205
1304
|
width: 60px;
|
|
1305
|
+
object-fit: cover;
|
|
1206
1306
|
}
|
|
1207
1307
|
}
|
|
1208
1308
|
}
|
|
@@ -377,13 +377,17 @@
|
|
|
377
377
|
font-weight: 600;
|
|
378
378
|
}
|
|
379
379
|
li > ul li {
|
|
380
|
+
padding-top: 8px !important;
|
|
381
|
+
padding-bottom: 8px;
|
|
380
382
|
list-style: inside;
|
|
381
383
|
color: rgba(0, 0, 0, 0.85);
|
|
382
384
|
&::marker{
|
|
383
385
|
color: #D9D9D9 !important;
|
|
384
386
|
}
|
|
385
387
|
}
|
|
386
|
-
li > ol li {
|
|
388
|
+
li > ol li {
|
|
389
|
+
padding-top: 8px !important;
|
|
390
|
+
padding-bottom: 8px;
|
|
387
391
|
&::marker{
|
|
388
392
|
color: @color-text-tertiary-Tr !important;
|
|
389
393
|
}
|
|
@@ -398,6 +402,46 @@
|
|
|
398
402
|
// > ul + *, > ol + * {
|
|
399
403
|
// margin-top:16px;
|
|
400
404
|
// }
|
|
405
|
+
> *:not(pre){
|
|
406
|
+
padding-top: 8px;
|
|
407
|
+
padding-bottom: 8px;
|
|
408
|
+
&:first-child{
|
|
409
|
+
padding-top: 0 !important;
|
|
410
|
+
}
|
|
411
|
+
&:last-child{
|
|
412
|
+
padding-bottom: 0 !important;
|
|
413
|
+
}
|
|
414
|
+
}
|
|
415
|
+
> h3,> h4{
|
|
416
|
+
padding-top: 4px;
|
|
417
|
+
padding-bottom: 4px;
|
|
418
|
+
}
|
|
419
|
+
> p + p{
|
|
420
|
+
padding-top: 4px;
|
|
421
|
+
padding-bottom: 4px;
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
table {
|
|
425
|
+
width: 100%;
|
|
426
|
+
padding: 0 !important;
|
|
427
|
+
margin: 8px 0;
|
|
428
|
+
border-collapse: separate;
|
|
429
|
+
border-top: 1px solid #dfe6ec;
|
|
430
|
+
border-left: 1px solid #dfe6ec;
|
|
431
|
+
thead tr th {
|
|
432
|
+
background-color: #f8f8f9;
|
|
433
|
+
padding: 8px;
|
|
434
|
+
text-align: center;
|
|
435
|
+
border-bottom: 1px solid #dfe6ec;
|
|
436
|
+
border-right: 1px solid #dfe6ec;
|
|
437
|
+
}
|
|
438
|
+
tbody tr td {
|
|
439
|
+
padding: 8px;
|
|
440
|
+
line-height: 21px;
|
|
441
|
+
height: 37px;//设置单元格最小高度
|
|
442
|
+
border-bottom: 1px solid #dfe6ec;
|
|
443
|
+
border-right: 1px solid #dfe6ec;
|
|
444
|
+
}
|
|
401
445
|
}
|
|
402
446
|
pre {
|
|
403
447
|
background: @color-background-fillquaternary;
|
|
@@ -599,6 +643,13 @@
|
|
|
599
643
|
// }
|
|
600
644
|
}
|
|
601
645
|
}
|
|
646
|
+
|
|
647
|
+
&.bottom{
|
|
648
|
+
top:3px;
|
|
649
|
+
.operate{
|
|
650
|
+
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
|
|
651
|
+
}
|
|
652
|
+
}
|
|
602
653
|
}
|
|
603
654
|
|
|
604
655
|
}
|
|
@@ -884,6 +935,53 @@
|
|
|
884
935
|
right: 0;
|
|
885
936
|
}
|
|
886
937
|
}
|
|
938
|
+
.img_con{
|
|
939
|
+
width: 100%;
|
|
940
|
+
text-align: center;
|
|
941
|
+
position: relative;
|
|
942
|
+
border-radius: 4px;
|
|
943
|
+
overflow: hidden;
|
|
944
|
+
display: inline-flex;
|
|
945
|
+
margin-top: 12px;
|
|
946
|
+
width: 240px;
|
|
947
|
+
max-height: 134px;
|
|
948
|
+
img{
|
|
949
|
+
width: 240px;
|
|
950
|
+
height: fit-content;
|
|
951
|
+
}
|
|
952
|
+
.mask_zoom{
|
|
953
|
+
position: absolute;
|
|
954
|
+
top: 0;
|
|
955
|
+
left: 0;
|
|
956
|
+
|
|
957
|
+
width: 100%;
|
|
958
|
+
height: 100%;
|
|
959
|
+
background-color: rgba(0, 0, 0, 0.3);
|
|
960
|
+
border-radius: 4px;
|
|
961
|
+
display: none;
|
|
962
|
+
align-items: center;
|
|
963
|
+
justify-content: center;
|
|
964
|
+
svg{
|
|
965
|
+
font-size: 20px;
|
|
966
|
+
color: #fff;
|
|
967
|
+
cursor: pointer;
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
}
|
|
971
|
+
&:hover{
|
|
972
|
+
.mask_zoom{
|
|
973
|
+
display: flex;
|
|
974
|
+
}
|
|
975
|
+
}
|
|
976
|
+
}
|
|
977
|
+
.img_con2{
|
|
978
|
+
width: 300px;
|
|
979
|
+
max-height: 168px;
|
|
980
|
+
img{
|
|
981
|
+
width: 300px;
|
|
982
|
+
height: fit-content;
|
|
983
|
+
}
|
|
984
|
+
}
|
|
887
985
|
}
|
|
888
986
|
|
|
889
987
|
.popover_content {
|
|
@@ -4,6 +4,7 @@ import { _ as _create_class } from "@swc/helpers/_/_create_class";
|
|
|
4
4
|
import { _ as _define_property } from "@swc/helpers/_/_define_property";
|
|
5
5
|
import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
|
|
6
6
|
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
7
|
+
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
|
|
7
8
|
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
8
9
|
import CreateDom from "./lib/main-entrance/CreateDom";
|
|
9
10
|
// 导入截图所需样式
|
|
@@ -161,7 +162,7 @@ var ScreenShot = /*#__PURE__*/ function() {
|
|
|
161
162
|
// 开始捕捉屏幕
|
|
162
163
|
_define_property(this, "startCapture", function() {
|
|
163
164
|
var _ref = _async_to_generator(function(cancelCallback) {
|
|
164
|
-
var captureStream, mediaWidth, mediaHeight, displayConfig, err;
|
|
165
|
+
var captureStream, mediaWidth, mediaHeight, displayConfig, _captureStream_getVideoTracks, track, displaySurface, err;
|
|
165
166
|
return _ts_generator(this, function(_state) {
|
|
166
167
|
switch(_state.label){
|
|
167
168
|
case 0:
|
|
@@ -194,6 +195,10 @@ var ScreenShot = /*#__PURE__*/ function() {
|
|
|
194
195
|
width: mediaWidth,
|
|
195
196
|
height: mediaHeight
|
|
196
197
|
}, displayConfig),
|
|
198
|
+
systemAudio: "exclude",
|
|
199
|
+
surfaceSwitching: "exclude",
|
|
200
|
+
monitorTypeSurfaces: "exclude",
|
|
201
|
+
selfBrowserSurface: "include",
|
|
197
202
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
198
203
|
// @ts-ignore
|
|
199
204
|
// 当前标签页默认true true：不需要选择 false：需要自己选择
|
|
@@ -204,6 +209,18 @@ var ScreenShot = /*#__PURE__*/ function() {
|
|
|
204
209
|
// console.log("开始捕捉屏幕", { mediaWidth, mediaHeight });
|
|
205
210
|
// 捕获屏幕
|
|
206
211
|
captureStream = _state.sent();
|
|
212
|
+
_captureStream_getVideoTracks = _sliced_to_array(captureStream.getVideoTracks(), 1), track = _captureStream_getVideoTracks[0];
|
|
213
|
+
displaySurface = track.getSettings().displaySurface;
|
|
214
|
+
// console.log('displaySurface',displaySurface)
|
|
215
|
+
// console.log('track',track)
|
|
216
|
+
if (displaySurface && displaySurface !== "window") {
|
|
217
|
+
track.stop();
|
|
218
|
+
throw {
|
|
219
|
+
code: -2,
|
|
220
|
+
msg: "请选择窗口的内容",
|
|
221
|
+
errorInfo: "请选择窗口的内容"
|
|
222
|
+
};
|
|
223
|
+
}
|
|
207
224
|
// 将MediaStream输出至video标签
|
|
208
225
|
_this1.videoController.srcObject = captureStream;
|
|
209
226
|
// 储存屏幕流数据
|
|
@@ -214,16 +231,17 @@ var ScreenShot = /*#__PURE__*/ function() {
|
|
|
214
231
|
];
|
|
215
232
|
case 3:
|
|
216
233
|
err = _state.sent();
|
|
234
|
+
console.log("catchcatchcatch", err);
|
|
217
235
|
if (cancelCallback != null) {
|
|
218
|
-
cancelCallback({
|
|
236
|
+
cancelCallback(_object_spread({
|
|
219
237
|
code: -1,
|
|
220
238
|
msg: "浏览器不支持webrtc或者用户未授权",
|
|
221
|
-
errorInfo: err
|
|
222
|
-
});
|
|
239
|
+
errorInfo: typeof err === "string" ? err : err.errorInfo
|
|
240
|
+
}, err));
|
|
223
241
|
}
|
|
224
242
|
// 销毁截图组件
|
|
225
243
|
_this1.data.destroyDOM();
|
|
226
|
-
throw "浏览器不支持webrtc或者用户未授权( ".concat(err, " )");
|
|
244
|
+
throw "浏览器不支持webrtc或者用户未授权( ".concat(typeof err === "string" ? err : err.errorInfo, " )");
|
|
227
245
|
case 4:
|
|
228
246
|
return [
|
|
229
247
|
2,
|
package/esm/table/index.js
CHANGED
|
@@ -54,6 +54,7 @@ var Table = function(props) {
|
|
|
54
54
|
var timerRef = useRef({
|
|
55
55
|
timer: null
|
|
56
56
|
});
|
|
57
|
+
var scrollObjectRef = useRef(null);
|
|
57
58
|
var _props_defaultWidthRang = props.defaultWidthRang, defaultWidthRang = _props_defaultWidthRang === void 0 ? [
|
|
58
59
|
180,
|
|
59
60
|
240,
|
|
@@ -76,7 +77,7 @@ var Table = function(props) {
|
|
|
76
77
|
}
|
|
77
78
|
var _initColumnsWidth = initColumnsWidth(props.columns, tableWidth), selfColumns = _initColumnsWidth.columns;
|
|
78
79
|
setColumns(selfColumns);
|
|
79
|
-
var obj =
|
|
80
|
+
var obj = scrollObjectRef.current ? scrollObjectRef.current : {};
|
|
80
81
|
obj = _object_spread_props(_object_spread({}, obj), {
|
|
81
82
|
x: tableWidth
|
|
82
83
|
});
|
|
@@ -229,6 +230,11 @@ var Table = function(props) {
|
|
|
229
230
|
}, [
|
|
230
231
|
props.scroll
|
|
231
232
|
]);
|
|
233
|
+
useEffect(function() {
|
|
234
|
+
scrollObjectRef.current = scrollObject;
|
|
235
|
+
}, [
|
|
236
|
+
scrollObject
|
|
237
|
+
]);
|
|
232
238
|
var config = _object_spread_props(_object_spread({
|
|
233
239
|
bordered: false
|
|
234
240
|
}, props), {
|