bhd-components 0.10.5 → 0.10.7

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

@@ -29,11 +29,11 @@ var defaultProps = {
                             gradientUnits: "userSpaceOnUse",
                             children: [
                                 /*#__PURE__*/ _jsx("stop", {
-                                    "stop-color": "#F87AFD"
+                                    stopColor: "#F87AFD"
                                 }),
                                 /*#__PURE__*/ _jsx("stop", {
                                     offset: "1",
-                                    "stop-color": "#41DAF8"
+                                    stopColor: "#41DAF8"
                                 })
                             ]
                         }),
@@ -46,11 +46,11 @@ var defaultProps = {
                             gradientUnits: "userSpaceOnUse",
                             children: [
                                 /*#__PURE__*/ _jsx("stop", {
-                                    "stop-color": "#F87AFD"
+                                    stopColor: "#F87AFD"
                                 }),
                                 /*#__PURE__*/ _jsx("stop", {
                                     offset: "1",
-                                    "stop-color": "#41DAF8"
+                                    stopColor: "#41DAF8"
                                 })
                             ]
                         })

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

@@ -1,16 +1,26 @@
-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 from "react";
 import styles from "./index.module.less";
 var referencesIcon = /*#__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",
+        shapeRendering: "geometricPrecision",
         fill: "currentColor",
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M8.28467 5.03809C8.4743 4.91639 8.61455 4.90994 8.76123 5.10059C8.92876 5.31834 9.04161 5.46433 9.09912 5.53906C9.18641 5.65254 9.15264 5.80277 9.06201 5.87988C7.69541 6.75725 6.13959 8.64084 6.02295 9.32031C5.90632 9.99981 6.57509 9.82255 7.66846 10.3311C8.76173 10.8396 9.66644 12.6996 8.15674 14.165C6.64677 15.6306 3.66696 13.9994 4.10107 10.667C4.38007 8.52662 5.77465 6.65005 8.28467 5.03809ZM14.8931 5.03809C15.0828 4.91629 15.2239 4.90989 15.3706 5.10059C15.5383 5.31849 15.6511 5.46448 15.7085 5.53906C15.7958 5.65256 15.7611 5.80278 15.6704 5.87988C14.3038 6.75727 12.748 8.64086 12.6313 9.32031C12.5147 9.99975 13.1836 9.82261 14.2769 10.3311C15.3702 10.8395 16.2751 12.6995 14.7651 14.165C13.2552 15.6306 10.2754 13.9994 10.7095 10.667C10.9885 8.52661 12.3831 6.65005 14.8931 5.03809Z"
-        })
+        viewBox: "0 0 14 14",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M6.28443 3.03861C3.77423 4.65069 2.37971 6.52702 2.10085 8.66759C1.66674 12 4.6468 13.6311 6.15677 12.1655C7.66673 10.7 6.7616 8.83982 5.66823 8.33136C4.57487 7.82286 3.90623 7.99996 4.02287 7.32046C4.1395 6.64099 5.69503 4.75706 7.06163 3.87969C7.1523 3.80259 7.1868 3.65299 7.0995 3.53949C7.04207 3.46486 6.92943 3.31847 6.7616 3.10033C6.61483 2.90957 6.47423 2.91671 6.28443 3.03861Z"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M12.893 3.03861C10.3828 4.65069 8.98827 6.52702 8.7094 8.66759C8.2753 12 11.2554 13.6311 12.7653 12.1655C14.2753 10.7 13.3702 8.83982 12.2768 8.33136C11.1834 7.82286 10.5148 7.99996 10.6314 7.32046C10.7481 6.64099 12.3036 4.75706 13.6702 3.87969C13.7609 3.80259 13.7954 3.65299 13.708 3.53949C13.6506 3.46486 13.538 3.31847 13.3702 3.10033C13.2234 2.90957 13.0828 2.91671 12.893 3.03861Z"
+            })
+        ]
     })
 });
 var ReferencesIcon = function(props) {
@@ -24,7 +34,8 @@ var ReferencesIcon = function(props) {
             console.log("itemitem", item);
             apiRef.footerApi.setReferences({
                 type: "text",
-                value: item.content
+                value: item.content,
+                source: item
             });
         }
     };

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

@@ -5,7 +5,7 @@
   line-height: 1;
   & > 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/refreshBtn/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { refreshBtnProps } from "../../type";
+declare const RefreshBtn: (props: refreshBtnProps) => React.JSX.Element;
+export default RefreshBtn;

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+var refreshSvg = /*#__PURE__*/ _jsx("svg", {
+    viewBox: "0 0 14 14",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "8340",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    shapeRendering: "geometricPrecision",
+    "aria-hidden": "true",
+    children: /*#__PURE__*/ _jsx("path", {
+        d: "M8 3.80001C7.27938 3.80001 6.60141 3.97512 6.00464 4.2846C5.71048 4.43715 5.34834 4.32235 5.19579 4.02818C5.04324 3.73401 5.15804 3.37187 5.4522 3.21932C6.21563 2.82342 7.0826 2.60001 8 2.60001C11.0603 2.60001 13.5412 5.08088 13.5412 8.14118C13.5412 8.40936 13.5221 8.67343 13.4851 8.93202C13.4737 9.01141 13.4607 9.09026 13.446 9.16853L13.7175 9.02364C14.0098 8.86759 14.3733 8.97808 14.5293 9.27041C14.6854 9.56274 14.5749 9.92622 14.2825 10.0823L12.6718 10.9421C12.3819 11.0968 12.0215 10.9896 11.8633 10.7016L11.0035 9.13588C10.844 8.84542 10.9501 8.48065 11.2406 8.32115C11.5311 8.16164 11.8958 8.2678 12.0553 8.55825L12.2672 8.94405C12.2784 8.88383 12.2885 8.82318 12.2972 8.76211C12.3261 8.55962 12.3412 8.35233 12.3412 8.14118C12.3412 5.74362 10.3976 3.80001 8 3.80001ZM3.32824 5.34029C3.61811 5.18556 3.97853 5.29278 4.13669 5.58079L4.99651 7.14649C5.15601 7.43694 5.04986 7.80171 4.7594 7.96122C4.46895 8.12072 4.10418 8.01457 3.94467 7.72411L3.73281 7.33832C3.72156 7.39853 3.71155 7.45919 3.70282 7.52026C3.67386 7.72275 3.65883 7.93003 3.65883 8.14118C3.65883 10.5387 5.60244 12.4824 8 12.4824C8.72063 12.4824 9.39859 12.3072 9.99536 11.9978C10.2895 11.8452 10.6517 11.96 10.8042 12.2542C10.9568 12.5484 10.842 12.9105 10.5478 13.063C9.78437 13.4589 8.9174 13.6824 8 13.6824C4.93969 13.6824 2.45883 11.2015 2.45883 8.14118C2.45883 7.87301 2.47792 7.60894 2.51491 7.35034C2.52627 7.27095 2.5393 7.19211 2.55399 7.11384L2.28254 7.25873C1.99021 7.41477 1.62673 7.30429 1.47069 7.01196C1.31465 6.71963 1.42513 6.35615 1.71746 6.20011L3.32824 5.34029Z"
+    })
+});
+var RefreshBtn = function(props) {
+    var prefix = props.prefix, clickFn = props.clickFn;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    return /*#__PURE__*/ _jsx("i", {
+        className: "".concat(getCls("refreshBtn")),
+        onClick: function() {
+            return clickFn();
+        },
+        children: refreshSvg
+    });
+};
+export default RefreshBtn;

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

@@ -0,0 +1,12 @@
+.refreshBtn {
+  font-size: 16px;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  &:hover {
+    color: #f4523b;
+  }
+  &.active {
+    color: #f4523b;
+  }
+}

package/esm/AIMessageList/components/remarkBtn/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { VoteBtnProps } from "../../type";
+export declare const UpVoteBtn: (props: VoteBtnProps) => React.JSX.Element;
+export declare const DownVoteBtn: (props: VoteBtnProps) => React.JSX.Element;

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import React from "react";
+import styles from "./index.module.less";
+var upvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    shapeRendering: "geometricPrecision",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/ _jsx("path", {
+        d: "M14.9948 7.82355C14.999 7.88679 14.9948 7.95002 14.978 8.01326L13.7172 13.4046C13.7003 13.4699 13.6709 13.527 13.633 13.58C13.4983 13.8411 13.292 14.0716 13.0205 14.2409C12.7321 14.4184 12.4122 14.5 12.0944 14.5V14.4959L4.00144 14.4918C3.97408 14.4959 3.94461 14.498 3.91514 14.498C3.88568 14.498 3.85621 14.4959 3.82885 14.4918H1.67564C1.64617 14.4959 1.6146 14.5 1.58303 14.5C1.26099 14.5 1 14.2471 1 13.935L1.00631 7.1504C1.00631 6.8383 1.26731 6.58536 1.58934 6.58536C1.6125 6.58536 1.63775 6.5874 1.66091 6.58944L3.59522 6.58536V6.57516C5.37587 6.45073 6.78609 5.03711 6.8366 3.29303C6.83239 3.24408 6.82818 3.19512 6.82818 3.14412C6.82818 2.23639 7.58802 1.5 8.52465 1.5C9.32868 1.5 10.0022 2.04464 10.1769 2.77287L10.1853 2.77083C10.2801 3.18696 10.3327 3.61941 10.3327 4.06206C10.3327 4.74745 10.2127 5.40428 9.99169 6.0142L13.2457 6.01828C13.2752 6.01828 13.3046 6.02032 13.3341 6.02644C13.8898 6.04684 14.4244 6.32426 14.7401 6.8179C14.9422 7.13204 15.0222 7.4829 14.9948 7.82355ZM2.16816 13.3618H3.33422L3.33843 7.71544L2.17448 7.71748L2.16816 13.3618ZM13.7572 7.40946C13.6456 7.23403 13.4478 7.14224 13.2478 7.15244V7.1504H13.2457L9.13294 7.14632C8.8109 7.14632 8.54991 6.89338 8.54991 6.58128C8.54991 6.49153 8.57306 6.40585 8.61095 6.33038L8.60463 6.3263C8.83827 5.90609 9.00665 5.44712 9.10347 4.96367H9.10979C9.10979 4.96367 9.18766 4.6577 9.18556 4.0743C9.18556 3.61125 9.09716 3.18696 9.09716 3.18696H9.09295C9.09295 3.1788 9.09505 3.17064 9.09505 3.16248C9.09505 2.87078 8.85089 2.63416 8.54991 2.63416C8.24892 2.63416 8.00477 2.87078 8.00477 3.16248C8.00477 3.17472 8.00687 3.18696 8.00687 3.1992H7.99845C7.99845 3.1992 8.00687 3.63981 7.91636 4.09878C7.87848 4.29256 7.82375 4.47411 7.77324 4.6169C7.77324 4.6169 7.77113 4.6169 7.77113 4.61486C7.28072 6.06928 6.0473 7.19528 4.50449 7.57673L4.49817 13.3638L12.0965 13.3658C12.1217 13.3658 12.147 13.3679 12.1723 13.372C12.248 13.3618 12.3238 13.3373 12.3912 13.2944C12.488 13.2353 12.5595 13.1496 12.6016 13.0517H12.6037L13.8161 7.86231L13.8119 7.86027C13.8624 7.71544 13.8477 7.55021 13.7572 7.40946Z"
+    })
+});
+var downvoteBtnSvg = /*#__PURE__*/ _jsx("svg", {
+    width: "1em",
+    height: "1em",
+    shapeRendering: "geometricPrecision",
+    fill: "currentColor",
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/ _jsx("path", {
+        d: "M1.0052 8.17645C1.00099 8.11321 1.0052 8.04998 1.02204 7.98674L2.28281 2.5954C2.29965 2.53013 2.32912 2.47301 2.36701 2.41998C2.50171 2.15887 2.70798 1.92837 2.9795 1.75906C3.26786 1.58159 3.58779 1.5 3.90561 1.5V1.50408L11.9986 1.50816C12.0259 1.50408 12.0554 1.50204 12.0849 1.50204C12.1143 1.50204 12.1438 1.50408 12.1712 1.50816H14.3244C14.3538 1.50408 14.3854 1.5 14.417 1.5C14.739 1.5 15 1.75294 15 2.06504L14.9937 8.8496C14.9937 9.1617 14.7327 9.41464 14.4107 9.41464C14.3875 9.41464 14.3622 9.4126 14.3391 9.41056L12.4048 9.41464V9.42484C10.6241 9.54927 9.21391 10.9629 9.1634 12.707C9.16761 12.7559 9.17182 12.8049 9.17182 12.8559C9.17182 13.7636 8.41198 14.5 7.47535 14.5C6.67132 14.5 5.99778 13.9554 5.82308 13.2271L5.81466 13.2292C5.71995 12.813 5.66733 12.3806 5.66733 11.9379C5.66733 11.2526 5.7873 10.5957 6.00831 9.9858L2.75429 9.98172C2.72482 9.98172 2.69535 9.97968 2.66589 9.97356C2.11022 9.95316 1.5756 9.67574 1.25988 9.1821C1.05782 8.86796 0.977839 8.5171 1.0052 8.17645ZM13.8318 2.63824H12.6658L12.6616 8.28456L13.8255 8.28252L13.8318 2.63824ZM2.24282 8.59054C2.35438 8.76597 2.55223 8.85776 2.75218 8.84756V8.8496H2.75429L6.86706 8.85368C7.1891 8.85368 7.45009 9.10662 7.45009 9.41872C7.45009 9.50847 7.42694 9.59415 7.38905 9.66962L7.39537 9.6737C7.16173 10.0939 6.99335 10.5529 6.89653 11.0363H6.89021C6.89021 11.0363 6.81234 11.3423 6.81444 11.9257C6.81444 12.3887 6.90284 12.813 6.90284 12.813H6.90705C6.90705 12.8212 6.90495 12.8294 6.90495 12.8375C6.90495 13.1292 7.14911 13.3658 7.45009 13.3658C7.75108 13.3658 7.99523 13.1292 7.99523 12.8375C7.99523 12.8253 7.99313 12.813 7.99313 12.8008H8.00155C8.00155 12.8008 7.99313 12.3602 8.08364 11.9012C8.12152 11.7074 8.17625 11.5259 8.22676 11.3831C8.22676 11.3831 8.22887 11.3831 8.22887 11.3851C8.71928 9.93072 9.9527 8.80472 11.4955 8.42327L11.5018 2.6362L3.90351 2.63416C3.87825 2.63416 3.85299 2.63212 3.82773 2.62804C3.75196 2.63824 3.67619 2.66272 3.60884 2.70555C3.51201 2.76471 3.44045 2.85038 3.39836 2.9483H3.39625L2.18389 8.13769L2.1881 8.13973C2.13758 8.28456 2.15232 8.44979 2.24282 8.59054Z"
+    })
+});
+export var UpVoteBtn = function(props) {
+    var prefix = props.prefix, isActive = props.isActive, clickFn = props.clickFn;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    return /*#__PURE__*/ _jsx("i", {
+        onClick: function() {
+            clickFn();
+        },
+        className: "".concat(getCls("upVoteBtn"), " ").concat(isActive ? getCls("active") : ""),
+        children: upvoteBtnSvg
+    });
+};
+export var DownVoteBtn = function(props) {
+    var prefix = props.prefix, isActive = props.isActive, clickFn = props.clickFn;
+    var getCls = function(clsName) {
+        return styles[clsName] + " " + prefix + "-" + clsName;
+    };
+    return /*#__PURE__*/ _jsx("i", {
+        onClick: function() {
+            clickFn();
+        },
+        className: "".concat(getCls("downVoteBtn"), " ").concat(isActive ? getCls("active") : ""),
+        children: downvoteBtnSvg
+    });
+};

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

@@ -0,0 +1,13 @@
+.upVoteBtn,
+.downVoteBtn {
+  font-size: 16px;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.65);
+  display: flex;
+  &:hover {
+    color: #f4523b;
+  }
+  &.active {
+    color: #f4523b;
+  }
+}

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,29 @@ 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);
+            },
+            scrollToBottom: function scrollToBottom() {
+                if (!virtuosoRef.current) return;
+                virtuosoRef.current.scrollToIndex({
+                    index: "LAST",
+                    behavior: "auto"
+                });
             }
         };
     });
@@ -117,18 +143,18 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     }, []);
     useEffect(function() {
         if (!virtuosoRef.current) return;
-        virtuosoRef.current.scrollToIndex({
-            index: "LAST",
-            behavior: "auto"
-        });
-        clearTimeout(timerRef.current.scrollTimer);
-        timerRef.current.scrollTimer = setTimeout(function() {
-            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
     ]);
@@ -175,8 +201,20 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     ]);
     var itemContent = function(index, item) {
         var timeNode = renderTime(item);
+        var cahceKey = item.id + "-" + item.content;
+        var 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);
+        // }
         var html = markToHtml(item.content, item.id);
-        var contentNode = /*#__PURE__*/ _jsx("div", {
+        contentNode = /*#__PURE__*/ _jsx("div", {
             dangerouslySetInnerHTML: {
                 __html: html
             }
@@ -292,11 +330,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 +388,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 +418,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,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/esm/customerService/historyFun.js

@@ -467,7 +467,13 @@ var HistoryFun = function(props) {
                                                         return /*#__PURE__*/ _jsxs("div", {
                                                             className: styles.list,
                                                             onClick: function() {
-                                                                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/esm/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/esm/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/package.json

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