bhd-components 0.10.5 → 0.10.7

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

@@ -11,6 +11,8 @@ import hljs from "highlight.js";
 import "highlight.js/styles/github.css";
 import CopyIcon from "../copyIcon";
 import ReferencesIcon from "../referencesIcon";
+import { UpVoteBtn, DownVoteBtn } from "../remarkBtn";
+import RefreshBtn from "../refreshBtn";
 const Header = ({ context })=>{
     const { prefix, loading } = context;
     if (!loading) return null;
@@ -43,7 +45,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { getList, coverRenderText, msgAction = [
         "copy",
         "references"
-    ], coverRenderReferences, onRecordMessage = ()=>{} } = contentConfig;
+    ], coverRenderReferences, onRecordMessage = ()=>{}, onVoteChange = ()=>{}, onRefresh = ()=>{} } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
@@ -65,6 +67,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
         maxPage: Math.ceil(total / pageSize)
     });
     const timeRenderCache = useRef(new Map()).current;
+    const htmlRenderCache = useRef(new Map()).current;
     useImperativeHandle(ref, ()=>{
         return {
             addMsg: (msg)=>{
@@ -96,6 +99,29 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             },
             recordMsg: (msg)=>{
                 onRecordMessage(msg);
+            },
+            getDataSource: ()=>{
+                return recordRef.current.dataSource;
+            },
+            upateDataSource: (id, obj)=>{
+                setDataSource((list)=>{
+                    return list.map((item)=>{
+                        if (item.id === id) {
+                            return _object_spread({}, item, obj);
+                        }
+                        return item;
+                    });
+                });
+            },
+            changeDataSource: (data)=>{
+                setDataSource(data);
+            },
+            scrollToBottom: function() {
+                if (!virtuosoRef.current) return;
+                virtuosoRef.current.scrollToIndex({
+                    index: "LAST",
+                    behavior: "auto"
+                });
             }
         };
     });
@@ -112,18 +138,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
     ]);
@@ -173,8 +199,20 @@ 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 = <div dangerouslySetInnerHTML={{ __html: html }}></div>;
+        //   if (coverRenderText) {
+        //     contentNode = coverRenderText(item, html);
+        //   }
+        //   htmlRenderCache.set(cahceKey, contentNode);
+        // }
         const html = markToHtml(item.content, item.id);
-        let contentNode = /*#__PURE__*/ _jsx("div", {
+        contentNode = /*#__PURE__*/ _jsx("div", {
             dangerouslySetInnerHTML: {
                 __html: html
             }
@@ -286,11 +324,51 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             apiRef: apiRef,
             item: item
         });
+        let UpVoteNode = /*#__PURE__*/ _jsx(UpVoteBtn, {
+            prefix: prefix,
+            isActive: item.vote === "up",
+            clickFn: ()=>{
+                setDataSource((data)=>{
+                    return data.map((ite)=>{
+                        if (item.id === ite.id) {
+                            ite.vote = item.vote === "up" ? "" : "up";
+                        }
+                        return ite;
+                    });
+                });
+                onVoteChange(item.vote === "up" ? "" : "up", item);
+            }
+        });
+        let DownVoteNode = /*#__PURE__*/ _jsx(DownVoteBtn, {
+            prefix: prefix,
+            isActive: item.vote === "down",
+            clickFn: ()=>{
+                setDataSource((data)=>{
+                    return data.map((ite)=>{
+                        if (item.id === ite.id) {
+                            ite.vote = ite.vote === "down" ? "" : "down";
+                        }
+                        return ite;
+                    });
+                });
+                onVoteChange(item.vote === "down" ? "" : "down", item);
+            }
+        });
+        let RefreshNode = /*#__PURE__*/ _jsx(RefreshBtn, {
+            prefix: prefix,
+            clickFn: ()=>onRefresh(item)
+        });
+        if (item.location === "right") {
+            UpVoteNode = null;
+            DownVoteNode = null;
+        }
         let leftNodes = null;
         let rightNodes = /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
                 copyNode,
-                referencesNode
+                referencesNode,
+                UpVoteNode,
+                DownVoteNode
             ]
         });
         if (msgAction instanceof Array) {
@@ -302,12 +380,21 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
             if (!msgAction.includes("references")) {
                 referencesNode = null;
             }
+            if (!msgAction.includes("upVite")) {
+                UpVoteNode = null;
+            }
+            if (!msgAction.includes("downVote")) {
+                DownVoteNode = null;
+            }
+            if (!msgAction.includes("refresh")) {
+                RefreshNode = null;
+            }
         } else if (typeof msgAction === "object") {
             if (msgAction.renderLeft) {
-                leftNodes = msgAction.renderLeft(copyNode, referencesNode);
+                leftNodes = msgAction.renderLeft(copyNode, referencesNode, UpVoteNode, DownVoteNode, RefreshNode);
             }
             if (msgAction.renderRight) {
-                rightNodes = msgAction.renderRight(copyNode, referencesNode);
+                rightNodes = msgAction.renderRight(copyNode, referencesNode, UpVoteNode, DownVoteNode, RefreshNode);
             }
         }
         let index = recordRef.current.dataSource.findIndex((ite)=>ite.id == item.id);
@@ -321,9 +408,12 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                                 className: `${getCls("msgItem-action-left")}`,
                                 children: leftNodes
                             }),
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxs("div", {
                                 className: `${getCls("msgItem-action-right")}`,
-                                children: rightNodes
+                                children: [
+                                    RefreshNode,
+                                    rightNodes
+                                ]
                             })
                         ]
                     });

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

@@ -274,7 +274,10 @@
           display: flex;
           align-items: center;
           justify-content: space-between;
-          .msgItem-action-right {
+          .msgItem-action-left {
+            display: flex;
+            align-items: center;
+            gap: 8px;
           }
           .msgItem-action-right {
             display: flex;
@@ -294,8 +297,14 @@
           line-height: 1;
           z-index: 9;
           padding: 4px 8px;
+          .msgItem-action-left {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+          }
           .msgItem-action-right {
             display: flex;
+            align-items: center;
             gap: 8px;
           }
           &.msgItem-action-popover-floatTop {

package/es2017/AIMessageList/type.d.ts

@@ -26,11 +26,17 @@ export interface headerConfigProps {
 export interface msgActionProps {
   renderLeft?: (
     copyNode: React.ReactNode,
-    referencesNode: React.ReactNode
+    referencesNode: React.ReactNode,
+    upVoteNode: React.ReactNode,
+    downVoteNode: React.ReactNode,
+    refreshNode:React.ReactNode,
   ) => React.ReactNode;
   renderRight?: (
     copyNode: React.ReactNode,
-    referencesNode: React.ReactNode
+    referencesNode: React.ReactNode,
+    upVoteNode: React.ReactNode,
+    downVoteNode: React.ReactNode,
+    refreshNode:React.ReactNode,
   ) => React.ReactNode;
 }
 
@@ -54,6 +60,8 @@ export interface contentConfigProps {
     referenceNode: React.ReactNode
   ) => React.ReactNode; //覆盖引用内容
   onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
+  onVoteChange?: (type:string,item: dataItemType) => void; // 点赞 或踩
+  onRefresh?: (item:dataItemType) => void;// 刷新
 }
 
 // content props
@@ -76,20 +84,26 @@ export interface footerConfigProps {
   ) => React.ReactNode; // 自定义渲染操作栏
   fileUpload?: boolean | fileUploadProps; // 默认为false
   sendMsgAjaxParams: sendMsgAjaxParams;
+  onClickStop?: () => void;
+}
+
+export interface onOpenProps {
+  retryFetch: () => void; // 重试
+  stopMessage: () => void;
 }
 
 export interface sendMsgAjaxParams {
   url: string;
   method?: string;
-  headers?: object;
+  headers?: () => object;
   params: (
     value: string,
     refereces: referenceType,
     fileList: fileCustomProps[],
-    beforeInfo:any,
+    beforeInfo: any
   ) => string;
-  onOpen?: (res: Response) => void;
-  onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
+  onOpen?: (res: Response, onOpenProps: onOpenProps) => void;
+  onMessage?: (ev: EventSourceMessage,closeCallback:()=>void) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
   coverProps?: object;
@@ -107,16 +121,17 @@ export interface fileUploadProps {
   maxCount?: number; // 上传文件数量限制 -1为不限制 默认为10
   maxSize?: number; // 默认为50Mb 目前不考虑切片上传 业务上不要设置太大
   multiple?: boolean; // 是否允许多选
-  customRequest: (
-    file: File
-  ) => Promise<{
+  customRequest: (file: File) => Promise<{
     url: string;
     fileId: string;
     source: File;
     status: fileStatus;
   }>; // 自定义上传方法
   mapUploadCount?: number; // 并发上传的数量 默认为1
-  deleteFileAjax?: (fileId: string) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
+  deleteFileAjax?: (
+    fileId: string,
+    file: fileCustomProps
+  ) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
   statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
   parseFileAjax?: (fileId: string) => { status: fileStatus; fileId; string }; //文件解析的 ajax 请求 如不存在解析过程，可在此函数内直接返回上传成功的状态
   iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
@@ -161,6 +176,17 @@ export interface uploadFileBtnProps {
   customRequest: (options: any) => void;
 }
 
+export interface VoteBtnProps {
+  prefix: string;
+  clickFn: () => void;
+  isActive: boolean;
+}
+
+export interface refreshBtnProps{
+  prefix:string;
+  clickFn:()=>void;
+}
+
 // fileList Props
 
 export interface fileListProps {
@@ -190,7 +216,8 @@ export interface FileListRefProps {
   updateFile: (fileId: string, status: fileStatus) => void;
   getFileList: () => fileCustomProps[];
   vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
-  fileToCustomFile: (file: File) => fileCustomProps;
+  fileToCustomFile: (file: File, params: any) => fileCustomProps;
+  clearFileList: () => void;
 }
 
 // error Message
@@ -220,11 +247,13 @@ export type referenceType = referenceTypeText | referenceTypeFile;
 export type referenceTypeText = {
   type: "text";
   value: string;
+  source:any;
 };
 
 export type referenceTypeFile = {
   type: "file";
   value: fileCustomProps;
+  source:any;
 };
 
 export interface VirtuosoListProps {
@@ -238,6 +267,10 @@ export interface VirtuosoListRefProps {
   updateMsg: (id: string, obj: any) => void;
   clearInputing: () => void; //清楚正在输入的inputing
   recordMsg: (item: dataItemType) => void;
+  getDataSource: () => dataItemType[];
+  upateDataSource:(id:string,obj:dataItemType)=>void;
+  changeDataSource:(list:dataItemType[])=>void;
+  scrollToBottom: () => void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}
@@ -256,4 +289,5 @@ export interface dataItemType {
   location: "left" | "right"; // 消息显示在左边还是右边
   reference: referenceType | null; // 引用数据
   source: any; //原消息对象
+  vote?:string;// "up":点赞。"down":踩
 }

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

@@ -1,25 +1,40 @@
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import React, { useEffect, useState, useRef } from "react";
 import styles from "./index.module.less";
 import { copyText } from "../../../utils/dom";
 var copyIconSvg = /*#__PURE__*/ _jsx("i", {
-    children: /*#__PURE__*/ _jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/ _jsxs("svg", {
         width: "1em",
         height: "1em",
-        viewBox: "0 0 20 20",
+        viewBox: "0 0 14 14",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M7.97375 3H15.7106C16.0526 3 16.3806 3.13585 16.6224 3.37768C16.8642 3.6195 17.0001 3.94748 17.0001 4.28947V12.0263C17.0001 12.3683 16.8642 12.6963 16.6224 12.9381C16.3806 13.1799 16.0526 13.3158 15.7106 13.3158H7.97375C7.63176 13.3158 7.30377 13.1799 7.06195 12.9381C6.82013 12.6963 6.68427 12.3683 6.68427 12.0263V4.28947C6.68427 3.94748 6.82013 3.6195 7.06195 3.37768C7.30377 3.13585 7.63176 3 7.97375 3ZM7.97375 4.10526C7.92489 4.10526 7.87804 4.12467 7.84349 4.15922C7.80894 4.19376 7.78954 4.24062 7.78954 4.28947V12.0263C7.78954 12.0505 7.7943 12.0745 7.80356 12.0968C7.81281 12.1192 7.82638 12.1395 7.84349 12.1566C7.86059 12.1737 7.8809 12.1872 7.90325 12.1965C7.9256 12.2058 7.94955 12.2105 7.97375 12.2105H15.7106C15.7594 12.2105 15.8063 12.1911 15.8408 12.1566C15.8754 12.122 15.8948 12.0752 15.8948 12.0263V4.28947C15.8948 4.24062 15.8754 4.19376 15.8408 4.15922C15.8063 4.12467 15.7594 4.10526 15.7106 4.10526H7.97375ZM12.2106 14.4211C12.2106 14.2745 12.2688 14.1339 12.3724 14.0303C12.4761 13.9266 12.6167 13.8684 12.7632 13.8684C12.9098 13.8684 13.0504 13.9266 13.154 14.0303C13.2576 14.1339 13.3159 14.2745 13.3159 14.4211V15.7105C13.3159 16.0525 13.18 16.3805 12.9382 16.6223C12.6963 16.8641 12.3684 17 12.0264 17H4.28953C3.94755 17 3.61956 16.8641 3.37774 16.6223C3.13592 16.3805 3.00006 16.0525 3.00006 15.7105V7.97368C3.00006 7.63169 3.13592 7.30371 3.37774 7.06189C3.61956 6.82007 3.94755 6.68421 4.28953 6.68421H5.57901C5.72558 6.68421 5.86614 6.74243 5.96978 6.84607C6.07342 6.94971 6.13164 7.09028 6.13164 7.23684C6.13164 7.38341 6.07342 7.52397 5.96978 7.62761C5.86614 7.73125 5.72558 7.78947 5.57901 7.78947H4.28953C4.24068 7.78947 4.19382 7.80888 4.15928 7.84343C4.12473 7.87797 4.10532 7.92483 4.10532 7.97368V15.7105C4.10532 15.7594 4.12473 15.8062 4.15928 15.8408C4.19382 15.8753 4.24068 15.8947 4.28953 15.8947H12.0264C12.0752 15.8947 12.1221 15.8753 12.1566 15.8408C12.1912 15.8062 12.2106 15.7594 12.2106 15.7105V14.4211Z"
-        })
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("g", {
+                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"
+                })
+            }),
+            /*#__PURE__*/ _jsx("defs", {
+                children: /*#__PURE__*/ _jsx("clipPath", {
+                    id: "clip0_518_8403",
+                    children: /*#__PURE__*/ _jsx("rect", {
+                        width: "16",
+                        height: "16"
+                    })
+                })
+            })
+        ]
     })
 });
 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",

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

@@ -8,13 +8,13 @@
     background-color: transparent;
     &>i{
       color: #f4523b;
-      font-size: 20px;
+      font-size: 16px;
       transform:scale(0.8);
     }
   }
   & > i {
     color: rgba(140, 140, 140, 1);
-    font-size: 20px;
+    font-size: 16px;
   }
   &:hover {
     background-color: rgba(0, 0, 0, 0.04);

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({
@@ -202,9 +206,14 @@ var FileList = /*#__PURE__*/ forwardRef(function(props, ref) {
     };
     // 删除文件
     var deleteFile = function(fileId) {
+        var fileObj = null;
         setFileList(function(fileList) {
             return fileList.filter(function(item) {
-                return item.fileId !== fileId;
+                if (item.fileId === fileId) {
+                    fileObj = item;
+                    return true;
+                }
+                return false;
             });
         });
         // 删除文件时如果删除的是最后一条 则page-1
@@ -216,7 +225,7 @@ var FileList = /*#__PURE__*/ forwardRef(function(props, ref) {
         if (list.length === 0 && page > 1) {
             changePage(page - 1);
         }
-        fileUpload.deleteFileAjax && fileUpload.deleteFileAjax(fileId);
+        fileUpload.deleteFileAjax && fileUpload.deleteFileAjax(fileId, fileObj);
     };
     // 更新文件状态
     var updateFile = function(fileId, status) {

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

@@ -28,7 +28,7 @@ var defaultFileUploadProps = {
 };
 var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     var footerConfig = props.footerConfig, prefix = props.prefix, errorCallback = props.errorCallback, apiRef = props.apiRef;
-    var _footerConfig_placeholder = footerConfig.placeholder, placeholder = _footerConfig_placeholder === void 0 ? defaultProps.placeholder : _footerConfig_placeholder, _footerConfig_className = footerConfig.className, className = _footerConfig_className === void 0 ? defaultProps.className : _footerConfig_className, _footerConfig_maxLength = footerConfig.maxLength, maxLength = _footerConfig_maxLength === void 0 ? defaultProps.maxLength : _footerConfig_maxLength, renderAction = footerConfig.renderAction, fileUpload = footerConfig.fileUpload, sendMsgAjaxParams = footerConfig.sendMsgAjaxParams;
+    var _footerConfig_placeholder = footerConfig.placeholder, placeholder = _footerConfig_placeholder === void 0 ? defaultProps.placeholder : _footerConfig_placeholder, _footerConfig_className = footerConfig.className, className = _footerConfig_className === void 0 ? defaultProps.className : _footerConfig_className, _footerConfig_maxLength = footerConfig.maxLength, maxLength = _footerConfig_maxLength === void 0 ? defaultProps.maxLength : _footerConfig_maxLength, renderAction = footerConfig.renderAction, fileUpload = footerConfig.fileUpload, sendMsgAjaxParams = footerConfig.sendMsgAjaxParams, _footerConfig_onClickStop = footerConfig.onClickStop, onClickStop = _footerConfig_onClickStop === void 0 ? function() {} : _footerConfig_onClickStop;
     if (fileUpload) {
         fileUpload = _object_spread({}, defaultFileUploadProps, fileUpload);
     }
@@ -116,7 +116,10 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             prefix: prefix,
             canSendMsg: canSendMsg,
             sending: sending,
-            stopMessage: stopMessage,
+            stopMessage: function() {
+                onClickStop();
+                stopMessage();
+            },
             clickFn: function() {
                 if (textValue.trim().length === 0) return;
                 sendMsg(textValue);
@@ -190,7 +193,9 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         sendMsgAjax();
     };
     var sendMsgAjax = function() {
-        var url = sendMsgAjaxParams.url, _sendMsgAjaxParams_method = sendMsgAjaxParams.method, method = _sendMsgAjaxParams_method === void 0 ? "POST" : _sendMsgAjaxParams_method, _sendMsgAjaxParams_headers = sendMsgAjaxParams.headers, headers = _sendMsgAjaxParams_headers === void 0 ? {} : _sendMsgAjaxParams_headers, _sendMsgAjaxParams_params = sendMsgAjaxParams.params, params = _sendMsgAjaxParams_params === void 0 ? function() {
+        var url = sendMsgAjaxParams.url, _sendMsgAjaxParams_method = sendMsgAjaxParams.method, method = _sendMsgAjaxParams_method === void 0 ? "POST" : _sendMsgAjaxParams_method, _sendMsgAjaxParams_headers = sendMsgAjaxParams.headers, headers = _sendMsgAjaxParams_headers === void 0 ? function() {
+            return {};
+        } : _sendMsgAjaxParams_headers, _sendMsgAjaxParams_params = sendMsgAjaxParams.params, params = _sendMsgAjaxParams_params === void 0 ? function() {
             return "";
         } : _sendMsgAjaxParams_params, _sendMsgAjaxParams_onOpen = sendMsgAjaxParams.onOpen, onOpen = _sendMsgAjaxParams_onOpen === void 0 ? function() {} : _sendMsgAjaxParams_onOpen, _sendMsgAjaxParams_onMessage = sendMsgAjaxParams.onMessage, onMessage = _sendMsgAjaxParams_onMessage === void 0 ? function(ev) {
             return ev;
@@ -213,6 +218,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         var msgContent = "";
         setSending(true);
         setTextValue("");
+        fileListRef.current.clearFileList();
         setReferencesSource(null);
         var recordMsgObj = {};
         var arg = [
@@ -221,54 +227,69 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             fileListRef.current ? fileListRef.current.getFileList() : []
         ];
         beforeSendMsg.apply(void 0, _to_consumable_array(arg)).then(function(beforeInfo) {
-            fetchEventSource(url, _object_spread({
-                method: method,
-                headers: _object_spread({
-                    "Content-Type": "application/json",
-                    Accept: "text/event-stream,application/json"
-                }, headers),
-                body: params.apply(void 0, _to_consumable_array(arg).concat([
-                    beforeInfo
-                ])),
-                openWhenHidden: true,
-                signal: ctrl.current.signal,
-                onopen: function(res) {
-                    onOpen(res);
-                    if (res.status === 200) {}
-                    return null;
-                },
-                onmessage: function(ev) {
-                    var data = onMessage(ev);
-                    msgContent += data.content;
-                    delete data.content;
-                    recordMsgObj = _object_spread({
-                        createTime: createTime,
-                        content: msgContent,
-                        location: "left",
-                        reference: null,
-                        source: null
-                    }, data);
-                    updateMsgRef.current = setTimeout(function() {
-                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
-                        msgId = data.id;
-                    }, 100);
-                },
-                onclose: function() {
+            var callback = function() {
+                var isClose = false;
+                var closeCallback = function() {
+                    if (isClose) return;
+                    isClose = true;
                     onClose();
                     setSending(false);
                     if (recordMsgObj.id) {
                         apiRef.contentApi.recordMsg(recordMsgObj);
                     }
                     console.log("onclose: ", recordMsgObj);
-                },
-                onerror: function(err) {
-                    onError(err);
-                    if (recordMsgObj.id) {
-                        apiRef.contentApi.recordMsg(recordMsgObj);
+                };
+                fetchEventSource(url, _object_spread({
+                    method: method,
+                    headers: _object_spread({
+                        "Content-Type": "application/json",
+                        Accept: "text/event-stream,application/json"
+                    }, headers()),
+                    body: params.apply(void 0, _to_consumable_array(arg).concat([
+                        beforeInfo
+                    ])),
+                    openWhenHidden: true,
+                    signal: ctrl.current.signal,
+                    onopen: function(res) {
+                        var retryFetch = function() {
+                            callback();
+                        };
+                        onOpen(res, {
+                            retryFetch: retryFetch,
+                            stopMessage: stopMessage
+                        });
+                        return null;
+                    },
+                    onmessage: function(ev) {
+                        var data = onMessage(ev, closeCallback);
+                        msgContent += data.content;
+                        delete data.content;
+                        recordMsgObj = _object_spread({
+                            createTime: createTime,
+                            content: msgContent,
+                            location: "left",
+                            reference: null,
+                            source: null
+                        }, data);
+                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                        msgId = data.id;
+                        updateMsgRef.current = setTimeout(function() {
+                            apiRef.contentApi.scrollToBottom();
+                        }, 100);
+                    },
+                    onclose: function() {
+                        closeCallback();
+                    },
+                    onerror: function(err) {
+                        onError(err);
+                        if (recordMsgObj.id) {
+                            apiRef.contentApi.recordMsg(recordMsgObj);
+                        }
+                        console.log("onerror: ", err);
                     }
-                    console.log("onerror: ", err);
-                }
-            }, coverProps));
+                }, coverProps));
+            };
+            callback();
         }).catch(function() {
             stopMessage();
         });