bhd-components 0.9.5 → 0.9.7
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 +1261 -1009
- package/dist/index.esm.es5.development.js +349 -180
- 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 -6
- package/dist/vendor.esm.es5.production.js +3 -3
- package/es2017/bhdAppLayout/index.js +7 -4
- package/es2017/customerService/common.module.less +1 -1
- package/es2017/customerService/index.js +178 -42
- package/es2017/customerService/index.module.less +124 -3
- package/es2017/customerService/index2.module.less +120 -3
- package/es2017/customerService/js-screen-shot/main.js +21 -4
- package/esm/bhdAppLayout/index.js +7 -4
- package/esm/customerService/common.module.less +1 -1
- package/esm/customerService/index.js +304 -152
- package/esm/customerService/index.module.less +124 -3
- package/esm/customerService/index2.module.less +120 -3
- package/esm/customerService/js-screen-shot/main.js +23 -5
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import * as React from "react";
|
|
5
|
-
import { useState, useLayoutEffect, useRef } from "react";
|
|
5
|
+
import { useState, useEffect, useLayoutEffect, useRef } from "react";
|
|
6
6
|
import styles from "./index.module.less";
|
|
7
7
|
import TitleBar from "../titleBar";
|
|
8
8
|
import Pagination from "../pagination";
|
|
@@ -30,8 +30,11 @@ function BhdAppLayout(props) {
|
|
|
30
30
|
const otherHeadRef = useRef(null);
|
|
31
31
|
const otherContentRef = useRef(null);
|
|
32
32
|
const filterRef = useRef(null);
|
|
33
|
-
|
|
34
|
-
windowChange
|
|
33
|
+
useEffect(()=>{
|
|
34
|
+
window.addEventListener("resize", windowChange);
|
|
35
|
+
return ()=>{
|
|
36
|
+
window.removeEventListener("resize", windowChange);
|
|
37
|
+
};
|
|
35
38
|
}, []);
|
|
36
39
|
useLayoutEffect(()=>{
|
|
37
40
|
windowChange();
|
|
@@ -42,7 +45,7 @@ function BhdAppLayout(props) {
|
|
|
42
45
|
(_otherContentRef = otherContentRef) === null || _otherContentRef === void 0 ? void 0 : (_otherContentRef_current = _otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
|
|
43
46
|
]);
|
|
44
47
|
return /*#__PURE__*/ _jsxs("div", {
|
|
45
|
-
className: `${styles.bhd_app_layout} ${
|
|
48
|
+
className: `${styles.bhd_app_layout} ${className || ""}`,
|
|
46
49
|
children: [
|
|
47
50
|
/*#__PURE__*/ _jsx("header", {
|
|
48
51
|
ref: headRef,
|
|
@@ -3,6 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import React, { useEffect, useState, useRef } from "react";
|
|
5
5
|
import { Modal, Drawer, Input, Tooltip } from "antd";
|
|
6
|
+
import message from '../message';
|
|
6
7
|
import ViewImage from "../viewImage";
|
|
7
8
|
import cssStyle from "./index.module.less";
|
|
8
9
|
import cssStyleOnline from "./index2.module.less";
|
|
@@ -100,6 +101,7 @@ const CustomerService = (props)=>{
|
|
|
100
101
|
});
|
|
101
102
|
const [screenShotType, setScreenShotType] = useState(0) //1是 screenShotPlugin 2是html2canvas
|
|
102
103
|
;
|
|
104
|
+
const screenShotPlugin = useRef();
|
|
103
105
|
useEffect(()=>{
|
|
104
106
|
// if(config && config.type == 'video'){
|
|
105
107
|
// //获取热门推荐
|
|
@@ -119,7 +121,7 @@ const CustomerService = (props)=>{
|
|
|
119
121
|
setScreenShotType(1);
|
|
120
122
|
console.log('看看变了没有1213133');
|
|
121
123
|
console.log('截图方式：【screenShotPlugin】', ScreenShot);
|
|
122
|
-
|
|
124
|
+
screenShotPlugin.current = new ScreenShot({
|
|
123
125
|
clickCutFullScreen: true,
|
|
124
126
|
enableWebRtc: true,
|
|
125
127
|
loadCrossImg: true,
|
|
@@ -146,13 +148,14 @@ const CustomerService = (props)=>{
|
|
|
146
148
|
// base64
|
|
147
149
|
// );
|
|
148
150
|
setImgBese64(base64);
|
|
151
|
+
window.addEventListener('resize', cancelScreenshot);
|
|
149
152
|
},
|
|
150
153
|
triggerCallback: ()=>{
|
|
151
154
|
// 截图组件加载完毕调用此方法来完成框选区域的截图
|
|
152
|
-
|
|
155
|
+
screenShotPlugin.current.completeScreenshot();
|
|
153
156
|
},
|
|
154
157
|
cancelCallback: (err)=>{
|
|
155
|
-
if (err.code === -1) {
|
|
158
|
+
if (err.code === -1 || err.code === -2) {
|
|
156
159
|
console.log(err);
|
|
157
160
|
newShowType.current = false;
|
|
158
161
|
if (saveShowType != -1) {
|
|
@@ -161,7 +164,9 @@ const CustomerService = (props)=>{
|
|
|
161
164
|
setShowType(1);
|
|
162
165
|
}
|
|
163
166
|
setShowScreenshot(false);
|
|
164
|
-
|
|
167
|
+
if (err.code === -2) {
|
|
168
|
+
message.customError(err.msg);
|
|
169
|
+
}
|
|
165
170
|
}
|
|
166
171
|
}
|
|
167
172
|
});
|
|
@@ -223,6 +228,19 @@ const CustomerService = (props)=>{
|
|
|
223
228
|
console.log(error);
|
|
224
229
|
}
|
|
225
230
|
}
|
|
231
|
+
function cancelScreenshot() {
|
|
232
|
+
console.log('cancelScreenshotcancelScreenshotcancelScreenshot');
|
|
233
|
+
newShowType.current = false;
|
|
234
|
+
if (saveShowType != -1) {
|
|
235
|
+
setShowType(saveShowType);
|
|
236
|
+
} else {
|
|
237
|
+
setShowType(1);
|
|
238
|
+
}
|
|
239
|
+
setShowScreenshot(false);
|
|
240
|
+
if (screenShotPlugin.current) {
|
|
241
|
+
screenShotPlugin.current.destroyComponents();
|
|
242
|
+
}
|
|
243
|
+
}
|
|
226
244
|
//|| showScreenshot
|
|
227
245
|
if (showType == 5 || showScreenshot) {
|
|
228
246
|
console.log('bbbbbbbbbbbbbb');
|
|
@@ -289,6 +307,7 @@ const CustomerService = (props)=>{
|
|
|
289
307
|
content.removeEventListener("scroll", handleScroll);
|
|
290
308
|
}
|
|
291
309
|
window.removeEventListener('resize', handlerHtml2canvas);
|
|
310
|
+
window.removeEventListener('resize', cancelScreenshot);
|
|
292
311
|
};
|
|
293
312
|
}, [
|
|
294
313
|
historyMessageList,
|
|
@@ -680,6 +699,9 @@ const CustomerService = (props)=>{
|
|
|
680
699
|
message: type == 2 ? keyWord : message,
|
|
681
700
|
quotedMessage: citationContent.content || ""
|
|
682
701
|
};
|
|
702
|
+
if (citationContent.imageUrl) {
|
|
703
|
+
obj.image = citationContent.imageUrl;
|
|
704
|
+
}
|
|
683
705
|
if (screenshotBese64) {
|
|
684
706
|
obj.image = screenshotBese64;
|
|
685
707
|
setScreenshotBese64("");
|
|
@@ -726,7 +748,7 @@ const CustomerService = (props)=>{
|
|
|
726
748
|
});
|
|
727
749
|
};
|
|
728
750
|
//发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
|
|
729
|
-
const sendMessage = (item, flag, type = '')=>{
|
|
751
|
+
const sendMessage = async (item, flag, type = '')=>{
|
|
730
752
|
console.log(item, flag, 888888888);
|
|
731
753
|
let questions = [];
|
|
732
754
|
if (item && flag) {
|
|
@@ -792,6 +814,7 @@ const CustomerService = (props)=>{
|
|
|
792
814
|
setQuestionsList([]);
|
|
793
815
|
setCitationContent({});
|
|
794
816
|
} else if (userData.modules.some((item)=>item.short == "AIservice")) {
|
|
817
|
+
console.log('citationContent', citationContent);
|
|
795
818
|
let sendData = {
|
|
796
819
|
//相关数据
|
|
797
820
|
roomId: roomId,
|
|
@@ -801,7 +824,14 @@ const CustomerService = (props)=>{
|
|
|
801
824
|
generateUpvoteOrDownvoteMessage: false
|
|
802
825
|
};
|
|
803
826
|
let imageUrl = '';
|
|
827
|
+
if (citationContent.imageUrl) {
|
|
828
|
+
// let base64:string=await urlToBase64(citationContent.imageUrl) as string
|
|
829
|
+
console.log('citationContent.imageUrl', citationContent.imageUrl);
|
|
830
|
+
sendData.image = citationContent.imageUrl;
|
|
831
|
+
imageUrl = citationContent.imageUrl;
|
|
832
|
+
}
|
|
804
833
|
if (screenshotBese64) {
|
|
834
|
+
console.log('screenshotBese64', screenshotBese64);
|
|
805
835
|
sendData.image = screenshotBese64;
|
|
806
836
|
imageUrl = screenshotBese64;
|
|
807
837
|
}
|
|
@@ -1071,7 +1101,7 @@ const CustomerService = (props)=>{
|
|
|
1071
1101
|
},
|
|
1072
1102
|
onmessage (event) {
|
|
1073
1103
|
//识别的内容
|
|
1074
|
-
|
|
1104
|
+
console.log("eventSource msg: ", event.data);
|
|
1075
1105
|
let msg = JSON.parse(event.data);
|
|
1076
1106
|
if (msg.message) {
|
|
1077
1107
|
content = content + msg.message;
|
|
@@ -1103,13 +1133,18 @@ const CustomerService = (props)=>{
|
|
|
1103
1133
|
};
|
|
1104
1134
|
//渲染AI回答
|
|
1105
1135
|
const renderAiAnswer = (msg, message_id, type)=>{
|
|
1136
|
+
console.log('renderAiAnswer', {
|
|
1137
|
+
msg,
|
|
1138
|
+
message_id,
|
|
1139
|
+
type
|
|
1140
|
+
});
|
|
1106
1141
|
// console.log(pageNumHistory,5555555);
|
|
1107
1142
|
// console.log(aiSendQuestions().abort(),'slkdsdsdsd')
|
|
1108
1143
|
if (pageNumHistory > 1) return;
|
|
1109
1144
|
let obj = msg;
|
|
1110
1145
|
let id = msg.messageId;
|
|
1111
|
-
setHistoryMessageList((
|
|
1112
|
-
let list1 =
|
|
1146
|
+
setHistoryMessageList((prevHistoryMessageList)=>{
|
|
1147
|
+
let list1 = prevHistoryMessageList;
|
|
1113
1148
|
//删除临时数据
|
|
1114
1149
|
list1 = list1.filter((item)=>{
|
|
1115
1150
|
return item.id != "123456";
|
|
@@ -1120,9 +1155,13 @@ const CustomerService = (props)=>{
|
|
|
1120
1155
|
return item.id != message_id;
|
|
1121
1156
|
});
|
|
1122
1157
|
}
|
|
1123
|
-
let list =
|
|
1158
|
+
let list = prevHistoryMessageList.filter((item)=>{
|
|
1124
1159
|
return item.id == id;
|
|
1125
1160
|
});
|
|
1161
|
+
console.log('renderAiAnswer', {
|
|
1162
|
+
list1,
|
|
1163
|
+
list
|
|
1164
|
+
});
|
|
1126
1165
|
let message = "";
|
|
1127
1166
|
if (list.length == 0) {
|
|
1128
1167
|
message = obj.message;
|
|
@@ -1171,6 +1210,7 @@ const CustomerService = (props)=>{
|
|
|
1171
1210
|
return newHistoryMessageList2;
|
|
1172
1211
|
}
|
|
1173
1212
|
});
|
|
1213
|
+
console.log('historyMessageList', historyMessageList);
|
|
1174
1214
|
if (isPosition.current) {
|
|
1175
1215
|
scrollToBottom();
|
|
1176
1216
|
}
|
|
@@ -2058,7 +2098,7 @@ const CustomerService = (props)=>{
|
|
|
2058
2098
|
setCitationContent({
|
|
2059
2099
|
content: item.message,
|
|
2060
2100
|
id: item.id,
|
|
2061
|
-
imageUrl: item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ''
|
|
2101
|
+
imageUrl: !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ''
|
|
2062
2102
|
});
|
|
2063
2103
|
resettingBottomHei();
|
|
2064
2104
|
onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
|
|
@@ -2099,7 +2139,7 @@ const CustomerService = (props)=>{
|
|
|
2099
2139
|
},
|
|
2100
2140
|
className: styles.content_child
|
|
2101
2141
|
}),
|
|
2102
|
-
item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
|
|
2142
|
+
!item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
|
|
2103
2143
|
className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
|
|
2104
2144
|
children: [
|
|
2105
2145
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -2121,22 +2161,41 @@ const CustomerService = (props)=>{
|
|
|
2121
2161
|
]
|
|
2122
2162
|
}),
|
|
2123
2163
|
//引用消息
|
|
2124
|
-
item.quotedMessage && /*#__PURE__*/
|
|
2164
|
+
item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
|
|
2125
2165
|
className: styles.citation_content,
|
|
2126
|
-
children:
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2166
|
+
children: [
|
|
2167
|
+
getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
|
|
2168
|
+
overlayClassName: styles.popover_main_content,
|
|
2169
|
+
title: item.quotedMessage,
|
|
2170
|
+
placement: "leftTop",
|
|
2171
|
+
children: /*#__PURE__*/ _jsxs("p", {
|
|
2172
|
+
className: styles.text_exceed,
|
|
2173
|
+
children: [
|
|
2174
|
+
item.quotedMessage,
|
|
2175
|
+
/*#__PURE__*/ _jsx(RightOutlined, {})
|
|
2176
|
+
]
|
|
2177
|
+
})
|
|
2178
|
+
}) : /*#__PURE__*/ _jsx("p", {
|
|
2179
|
+
children: item.quotedMessage
|
|
2180
|
+
}),
|
|
2181
|
+
item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
|
|
2182
|
+
className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
|
|
2132
2183
|
children: [
|
|
2133
|
-
|
|
2134
|
-
|
|
2184
|
+
/*#__PURE__*/ _jsx("img", {
|
|
2185
|
+
src: JSON.parse(item.extraInfo)[0].value
|
|
2186
|
+
}),
|
|
2187
|
+
/*#__PURE__*/ _jsx("div", {
|
|
2188
|
+
className: styles.mask_zoom,
|
|
2189
|
+
children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
|
|
2190
|
+
onClick: ()=>{
|
|
2191
|
+
setViewBase64(JSON.parse(item.extraInfo)[0].value);
|
|
2192
|
+
setVisible(true);
|
|
2193
|
+
}
|
|
2194
|
+
})
|
|
2195
|
+
})
|
|
2135
2196
|
]
|
|
2136
2197
|
})
|
|
2137
|
-
|
|
2138
|
-
children: item.quotedMessage
|
|
2139
|
-
})
|
|
2198
|
+
]
|
|
2140
2199
|
})
|
|
2141
2200
|
]
|
|
2142
2201
|
})
|
|
@@ -2179,7 +2238,7 @@ const CustomerService = (props)=>{
|
|
|
2179
2238
|
}) : "",
|
|
2180
2239
|
/*#__PURE__*/ _jsxs("li", {
|
|
2181
2240
|
className: styles.right,
|
|
2182
|
-
id: lastId == item.id ? "li_flag" :
|
|
2241
|
+
id: lastId == item.id ? "li_flag" : item.id,
|
|
2183
2242
|
children: [
|
|
2184
2243
|
(showType == 2 || showType == 4) && /*#__PURE__*/ _jsx("div", {
|
|
2185
2244
|
className: styles.head_sculpture,
|
|
@@ -2199,9 +2258,34 @@ const CustomerService = (props)=>{
|
|
|
2199
2258
|
children: [
|
|
2200
2259
|
/*#__PURE__*/ _jsxs("div", {
|
|
2201
2260
|
className: styles.main_content_flag,
|
|
2261
|
+
onMouseEnter: ()=>{
|
|
2262
|
+
const dom = document.getElementById(item.id);
|
|
2263
|
+
if (dom) {
|
|
2264
|
+
const con_h = document.getElementById('chat_content').clientHeight - 24; //滚动区域的高度
|
|
2265
|
+
const rectY = dom.getBoundingClientRect().y - 48;
|
|
2266
|
+
const h = dom.clientHeight; //当前元素高度
|
|
2267
|
+
const topDom = dom.getElementsByClassName('operate_modal_showtop')[0];
|
|
2268
|
+
const bottomDom = dom.getElementsByClassName('operate_modal_showbottom')[0];
|
|
2269
|
+
if (topDom && bottomDom) {
|
|
2270
|
+
// console.log(h,dom.getBoundingClientRect().y,rectY)
|
|
2271
|
+
if (rectY > 0) {
|
|
2272
|
+
topDom.style.cssText = "";
|
|
2273
|
+
bottomDom.style.cssText = "visibility: hidden;";
|
|
2274
|
+
// 上下都能显示时，显示到下边
|
|
2275
|
+
if (h < con_h - rectY) {
|
|
2276
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2277
|
+
bottomDom.style.cssText = "";
|
|
2278
|
+
}
|
|
2279
|
+
} else {
|
|
2280
|
+
topDom.style.cssText = "visibility: hidden;";
|
|
2281
|
+
bottomDom.style.cssText = "";
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2284
|
+
}
|
|
2285
|
+
},
|
|
2202
2286
|
children: [
|
|
2203
2287
|
/*#__PURE__*/ _jsx("div", {
|
|
2204
|
-
className: styles.operate_modal
|
|
2288
|
+
className: `${styles.operate_modal} operate_modal_showtop`,
|
|
2205
2289
|
children: // 不是最后一行，
|
|
2206
2290
|
historyMessageList.length - 1 != i && renderOperateBtn(item, isAiChatWindow, i)
|
|
2207
2291
|
}),
|
|
@@ -2281,26 +2365,50 @@ const CustomerService = (props)=>{
|
|
|
2281
2365
|
//findTeacher//是否在召唤老师过程中，是否是最后一条消息
|
|
2282
2366
|
!item.findTeacher && historyMessageList.length - 1 == i && item.id != "123456" && item.id != '123456_date' && renderLastOperateBtn(item, isAiChatWindow, i)
|
|
2283
2367
|
]
|
|
2368
|
+
}),
|
|
2369
|
+
historyMessageList.length - 1 !== i && /*#__PURE__*/ _jsx("div", {
|
|
2370
|
+
className: `${styles.operate_modal} ${styles.bottom} operate_modal_showbottom`,
|
|
2371
|
+
children: // 不是最后一行，
|
|
2372
|
+
renderOperateBtn(item, isAiChatWindow, i)
|
|
2284
2373
|
})
|
|
2285
2374
|
]
|
|
2286
2375
|
}),
|
|
2287
2376
|
//引用消息
|
|
2288
|
-
item.quotedMessage && /*#__PURE__*/
|
|
2377
|
+
item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
|
|
2289
2378
|
className: styles.citation_content,
|
|
2290
|
-
children:
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2379
|
+
children: [
|
|
2380
|
+
getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
|
|
2381
|
+
overlayClassName: styles.popover_main_content,
|
|
2382
|
+
title: item.quotedMessage,
|
|
2383
|
+
placement: "rightTop",
|
|
2384
|
+
children: /*#__PURE__*/ _jsxs("p", {
|
|
2385
|
+
className: styles.text_exceed,
|
|
2386
|
+
children: [
|
|
2387
|
+
item.quotedMessage,
|
|
2388
|
+
/*#__PURE__*/ _jsx(RightOutlined, {})
|
|
2389
|
+
]
|
|
2390
|
+
})
|
|
2391
|
+
}) : /*#__PURE__*/ _jsx("p", {
|
|
2392
|
+
children: item.quotedMessage
|
|
2393
|
+
}),
|
|
2394
|
+
item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" && /*#__PURE__*/ _jsxs("p", {
|
|
2395
|
+
className: `${styles.img_con} ${showType == 2 || showType == 4 ? styles.img_con2 : ''}`,
|
|
2296
2396
|
children: [
|
|
2297
|
-
|
|
2298
|
-
|
|
2397
|
+
/*#__PURE__*/ _jsx("img", {
|
|
2398
|
+
src: JSON.parse(item.extraInfo)[0].value
|
|
2399
|
+
}),
|
|
2400
|
+
/*#__PURE__*/ _jsx("div", {
|
|
2401
|
+
className: styles.mask_zoom,
|
|
2402
|
+
children: /*#__PURE__*/ _jsx(ZoomInOutlined, {
|
|
2403
|
+
onClick: ()=>{
|
|
2404
|
+
setViewBase64(JSON.parse(item.extraInfo)[0].value);
|
|
2405
|
+
setVisible(true);
|
|
2406
|
+
}
|
|
2407
|
+
})
|
|
2408
|
+
})
|
|
2299
2409
|
]
|
|
2300
2410
|
})
|
|
2301
|
-
|
|
2302
|
-
children: item.quotedMessage
|
|
2303
|
-
})
|
|
2411
|
+
]
|
|
2304
2412
|
})
|
|
2305
2413
|
]
|
|
2306
2414
|
})
|
|
@@ -2351,6 +2459,7 @@ const CustomerService = (props)=>{
|
|
|
2351
2459
|
onClick: ()=>{
|
|
2352
2460
|
setCitationContent({
|
|
2353
2461
|
content: item.message,
|
|
2462
|
+
imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
|
|
2354
2463
|
id: item.id
|
|
2355
2464
|
});
|
|
2356
2465
|
resettingBottomHei();
|
|
@@ -2541,6 +2650,7 @@ const CustomerService = (props)=>{
|
|
|
2541
2650
|
onClick: ()=>{
|
|
2542
2651
|
setCitationContent({
|
|
2543
2652
|
content: item.message,
|
|
2653
|
+
imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
|
|
2544
2654
|
id: item.id
|
|
2545
2655
|
});
|
|
2546
2656
|
resettingBottomHei();
|
|
@@ -2656,6 +2766,21 @@ const CustomerService = (props)=>{
|
|
|
2656
2766
|
const pastedText = clipboardData.getData('text');
|
|
2657
2767
|
let con = keyWord + pastedText;
|
|
2658
2768
|
setKeyWord(con);
|
|
2769
|
+
if (con == "") {
|
|
2770
|
+
setQuestionsList([]);
|
|
2771
|
+
clearTimeout(timer.current);
|
|
2772
|
+
} else {
|
|
2773
|
+
clearTimeout(timer.current);
|
|
2774
|
+
timer.current = setTimeout(()=>{
|
|
2775
|
+
if (config && config.type == 'video') {
|
|
2776
|
+
getQuestiionsList(String(con), 3);
|
|
2777
|
+
} else {
|
|
2778
|
+
getQuestiionsList(String(con), 2);
|
|
2779
|
+
}
|
|
2780
|
+
}, 1000);
|
|
2781
|
+
}
|
|
2782
|
+
setBottomRecommendationQuestions([]);
|
|
2783
|
+
resettingBottomHei();
|
|
2659
2784
|
}
|
|
2660
2785
|
}
|
|
2661
2786
|
};
|
|
@@ -2841,13 +2966,24 @@ const CustomerService = (props)=>{
|
|
|
2841
2966
|
citationContent.content && /*#__PURE__*/ _jsxs("div", {
|
|
2842
2967
|
className: styles.content_main,
|
|
2843
2968
|
children: [
|
|
2844
|
-
/*#__PURE__*/
|
|
2969
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
2845
2970
|
className: styles.content_con,
|
|
2846
|
-
children:
|
|
2847
|
-
|
|
2848
|
-
children:
|
|
2971
|
+
children: [
|
|
2972
|
+
/*#__PURE__*/ _jsx("p", {
|
|
2973
|
+
children: /*#__PURE__*/ _jsx("span", {
|
|
2974
|
+
children: citationContent.content
|
|
2975
|
+
})
|
|
2976
|
+
}),
|
|
2977
|
+
citationContent.imageUrl && /*#__PURE__*/ _jsx("p", {
|
|
2978
|
+
children: /*#__PURE__*/ _jsx("img", {
|
|
2979
|
+
src: citationContent.imageUrl,
|
|
2980
|
+
onClick: ()=>{
|
|
2981
|
+
setViewBase64(citationContent.imageUrl);
|
|
2982
|
+
setVisible(true);
|
|
2983
|
+
}
|
|
2984
|
+
})
|
|
2849
2985
|
})
|
|
2850
|
-
|
|
2986
|
+
]
|
|
2851
2987
|
}),
|
|
2852
2988
|
/*#__PURE__*/ _jsx("i", {
|
|
2853
2989
|
className: styles.delete_quote,
|
|
@@ -351,6 +351,7 @@
|
|
|
351
351
|
.content_child {
|
|
352
352
|
padding: 0;
|
|
353
353
|
line-height: 1;
|
|
354
|
+
|
|
354
355
|
p{
|
|
355
356
|
word-break: break-all;
|
|
356
357
|
white-space: break-spaces;
|
|
@@ -380,11 +381,73 @@
|
|
|
380
381
|
font-weight: 600;
|
|
381
382
|
}
|
|
382
383
|
li > ul li {
|
|
384
|
+
padding-top: 8px !important;
|
|
385
|
+
padding-bottom: 8px;
|
|
383
386
|
list-style: inside;
|
|
384
|
-
color: rgba(0, 0, 0, 0.
|
|
387
|
+
color: rgba(0, 0, 0, 0.85);
|
|
388
|
+
&::marker{
|
|
389
|
+
color: #D9D9D9 !important;
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
li > ol li {
|
|
393
|
+
padding-top: 8px !important;
|
|
394
|
+
padding-bottom: 8px;
|
|
395
|
+
&::marker{
|
|
396
|
+
color: @color-text-tertiary-Tr !important;
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
// li{
|
|
401
|
+
// margin-top:16px;
|
|
402
|
+
// }
|
|
403
|
+
// > * + ul, > * + ol {
|
|
404
|
+
// margin-top:16px;
|
|
405
|
+
// }
|
|
406
|
+
// > ul + *, > ol + * {
|
|
407
|
+
// margin-top:16px;
|
|
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;
|
|
385
417
|
}
|
|
386
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
|
+
}
|
|
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
|
+
}
|
|
387
449
|
}
|
|
450
|
+
|
|
388
451
|
pre {
|
|
389
452
|
background: @color-background-fillquaternary;
|
|
390
453
|
border: 1px solid @color-border-secondary-Tr;
|
|
@@ -585,6 +648,13 @@
|
|
|
585
648
|
// }
|
|
586
649
|
}
|
|
587
650
|
}
|
|
651
|
+
|
|
652
|
+
&.bottom{
|
|
653
|
+
top:3px;
|
|
654
|
+
.operate{
|
|
655
|
+
box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
|
|
656
|
+
}
|
|
657
|
+
}
|
|
588
658
|
}
|
|
589
659
|
|
|
590
660
|
}
|
|
@@ -787,11 +857,13 @@
|
|
|
787
857
|
}
|
|
788
858
|
:global{
|
|
789
859
|
::marker {
|
|
790
|
-
font-weight: 600 !important;
|
|
860
|
+
// font-weight: 600 !important;
|
|
861
|
+
color: rgba(0, 0, 0, 0.85);
|
|
791
862
|
}
|
|
792
863
|
}
|
|
793
864
|
::marker {
|
|
794
|
-
font-weight: 600 !important;
|
|
865
|
+
// font-weight: 600 !important;
|
|
866
|
+
color: rgba(0, 0, 0, 0.85);
|
|
795
867
|
}
|
|
796
868
|
p{
|
|
797
869
|
font-weight: 400 !important;
|
|
@@ -804,6 +876,7 @@
|
|
|
804
876
|
}
|
|
805
877
|
|
|
806
878
|
}
|
|
879
|
+
|
|
807
880
|
}
|
|
808
881
|
|
|
809
882
|
.time {
|
|
@@ -867,6 +940,53 @@
|
|
|
867
940
|
right: 0;
|
|
868
941
|
}
|
|
869
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
|
+
}
|
|
870
990
|
}
|
|
871
991
|
|
|
872
992
|
.popover_content {
|
|
@@ -1182,6 +1302,7 @@
|
|
|
1182
1302
|
img{
|
|
1183
1303
|
margin-right: 8px;
|
|
1184
1304
|
width: 60px;
|
|
1305
|
+
object-fit: cover;
|
|
1185
1306
|
}
|
|
1186
1307
|
}
|
|
1187
1308
|
}
|