bhd-components 0.10.7 → 0.10.8

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

@@ -16,6 +16,7 @@ import CopyIcon from "../copyIcon";
 import ReferencesIcon from "../referencesIcon";
 import { UpVoteBtn, DownVoteBtn } from "../remarkBtn";
 import RefreshBtn from "../refreshBtn";
+import { fileIconRender } from "../fileList/fileIcon";
 var Header = function(param) {
     var context = param.context;
     var prefix = context.prefix, loading = context.loading;
@@ -49,15 +50,16 @@ 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_onVoteChange = contentConfig.onVoteChange, onVoteChange = _contentConfig_onVoteChange === void 0 ? function() {} : _contentConfig_onVoteChange, _contentConfig_onRefresh = contentConfig.onRefresh, onRefresh = _contentConfig_onRefresh === void 0 ? function() {} : _contentConfig_onRefresh;
+    ] : _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, iconFileRender = contentConfig.iconFileRender;
     var loadMoreProps = contentConfig.loadMore || true;
     var virtuosoRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1]; // 是否加载中
     var _useState1 = _sliced_to_array(useState([]), 2), dataSource = _useState1[0], setDataSource = _useState1[1];
     var _useState2 = _sliced_to_array(useState(0), 2), firstItemIndex = _useState2[0], setFirstItemIndex = _useState2[1];
     var _useState3 = _sliced_to_array(useState(1), 2), page = _useState3[0], setPage = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState4[0], setPageSize = _useState4[1];
-    var _useState5 = _sliced_to_array(useState(0), 2), total = _useState5[0], setTotal = _useState5[1];
+    var _useState4 = _sliced_to_array(useState(""), 2), sendingId = _useState4[0], setSendingId = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(contentConfig.pageSize || 30), 2), pageSize = _useState5[0], setPageSize = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(0), 2), total = _useState6[0], setTotal = _useState6[1];
     var timerRef = useRef({
         loadMore: null,
         scrollTimer: null
@@ -68,7 +70,8 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         pageSize: pageSize,
         total: total,
         dataSource: dataSource,
-        maxPage: Math.ceil(total / pageSize)
+        maxPage: Math.ceil(total / pageSize),
+        sendingId: ""
     });
     var timeRenderCache = useRef(new Map()).current;
     var htmlRenderCache = useRef(new Map()).current;
@@ -84,6 +87,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         msg
                     ]);
                 });
+                timerRef.current.scrollTimer = setTimeout(function() {
+                    scrollToBottom();
+                }, 100);
             },
             updateMsg: function(id, obj) {
                 setDataSource(function(data) {
@@ -121,12 +127,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             changeDataSource: function(data) {
                 setDataSource(data);
             },
-            scrollToBottom: function scrollToBottom() {
-                if (!virtuosoRef.current) return;
-                virtuosoRef.current.scrollToIndex({
-                    index: "LAST",
-                    behavior: "auto"
-                });
+            scrollToBottom: scrollToBottom,
+            setSendingId: function(id) {
+                setSendingId(id);
             }
         };
     });
@@ -164,12 +167,21 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         recordRef.current.total = total;
         recordRef.current.dataSource = dataSource;
         recordRef.current.maxPage = Math.ceil(total / pageSize);
+        recordRef.current.sendingId = sendingId;
     }, [
         page,
         pageSize,
         total,
-        dataSource
+        dataSource,
+        sendingId
     ]);
+    var scrollToBottom = function() {
+        if (!virtuosoRef.current) return;
+        virtuosoRef.current.scrollToIndex({
+            index: "LAST",
+            behavior: "auto"
+        });
+    };
     var getData = function(page, pageSize) {
         setLoading(true);
         clearTimeout(timerRef.current.loadMore);
@@ -201,18 +213,7 @@ 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);
         contentNode = /*#__PURE__*/ _jsx("div", {
             dangerouslySetInnerHTML: {
@@ -222,6 +223,32 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         if (coverRenderText) {
             contentNode = coverRenderText(item, html);
         }
+        // item.type = "file";
+        // item.suffix = "docx";
+        // item.fileTitle = "这是一个文件名称.docx";
+        // item.fileSize = "5Mb";
+        if (item.type === "file") {
+            contentNode = /*#__PURE__*/ _jsxs("div", {
+                className: "".concat(getCls("msgItem-file")),
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "".concat(getCls("msgItem-file-left")),
+                        children: fileIconRender(item.suffix, iconFileRender)
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "".concat(getCls("msgItem-file-right")),
+                        children: [
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileTitle
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                children: item.fileSize
+                            })
+                        ]
+                    })
+                ]
+            });
+        }
         // 是否显示时间
         var itemNode = /*#__PURE__*/ _jsx("div", {
             className: "".concat(getCls("msgItem"), " ").concat(item.location === "left" ? getCls("msgItem-left") : getCls("msgItem-right")),
@@ -321,6 +348,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         topDom.style.cssText = "";
     };
     var renderAction = function(location, item) {
+        if (item.id === "inputing" || item.id === "helloMsg" || item.id === recordRef.current.sendingId) return null;
         var copyNode = /*#__PURE__*/ _jsx(CopyIcon, {
             prefix: prefix,
             content: item.content
@@ -334,6 +362,7 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             prefix: prefix,
             isActive: item.vote === "up",
             clickFn: function() {
+                onVoteChange(item.vote === "up" ? "" : "up", item);
                 setDataSource(function(data) {
                     return data.map(function(ite) {
                         if (item.id === ite.id) {
@@ -342,13 +371,13 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "up" ? "" : "up", item);
             }
         });
         var DownVoteNode = /*#__PURE__*/ _jsx(DownVoteBtn, {
             prefix: prefix,
             isActive: item.vote === "down",
             clickFn: function() {
+                onVoteChange(item.vote === "down" ? "" : "down", item);
                 setDataSource(function(data) {
                     return data.map(function(ite) {
                         if (item.id === ite.id) {
@@ -357,7 +386,6 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return ite;
                     });
                 });
-                onVoteChange(item.vote === "down" ? "" : "down", item);
             }
         });
         var RefreshNode = /*#__PURE__*/ _jsx(RefreshBtn, {
@@ -370,6 +398,12 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
             UpVoteNode = null;
             DownVoteNode = null;
         }
+        if (item.type === "file") {
+            copyNode = null;
+            UpVoteNode = null;
+            DownVoteNode = null;
+            RefreshNode = null;
+        }
         var leftNodes = null;
         var rightNodes = /*#__PURE__*/ _jsxs(_Fragment, {
             children: [

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

@@ -71,11 +71,11 @@
             text-align: right;
             height: 37px;
             line-height: 37px;
-            padding: 0 ;
-            padding-right: 16px ;
+            padding: 0;
+            padding-right: 16px;
             position: relative;
             cursor: pointer;
-            font-weight: 400 ;
+            font-weight: 400;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -266,6 +266,41 @@
               border-radius: 0 0 4px 4px;
             }
           }
+          .msgItem-file {
+            display: flex;
+            align-items: center;
+            padding: 8px 12px;
+            background: #fafafa;
+            border-radius: 8px;
+            border: 1px solid #ebebeb;
+            gap: 12px;
+            .msgItem-file-left{
+              font-size: 24px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              padding: 0;
+              margin: 0;
+              &>i{
+                display: flex;
+                font-size: 24px;
+              }
+            }
+            .msgItem-file-right{
+              font-size: 14px;
+              font-weight: 400;
+              color: rgba(0, 0, 0, 0.65);
+              &>p{
+                &:nth-child(1){
+                  margin-bottom: 4px;
+                }
+                &:nth-child(2){
+                  font-size: 12px;
+                  color: rgba(0, 0, 0, 0.25);
+                }
+              }
+            }
+          }
         }
         .msgItem-action {
           border-top: 1px solid rgba(0, 0, 0, 0.06);

package/esm/AIMessageList/type.d.ts

@@ -62,6 +62,7 @@ export interface contentConfigProps {
   onRecordMessage?: (item: dataItemType) => void; // 发送和接收的消息记录
   onVoteChange?: (type:string,item: dataItemType) => void; // 点赞 或踩
   onRefresh?: (item:dataItemType) => void;// 刷新
+  iconFileRender?: (suffix: string) => React.ReactNode; // 文件上传的 icon。参数 文件对象file 返回值为图标
 }
 
 // content props
@@ -271,6 +272,7 @@ export interface VirtuosoListRefProps {
   upateDataSource:(id:string,obj:dataItemType)=>void;
   changeDataSource:(list:dataItemType[])=>void;
   scrollToBottom: () => void;
+  setSendingId:(id:string)=>void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}
@@ -290,4 +292,9 @@ export interface dataItemType {
   reference: referenceType | null; // 引用数据
   source: any; //原消息对象
   vote?:string;// "up":点赞。"down":踩
+  type?:"file"|"text",
+  suffix?:string;
+  fileSize?:string;
+  fileTitle?:string;
+  fileList?:fileCustomProps[];
 }

package/package.json

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