bhd-components 0.9.15 → 0.9.16
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 +1099 -1093
- package/dist/index.esm.es5.development.js +42 -35
- 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/customerService/historyFun.js +9 -9
- package/es2017/customerService/index.js +32 -25
- package/es2017/customerService/index.module.less +6 -5
- package/es2017/customerService/index2.module.less +6 -5
- package/esm/customerService/historyFun.js +9 -9
- package/esm/customerService/index.js +32 -25
- package/esm/customerService/index.module.less +6 -5
- package/esm/customerService/index2.module.less +6 -5
- package/package.json +1 -1
|
@@ -322,14 +322,14 @@ const HistoryFun = (props)=>{
|
|
|
322
322
|
})
|
|
323
323
|
]
|
|
324
324
|
}),
|
|
325
|
-
/*#__PURE__*/ _jsx(
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
children: /*#__PURE__*/ _jsxs(
|
|
329
|
-
|
|
330
|
-
|
|
325
|
+
/*#__PURE__*/ _jsx(Spin, {
|
|
326
|
+
spinning: loading,
|
|
327
|
+
tip: "加载中...",
|
|
328
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
329
|
+
className: styles.main_list,
|
|
330
|
+
id: "history_list",
|
|
331
331
|
children: [
|
|
332
|
-
showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
|
|
332
|
+
!loading && showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
|
|
333
333
|
className: styles.no_data,
|
|
334
334
|
children: [
|
|
335
335
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -340,7 +340,7 @@ const HistoryFun = (props)=>{
|
|
|
340
340
|
})
|
|
341
341
|
]
|
|
342
342
|
}),
|
|
343
|
-
showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
|
|
343
|
+
!loading && showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
|
|
344
344
|
className: styles.no_data,
|
|
345
345
|
children: [
|
|
346
346
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -351,7 +351,7 @@ const HistoryFun = (props)=>{
|
|
|
351
351
|
})
|
|
352
352
|
]
|
|
353
353
|
}),
|
|
354
|
-
/*#__PURE__*/ _jsx("div", {
|
|
354
|
+
!loading && /*#__PURE__*/ _jsx("div", {
|
|
355
355
|
className: styles.list_item,
|
|
356
356
|
children: totalData.map((item)=>{
|
|
357
357
|
let span = "";
|
|
@@ -2325,32 +2325,39 @@ const CustomerService = (props)=>{
|
|
|
2325
2325
|
children: /*#__PURE__*/ _jsxs("div", {
|
|
2326
2326
|
className: styles.main_content_flag,
|
|
2327
2327
|
onMouseEnter: ()=>{
|
|
2328
|
-
const
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
const
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
if (
|
|
2342
|
-
topDom.style.cssText = "
|
|
2343
|
-
bottomDom.style.cssText = "";
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
bottomDom.style.cssText = `top:${-(h + rectY - 51)}px`;
|
|
2328
|
+
const isSmall = showType == 1 || showType == 3;
|
|
2329
|
+
const container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
|
|
2330
|
+
if (container) {
|
|
2331
|
+
const dom = container.querySelector(`[id="${item.id}"]`);
|
|
2332
|
+
if (dom) {
|
|
2333
|
+
// const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
|
|
2334
|
+
const con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
|
|
2335
|
+
const rectY = dom.getBoundingClientRect().y - 48;
|
|
2336
|
+
const h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
|
|
2337
|
+
const topDom = dom.getElementsByClassName('operate_modal_showtop')[0];
|
|
2338
|
+
const bottomDom = dom.getElementsByClassName('operate_modal_showbottom')[0];
|
|
2339
|
+
// console.log({h,con_h,rectY,topDom,bottomDom})
|
|
2340
|
+
if (topDom && bottomDom) {
|
|
2341
|
+
if (rectY > 0) {
|
|
2342
|
+
topDom.style.cssText = "";
|
|
2343
|
+
bottomDom.style.cssText = "visibility: hidden;";
|
|
2344
|
+
// 上下都能显示时，显示到下边
|
|
2345
|
+
if (h < con_h - rectY) {
|
|
2346
|
+
console.log('上下都能显示时，显示到下边');
|
|
2347
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2348
|
+
bottomDom.style.cssText = "";
|
|
2349
|
+
}
|
|
2351
2350
|
} else {
|
|
2352
|
-
|
|
2353
|
-
|
|
2351
|
+
// 上下都不显示
|
|
2352
|
+
if (h > con_h && h - con_h > Math.abs(rectY)) {
|
|
2353
|
+
console.log('上下都不显示');
|
|
2354
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2355
|
+
bottomDom.style.cssText = `top:${-(h + rectY - 51 - (isSmall ? 0 : 58))}px;`;
|
|
2356
|
+
} else {
|
|
2357
|
+
console.log('12312312');
|
|
2358
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2359
|
+
bottomDom.style.cssText = "";
|
|
2360
|
+
}
|
|
2354
2361
|
}
|
|
2355
2362
|
}
|
|
2356
2363
|
}
|
|
@@ -1956,11 +1956,6 @@
|
|
|
1956
1956
|
line-height: 100%; /* 14px */
|
|
1957
1957
|
}
|
|
1958
1958
|
}
|
|
1959
|
-
:global{
|
|
1960
|
-
.bhd-spin-nested-loading{
|
|
1961
|
-
height:calc(100% - 130px)
|
|
1962
|
-
}
|
|
1963
|
-
}
|
|
1964
1959
|
}
|
|
1965
1960
|
}
|
|
1966
1961
|
@keyframes mymove {
|
|
@@ -1985,6 +1980,12 @@
|
|
|
1985
1980
|
.anticon {
|
|
1986
1981
|
vertical-align: 0;
|
|
1987
1982
|
}
|
|
1983
|
+
.bhd-spin-nested-loading {
|
|
1984
|
+
height: calc(100% - 72px - 57px);
|
|
1985
|
+
& >div>.bhd-spin{
|
|
1986
|
+
max-height:436px;
|
|
1987
|
+
}
|
|
1988
|
+
}
|
|
1988
1989
|
}
|
|
1989
1990
|
}
|
|
1990
1991
|
//全屏下的历史记录
|
|
@@ -1946,11 +1946,6 @@
|
|
|
1946
1946
|
line-height: 100%; /* 14px */
|
|
1947
1947
|
}
|
|
1948
1948
|
}
|
|
1949
|
-
:global{
|
|
1950
|
-
.bhd-spin-nested-loading{
|
|
1951
|
-
height:calc(100% - 130px)
|
|
1952
|
-
}
|
|
1953
|
-
}
|
|
1954
1949
|
}
|
|
1955
1950
|
}
|
|
1956
1951
|
@keyframes mymove {
|
|
@@ -1975,6 +1970,12 @@
|
|
|
1975
1970
|
.anticon {
|
|
1976
1971
|
vertical-align: 0;
|
|
1977
1972
|
}
|
|
1973
|
+
.bhd-spin-nested-loading {
|
|
1974
|
+
height: calc(100% - 72px - 57px);
|
|
1975
|
+
& >div>.bhd-spin{
|
|
1976
|
+
max-height:436px;
|
|
1977
|
+
}
|
|
1978
|
+
}
|
|
1978
1979
|
}
|
|
1979
1980
|
}
|
|
1980
1981
|
//全屏下的历史记录
|
|
@@ -327,14 +327,14 @@ var HistoryFun = function(props) {
|
|
|
327
327
|
})
|
|
328
328
|
]
|
|
329
329
|
}),
|
|
330
|
-
/*#__PURE__*/ _jsx(
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
children: /*#__PURE__*/ _jsxs(
|
|
334
|
-
|
|
335
|
-
|
|
330
|
+
/*#__PURE__*/ _jsx(Spin, {
|
|
331
|
+
spinning: loading,
|
|
332
|
+
tip: "加载中...",
|
|
333
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
334
|
+
className: styles.main_list,
|
|
335
|
+
id: "history_list",
|
|
336
336
|
children: [
|
|
337
|
-
showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
|
|
337
|
+
!loading && showLoadingState == 1 && /*#__PURE__*/ _jsxs("div", {
|
|
338
338
|
className: styles.no_data,
|
|
339
339
|
children: [
|
|
340
340
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -345,7 +345,7 @@ var HistoryFun = function(props) {
|
|
|
345
345
|
})
|
|
346
346
|
]
|
|
347
347
|
}),
|
|
348
|
-
showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
|
|
348
|
+
!loading && showLoadingState == 2 && /*#__PURE__*/ _jsxs("div", {
|
|
349
349
|
className: styles.no_data,
|
|
350
350
|
children: [
|
|
351
351
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -356,7 +356,7 @@ var HistoryFun = function(props) {
|
|
|
356
356
|
})
|
|
357
357
|
]
|
|
358
358
|
}),
|
|
359
|
-
/*#__PURE__*/ _jsx("div", {
|
|
359
|
+
!loading && /*#__PURE__*/ _jsx("div", {
|
|
360
360
|
className: styles.list_item,
|
|
361
361
|
children: totalData.map(function(item) {
|
|
362
362
|
var span = "";
|
|
@@ -2419,32 +2419,39 @@ var CustomerService = function(props) {
|
|
|
2419
2419
|
children: /*#__PURE__*/ _jsxs("div", {
|
|
2420
2420
|
className: styles.main_content_flag,
|
|
2421
2421
|
onMouseEnter: function() {
|
|
2422
|
-
var
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
var
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
if (
|
|
2436
|
-
topDom.style.cssText = "
|
|
2437
|
-
bottomDom.style.cssText = "";
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
bottomDom.style.cssText = "top:".concat(-(h + rectY - 51), "px");
|
|
2422
|
+
var isSmall = showType == 1 || showType == 3;
|
|
2423
|
+
var container = document.getElementById(isSmall ? "chat_content" : "chat_content_modal");
|
|
2424
|
+
if (container) {
|
|
2425
|
+
var dom = container.querySelector('[id="'.concat(item.id, '"]'));
|
|
2426
|
+
if (dom) {
|
|
2427
|
+
// const con_h=document.getElementById('chat_content').clientHeight-24;//滚动区域的高度
|
|
2428
|
+
var con_h = container.clientHeight - (isSmall ? 24 : 0); //滚动区域的高度;
|
|
2429
|
+
var rectY = dom.getBoundingClientRect().y - 48;
|
|
2430
|
+
var h = dom.clientHeight + (isSmall ? 24 : 0); //当前元素高度
|
|
2431
|
+
var topDom = dom.getElementsByClassName("operate_modal_showtop")[0];
|
|
2432
|
+
var bottomDom = dom.getElementsByClassName("operate_modal_showbottom")[0];
|
|
2433
|
+
// console.log({h,con_h,rectY,topDom,bottomDom})
|
|
2434
|
+
if (topDom && bottomDom) {
|
|
2435
|
+
if (rectY > 0) {
|
|
2436
|
+
topDom.style.cssText = "";
|
|
2437
|
+
bottomDom.style.cssText = "visibility: hidden;";
|
|
2438
|
+
// 上下都能显示时，显示到下边
|
|
2439
|
+
if (h < con_h - rectY) {
|
|
2440
|
+
console.log("上下都能显示时，显示到下边");
|
|
2441
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2442
|
+
bottomDom.style.cssText = "";
|
|
2443
|
+
}
|
|
2445
2444
|
} else {
|
|
2446
|
-
|
|
2447
|
-
|
|
2445
|
+
// 上下都不显示
|
|
2446
|
+
if (h > con_h && h - con_h > Math.abs(rectY)) {
|
|
2447
|
+
console.log("上下都不显示");
|
|
2448
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2449
|
+
bottomDom.style.cssText = "top:".concat(-(h + rectY - 51 - (isSmall ? 0 : 58)), "px;");
|
|
2450
|
+
} else {
|
|
2451
|
+
console.log("12312312");
|
|
2452
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2453
|
+
bottomDom.style.cssText = "";
|
|
2454
|
+
}
|
|
2448
2455
|
}
|
|
2449
2456
|
}
|
|
2450
2457
|
}
|
|
@@ -1956,11 +1956,6 @@
|
|
|
1956
1956
|
line-height: 100%; /* 14px */
|
|
1957
1957
|
}
|
|
1958
1958
|
}
|
|
1959
|
-
:global{
|
|
1960
|
-
.bhd-spin-nested-loading{
|
|
1961
|
-
height:calc(100% - 130px)
|
|
1962
|
-
}
|
|
1963
|
-
}
|
|
1964
1959
|
}
|
|
1965
1960
|
}
|
|
1966
1961
|
@keyframes mymove {
|
|
@@ -1985,6 +1980,12 @@
|
|
|
1985
1980
|
.anticon {
|
|
1986
1981
|
vertical-align: 0;
|
|
1987
1982
|
}
|
|
1983
|
+
.bhd-spin-nested-loading {
|
|
1984
|
+
height: calc(100% - 72px - 57px);
|
|
1985
|
+
& >div>.bhd-spin{
|
|
1986
|
+
max-height:436px;
|
|
1987
|
+
}
|
|
1988
|
+
}
|
|
1988
1989
|
}
|
|
1989
1990
|
}
|
|
1990
1991
|
//全屏下的历史记录
|
|
@@ -1946,11 +1946,6 @@
|
|
|
1946
1946
|
line-height: 100%; /* 14px */
|
|
1947
1947
|
}
|
|
1948
1948
|
}
|
|
1949
|
-
:global{
|
|
1950
|
-
.bhd-spin-nested-loading{
|
|
1951
|
-
height:calc(100% - 130px)
|
|
1952
|
-
}
|
|
1953
|
-
}
|
|
1954
1949
|
}
|
|
1955
1950
|
}
|
|
1956
1951
|
@keyframes mymove {
|
|
@@ -1975,6 +1970,12 @@
|
|
|
1975
1970
|
.anticon {
|
|
1976
1971
|
vertical-align: 0;
|
|
1977
1972
|
}
|
|
1973
|
+
.bhd-spin-nested-loading {
|
|
1974
|
+
height: calc(100% - 72px - 57px);
|
|
1975
|
+
& >div>.bhd-spin{
|
|
1976
|
+
max-height:436px;
|
|
1977
|
+
}
|
|
1978
|
+
}
|
|
1978
1979
|
}
|
|
1979
1980
|
}
|
|
1980
1981
|
//全屏下的历史记录
|