bhd-components 0.10.3 → 0.10.5

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

@@ -114,7 +114,11 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             prefix: prefix,
             canSendMsg: canSendMsg,
             sending: sending,
-            stopMessage: stopMessage
+            stopMessage: stopMessage,
+            clickFn: ()=>{
+                if (textValue.trim().length === 0) return;
+                sendMsg(textValue);
+            }
         });
         if (fileUpload) {
             let fileNode = /*#__PURE__*/ _jsx(UploadFileBtn, {
@@ -184,7 +188,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         sendMsgAjax();
     };
     const sendMsgAjax = ()=>{
-        const { url, method = "POST", headers = {}, params = ()=>"", onOpen = ()=>{}, onMessage = (ev)=>ev, onClose = ()=>{}, onError = ()=>{}, coverProps = {} } = sendMsgAjaxParams;
+        const { url, method = "POST", headers = {}, params = ()=>"", onOpen = ()=>{}, onMessage = (ev)=>ev, onClose = ()=>{}, onError = ()=>{}, coverProps = {}, beforeSendMsg = ()=>Promise.resolve() } = sendMsgAjaxParams;
         ctrl.current = new AbortController();
         // apiRef
         console.log("apiRef", apiRef);
@@ -208,52 +212,56 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             recordRef.current.referencesSource,
             fileListRef.current ? fileListRef.current.getFileList() : []
         ];
-        fetchEventSource(url, _object_spread({
-            method,
-            headers: _object_spread({
-                "Content-Type": "application/json",
-                Accept: "text/event-stream,application/json"
-            }, headers),
-            body: params(...arg),
-            openWhenHidden: true,
-            signal: ctrl.current.signal,
-            onopen: (res)=>{
-                onOpen(res);
-                if (res.status === 200) {}
-                return null;
-            },
-            onmessage: (ev)=>{
-                let 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(()=>{
-                    apiRef.contentApi.updateMsg(msgId, recordMsgObj);
-                    msgId = data.id;
-                }, 100);
-            },
-            onclose: ()=>{
-                onClose();
-                setSending(false);
-                if (recordMsgObj.id) {
-                    apiRef.contentApi.recordMsg(recordMsgObj);
+        beforeSendMsg(...arg).then((beforeInfo)=>{
+            fetchEventSource(url, _object_spread({
+                method,
+                headers: _object_spread({
+                    "Content-Type": "application/json",
+                    Accept: "text/event-stream,application/json"
+                }, headers),
+                body: params(...arg, beforeInfo),
+                openWhenHidden: true,
+                signal: ctrl.current.signal,
+                onopen: (res)=>{
+                    onOpen(res);
+                    if (res.status === 200) {}
+                    return null;
+                },
+                onmessage: (ev)=>{
+                    let 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(()=>{
+                        apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                        msgId = data.id;
+                    }, 100);
+                },
+                onclose: ()=>{
+                    onClose();
+                    setSending(false);
+                    if (recordMsgObj.id) {
+                        apiRef.contentApi.recordMsg(recordMsgObj);
+                    }
+                    console.log("onclose: ", recordMsgObj);
+                },
+                onerror: (err)=>{
+                    onError(err);
+                    if (recordMsgObj.id) {
+                        apiRef.contentApi.recordMsg(recordMsgObj);
+                    }
+                    console.log("onerror: ", err);
                 }
-                console.log("onclose: ", recordMsgObj);
-            },
-            onerror: (err)=>{
-                onError(err);
-                if (recordMsgObj.id) {
-                    apiRef.contentApi.recordMsg(recordMsgObj);
-                }
-                console.log("onerror: ", err);
-            }
-        }, coverProps));
+            }, coverProps));
+        }).catch(()=>{
+            stopMessage();
+        });
     };
     // 判断是否超出最大字数
     const judegTextLengthWarn = ()=>{

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

@@ -23,7 +23,7 @@ const sendingSvg = /*#__PURE__*/ _jsx("svg", {
     })
 });
 const SendBtn = (props)=>{
-    const { prefix, canSendMsg, sending, stopMessage } = props;
+    const { prefix, canSendMsg, sending, stopMessage, clickFn = ()=>{} } = props;
     const getCls = (clsName)=>{
         return styles[clsName] + " " + prefix + "-" + clsName;
     };
@@ -40,6 +40,11 @@ const SendBtn = (props)=>{
     }
     return /*#__PURE__*/ _jsx("i", {
         className: `${getCls("sendBtnIcon")} ${canSendMsg ? "" : getCls("disabled")}`,
+        onClick: ()=>{
+            if (canSendMsg) {
+                clickFn();
+            }
+        },
         children: sendBtnSvg
     });
 };

package/es2017/AIMessageList/type.d.ts

@@ -47,10 +47,13 @@ export interface contentConfigProps {
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
   helloMsg?: string; //欢迎语
-  pageSize?: number;//每页数量 默认为30
+  pageSize?: number; //每页数量 默认为30
   coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
-  coverRenderReferences?: (item:dataItemType,referenceNode:React.ReactNode) => React.ReactNode;//覆盖引用内容
-  onRecordMessage?: (item: dataItemType,) => void;// 发送和接收的消息记录
+  coverRenderReferences?: (
+    item: dataItemType,
+    referenceNode: React.ReactNode
+  ) => React.ReactNode; //覆盖引用内容
+  onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
 }
 
 // content props
@@ -82,13 +85,19 @@ export interface sendMsgAjaxParams {
   params: (
     value: string,
     refereces: referenceType,
-    fileList: fileCustomProps[]
+    fileList: fileCustomProps[],
+    beforeInfo:any,
   ) => string;
   onOpen?: (res: Response) => void;
   onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
   coverProps?: object;
+  beforeSendMsg: (
+    value: string,
+    refereces: referenceType,
+    fileList: fileCustomProps[]
+  ) => Promise<any>;
 }
 
 // footer file Props
@@ -100,7 +109,12 @@ export interface fileUploadProps {
   multiple?: boolean; // 是否允许多选
   customRequest: (
     file: File
-  ) => Promise<{ url: string; fileId: string; source: File,status:fileStatus }>; // 自定义上传方法
+  ) => Promise<{
+    url: string;
+    fileId: string;
+    source: File;
+    status: fileStatus;
+  }>; // 自定义上传方法
   mapUploadCount?: number; // 并发上传的数量 默认为1
   deleteFileAjax?: (fileId: string) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
   statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
@@ -127,7 +141,7 @@ export interface footerRefProps {
   clearText: () => void; // 清空输入框
   getCanSendMsg: () => boolean; //获取当前是否允许发送消息的状态
   stopMessage: () => void; //停止发送消息
-  setReferences:(reference:referenceType)=>void;// 添加引用
+  setReferences: (reference: referenceType) => void; // 添加引用
 }
 
 // sendBtn Props
@@ -137,6 +151,7 @@ export interface sendBtnProps {
   canSendMsg: boolean;
   sending: boolean;
   stopMessage: () => void;
+  clickFn?: () => void;
 }
 
 // uploadFileBtn Props
@@ -152,10 +167,9 @@ export interface fileListProps {
   prefix: string;
   fileUpload: fileUploadProps;
   errorCallback: (error: errorMessageProps) => void;
-  changeFileCanSending:(flag:boolean)=>void;
+  changeFileCanSending: (flag: boolean) => void;
 }
 
-
 // file 自定义对象
 
 export interface fileCustomProps {
@@ -175,8 +189,8 @@ export interface FileListRefProps {
   deleteFile: (fileId: string) => void;
   updateFile: (fileId: string, status: fileStatus) => void;
   getFileList: () => fileCustomProps[];
-  vaildFile: (file: File,fileId?:string) => boolean;// 校验文件是否合规
-  fileToCustomFile:(file:File)=>fileCustomProps
+  vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
+  fileToCustomFile: (file: File) => fileCustomProps;
 }
 
 // error Message
@@ -222,8 +236,8 @@ export interface VirtuosoListProps {
 export interface VirtuosoListRefProps {
   addMsg: (msg: dataItemType) => void;
   updateMsg: (id: string, obj: any) => void;
-  clearInputing: () => void;//清楚正在输入的inputing
-  recordMsg:(item: dataItemType) => void;
+  clearInputing: () => void; //清楚正在输入的inputing
+  recordMsg: (item: dataItemType) => void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}

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

@@ -116,7 +116,11 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             prefix: prefix,
             canSendMsg: canSendMsg,
             sending: sending,
-            stopMessage: stopMessage
+            stopMessage: stopMessage,
+            clickFn: function() {
+                if (textValue.trim().length === 0) return;
+                sendMsg(textValue);
+            }
         });
         if (fileUpload) {
             var fileNode = /*#__PURE__*/ _jsx(UploadFileBtn, {
@@ -190,7 +194,9 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             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;
-        } : _sendMsgAjaxParams_onMessage, _sendMsgAjaxParams_onClose = sendMsgAjaxParams.onClose, onClose = _sendMsgAjaxParams_onClose === void 0 ? function() {} : _sendMsgAjaxParams_onClose, _sendMsgAjaxParams_onError = sendMsgAjaxParams.onError, onError = _sendMsgAjaxParams_onError === void 0 ? function() {} : _sendMsgAjaxParams_onError, _sendMsgAjaxParams_coverProps = sendMsgAjaxParams.coverProps, coverProps = _sendMsgAjaxParams_coverProps === void 0 ? {} : _sendMsgAjaxParams_coverProps;
+        } : _sendMsgAjaxParams_onMessage, _sendMsgAjaxParams_onClose = sendMsgAjaxParams.onClose, onClose = _sendMsgAjaxParams_onClose === void 0 ? function() {} : _sendMsgAjaxParams_onClose, _sendMsgAjaxParams_onError = sendMsgAjaxParams.onError, onError = _sendMsgAjaxParams_onError === void 0 ? function() {} : _sendMsgAjaxParams_onError, _sendMsgAjaxParams_coverProps = sendMsgAjaxParams.coverProps, coverProps = _sendMsgAjaxParams_coverProps === void 0 ? {} : _sendMsgAjaxParams_coverProps, _sendMsgAjaxParams_beforeSendMsg = sendMsgAjaxParams.beforeSendMsg, beforeSendMsg = _sendMsgAjaxParams_beforeSendMsg === void 0 ? function() {
+            return Promise.resolve();
+        } : _sendMsgAjaxParams_beforeSendMsg;
         ctrl.current = new AbortController();
         // apiRef
         console.log("apiRef", apiRef);
@@ -214,52 +220,58 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             recordRef.current.referencesSource,
             fileListRef.current ? fileListRef.current.getFileList() : []
         ];
-        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)),
-            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() {
-                onClose();
-                setSending(false);
-                if (recordMsgObj.id) {
-                    apiRef.contentApi.recordMsg(recordMsgObj);
+        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() {
+                    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);
+                    }
+                    console.log("onerror: ", err);
                 }
-                console.log("onclose: ", recordMsgObj);
-            },
-            onerror: function(err) {
-                onError(err);
-                if (recordMsgObj.id) {
-                    apiRef.contentApi.recordMsg(recordMsgObj);
-                }
-                console.log("onerror: ", err);
-            }
-        }, coverProps));
+            }, coverProps));
+        }).catch(function() {
+            stopMessage();
+        });
     };
     // 判断是否超出最大字数
     var judegTextLengthWarn = function() {

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

@@ -23,7 +23,7 @@ var sendingSvg = /*#__PURE__*/ _jsx("svg", {
     })
 });
 var SendBtn = function(props) {
-    var prefix = props.prefix, canSendMsg = props.canSendMsg, sending = props.sending, stopMessage = props.stopMessage;
+    var prefix = props.prefix, canSendMsg = props.canSendMsg, sending = props.sending, stopMessage = props.stopMessage, _props_clickFn = props.clickFn, clickFn = _props_clickFn === void 0 ? function() {} : _props_clickFn;
     var getCls = function(clsName) {
         return styles[clsName] + " " + prefix + "-" + clsName;
     };
@@ -42,6 +42,11 @@ var SendBtn = function(props) {
     }
     return /*#__PURE__*/ _jsx("i", {
         className: "".concat(getCls("sendBtnIcon"), " ").concat(canSendMsg ? "" : getCls("disabled")),
+        onClick: function() {
+            if (canSendMsg) {
+                clickFn();
+            }
+        },
         children: sendBtnSvg
     });
 };

package/esm/AIMessageList/type.d.ts

@@ -47,10 +47,13 @@ export interface contentConfigProps {
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
   helloMsg?: string; //欢迎语
-  pageSize?: number;//每页数量 默认为30
+  pageSize?: number; //每页数量 默认为30
   coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
-  coverRenderReferences?: (item:dataItemType,referenceNode:React.ReactNode) => React.ReactNode;//覆盖引用内容
-  onRecordMessage?: (item: dataItemType,) => void;// 发送和接收的消息记录
+  coverRenderReferences?: (
+    item: dataItemType,
+    referenceNode: React.ReactNode
+  ) => React.ReactNode; //覆盖引用内容
+  onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
 }
 
 // content props
@@ -82,13 +85,19 @@ export interface sendMsgAjaxParams {
   params: (
     value: string,
     refereces: referenceType,
-    fileList: fileCustomProps[]
+    fileList: fileCustomProps[],
+    beforeInfo:any,
   ) => string;
   onOpen?: (res: Response) => void;
   onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
   coverProps?: object;
+  beforeSendMsg: (
+    value: string,
+    refereces: referenceType,
+    fileList: fileCustomProps[]
+  ) => Promise<any>;
 }
 
 // footer file Props
@@ -100,7 +109,12 @@ export interface fileUploadProps {
   multiple?: boolean; // 是否允许多选
   customRequest: (
     file: File
-  ) => Promise<{ url: string; fileId: string; source: File,status:fileStatus }>; // 自定义上传方法
+  ) => Promise<{
+    url: string;
+    fileId: string;
+    source: File;
+    status: fileStatus;
+  }>; // 自定义上传方法
   mapUploadCount?: number; // 并发上传的数量 默认为1
   deleteFileAjax?: (fileId: string) => Promise<{ fileId: string }>; // 删除文件的ajax 返回删除文件的fileId
   statusText?: (status: fileStatus) => React.ReactNode; // 自定义状态显示
@@ -127,7 +141,7 @@ export interface footerRefProps {
   clearText: () => void; // 清空输入框
   getCanSendMsg: () => boolean; //获取当前是否允许发送消息的状态
   stopMessage: () => void; //停止发送消息
-  setReferences:(reference:referenceType)=>void;// 添加引用
+  setReferences: (reference: referenceType) => void; // 添加引用
 }
 
 // sendBtn Props
@@ -137,6 +151,7 @@ export interface sendBtnProps {
   canSendMsg: boolean;
   sending: boolean;
   stopMessage: () => void;
+  clickFn?: () => void;
 }
 
 // uploadFileBtn Props
@@ -152,10 +167,9 @@ export interface fileListProps {
   prefix: string;
   fileUpload: fileUploadProps;
   errorCallback: (error: errorMessageProps) => void;
-  changeFileCanSending:(flag:boolean)=>void;
+  changeFileCanSending: (flag: boolean) => void;
 }
 
-
 // file 自定义对象
 
 export interface fileCustomProps {
@@ -175,8 +189,8 @@ export interface FileListRefProps {
   deleteFile: (fileId: string) => void;
   updateFile: (fileId: string, status: fileStatus) => void;
   getFileList: () => fileCustomProps[];
-  vaildFile: (file: File,fileId?:string) => boolean;// 校验文件是否合规
-  fileToCustomFile:(file:File)=>fileCustomProps
+  vaildFile: (file: File, fileId?: string) => boolean; // 校验文件是否合规
+  fileToCustomFile: (file: File) => fileCustomProps;
 }
 
 // error Message
@@ -222,8 +236,8 @@ export interface VirtuosoListProps {
 export interface VirtuosoListRefProps {
   addMsg: (msg: dataItemType) => void;
   updateMsg: (id: string, obj: any) => void;
-  clearInputing: () => void;//清楚正在输入的inputing
-  recordMsg:(item: dataItemType) => void;
+  clearInputing: () => void; //清楚正在输入的inputing
+  recordMsg: (item: dataItemType) => void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}

package/package.json

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