bhd-components 0.10.5 → 0.10.6

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

@@ -14,6 +14,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";
 var Header = function(param) {
     var context = param.context;
     var prefix = context.prefix, loading = context.loading;
@@ -47,7 +49,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     var getList = contentConfig.getList, coverRenderText = contentConfig.coverRenderText, _contentConfig_msgAction = contentConfig.msgAction, msgAction = _contentConfig_msgAction === void 0 ? [
         "copy",
         "references"
-    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage;
+    ] : _contentConfig_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage, _contentConfig_onVoteChange = contentConfig.onVoteChange, onVoteChange = _contentConfig_onVoteChange === void 0 ? function() {} : _contentConfig_onVoteChange, _contentConfig_onRefresh = contentConfig.onRefresh, onRefresh = _contentConfig_onRefresh === void 0 ? function() {} : _contentConfig_onRefresh;
     var loadMoreProps = contentConfig.loadMore || true;
     var virtuosoRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1]; // 是否加载中
@@ -69,6 +71,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         maxPage: Math.ceil(total / pageSize)
     });
     var timeRenderCache = useRef(new Map()).current;
+    var htmlRenderCache = useRef(new Map()).current;
     useImperativeHandle(ref, function() {
         return {
             addMsg: function(msg) {
@@ -101,6 +104,22 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             },
             recordMsg: function(msg) {
                 onRecordMessage(msg);
+            },
+            getDataSource: function() {
+                return recordRef.current.dataSource;
+            },
+            upateDataSource: function(id, obj) {
+                setDataSource(function(list) {
+                    return list.map(function(item) {
+                        if (item.id === id) {
+                            return _object_spread({}, item, obj);
+                        }
+                        return item;
+                    });
+                });
+            },
+            changeDataSource: function(data) {
+                setDataSource(data);
             }
         };
     });
@@ -175,14 +194,21 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     ]);
     var itemContent = function(index, item) {
         var timeNode = renderTime(item);
-        var html = markToHtml(item.content, item.id);
-        var contentNode = /*#__PURE__*/ _jsx("div", {
-            dangerouslySetInnerHTML: {
-                __html: html
+        var cahceKey = item.id + "-" + item.content;
+        var contentNode = null;
+        if (htmlRenderCache.has(cahceKey)) {
+            contentNode = htmlRenderCache.get(cahceKey);
+        } else {
+            var html = markToHtml(item.content, item.id);
+            contentNode = /*#__PURE__*/ _jsx("div", {
+                dangerouslySetInnerHTML: {
+                    __html: html
+                }
+            });
+            if (coverRenderText) {
+                contentNode = coverRenderText(item, html);
             }
-        });
-        if (coverRenderText) {
-            contentNode = coverRenderText(item, html);
+            htmlRenderCache.set(cahceKey, contentNode);
         }
         // 是否显示时间
         var itemNode = /*#__PURE__*/ _jsx("div", {
@@ -292,11 +318,53 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             apiRef: apiRef,
             item: item
         });
+        var UpVoteNode = /*#__PURE__*/ _jsx(UpVoteBtn, {
+            prefix: prefix,
+            isActive: item.vote === "up",
+            clickFn: function() {
+                setDataSource(function(data) {
+                    return data.map(function(ite) {
+                        if (item.id === ite.id) {
+                            ite.vote = item.vote === "up" ? "" : "up";
+                        }
+                        return ite;
+                    });
+                });
+                onVoteChange(item.vote === "up" ? "" : "up", item);
+            }
+        });
+        var DownVoteNode = /*#__PURE__*/ _jsx(DownVoteBtn, {
+            prefix: prefix,
+            isActive: item.vote === "down",
+            clickFn: function() {
+                setDataSource(function(data) {
+                    return data.map(function(ite) {
+                        if (item.id === ite.id) {
+                            ite.vote = ite.vote === "down" ? "" : "down";
+                        }
+                        return ite;
+                    });
+                });
+                onVoteChange(item.vote === "down" ? "" : "down", item);
+            }
+        });
+        var RefreshNode = /*#__PURE__*/ _jsx(RefreshBtn, {
+            prefix: prefix,
+            clickFn: function() {
+                return onRefresh(item);
+            }
+        });
+        if (item.location === "right") {
+            UpVoteNode = null;
+            DownVoteNode = null;
+        }
         var leftNodes = null;
         var rightNodes = /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
                 copyNode,
-                referencesNode
+                referencesNode,
+                UpVoteNode,
+                DownVoteNode
             ]
         });
         if (_instanceof(msgAction, Array)) {
@@ -308,12 +376,21 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(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);
             }
         }
         var index = recordRef.current.dataSource.findIndex(function(ite) {
@@ -329,9 +406,12 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                                 className: "".concat(getCls("msgItem-action-left")),
                                 children: leftNodes
                             }),
-                            /*#__PURE__*/ _jsx("div", {
+                            /*#__PURE__*/ _jsxs("div", {
                                 className: "".concat(getCls("msgItem-action-right")),
-                                children: rightNodes
+                                children: [
+                                    RefreshNode,
+                                    rightNodes
+                                ]
                             })
                         ]
                     });

package/esm/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/esm/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,19 +84,25 @@ 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;
+  onOpen?: (res: Response, onOpenProps: onOpenProps) => void;
   onMessage?: (ev: EventSourceMessage) => { id: string; content: string };
   onClose?: () => void;
   onError?: (err: any) => void;
@@ -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,7 @@ 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;
 }
 
 // error Message
@@ -220,11 +246,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 +266,9 @@ 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
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}
@@ -256,4 +287,5 @@ export interface dataItemType {
   location: "left" | "right"; // 消息显示在左边还是右边
   reference: referenceType | null; // 引用数据
   source: any; //原消息对象
+  vote?:string;// "up":点赞。"down":踩
 }

package/package.json

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