bhd-components 0.10.37 → 0.10.39

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

@@ -242,7 +242,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: recordObj.reference || null,
                 source: null,
@@ -252,7 +252,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: null,
                 source: null,

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

@@ -608,8 +608,17 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 } else {
                     // 没有跨天 判断是否相隔超过10分钟
                     if (timeObj.timestamp - beforeTimeObj.timestamp > 10 * 60 * 1000) {
-                        // 超过10分钟 显示 时分
-                        time = `${timeObj.hours}:${timeObj.minutes}`;
+                        // 超过10分钟 显示
+                        let now = new Date();
+                        // 当天的日期
+                        let nowTimeStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+                        if (nowTimeStr === `${timeObj.year}-${timeObj.month}-${timeObj.day}`) {
+                            // 是当天 显示 时分
+                            time = `${timeObj.hours}:${timeObj.minutes}`;
+                        } else {
+                            // 不是当天 显示 年月日 时分
+                            time = `${timeObj.year}-${timeObj.month}-${timeObj.day} ${timeObj.hours}:${timeObj.minutes}`;
+                        }
                     }
                 }
             }

package/es2017/customerService/common.module.less

@@ -463,6 +463,9 @@
         padding: 8px;
         border-radius: 2px;
         background: #e7e7e7;
+        img {
+          width: 100%;
+        }
         p {
           color: @color-text-Secondary-Tr;
           font-size: 12px;

package/es2017/customerService/index.js

@@ -35,6 +35,7 @@ import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, re
 // import html2canvas from "html2canvas";
 // const screenShot = require('./screenShotPlugin.esm')
 import ScreenShot from "./js-screen-shot/main";
+import { guidGenerator } from "../utils/number";
 /*
 自定义remarkable的text解析规则
  */ const HTML_ESCAPE_TEST_RE = /[&<>"]/;
@@ -54,6 +55,12 @@ function escapeHtml(str) {
     }
     return str;
 }
+const pattern = /!\[.*?\]\((.*?)\)/;
+const exactRegex = /class\s*=\s*["']think-block["']/;
+// 去掉think
+const replaceThinkAndYaml = (text = "")=>{
+    return text.replace(/```(\s)?yaml(?:.|\n)*?```/ig, "").replace(/<thinking>([\s\S]*?)<\/thinking>/g, "").replace(RegExp('<div\\s+class="think-block">.*?<\\/div>', "gs"), '').replace(/^[ \n]+/g, '');
+};
 mermaid.initialize({
     startOnLoad: false,
     theme: 'default',
@@ -136,6 +143,7 @@ const CustomerService = (props)=>{
     const getLisyFlagRef = useRef(0);
     const [showMemaid, setShowMemaid] = useState(false); //是否显示mermaid弹窗
     const [memaidContent, setMemaidContent] = useState(""); //mermaid内容
+    const shouqiTimer = useRef(null);
     const remarkable = new Remarkable({
         html: true,
         highlight: function(str, lang) {
@@ -222,6 +230,7 @@ const CustomerService = (props)=>{
         //   //获取热门推荐
         //   videoPageQuestiionsList(1);
         // }
+        console.log('initShowType', initShowType);
         setShowType(initShowType);
     }, [
         initShowType
@@ -1261,6 +1270,8 @@ const CustomerService = (props)=>{
             //先请求问题列表
             videoPageQuestiionsList(3);
         }
+        let hasYamlStarted = false;
+        const tempMessageId = guidGenerator();
         //使用fetchEventSource接收数据
         const eventSource = fetchEventSource(`${urllocation}/chat-service/public/v1.0/chat-with-ai/messages`, {
             method: "POST",
@@ -1357,7 +1368,13 @@ const CustomerService = (props)=>{
                 //识别的内容
                 // console.log("eventSource msg: ", event.data);
                 let msg = JSON.parse(event.data);
-                if (msg.message) {}
+                msg.tempMessageId = tempMessageId;
+                if (msg.message) {
+                    // if (!hasYamlStarted && msg.message && /```\s*yaml/.test(content)) {
+                    //   hasYamlStarted = true;
+                    // }
+                    msg.message = msg.message.replace(/<thinking>/g, '<div class="think-block">').replace(/<\/thinking>/g, '</div>\n');
+                }
                 finishedRef.current = false;
                 setFinished(false);
                 msgStreamingCountRef.current = msgStreamingCountRef.current + 1;
@@ -1374,6 +1391,20 @@ const CustomerService = (props)=>{
                         videoPageQuestiionsList(2);
                     }
                     testLabQuestion(JSON.parse(data).message, content, "");
+                    if (shouqiTimer.current) {
+                        clearTimeout(shouqiTimer.current);
+                    }
+                    shouqiTimer.current = setTimeout(()=>{
+                        if ($(".think-block").last().css("display") === 'block') {
+                            clearTimeout(shouqiTimer.current);
+                            $(".think-block").last().parent().find(".think-block").css({
+                                display: "none"
+                            });
+                            $(".think-block").last().parent().parent().find("i").css({
+                                transform: "rotate(180deg)"
+                            });
+                        }
+                    }, 1000);
                 } else {}
             },
             onclose () {
@@ -1391,7 +1422,7 @@ const CustomerService = (props)=>{
         // console.log(aiSendQuestions().abort(),'slkdsdsdsd')
         if (pageNumHistory > 1) return;
         let obj = msg;
-        let id = msg.messageId;
+        let id = msg.tempMessageId;
         setHistoryMessageList((prevHistoryMessageList)=>{
             let list1 = prevHistoryMessageList;
             //删除临时数据
@@ -1416,6 +1447,7 @@ const CustomerService = (props)=>{
                     recevier: mid,
                     message: message,
                     id: id,
+                    messageId: msg.messageId,
                     upvoted: false,
                     downvoted: false,
                     createdAt: getDataTime(-1),
@@ -1446,6 +1478,7 @@ const CustomerService = (props)=>{
                     if (item.id == id) {
                         return _object_spread_props(_object_spread({}, item), {
                             message: message,
+                            messageId: msg.messageId,
                             extraInfo: extraInfo == null ? item.extraInfo : JSON.stringify(extraInfo)
                         });
                     } else {
@@ -1562,6 +1595,14 @@ const CustomerService = (props)=>{
                 //     getHistoryMessage(page-1,5,'1',dataList);
                 //     return;
                 // }
+                dataList = dataList.map((ele, index)=>{
+                    if (ele.message.includes("<thinking>") && !ele.message.includes("</thinking>")) {
+                        ele.message = ele.message + "</thinking>";
+                    }
+                    return _object_spread_props(_object_spread({}, ele), {
+                        messageId: ele.id
+                    });
+                });
                 setPageCount(Math.ceil(total / maxPageSize));
                 setFirstItemIndex(total - maxPageSize * (page - 1));
                 let newHistoryMessageList = [];
@@ -1745,7 +1786,7 @@ const CustomerService = (props)=>{
         } catch (error) {}
     };
     //点赞消息
-    const likeMessage = (id, state)=>{
+    const likeMessage = (messageId, state, id)=>{
         let url = "";
         //点赞状态
         if (!state) {
@@ -1754,7 +1795,7 @@ const CustomerService = (props)=>{
             url = `${urllocation}/chat-service/public/v1.0/history-messages:cancelUpvote`;
         }
         http.post(url, {
-            messageId: id
+            messageId: messageId
         }).then((res)=>{
             setHistoryMessageList((historyMessageList)=>{
                 let list = historyMessageList;
@@ -1769,7 +1810,7 @@ const CustomerService = (props)=>{
         });
     };
     //踩
-    const disagreeMessage = (id, state)=>{
+    const disagreeMessage = (messageId, state, id)=>{
         let url = "";
         //点赞状态
         if (!state) {
@@ -1778,7 +1819,7 @@ const CustomerService = (props)=>{
             url = `${urllocation}/chat-service/public/v1.0/history-messages:cancelDownvote`;
         }
         http.post(url, {
-            messageId: id
+            messageId: messageId
         }).then((res)=>{
             setHistoryMessageList((historyMessageList)=>{
                 let list = historyMessageList;
@@ -2366,6 +2407,9 @@ const CustomerService = (props)=>{
                 message = removeMermaidBlockComments(message);
             }
             message = handleRenderSyntaxBlock(message, finishedRef.current || i != historyMessageList.length - 1);
+            message = message.replace(/<thinking>([\s\S]*?)<\/thinking>/g, '<div class="think-block">$1</div>\n');
+            message = message.replace(/```(\s)?yaml(?:.|\n)*?```/ig, "");
+            message = message.replace(/```\s*yaml[\s\S]*/, '');
             if (lastId == item.id && keyWordProblem != "") {
                 //点击历史记录时，找到关键字，防止关键字和标签名重复
                 // let key_sign = 'sign_'+new Date().getTime();+'sign';
@@ -2447,8 +2491,9 @@ const CustomerService = (props)=>{
                                                                 /*#__PURE__*/ _jsx("i", {
                                                                     className: "yinyong_quote1",
                                                                     onClick: ()=>{
+                                                                        // 问题的引用
                                                                         setCitationContent({
-                                                                            content: item.message,
+                                                                            content: replaceThinkAndYaml(item.message),
                                                                             id: item.id,
                                                                             imageUrl: !item.quotedMessage && item.extraInfo && JSON.parse(item.extraInfo).length > 0 && JSON.parse(item.extraInfo)[0].key == "imageUrl" ? JSON.parse(item.extraInfo)[0].value : ""
                                                                         });
@@ -2463,7 +2508,7 @@ const CustomerService = (props)=>{
                                                                 }) : /*#__PURE__*/ _jsx("i", {
                                                                     className: "fuzhi21",
                                                                     onClick: ()=>{
-                                                                        let bol = copyText(item.message);
+                                                                        let bol = copyText(replaceThinkAndYaml(item.message));
                                                                         if (bol) {
                                                                             let obj = copyTextOBJ;
                                                                             obj = obj.filter((list)=>list != item.id);
@@ -2516,14 +2561,14 @@ const CustomerService = (props)=>{
                                             item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
                                                 className: styles.citation_content,
                                                 children: [
-                                                    getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                    getByteLen(replaceThinkAndYaml(item.quotedMessage)) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                         overlayClassName: styles.popover_main_content,
-                                                        title: item.quotedMessage,
+                                                        title: replaceThinkAndYaml(item.quotedMessage),
                                                         placement: "leftTop",
                                                         children: /*#__PURE__*/ _jsxs("p", {
                                                             className: styles.text_exceed,
                                                             children: [
-                                                                item.quotedMessage,
+                                                                replaceThinkAndYaml(item.quotedMessage),
                                                                 /*#__PURE__*/ _jsx(RightOutlined, {})
                                                             ]
                                                         })
@@ -2677,6 +2722,35 @@ const CustomerService = (props)=>{
                                                 /*#__PURE__*/ _jsxs("div", {
                                                     className: styles.content,
                                                     children: [
+                                                        !exactRegex.test(message) ? null : /*#__PURE__*/ _jsxs("div", {
+                                                            id: "click_" + i,
+                                                            onClick: ()=>{
+                                                                if ($(`#click_${i} + p .think-block`).css("display") === 'inline-block' || $(`#click_${i} + p .think-block`).css("display") === 'block') {
+                                                                    $(`#click_${i} + p .think-block`).css({
+                                                                        display: "none"
+                                                                    });
+                                                                    $(`#click_${i} i`).css({
+                                                                        transform: "rotate(180deg)"
+                                                                    });
+                                                                } else {
+                                                                    $(`#click_${i} + p .think-block`).css({
+                                                                        display: "block"
+                                                                    });
+                                                                    $(`#click_${i} i`).css({
+                                                                        transform: "rotate(0deg)"
+                                                                    });
+                                                                }
+                                                            },
+                                                            className: styles.content_put,
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx("span", {
+                                                                    children: "思考过程"
+                                                                }),
+                                                                /*#__PURE__*/ _jsx("i", {
+                                                                    className: "iconfont iconfangxiang-xiaxiao"
+                                                                })
+                                                            ]
+                                                        }),
                                                         item.message != "AI助手繁忙，请稍后再提问或" && /*#__PURE__*/ _jsx("p", {
                                                             dangerouslySetInnerHTML: {
                                                                 __html: message
@@ -2755,14 +2829,14 @@ const CustomerService = (props)=>{
                                                 item.quotedMessage && /*#__PURE__*/ _jsxs("div", {
                                                     className: styles.citation_content,
                                                     children: [
-                                                        getByteLen(item.quotedMessage) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
+                                                        getByteLen(replaceThinkAndYaml(item.quotedMessage)) > 120 ? /*#__PURE__*/ _jsx(Tooltip, {
                                                             overlayClassName: styles.popover_main_content,
-                                                            title: item.quotedMessage,
+                                                            title: replaceThinkAndYaml(item.quotedMessage),
                                                             placement: "rightTop",
                                                             children: /*#__PURE__*/ _jsxs("p", {
                                                                 className: styles.text_exceed,
                                                                 children: [
-                                                                    item.quotedMessage,
+                                                                    replaceThinkAndYaml(item.quotedMessage),
                                                                     /*#__PURE__*/ _jsx(RightOutlined, {})
                                                                 ]
                                                             })
@@ -2831,11 +2905,7 @@ const CustomerService = (props)=>{
                 style: {
                     height: '100%'
                 },
-                initialTopMostItemIndex: !finished && isPositionState ? undefined : {
-                    index: "LAST",
-                    align: "end",
-                    offset: showType === 3 ? 58 : showType === 4 ? 144 : 58
-                },
+                // initialTopMostItemIndex={!finished&&isPositionState?undefined:{ index: "LAST", align: "end",offset:showType===3?58:showType===4?144:58 }}
                 initialItemCount: 10,
                 itemsRendered: ()=>{
                     renderMermaid();
@@ -2988,8 +3058,9 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("i", {
                     className: "yinyong_quote1",
                     onClick: ()=>{
+                        // 答案的引用
                         setCitationContent({
-                            content: item.message,
+                            content: replaceThinkAndYaml(item.message),
                             imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
                             id: item.id
                         });
@@ -3004,7 +3075,7 @@ const CustomerService = (props)=>{
                 }) : /*#__PURE__*/ _jsx("i", {
                     className: "fuzhi21",
                     onClick: ()=>{
-                        let bol = copyText(item.message);
+                        let bol = copyText(replaceThinkAndYaml(item.message));
                         if (bol) {
                             let obj = copyTextOBJ;
                             obj = obj.filter((list)=>list != item.id);
@@ -3026,7 +3097,7 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("i", {
                     className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
                     onClick: ()=>{
-                        likeMessage(item.id, item.upvoted);
+                        likeMessage(item.id, item.upvoted, item.id);
                         //老师的聊天窗口中不需要点赞和踩消息
                         if (!isAiChatWindow) return;
                         //只有最后一条回答，支持发送点赞或踩
@@ -3034,7 +3105,7 @@ const CustomerService = (props)=>{
                             if (!item.extraInfo && item.sender == "AI") {
                                 aiSendQuestions(1, {
                                     roomId: roomId,
-                                    message: "你给出的答案我非常满意，赞！",
+                                    message: "\u0003\u0003\u0003你给出的答案我非常满意，赞！\u0003\u0003\u0003",
                                     quotedMessage: "",
                                     regenerate: false,
                                     generateUpvoteOrDownvoteMessage: true
@@ -3049,7 +3120,7 @@ const CustomerService = (props)=>{
                 /*#__PURE__*/ _jsx("i", {
                     className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
                     onClick: ()=>{
-                        disagreeMessage(item.id, item.downvoted);
+                        disagreeMessage(item.id, item.downvoted, item.id);
                         //老师的聊天窗口中不需要点赞和踩消息
                         if (!isAiChatWindow) return;
                         //只有最后一条回答，支持发送点赞或踩
@@ -3057,7 +3128,7 @@ const CustomerService = (props)=>{
                             if (!item.extraInfo && item.sender == "AI") {
                                 aiSendQuestions(1, {
                                     roomId: roomId,
-                                    message: "你给出的答案很糟糕，我不满意，踩！",
+                                    message: "\u0003\u0003\u0003你给出的答案很糟糕，我不满意，踩！\u0003\u0003\u0003",
                                     quotedMessage: "",
                                     regenerate: false,
                                     generateUpvoteOrDownvoteMessage: true
@@ -3185,9 +3256,9 @@ const CustomerService = (props)=>{
                             className: "yinyong_quote1",
                             onClick: ()=>{
                                 setCitationContent({
-                                    content: item.message,
+                                    content: replaceThinkAndYaml(item.message),
                                     imageUrl: item.extraInfo && JSON.parse(extraInfo).length > 0 && JSON.parse(extraInfo)[0].key == "imageUrl" && JSON.parse(extraInfo)[0].value,
-                                    id: item.id
+                                    id: item.messageId
                                 });
                                 resettingBottomHei();
                                 onEvent(serverName + serverUrl(), "click_智能问答_引用", "提交");
@@ -3200,7 +3271,7 @@ const CustomerService = (props)=>{
                         }) : /*#__PURE__*/ _jsx("i", {
                             className: "fuzhi21",
                             onClick: ()=>{
-                                let bol = copyText(item.message);
+                                let bol = copyText(replaceThinkAndYaml(item.message));
                                 if (bol) {
                                     let obj = copyTextOBJ;
                                     obj = obj.filter((list)=>list != item.id);
@@ -3222,7 +3293,7 @@ const CustomerService = (props)=>{
                         /*#__PURE__*/ _jsx("i", {
                             className: `Frame427319094 ${item.upvoted ? styles.active : ""}`,
                             onClick: ()=>{
-                                likeMessage(item.id, item.upvoted);
+                                likeMessage(item.messageId, item.upvoted, item.id);
                                 //老师的聊天窗口中不需要点赞和踩消息
                                 if (!isAiChatWindow) return;
                                 //只有最后一条回答，支持发送点赞或踩
@@ -3231,7 +3302,7 @@ const CustomerService = (props)=>{
                                     if (!item.extraInfo && item.sender == "AI") {
                                         aiSendQuestions(1, {
                                             roomId: roomId,
-                                            message: "你给出的答案我非常满意，赞！",
+                                            message: "\u0003\u0003\u0003你给出的答案我非常满意，赞！\u0003\u0003\u0003",
                                             quotedMessage: "",
                                             regenerate: false,
                                             generateUpvoteOrDownvoteMessage: true
@@ -3247,7 +3318,7 @@ const CustomerService = (props)=>{
                         /*#__PURE__*/ _jsx("i", {
                             className: `Frame427319095 ${item.downvoted ? styles.active : ""}`,
                             onClick: ()=>{
-                                disagreeMessage(item.id, item.downvoted);
+                                disagreeMessage(item.messageId, item.downvoted, item.id);
                                 //老师的聊天窗口中不需要点赞和踩消息
                                 if (!isAiChatWindow) return;
                                 //只有最后一条回答，支持发送点赞或踩
@@ -3258,7 +3329,7 @@ const CustomerService = (props)=>{
                                         //AI回答
                                         aiSendQuestions(1, {
                                             roomId: roomId,
-                                            message: "你给出的答案很糟糕，我不满意，踩！",
+                                            message: "\u0003\u0003\u0003你给出的答案很糟糕，我不满意，踩！\u0003\u0003\u0003",
                                             quotedMessage: "",
                                             regenerate: false,
                                             generateUpvoteOrDownvoteMessage: true

package/es2017/customerService/index.module.less

@@ -369,6 +369,42 @@
               .content_child {
                 padding: 0;
                 line-height: 1;
+                img {
+                  width: 100%;
+                }
+                :global {
+                  .think-block {
+                    padding: 12px;
+                    border-left: 1px solid rgba(0, 0, 0, 0.15);
+                    background: rgba(0, 0, 0, 0.04);
+                    // display: inline-block;
+                    margin-bottom: 8px;
+                    width: 100%;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 1.5;
+                    color: rgba(0, 0, 0, 0.45);
+                    * {
+                      color: rgba(0, 0, 0, 0.45);
+                      font-weight: 400;
+                      font-size: 12px;
+                      line-height: 150%;
+                    }
+                    &:not(:first-of-type, :last-of-type){
+                      padding-top:0;
+                      padding-bottom: 0;
+                    }
+                    &:first-of-type{
+                      padding-top: 12px !important;
+                    }
+                    &:last-of-type{
+                      padding-bottom: 12px !important;
+                    }
+                    &+.think-block{
+                      margin-top: -8px;
+                    }
+                  }
+                }
 
                 p{
                   word-break: break-all;
@@ -441,7 +477,7 @@
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
-                > *:not(pre){
+                > *:not(pre):not(:global(.think-block)){
                   word-break: break-all;
                   padding-top: 8px;
                   padding-bottom: 8px;
@@ -2279,4 +2315,24 @@ strong {
     padding: 10px;
   }
   
+}
+
+.content_put {
+  display: flex;
+  padding: 4px 16px;
+  margin-bottom: 8px;
+  border-radius: 100px;
+  background: rgba(0, 0, 0, 0.04);
+  width: max-content;
+  align-items: center;
+  cursor: pointer;
+  span {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 150%;
+  }
+  i {
+    margin-left: 8px;
+  }
 }

package/es2017/customerService/index2.module.less

@@ -365,6 +365,43 @@
               .content_child {
                 padding: 0;
                 line-height: 1;
+                img {
+                  width: 100%;
+                }
+                :global {
+                  .think-block {
+                    padding: 12px;
+                    padding-top: 12px !important;
+                    border-left: 1px solid rgba(0, 0, 0, 0.15);
+                    background: rgba(0, 0, 0, 0.04);
+                    // display: inline-block;
+                    margin-bottom: 8px;
+                    width: 100%;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 1.5;
+                    color: rgba(0, 0, 0, 0.45);
+                    * {
+                      color: rgba(0, 0, 0, 0.45);
+                      font-weight: 400;
+                      font-size: 12px;
+                      line-height: 150%;
+                    }
+                    &:not(:first-of-type, :last-of-type){
+                      padding-top:0;
+                      padding-bottom: 0;
+                    }
+                    &:first-of-type{
+                      padding-top: 12px !important;
+                    }
+                    &:last-of-type{
+                      padding-bottom: 12px !important;
+                    }
+                    &+.think-block{
+                      margin-top: -8px;
+                    }
+                  }
+                }
                 p{
                   word-break: break-all;
                   white-space: break-spaces;
@@ -436,7 +473,7 @@
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
-                > *:not(pre){
+                > *:not(pre):not(:global(.think-block)){
                   word-break: break-all;
                   padding-top: 8px;
                   padding-bottom: 8px;
@@ -2217,3 +2254,23 @@
 strong {
   font-weight: bold !important;
 }
+
+.content_put {
+  display: flex;
+  padding: 4px 16px;
+  margin-bottom: 8px;
+  border-radius: 100px;
+  background: rgba(0, 0, 0, 0.04);
+  width: max-content;
+  align-items: center;
+  cursor: pointer;
+  span {
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 150%;
+  }
+  i {
+    margin-left: 8px;
+  }
+}

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

@@ -254,7 +254,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: recordObj.reference || null,
                 source: null,
@@ -264,7 +264,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             apiRef.contentApi.addMsg({
                 id: msgId,
                 createTime: createTime,
-                content: "正在输入...",
+                content: "正在思考...",
                 location: "left",
                 reference: null,
                 source: null,

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

@@ -587,8 +587,17 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                 } else {
                     // 没有跨天 判断是否相隔超过10分钟
                     if (timeObj.timestamp - beforeTimeObj.timestamp > 10 * 60 * 1000) {
-                        // 超过10分钟 显示 时分
-                        time = "".concat(timeObj.hours, ":").concat(timeObj.minutes);
+                        // 超过10分钟 显示
+                        var now = new Date();
+                        // 当天的日期
+                        var nowTimeStr = "".concat(now.getFullYear(), "-").concat(String(now.getMonth() + 1).padStart(2, "0"), "-").concat(String(now.getDate()).padStart(2, "0"));
+                        if (nowTimeStr === "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day)) {
+                            // 是当天 显示 时分
+                            time = "".concat(timeObj.hours, ":").concat(timeObj.minutes);
+                        } else {
+                            // 不是当天 显示 年月日 时分
+                            time = "".concat(timeObj.year, "-").concat(timeObj.month, "-").concat(timeObj.day, " ").concat(timeObj.hours, ":").concat(timeObj.minutes);
+                        }
                     }
                 }
             }

package/esm/customerService/common.module.less

@@ -463,6 +463,9 @@
         padding: 8px;
         border-radius: 2px;
         background: #e7e7e7;
+        img {
+          width: 100%;
+        }
         p {
           color: @color-text-Secondary-Tr;
           font-size: 12px;