bhd-components 0.10.6 → 0.10.8

package/esm/AIMessageList/components/fileList/index.js

@@ -58,12 +58,16 @@ var FileList = /*#__PURE__*/ forwardRef(function(props, ref) {
                 return recordObj.current.fileList;
             },
             vaildFile: vaildFile,
-            fileToCustomFile: fileToCustomFile
+            fileToCustomFile: fileToCustomFile,
+            clearFileList: clearFileList
         };
     });
     var getCls = function(clsName) {
         return styles[clsName] + " " + prefix + "-" + clsName;
     };
+    var clearFileList = function() {
+        setFileList([]);
+    };
     var vaildFile = function(file, fileId) {
         if (fileUpload.maxCount > 0 && recordObj.current.fileList.length > fileUpload.maxCount) {
             errorCallback({

package/esm/AIMessageList/components/footer/index.js

@@ -32,6 +32,8 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     if (fileUpload) {
         fileUpload = _object_spread({}, defaultFileUploadProps, fileUpload);
     }
+    var footerDomRef = useRef(null);
+    var resizeObserverRef = useRef(null);
     var fileListRef = useRef(null);
     var ctrl = useRef(); //停止生成ai回答时使用
     var _useState = _sliced_to_array(useState(""), 2), textValue = _useState[0], setTextValue = _useState[1];
@@ -74,7 +76,9 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         }, fileListRef.current);
     });
     useEffect(function() {
+        listenerFooterHeight();
         return function() {
+            resizeObserverRef.current && resizeObserverRef.current.disconnect();
             clearTimeout(updateMsgRef.current);
         };
     }, []);
@@ -87,6 +91,16 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         referencesSource,
         sending
     ]);
+    // 监听footer变化
+    var listenerFooterHeight = function() {
+        if (!footerDomRef.current) return;
+        // 创建ResizeObserver实例
+        resizeObserverRef.current = new ResizeObserver(function(entries) {
+            apiRef.contentApi && apiRef.contentApi.scrollToBottom();
+        });
+        // 开始观察footer元素
+        resizeObserverRef.current.observe(footerDomRef.current);
+    };
     // 是否允许发送消息
     var canSendMsg = useMemo(function() {
         if (textValue.trim().length === 0) return false;
@@ -188,7 +202,8 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             content: value,
             location: "right",
             reference: recordRef.current.referencesSource,
-            source: null
+            source: null,
+            fileList: fileListRef.current.getFileList()
         });
         sendMsgAjax();
     };
@@ -213,11 +228,13 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             content: "正在输入...",
             location: "left",
             reference: null,
-            source: null
+            source: null,
+            fileList: fileListRef.current.getFileList()
         });
         var msgContent = "";
         setSending(true);
         setTextValue("");
+        fileListRef.current.clearFileList();
         setReferencesSource(null);
         var recordMsgObj = {};
         var arg = [
@@ -227,11 +244,23 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         ];
         beforeSendMsg.apply(void 0, _to_consumable_array(arg)).then(function(beforeInfo) {
             var callback = function() {
+                var isClose = false;
+                var closeCallback = function() {
+                    if (isClose) return;
+                    isClose = true;
+                    onClose();
+                    setSending(false);
+                    if (recordMsgObj.id) {
+                        apiRef.contentApi.recordMsg(recordMsgObj);
+                        apiRef.contentApi.setSendingId(recordMsgObj.id);
+                    }
+                    console.log("onclose: ", recordMsgObj);
+                };
                 fetchEventSource(url, _object_spread({
                     method: method,
                     headers: _object_spread({
                         "Content-Type": "application/json",
-                        "Accept": "text/event-stream,application/json"
+                        Accept: "text/event-stream,application/json"
                     }, headers()),
                     body: params.apply(void 0, _to_consumable_array(arg).concat([
                         beforeInfo
@@ -249,28 +278,25 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return null;
                     },
                     onmessage: function(ev) {
-                        var data = onMessage(ev);
+                        var data = onMessage(ev, closeCallback);
                         msgContent += data.content;
                         delete data.content;
                         recordMsgObj = _object_spread({
                             createTime: createTime,
-                            content: msgContent,
+                            content: msgContent || "正在输入...",
                             location: "left",
                             reference: null,
                             source: null
                         }, data);
+                        apiRef.contentApi.setSendingId(data.id);
+                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                        msgId = data.id;
                         updateMsgRef.current = setTimeout(function() {
-                            apiRef.contentApi.updateMsg(msgId, recordMsgObj);
-                            msgId = data.id;
+                            apiRef.contentApi.scrollToBottom();
                         }, 100);
                     },
                     onclose: function() {
-                        onClose();
-                        setSending(false);
-                        if (recordMsgObj.id) {
-                            apiRef.contentApi.recordMsg(recordMsgObj);
-                        }
-                        console.log("onclose: ", recordMsgObj);
+                        closeCallback();
                     },
                     onerror: function(err) {
                         onError(err);
@@ -296,6 +322,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     };
     return /*#__PURE__*/ _jsx("div", {
         className: "".concat(getCls("footer"), " ").concat(className),
+        ref: footerDomRef,
         children: /*#__PURE__*/ _jsxs("div", {
             className: "".concat(getCls("footerBody"), " ").concat(judegTextLengthWarn() ? getCls("footerBodyWarn") : ""),
             children: [

package/esm/AIMessageList/components/header/index.js

@@ -29,11 +29,11 @@ var defaultProps = {
                             gradientUnits: "userSpaceOnUse",
                             children: [
                                 /*#__PURE__*/ _jsx("stop", {
-                                    "stop-color": "#F87AFD"
+                                    stopColor: "#F87AFD"
                                 }),
                                 /*#__PURE__*/ _jsx("stop", {
                                     offset: "1",
-                                    "stop-color": "#41DAF8"
+                                    stopColor: "#41DAF8"
                                 })
                             ]
                         }),
@@ -46,11 +46,11 @@ var defaultProps = {
                             gradientUnits: "userSpaceOnUse",
                             children: [
                                 /*#__PURE__*/ _jsx("stop", {
-                                    "stop-color": "#F87AFD"
+                                    stopColor: "#F87AFD"
                                 }),
                                 /*#__PURE__*/ _jsx("stop", {
                                     offset: "1",
-                                    "stop-color": "#41DAF8"
+                                    stopColor: "#41DAF8"
                                 })
                             ]
                         })

package/esm/AIMessageList/components/referencesIcon/index.js

@@ -5,7 +5,7 @@ var referencesIcon = /*#__PURE__*/ _jsx("i", {
     children: /*#__PURE__*/ _jsxs("svg", {
         width: "1em",
         height: "1em",
-        "shape-rendering": "geometricPrecision",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
         viewBox: "0 0 14 14",
         xmlns: "http://www.w3.org/2000/svg",
@@ -32,11 +32,26 @@ var ReferencesIcon = function(props) {
         console.log("apiRef", apiRef);
         if (apiRef && apiRef.footerApi) {
             console.log("itemitem", item);
-            apiRef.footerApi.setReferences({
-                type: "text",
-                value: item.content,
-                source: item
-            });
+            if (item.type === "file") {
+                apiRef.footerApi.setReferences({
+                    type: "file",
+                    value: {
+                        name: item.fileTitle,
+                        suffix: item.suffix,
+                        fileId: item.id,
+                        url: "",
+                        status: "success",
+                        source: null
+                    },
+                    source: item
+                });
+            } else {
+                apiRef.footerApi.setReferences({
+                    type: "text",
+                    value: item.content,
+                    source: item
+                });
+            }
         }
     };
     return /*#__PURE__*/ _jsx("div", {

package/esm/AIMessageList/components/refreshBtn/index.js

@@ -9,7 +9,7 @@ var refreshSvg = /*#__PURE__*/ _jsx("svg", {
     width: "1em",
     height: "1em",
     fill: "currentColor",
-    "shape-rendering": "geometricPrecision",
+    shapeRendering: "geometricPrecision",
     "aria-hidden": "true",
     children: /*#__PURE__*/ _jsx("path", {
         d: "M8 3.80001C7.27938 3.80001 6.60141 3.97512 6.00464 4.2846C5.71048 4.43715 5.34834 4.32235 5.19579 4.02818C5.04324 3.73401 5.15804 3.37187 5.4522 3.21932C6.21563 2.82342 7.0826 2.60001 8 2.60001C11.0603 2.60001 13.5412 5.08088 13.5412 8.14118C13.5412 8.40936 13.5221 8.67343 13.4851 8.93202C13.4737 9.01141 13.4607 9.09026 13.446 9.16853L13.7175 9.02364C14.0098 8.86759 14.3733 8.97808 14.5293 9.27041C14.6854 9.56274 14.5749 9.92622 14.2825 10.0823L12.6718 10.9421C12.3819 11.0968 12.0215 10.9896 11.8633 10.7016L11.0035 9.13588C10.844 8.84542 10.9501 8.48065 11.2406 8.32115C11.5311 8.16164 11.8958 8.2678 12.0553 8.55825L12.2672 8.94405C12.2784 8.88383 12.2885 8.82318 12.2972 8.76211C12.3261 8.55962 12.3412 8.35233 12.3412 8.14118C12.3412 5.74362 10.3976 3.80001 8 3.80001ZM3.32824 5.34029C3.61811 5.18556 3.97853 5.29278 4.13669 5.58079L4.99651 7.14649C5.15601 7.43694 5.04986 7.80171 4.7594 7.96122C4.46895 8.12072 4.10418 8.01457 3.94467 7.72411L3.73281 7.33832C3.72156 7.39853 3.71155 7.45919 3.70282 7.52026C3.67386 7.72275 3.65883 7.93003 3.65883 8.14118C3.65883 10.5387 5.60244 12.4824 8 12.4824C8.72063 12.4824 9.39859 12.3072 9.99536 11.9978C10.2895 11.8452 10.6517 11.96 10.8042 12.2542C10.9568 12.5484 10.842 12.9105 10.5478 13.063C9.78437 13.4589 8.9174 13.6824 8 13.6824C4.93969 13.6824 2.45883 11.2015 2.45883 8.14118C2.45883 7.87301 2.47792 7.60894 2.51491 7.35034C2.52627 7.27095 2.5393 7.19211 2.55399 7.11384L2.28254 7.25873C1.99021 7.41477 1.62673 7.30429 1.47069 7.01196C1.31465 6.71963 1.42513 6.35615 1.71746 6.20011L3.32824 5.34029Z"

package/esm/AIMessageList/components/remarkBtn/index.js

@@ -5,7 +5,7 @@ var upvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 16 16",
-    "shape-rendering": "geometricPrecision",
+    shapeRendering: "geometricPrecision",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/ _jsx("path", {
@@ -15,7 +15,7 @@ var upvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
 var downvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
     width: "1em",
     height: "1em",
-    "shape-rendering": "geometricPrecision",
+    shapeRendering: "geometricPrecision",
     fill: "currentColor",
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",

package/esm/AIMessageList/components/virtuosoList/index.js

@@ -16,6 +16,7 @@ import CopyIcon from "../copyIcon";
 import ReferencesIcon from "../referencesIcon";
 import { UpVoteBtn, DownVoteBtn } from "../remarkBtn";
 import RefreshBtn from "../refreshBtn";
+import { fileIconRender } from "../fileList/fileIcon";
 var Header = function(param) {
     var context = param.context;
     var prefix = context.prefix, loading = context.loading;
@@ -49,15 +50,16 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     var getList = contentConfig.getList, coverRenderText = contentConfig.coverRenderText, _contentConfig_msgAction = contentConfig.msgAction, msgAction = _contentConfig_msgAction === void 0 ? [
         "copy",
         "references"
-    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage, _contentConfig_onVoteChange = contentConfig.onVoteChange, onVoteChange = _contentConfig_onVoteChange === void 0 ? function() {} : _contentConfig_onVoteChange, _contentConfig_onRefresh = contentConfig.onRefresh, onRefresh = _contentConfig_onRefresh === void 0 ? function() {} : _contentConfig_onRefresh;
+    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage, _contentConfig_onVoteChange = contentConfig.onVoteChange, onVoteChange = _contentConfig_onVoteChange === void 0 ? function() {} : _contentConfig_onVoteChange, _contentConfig_onRefresh = contentConfig.onRefresh, onRefresh = _contentConfig_onRefresh === void 0 ? function() {} : _contentConfig_onRefresh, iconFileRender = contentConfig.iconFileRender;
     var loadMoreProps = contentConfig.loadMore || true;
     var virtuosoRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1]; // 是否加载中
     var _useState1 = _sliced_to_array(useState([]), 2), dataSource = _useState1[0], setDataSource = _useState1[1];
     var _useState2 = _sliced_to_array(useState(0), 2), firstItemIndex = _useState2[0], setFirstItemIndex = _useState2[1];
     var _useState3 = _sliced_to_array(useState(1), 2), page = _useState3[0], setPage = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState4[0], setPageSize = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(0), 2), total = _useState5[0], setTotal = _useState5[1];
+    var _useState4 = _sliced_to_array(useState(""), 2), sendingId = _useState4[0], setSendingId = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState5[0], setPageSize = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(0), 2), total = _useState6[0], setTotal = _useState6[1];
     var timerRef = useRef({
         loadMore: null,
         scrollTimer: null
@@ -68,7 +70,8 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         pageSize: pageSize,
         total: total,
         dataSource: dataSource,
-        maxPage: Math.ceil(total / pageSize)
+        maxPage: Math.ceil(total / pageSize),
+        sendingId: ""
     });
     var timeRenderCache = useRef(new Map()).current;
     var htmlRenderCache = useRef(new Map()).current;
@@ -84,6 +87,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         msg
                     ]);
                 });
+                timerRef.current.scrollTimer = setTimeout(function() {
+                    scrollToBottom();
+                }, 100);
             },
             updateMsg: function(id, obj) {
                 setDataSource(function(data) {
@@ -120,6 +126,10 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             },
             changeDataSource: function(data) {
                 setDataSource(data);
+            },
+            scrollToBottom: scrollToBottom,
+            setSendingId: function(id) {
+                setSendingId(id);
             }
         };
     });
@@ -136,18 +146,18 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     }, []);
     useEffect(function() {
         if (!virtuosoRef.current) return;
-        virtuosoRef.current.scrollToIndex({
-            index: "LAST",
-            behavior: "auto"
-        });
-        clearTimeout(timerRef.current.scrollTimer);
-        timerRef.current.scrollTimer = setTimeout(function() {
-            virtuosoRef.current.scrollToIndex({
-                index: "LAST",
-                behavior: "auto",
-                align: "end"
-            });
-        }, 500);
+    // virtuosoRef.current.scrollToIndex({
+    //   index: "LAST", // 或者使用 dataSource.length - 1
+    //   behavior: "auto", // 可以是 "smooth" 实现平滑滚动
+    // });
+    // clearTimeout(timerRef.current.scrollTimer);
+    // timerRef.current.scrollTimer = setTimeout(() => {
+    //   virtuosoRef.current.scrollToIndex({
+    //     index: "LAST", // 或者使用 dataSource.length - 1
+    //     behavior: "auto", // 可以是 "smooth" 实现平滑滚动
+    //     align: "end",
+    //   });
+    // }, 500);
     }, [
         dataSource
     ]);
@@ -157,12 +167,21 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         recordRef.current.total = total;
         recordRef.current.dataSource = dataSource;
         recordRef.current.maxPage = Math.ceil(total / pageSize);
+        recordRef.current.sendingId = sendingId;
     }, [
         page,
         pageSize,
         total,
-        dataSource
+        dataSource,
+        sendingId
     ]);
+    var scrollToBottom = function() {
+        if (!virtuosoRef.current) return;
+        virtuosoRef.current.scrollToIndex({
+            index: "LAST",
+            behavior: "auto"
+        });
+    };
     var getData = function(page, pageSize) {
         setLoading(true);
         clearTimeout(timerRef.current.loadMore);
@@ -194,21 +213,41 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     ]);
     var itemContent = function(index, item) {
         var timeNode = renderTime(item);
-        var cahceKey = item.id + "-" + item.content;
         var contentNode = null;
-        if (htmlRenderCache.has(cahceKey)) {
-            contentNode = htmlRenderCache.get(cahceKey);
-        } else {
-            var html = markToHtml(item.content, item.id);
-            contentNode = /*#__PURE__*/ _jsx("div", {
-                dangerouslySetInnerHTML: {
-                    __html: html
-                }
-            });
-            if (coverRenderText) {
-                contentNode = coverRenderText(item, html);
+        var html = markToHtml(item.content, item.id);
+        contentNode = /*#__PURE__*/ _jsx("div", {
+            dangerouslySetInnerHTML: {
+                __html: html
             }
-            htmlRenderCache.set(cahceKey, contentNode);
+        });
+        if (coverRenderText) {
+            contentNode = coverRenderText(item, html);
+        }
+        // item.type = "file";
+        // item.suffix = "docx";
+        // item.fileTitle = "这是一个文件名称.docx";
+        // item.fileSize = "5Mb";
+        if (item.type === "file") {
+            contentNode = /*#__PURE__*/ _jsxs("div", {
+                className: "".concat(getCls("msgItem-file")),
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "".concat(getCls("msgItem-file-left")),
+                        children: fileIconRender(item.suffix, iconFileRender)
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(getCls("msgItem-file-right")),
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileTitle
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileSize
+                            })
+                        ]
+                    })
+                ]
+            });
         }
         // 是否显示时间
         var itemNode = /*#__PURE__*/ _jsx("div", {
@@ -309,6 +348,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         topDom.style.cssText = "";
     };
     var renderAction = function(location, item) {
+        if (item.id === "inputing" || item.id === "helloMsg" || item.id === recordRef.current.sendingId) return null;
         var copyNode = /*#__PURE__*/ _jsx(CopyIcon, {
             prefix: prefix,
             content: item.content
@@ -322,6 +362,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             prefix: prefix,
             isActive: item.vote === "up",
             clickFn: function() {
+                onVoteChange(item.vote === "up" ? "" : "up", item);
                 setDataSource(function(data) {
                     return data.map(function(ite) {
                         if (item.id === ite.id) {
@@ -330,13 +371,13 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "up" ? "" : "up", item);
             }
         });
         var DownVoteNode = /*#__PURE__*/ _jsx(DownVoteBtn, {
             prefix: prefix,
             isActive: item.vote === "down",
             clickFn: function() {
+                onVoteChange(item.vote === "down" ? "" : "down", item);
                 setDataSource(function(data) {
                     return data.map(function(ite) {
                         if (item.id === ite.id) {
@@ -345,7 +386,6 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "down" ? "" : "down", item);
             }
         });
         var RefreshNode = /*#__PURE__*/ _jsx(RefreshBtn, {
@@ -358,6 +398,12 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             UpVoteNode = null;
             DownVoteNode = null;
         }
+        if (item.type === "file") {
+            copyNode = null;
+            UpVoteNode = null;
+            DownVoteNode = null;
+            RefreshNode = null;
+        }
         var leftNodes = null;
         var rightNodes = /*#__PURE__*/ _jsxs(_Fragment, {
             children: [

package/esm/AIMessageList/components/virtuosoList/index.module.less

@@ -71,11 +71,11 @@
             text-align: right;
             height: 37px;
             line-height: 37px;
-            padding: 0 ;
-            padding-right: 16px ;
+            padding: 0;
+            padding-right: 16px;
             position: relative;
             cursor: pointer;
-            font-weight: 400 ;
+            font-weight: 400;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -266,6 +266,41 @@
               border-radius: 0 0 4px 4px;
             }
           }
+          .msgItem-file {
+            display: flex;
+            align-items: center;
+            padding: 8px 12px;
+            background: #fafafa;
+            border-radius: 8px;
+            border: 1px solid #ebebeb;
+            gap: 12px;
+            .msgItem-file-left{
+              font-size: 24px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              padding: 0;
+              margin: 0;
+              &>i{
+                display: flex;
+                font-size: 24px;
+              }
+            }
+            .msgItem-file-right{
+              font-size: 14px;
+              font-weight: 400;
+              color: rgba(0, 0, 0, 0.65);
+              &>p{
+                &:nth-child(1){
+                  margin-bottom: 4px;
+                }
+                &:nth-child(2){
+                  font-size: 12px;
+                  color: rgba(0, 0, 0, 0.25);
+                }
+              }
+            }
+          }
         }
         .msgItem-action {
           border-top: 1px solid rgba(0, 0, 0, 0.06);

package/esm/AIMessageList/type.d.ts

@@ -62,6 +62,7 @@ export interface contentConfigProps {
   onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
   onVoteChange?: (type:string,item: dataItemType) => void; // 点赞 或踩
   onRefresh?: (item:dataItemType) => void;// 刷新
+  iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
 }
 
 // content props
@@ -103,7 +104,7 @@ export interface sendMsgAjaxParams {
     beforeInfo: any
   ) => string;
   onOpen?: (res: Response, onOpenProps: onOpenProps) => void;
-  onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
+  onMessage?: (ev: EventSourceMessage,closeCallback:()=>void) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
   coverProps?: object;
@@ -217,6 +218,7 @@ export interface FileListRefProps {
   getFileList: () => fileCustomProps[];
   vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
   fileToCustomFile: (file: File, params: any) => fileCustomProps;
+  clearFileList: () => void;
 }
 
 // error Message
@@ -268,7 +270,9 @@ export interface VirtuosoListRefProps {
   recordMsg: (item: dataItemType) => void;
   getDataSource: () => dataItemType[];
   upateDataSource:(id:string,obj:dataItemType)=>void;
-  changeDataSource:(list:dataItemType[])=>void
+  changeDataSource:(list:dataItemType[])=>void;
+  scrollToBottom: () => void;
+  setSendingId:(id:string)=>void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}
@@ -288,4 +292,9 @@ export interface dataItemType {
   reference: referenceType | null; // 引用数据
   source: any; //原消息对象
   vote?:string;// "up":点赞。"down":踩
+  type?:"file"|"text",
+  suffix?:string;
+  fileSize?:string;
+  fileTitle?:string;
+  fileList?:fileCustomProps[];
 }

package/esm/customerService/historyFun.js

@@ -467,7 +467,13 @@ var HistoryFun = function(props) {
                                                         return /*#__PURE__*/ _jsxs("div", {
                                                             className: styles.list,
                                                             onClick: function() {
-                                                                calculationData(item.roomId, list.id, list.receiver);
+                                                                calculationData(item.roomId, list.id, props.userData.mid == list.sender ? list.receiver : list.sender);
+                                                                console.log("答应一下111111", {
+                                                                    roomId: item.roomId,
+                                                                    id: list.id,
+                                                                    sender: list.sender
+                                                                });
+                                                            // calculationData(item.roomId, list.id, list.sender);
                                                             },
                                                             children: [
                                                                 /*#__PURE__*/ _jsxs("div", {

package/esm/customerService/index.module.less

@@ -425,6 +425,7 @@
                 //   margin-top:16px;
                 // }
                 > *:not(pre){
+                  word-break: break-all;
                   padding-top: 8px;
                   padding-bottom: 8px;
                   &:first-child{

package/esm/customerService/index2.module.less

@@ -421,6 +421,7 @@
                 //   margin-top:16px;
                 // }
                 > *:not(pre){
+                  word-break: break-all;
                   padding-top: 8px;
                   padding-bottom: 8px;
                   &:first-child{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.10.6",
+  "version": "0.10.8",
   "description": "组件功能描述",
   "config": {
     "commitizen": {