bhd-components 0.10.1 → 0.10.3

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

@@ -35,6 +35,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const [textValue, setTextValue] = useState("");
     const [sending, setSending] = useState(false);
     const [fileCanSending, setFileCanSending] = useState(true); // 是否允许发送 关联文件
+    const updateMsgRef = useRef(null);
     // const [referencesSource, setReferencesSource] = useState<referenceType>({
     //   type: "file",
     //   value: {
@@ -70,6 +71,11 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             }
         }, fileListRef.current);
     });
+    useEffect(()=>{
+        return ()=>{
+            clearTimeout(updateMsgRef.current);
+        };
+    }, []);
     useEffect(()=>{
         recordRef.current.value = textValue;
         recordRef.current.referencesSource = referencesSource;
@@ -196,6 +202,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         setSending(true);
         setTextValue("");
         setReferencesSource(null);
+        let recordMsgObj = {};
         let arg = [
             recordRef.current.value,
             recordRef.current.referencesSource,
@@ -219,22 +226,31 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
                 let data = onMessage(ev);
                 msgContent += data.content;
                 delete data.content;
-                apiRef.contentApi.updateMsg(msgId, _object_spread({
+                recordMsgObj = _object_spread({
                     createTime: createTime,
                     content: msgContent,
                     location: "left",
                     reference: null,
                     source: null
-                }, data));
-                msgId = data.id;
+                }, data);
+                updateMsgRef.current = setTimeout(()=>{
+                    apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                    msgId = data.id;
+                }, 100);
             },
             onclose: ()=>{
                 onClose();
                 setSending(false);
-                console.log("onclose: ", event);
+                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);
             }
         }, coverProps));

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

@@ -43,14 +43,14 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { getList, coverRenderText, msgAction = [
         "copy",
         "references"
-    ], coverRenderReferences } = contentConfig;
+    ], coverRenderReferences, onRecordMessage = ()=>{} } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
     const [dataSource, setDataSource] = useState([]);
     const [firstItemIndex, setFirstItemIndex] = useState(0);
     const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(30);
+    const [pageSize, setPageSize] = useState(contentConfig.pageSize || 30);
     const [total, setTotal] = useState(0);
     const timerRef = useRef({
         loadMore: null,
@@ -68,6 +68,10 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     useImperativeHandle(ref, ()=>{
         return {
             addMsg: (msg)=>{
+                if (msg.id !== "inputing") {
+                    // 不记录"正在输入..."的消息
+                    onRecordMessage(msg);
+                }
                 setDataSource((data)=>{
                     return [
                         ...data,
@@ -89,6 +93,9 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 setDataSource((data)=>{
                     return data.filter((item)=>item.id !== "inputing");
                 });
+            },
+            recordMsg: (msg)=>{
+                onRecordMessage(msg);
             }
         };
     });

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

@@ -70,12 +70,12 @@
             background: rgba(0, 0, 0, 0.02);
             text-align: right;
             height: 37px;
-            line-height: 37px !important;
-            padding: 0 !important;
-            padding-right: 16px !important;
+            line-height: 37px;
+            padding: 0 ;
+            padding-right: 16px ;
             position: relative;
             cursor: pointer;
-            font-weight: 400 !important;
+            font-weight: 400 ;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -167,20 +167,20 @@
                 list-style: inside;
                 color: rgba(0, 0, 0, 0.85);
                 &::marker {
-                  color: #d9d9d9 !important;
+                  color: #d9d9d9;
                 }
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               li > ol li {
                 // padding-bottom: 8px;
                 &::marker {
-                  color: rgba(0, 0, 0, 0.45) !important;
+                  color: rgba(0, 0, 0, 0.45);
                 }
 
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               > li:last-of-type {
@@ -202,10 +202,10 @@
               padding-top: 8px;
               padding-bottom: 8px;
               &:first-child {
-                padding-top: 0 !important;
+                padding-top: 0;
               }
               &:last-child {
-                padding-bottom: 0 !important;
+                padding-bottom: 0;
               }
             }
             > h3,
@@ -233,7 +233,7 @@
             }
             table {
               width: 100%;
-              padding: 0 !important;
+              padding: 0;
               margin: 8px 0;
               border-collapse: separate;
               border-top: 1px solid #dfe6ec;
@@ -289,7 +289,7 @@
         .msgItem-action-popover {
           position: absolute;
           width: max-content;
-          border-radius: 4px !important;
+          border-radius: 4px;
           background: #fff;
           line-height: 1;
           z-index: 9;

package/es2017/AIMessageList/type.d.ts

@@ -47,8 +47,10 @@ export interface contentConfigProps {
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
   helloMsg?: string; //欢迎语
+  pageSize?: number;//每页数量 默认为30
   coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
   coverRenderReferences?: (item:dataItemType,referenceNode:React.ReactNode) => React.ReactNode;//覆盖引用内容
+  onRecordMessage?: (item: dataItemType,) => void;// 发送和接收的消息记录
 }
 
 // content props
@@ -221,6 +223,7 @@ export interface VirtuosoListRefProps {
   addMsg: (msg: dataItemType) => void;
   updateMsg: (id: string, obj: any) => void;
   clearInputing: () => void;//清楚正在输入的inputing
+  recordMsg:(item: dataItemType) => void;
 }
 
 export interface contentRefProps extends VirtuosoListRefProps {}

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

@@ -37,6 +37,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     var _useState = _sliced_to_array(useState(""), 2), textValue = _useState[0], setTextValue = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), sending = _useState1[0], setSending = _useState1[1];
     var _useState2 = _sliced_to_array(useState(true), 2), fileCanSending = _useState2[0], setFileCanSending = _useState2[1]; // 是否允许发送 关联文件
+    var updateMsgRef = useRef(null);
     // const [referencesSource, setReferencesSource] = useState<referenceType>({
     //   type: "file",
     //   value: {
@@ -72,6 +73,11 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             }
         }, fileListRef.current);
     });
+    useEffect(function() {
+        return function() {
+            clearTimeout(updateMsgRef.current);
+        };
+    }, []);
     useEffect(function() {
         recordRef.current.value = textValue;
         recordRef.current.referencesSource = referencesSource;
@@ -202,6 +208,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         setSending(true);
         setTextValue("");
         setReferencesSource(null);
+        var recordMsgObj = {};
         var arg = [
             recordRef.current.value,
             recordRef.current.referencesSource,
@@ -225,22 +232,31 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
                 var data = onMessage(ev);
                 msgContent += data.content;
                 delete data.content;
-                apiRef.contentApi.updateMsg(msgId, _object_spread({
+                recordMsgObj = _object_spread({
                     createTime: createTime,
                     content: msgContent,
                     location: "left",
                     reference: null,
                     source: null
-                }, data));
-                msgId = data.id;
+                }, data);
+                updateMsgRef.current = setTimeout(function() {
+                    apiRef.contentApi.updateMsg(msgId, recordMsgObj);
+                    msgId = data.id;
+                }, 100);
             },
             onclose: function() {
                 onClose();
                 setSending(false);
-                console.log("onclose: ", event);
+                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);
             }
         }, coverProps));

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

@@ -47,14 +47,14 @@ 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_msgAction, coverRenderReferences = contentConfig.coverRenderReferences, _contentConfig_onRecordMessage = contentConfig.onRecordMessage, onRecordMessage = _contentConfig_onRecordMessage === void 0 ? function() {} : _contentConfig_onRecordMessage;
     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(30), 2), pageSize = _useState4[0], setPageSize = _useState4[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 timerRef = useRef({
         loadMore: null,
@@ -72,6 +72,10 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
     useImperativeHandle(ref, function() {
         return {
             addMsg: function(msg) {
+                if (msg.id !== "inputing") {
+                    // 不记录"正在输入..."的消息
+                    onRecordMessage(msg);
+                }
                 setDataSource(function(data) {
                     return _to_consumable_array(data).concat([
                         msg
@@ -94,6 +98,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                         return item.id !== "inputing";
                     });
                 });
+            },
+            recordMsg: function(msg) {
+                onRecordMessage(msg);
             }
         };
     });

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

@@ -70,12 +70,12 @@
             background: rgba(0, 0, 0, 0.02);
             text-align: right;
             height: 37px;
-            line-height: 37px !important;
-            padding: 0 !important;
-            padding-right: 16px !important;
+            line-height: 37px;
+            padding: 0 ;
+            padding-right: 16px ;
             position: relative;
             cursor: pointer;
-            font-weight: 400 !important;
+            font-weight: 400 ;
             top: 6px;
             &.copyCodeFun {
               display: flex;
@@ -167,20 +167,20 @@
                 list-style: inside;
                 color: rgba(0, 0, 0, 0.85);
                 &::marker {
-                  color: #d9d9d9 !important;
+                  color: #d9d9d9;
                 }
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               li > ol li {
                 // padding-bottom: 8px;
                 &::marker {
-                  color: rgba(0, 0, 0, 0.45) !important;
+                  color: rgba(0, 0, 0, 0.45);
                 }
 
                 &:first-child {
-                  padding-top: 8px !important;
+                  padding-top: 8px;
                 }
               }
               > li:last-of-type {
@@ -202,10 +202,10 @@
               padding-top: 8px;
               padding-bottom: 8px;
               &:first-child {
-                padding-top: 0 !important;
+                padding-top: 0;
               }
               &:last-child {
-                padding-bottom: 0 !important;
+                padding-bottom: 0;
               }
             }
             > h3,
@@ -233,7 +233,7 @@
             }
             table {
               width: 100%;
-              padding: 0 !important;
+              padding: 0;
               margin: 8px 0;
               border-collapse: separate;
               border-top: 1px solid #dfe6ec;
@@ -289,7 +289,7 @@
         .msgItem-action-popover {
           position: absolute;
           width: max-content;
-          border-radius: 4px !important;
+          border-radius: 4px;
           background: #fff;
           line-height: 1;
           z-index: 9;

package/esm/AIMessageList/type.d.ts

@@ -47,8 +47,10 @@ export interface contentConfigProps {
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
   helloMsg?: string; //欢迎语
+  pageSize?: number;//每页数量 默认为30
   coverRenderText?: (item, html) => React.ReactNode; // 覆盖文本内容
   coverRenderReferences?: (item:dataItemType,referenceNode:React.ReactNode) => React.ReactNode;//覆盖引用内容
+  onRecordMessage?: (item: dataItemType,) => void;// 发送和接收的消息记录
 }
 
 // content props
@@ -221,6 +223,7 @@ export interface VirtuosoListRefProps {
   addMsg: (msg: dataItemType) => void;
   updateMsg: (id: string, obj: any) => 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.1",
+  "version": "0.10.3",
   "description": "组件功能描述",
   "config": {
     "commitizen": {
@@ -79,7 +79,7 @@
     "raw-loader": "^4.0.2",
     "react-cropper": "^2.3.3",
     "react-image-crop": "^11.0.5",
-    "react-virtuoso": "^4.14.1",
+    "react-virtuoso": "^3.1.5",
     "remarkable": "^2.0.1"
   },
   "devDependencies": {