bhd-components 0.10.6 → 0.10.8

package/es2017/AIMessageList/components/copyIcon/index.js

@@ -7,12 +7,12 @@ const copyIconSvg = /*#__PURE__*/ _jsx("i", {
         width: "1em",
         height: "1em",
         viewBox: "0 0 14 14",
-        "shape-rendering": "geometricPrecision",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
             /*#__PURE__*/ _jsx("g", {
-                "clip-path": "url(#clip0_518_8403)",
+                clipPath: "url(#clip0_518_8403)",
                 children: /*#__PURE__*/ _jsx("path", {
                     d: "M6.16666 1.66666H13.1667C13.4761 1.66666 13.7728 1.78957 13.9916 2.00837C14.2104 2.22716 14.3333 2.5239 14.3333 2.83332V9.83332C14.3333 10.1427 14.2104 10.4395 13.9916 10.6583C13.7728 10.8771 13.4761 11 13.1667 11H6.16666C5.85724 11 5.5605 10.8771 5.34171 10.6583C5.12291 10.4395 5 10.1427 5 9.83332V2.83332C5 2.5239 5.12291 2.22716 5.34171 2.00837C5.5605 1.78957 5.85724 1.66666 6.16666 1.66666ZM6.16666 2.66666C6.12246 2.66666 6.08007 2.68422 6.04881 2.71547C6.01756 2.74673 6 2.78912 6 2.83332V9.83332C6 9.85521 6.00431 9.87688 6.01268 9.8971C6.02106 9.91732 6.03334 9.9357 6.04881 9.95117C6.06429 9.96665 6.08266 9.97893 6.10288 9.9873C6.1231 9.99568 6.14478 9.99999 6.16666 9.99999H13.1667C13.2109 9.99999 13.2533 9.98243 13.2845 9.95117C13.3158 9.91992 13.3333 9.87753 13.3333 9.83332V2.83332C13.3333 2.78912 13.3158 2.74673 13.2845 2.71547C13.2533 2.68422 13.2109 2.66666 13.1667 2.66666H6.16666ZM10 12C10 11.8674 10.0527 11.7402 10.1464 11.6464C10.2402 11.5527 10.3674 11.5 10.5 11.5C10.6326 11.5 10.7598 11.5527 10.8536 11.6464C10.9473 11.7402 11 11.8674 11 12V13.1667C11 13.4761 10.8771 13.7728 10.6583 13.9916C10.4395 14.2104 10.1427 14.3333 9.83333 14.3333H2.83333C2.52391 14.3333 2.22717 14.2104 2.00837 13.9916C1.78958 13.7728 1.66666 13.4761 1.66666 13.1667V6.16666C1.66666 5.85724 1.78958 5.56049 2.00837 5.3417C2.22717 5.12291 2.52391 4.99999 2.83333 4.99999H4C4.13261 4.99999 4.25978 5.05267 4.35355 5.14644C4.44732 5.2402 4.5 5.36738 4.5 5.49999C4.5 5.6326 4.44732 5.75978 4.35355 5.85354C4.25978 5.94731 4.13261 5.99999 4 5.99999H2.83333C2.78913 5.99999 2.74674 6.01755 2.71548 6.04881C2.68422 6.08006 2.66666 6.12245 2.66666 6.16666V13.1667C2.66666 13.2109 2.68422 13.2533 2.71548 13.2845C2.74674 13.3158 2.78913 13.3333 2.83333 13.3333H9.83333C9.87753 13.3333 9.91993 13.3158 9.95118 13.2845C9.98244 13.2533 10 13.2109 10 13.1667V12Z"
                 })
@@ -33,7 +33,7 @@ const copySuccessSvg = /*#__PURE__*/ _jsx("i", {
     children: /*#__PURE__*/ _jsx("svg", {
         width: "1em",
         height: "1em",
-        "shape-rendering": "geometricPrecision",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
         viewBox: "0 0 12 7",
         xmlns: "http://www.w3.org/2000/svg",

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

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

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

@@ -30,6 +30,8 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     if (fileUpload) {
         fileUpload = _object_spread({}, defaultFileUploadProps, fileUpload);
     }
+    const footerDomRef = useRef(null);
+    const resizeObserverRef = useRef(null);
     const fileListRef = useRef(null);
     const ctrl = useRef(); //停止生成ai回答时使用
     const [textValue, setTextValue] = useState("");
@@ -72,7 +74,9 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         }, fileListRef.current);
     });
     useEffect(()=>{
+        listenerFooterHeight();
         return ()=>{
+            resizeObserverRef.current && resizeObserverRef.current.disconnect();
             clearTimeout(updateMsgRef.current);
         };
     }, []);
@@ -85,6 +89,16 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         referencesSource,
         sending
     ]);
+    // 监听footer变化
+    const listenerFooterHeight = ()=>{
+        if (!footerDomRef.current) return;
+        // 创建ResizeObserver实例
+        resizeObserverRef.current = new ResizeObserver((entries)=>{
+            apiRef.contentApi && apiRef.contentApi.scrollToBottom();
+        });
+        // 开始观察footer元素
+        resizeObserverRef.current.observe(footerDomRef.current);
+    };
     // 是否允许发送消息
     const canSendMsg = useMemo(()=>{
         if (textValue.trim().length === 0) return false;
@@ -186,7 +200,8 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             content: value,
             location: "right",
             reference: recordRef.current.referencesSource,
-            source: null
+            source: null,
+            fileList: fileListRef.current.getFileList()
         });
         sendMsgAjax();
     };
@@ -203,11 +218,13 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             content: "正在输入...",
             location: "left",
             reference: null,
-            source: null
+            source: null,
+            fileList: fileListRef.current.getFileList()
         });
         let msgContent = "";
         setSending(true);
         setTextValue("");
+        fileListRef.current.clearFileList();
         setReferencesSource(null);
         let recordMsgObj = {};
         let arg = [
@@ -217,11 +234,23 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         ];
         beforeSendMsg(...arg).then((beforeInfo)=>{
             const callback = ()=>{
+                let isClose = false;
+                const closeCallback = ()=>{
+                    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,
                     headers: _object_spread({
                         "Content-Type": "application/json",
-                        "Accept": "text/event-stream,application/json"
+                        Accept: "text/event-stream,application/json"
                     }, headers()),
                     body: params(...arg, beforeInfo),
                     openWhenHidden: true,
@@ -237,28 +266,25 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
                         return null;
                     },
                     onmessage: (ev)=>{
-                        let data = onMessage(ev);
+                        let 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);
-                        updateMsgRef.current = setTimeout(()=>{
-                            apiRef.contentApi.updateMsg(msgId, recordMsgObj);
-                            msgId = data.id;
+                        apiRef.contentApi.setSendingId(data.id);
+                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                        msgId = data.id;
+                        updateMsgRef.current = setTimeout(function() {
+                            apiRef.contentApi.scrollToBottom();
                         }, 100);
                     },
                     onclose: ()=>{
-                        onClose();
-                        setSending(false);
-                        if (recordMsgObj.id) {
-                            apiRef.contentApi.recordMsg(recordMsgObj);
-                        }
-                        console.log("onclose: ", recordMsgObj);
+                        closeCallback();
                     },
                     onerror: (err)=>{
                         onError(err);
@@ -284,6 +310,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     };
     return /*#__PURE__*/ _jsx("div", {
         className: `${getCls("footer")} ${className}`,
+        ref: footerDomRef,
         children: /*#__PURE__*/ _jsxs("div", {
             className: `${getCls("footerBody")} ${judegTextLengthWarn() ? getCls("footerBodyWarn") : ""}`,
             children: [

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

@@ -29,11 +29,11 @@ const 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 @@ const defaultProps = {
                             gradientUnits: "userSpaceOnUse",
                             children: [
                                 /*#__PURE__*/ _jsx("stop", {
-                                    "stop-color": "#F87AFD"
+                                    stopColor: "#F87AFD"
                                 }),
                                 /*#__PURE__*/ _jsx("stop", {
                                     offset: "1",
-                                    "stop-color": "#41DAF8"
+                                    stopColor: "#41DAF8"
                                 })
                             ]
                         })

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

@@ -5,7 +5,7 @@ const 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 @@ const ReferencesIcon = (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/es2017/AIMessageList/components/refreshBtn/index.js

@@ -9,7 +9,7 @@ const 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/es2017/AIMessageList/components/remarkBtn/index.js

@@ -5,7 +5,7 @@ const 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 @@ const upvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
 const 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/es2017/AIMessageList/components/virtuosoList/index.js

@@ -13,6 +13,7 @@ import CopyIcon from "../copyIcon";
 import ReferencesIcon from "../referencesIcon";
 import { UpVoteBtn, DownVoteBtn } from "../remarkBtn";
 import RefreshBtn from "../refreshBtn";
+import { fileIconRender } from "../fileList/fileIcon";
 const Header = ({ context })=>{
     const { prefix, loading } = context;
     if (!loading) return null;
@@ -45,13 +46,14 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { getList, coverRenderText, msgAction = [
         "copy",
         "references"
-    ], coverRenderReferences, onRecordMessage = ()=>{}, onVoteChange = ()=>{}, onRefresh = ()=>{} } = contentConfig;
+    ], coverRenderReferences, onRecordMessage = ()=>{}, onVoteChange = ()=>{}, onRefresh = ()=>{}, iconFileRender } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
     const [dataSource, setDataSource] = useState([]);
     const [firstItemIndex, setFirstItemIndex] = useState(0);
     const [page, setPage] = useState(1);
+    const [sendingId, setSendingId] = useState("");
     const [pageSize, setPageSize] = useState(contentConfig.pageSize || 30);
     const [total, setTotal] = useState(0);
     const timerRef = useRef({
@@ -64,7 +66,8 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
         pageSize: pageSize,
         total: total,
         dataSource: dataSource,
-        maxPage: Math.ceil(total / pageSize)
+        maxPage: Math.ceil(total / pageSize),
+        sendingId: ""
     });
     const timeRenderCache = useRef(new Map()).current;
     const htmlRenderCache = useRef(new Map()).current;
@@ -81,6 +84,9 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                         msg
                     ];
                 });
+                timerRef.current.scrollTimer = setTimeout(()=>{
+                    scrollToBottom();
+                }, 100);
             },
             updateMsg: (id, obj)=>{
                 setDataSource((data)=>{
@@ -115,6 +121,10 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             },
             changeDataSource: (data)=>{
                 setDataSource(data);
+            },
+            scrollToBottom,
+            setSendingId: (id)=>{
+                setSendingId(id);
             }
         };
     });
@@ -131,18 +141,18 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     }, []);
     useEffect(()=>{
         if (!virtuosoRef.current) return;
-        virtuosoRef.current.scrollToIndex({
-            index: "LAST",
-            behavior: "auto"
-        });
-        clearTimeout(timerRef.current.scrollTimer);
-        timerRef.current.scrollTimer = setTimeout(()=>{
-            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
     ]);
@@ -152,12 +162,21 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((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
     ]);
+    const scrollToBottom = ()=>{
+        if (!virtuosoRef.current) return;
+        virtuosoRef.current.scrollToIndex({
+            index: "LAST",
+            behavior: "auto"
+        });
+    };
     const getData = (page, pageSize)=>{
         setLoading(true);
         clearTimeout(timerRef.current.loadMore);
@@ -192,21 +211,41 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     ]);
     const itemContent = (index, item)=>{
         const timeNode = renderTime(item);
-        let cahceKey = item.id + "-" + item.content;
         let contentNode = null;
-        if (htmlRenderCache.has(cahceKey)) {
-            contentNode = htmlRenderCache.get(cahceKey);
-        } else {
-            const html = markToHtml(item.content, item.id);
-            contentNode = /*#__PURE__*/ _jsx("div", {
-                dangerouslySetInnerHTML: {
-                    __html: html
-                }
-            });
-            if (coverRenderText) {
-                contentNode = coverRenderText(item, html);
+        const 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: `${getCls("msgItem-file")}`,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: `${getCls("msgItem-file-left")}`,
+                        children: fileIconRender(item.suffix, iconFileRender)
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${getCls("msgItem-file-right")}`,
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileTitle
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileSize
+                            })
+                        ]
+                    })
+                ]
+            });
         }
         // 是否显示时间
         let itemNode = /*#__PURE__*/ _jsx("div", {
@@ -303,6 +342,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
         topDom.style.cssText = "";
     };
     const renderAction = (location, item)=>{
+        if (item.id === "inputing" || item.id === "helloMsg" || item.id === recordRef.current.sendingId) return null;
         let copyNode = /*#__PURE__*/ _jsx(CopyIcon, {
             prefix: prefix,
             content: item.content
@@ -316,6 +356,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             prefix: prefix,
             isActive: item.vote === "up",
             clickFn: ()=>{
+                onVoteChange(item.vote === "up" ? "" : "up", item);
                 setDataSource((data)=>{
                     return data.map((ite)=>{
                         if (item.id === ite.id) {
@@ -324,13 +365,13 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "up" ? "" : "up", item);
             }
         });
         let DownVoteNode = /*#__PURE__*/ _jsx(DownVoteBtn, {
             prefix: prefix,
             isActive: item.vote === "down",
             clickFn: ()=>{
+                onVoteChange(item.vote === "down" ? "" : "down", item);
                 setDataSource((data)=>{
                     return data.map((ite)=>{
                         if (item.id === ite.id) {
@@ -339,7 +380,6 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "down" ? "" : "down", item);
             }
         });
         let RefreshNode = /*#__PURE__*/ _jsx(RefreshBtn, {
@@ -350,6 +390,12 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             UpVoteNode = null;
             DownVoteNode = null;
         }
+        if (item.type === "file") {
+            copyNode = null;
+            UpVoteNode = null;
+            DownVoteNode = null;
+            RefreshNode = null;
+        }
         let leftNodes = null;
         let rightNodes = /*#__PURE__*/ _jsxs(_Fragment, {
             children: [

package/es2017/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/es2017/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/es2017/customerService/historyFun.js

@@ -462,7 +462,13 @@ const HistoryFun = (props)=>{
                                                         return /*#__PURE__*/ _jsxs("div", {
                                                             className: styles.list,
                                                             onClick: ()=>{
-                                                                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/es2017/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/es2017/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/esm/AIMessageList/components/copyIcon/index.js

@@ -8,12 +8,12 @@ var copyIconSvg = /*#__PURE__*/ _jsx("i", {
         width: "1em",
         height: "1em",
         viewBox: "0 0 14 14",
-        "shape-rendering": "geometricPrecision",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
             /*#__PURE__*/ _jsx("g", {
-                "clip-path": "url(#clip0_518_8403)",
+                clipPath: "url(#clip0_518_8403)",
                 children: /*#__PURE__*/ _jsx("path", {
                     d: "M6.16666 1.66666H13.1667C13.4761 1.66666 13.7728 1.78957 13.9916 2.00837C14.2104 2.22716 14.3333 2.5239 14.3333 2.83332V9.83332C14.3333 10.1427 14.2104 10.4395 13.9916 10.6583C13.7728 10.8771 13.4761 11 13.1667 11H6.16666C5.85724 11 5.5605 10.8771 5.34171 10.6583C5.12291 10.4395 5 10.1427 5 9.83332V2.83332C5 2.5239 5.12291 2.22716 5.34171 2.00837C5.5605 1.78957 5.85724 1.66666 6.16666 1.66666ZM6.16666 2.66666C6.12246 2.66666 6.08007 2.68422 6.04881 2.71547C6.01756 2.74673 6 2.78912 6 2.83332V9.83332C6 9.85521 6.00431 9.87688 6.01268 9.8971C6.02106 9.91732 6.03334 9.9357 6.04881 9.95117C6.06429 9.96665 6.08266 9.97893 6.10288 9.9873C6.1231 9.99568 6.14478 9.99999 6.16666 9.99999H13.1667C13.2109 9.99999 13.2533 9.98243 13.2845 9.95117C13.3158 9.91992 13.3333 9.87753 13.3333 9.83332V2.83332C13.3333 2.78912 13.3158 2.74673 13.2845 2.71547C13.2533 2.68422 13.2109 2.66666 13.1667 2.66666H6.16666ZM10 12C10 11.8674 10.0527 11.7402 10.1464 11.6464C10.2402 11.5527 10.3674 11.5 10.5 11.5C10.6326 11.5 10.7598 11.5527 10.8536 11.6464C10.9473 11.7402 11 11.8674 11 12V13.1667C11 13.4761 10.8771 13.7728 10.6583 13.9916C10.4395 14.2104 10.1427 14.3333 9.83333 14.3333H2.83333C2.52391 14.3333 2.22717 14.2104 2.00837 13.9916C1.78958 13.7728 1.66666 13.4761 1.66666 13.1667V6.16666C1.66666 5.85724 1.78958 5.56049 2.00837 5.3417C2.22717 5.12291 2.52391 4.99999 2.83333 4.99999H4C4.13261 4.99999 4.25978 5.05267 4.35355 5.14644C4.44732 5.2402 4.5 5.36738 4.5 5.49999C4.5 5.6326 4.44732 5.75978 4.35355 5.85354C4.25978 5.94731 4.13261 5.99999 4 5.99999H2.83333C2.78913 5.99999 2.74674 6.01755 2.71548 6.04881C2.68422 6.08006 2.66666 6.12245 2.66666 6.16666V13.1667C2.66666 13.2109 2.68422 13.2533 2.71548 13.2845C2.74674 13.3158 2.78913 13.3333 2.83333 13.3333H9.83333C9.87753 13.3333 9.91993 13.3158 9.95118 13.2845C9.98244 13.2533 10 13.2109 10 13.1667V12Z"
                 })
@@ -34,7 +34,7 @@ var copySuccessSvg = /*#__PURE__*/ _jsx("i", {
     children: /*#__PURE__*/ _jsx("svg", {
         width: "1em",
         height: "1em",
-        "shape-rendering": "geometricPrecision",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
         viewBox: "0 0 12 7",
         xmlns: "http://www.w3.org/2000/svg",