bhd-components 0.11.15 → 0.11.16

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

@@ -69,13 +69,13 @@ const Header = ({ context })=>{
     });
     if (isInitLoad) {
         if (renderLoading) {
-            let node = renderLoading("init");
+            let node = renderLoading("init", initLoadNode, loadMoreNode);
             if (node) return node;
         }
         return initLoadNode;
     }
     if (renderLoading) {
-        let node = renderLoading("loadMore");
+        let node = renderLoading("loadMore", initLoadNode, loadMoreNode);
         if (node) return node;
     }
     return loadMoreNode;
@@ -100,7 +100,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
         "copy",
         "reference"
     ], coverRenderReferences, onRecordMessage = ()=>{}, onVoteChange = ()=>{}, onRefresh = ()=>{}, helloMsg, showTime = true, fileCustomRender = {}, // onSendedHelloMsg = () => {},
-    onInit = ()=>{}, renderLoading, renderItemBottom, renderItemTop, htmlStyle = "richText" } = contentConfig;
+    onInit = ()=>{}, renderLoading, renderItemBottom, renderItemTop, htmlStyle = "richText", scrollOffset = 0, renderVirtuosoFooter = ()=>null } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
@@ -279,7 +279,8 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 virtuosoRef.current.scrollToIndex({
                     index: "LAST",
                     align: "end",
-                    behavior: "auto"
+                    behavior: "auto",
+                    offset: scrollOffset
                 });
             }, 100);
         }
@@ -629,7 +630,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const markToHtml = (markStr, id)=>{
         let html = remarkable.render(markStr);
         if (htmlStyle === "ai_body") {
-            html = html.replace(/<table/g, '<div class="ai-table-wrap"><table').replace(/<\/table>/g, '</table></div>');
+            html = html.replace(/<table/g, '<div class="ai-table-wrap"><table').replace(/<\/table>/g, "</table></div>");
         }
         let position = 0;
         html = html.replace(new RegExp(`<pre`, "ig"), ()=>{
@@ -804,11 +805,14 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 loading,
                 prefix,
                 isInitLoad,
-                renderLoading
+                renderLoading,
+                isSending,
+                dataSource
             },
             itemContent: itemContent,
             components: {
-                Header: Header
+                Header: Header,
+                Footer: renderVirtuosoFooter
             },
             increaseViewportBy: 200,
             overscan: 10,

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

@@ -538,6 +538,7 @@
             /* 表格 */
             .ai-table-wrap {
               margin-top: 12px;
+              margin-bottom: 12px;
               overflow-x: auto;
               border: 1px solid rgba(120, 161, 138, 0.12);
               border-radius: 10px;
@@ -579,6 +580,7 @@
               border-radius: 10px;
               padding: 14px 16px;
               margin-top: 10px;
+              margin-bottom: 10px;
               overflow-x: auto;
             }
             pre code {

package/es2017/AIMessageList/type.d.ts

@@ -81,9 +81,20 @@ export interface contentConfigProps {
   renderLoading?: (type:"init"|"loadMore",initLoadNode:React.ReactNode,loadMoreNode:React.ReactNode) => React.ReactNode;
   renderItemBottom?: (item: dataItemType) => React.ReactNode;
   renderItemTop?: (item: dataItemType) => React.ReactNode;
+  scrollOffset?: number;
+  renderVirtuosoFooter?: (props:{context:ContextProps} ) => React.ReactNode;
 
 }
 
+export interface ContextProps{
+    loading: boolean;
+    prefix: string;
+    isInitLoad: boolean;
+    renderLoading: (type: "init" | "loadMore",initLoadNode:React.ReactNode,loadMoreNode:React.ReactNode) => React.ReactNode;
+    isSending:boolean;
+    dataSource:dataItemType[]
+  }
+
 // content props
 
 export interface contentProps {

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

@@ -73,13 +73,13 @@ var Header = function(param) {
     });
     if (isInitLoad) {
         if (renderLoading) {
-            var node = renderLoading("init");
+            var node = renderLoading("init", initLoadNode, loadMoreNode);
             if (node) return node;
         }
         return initLoadNode;
     }
     if (renderLoading) {
-        var node1 = renderLoading("loadMore");
+        var node1 = renderLoading("loadMore", initLoadNode, loadMoreNode);
         if (node1) return node1;
     }
     return loadMoreNode;
@@ -104,7 +104,9 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
         "copy",
         "reference"
     ] : _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, helloMsg = contentConfig.helloMsg, _contentConfig_showTime = contentConfig.showTime, showTime = _contentConfig_showTime === void 0 ? true : _contentConfig_showTime, _contentConfig_fileCustomRender = contentConfig.fileCustomRender, fileCustomRender = _contentConfig_fileCustomRender === void 0 ? {} : _contentConfig_fileCustomRender, _contentConfig_onInit = contentConfig.// onSendedHelloMsg = () => {},
-    onInit, onInit = _contentConfig_onInit === void 0 ? function() {} : _contentConfig_onInit, renderLoading = contentConfig.renderLoading, renderItemBottom = contentConfig.renderItemBottom, renderItemTop = contentConfig.renderItemTop, _contentConfig_htmlStyle = contentConfig.htmlStyle, htmlStyle = _contentConfig_htmlStyle === void 0 ? "richText" : _contentConfig_htmlStyle;
+    onInit, onInit = _contentConfig_onInit === void 0 ? function() {} : _contentConfig_onInit, renderLoading = contentConfig.renderLoading, renderItemBottom = contentConfig.renderItemBottom, renderItemTop = contentConfig.renderItemTop, _contentConfig_htmlStyle = contentConfig.htmlStyle, htmlStyle = _contentConfig_htmlStyle === void 0 ? "richText" : _contentConfig_htmlStyle, _contentConfig_scrollOffset = contentConfig.scrollOffset, scrollOffset = _contentConfig_scrollOffset === void 0 ? 0 : _contentConfig_scrollOffset, _contentConfig_renderVirtuosoFooter = contentConfig.renderVirtuosoFooter, renderVirtuosoFooter = _contentConfig_renderVirtuosoFooter === void 0 ? function() {
+        return null;
+    } : _contentConfig_renderVirtuosoFooter;
     var loadMoreProps = contentConfig.loadMore || true;
     var virtuosoRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1]; // 是否加载中
@@ -282,7 +284,8 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                 virtuosoRef.current.scrollToIndex({
                     index: "LAST",
                     align: "end",
-                    behavior: "auto"
+                    behavior: "auto",
+                    offset: scrollOffset
                 });
             }, 100);
         }
@@ -785,11 +788,14 @@ var VirtuosoList = /*#__PURE__*/ forwardRef(function(props, ref) {
                 loading: loading,
                 prefix: prefix,
                 isInitLoad: isInitLoad,
-                renderLoading: renderLoading
+                renderLoading: renderLoading,
+                isSending: isSending,
+                dataSource: dataSource
             },
             itemContent: itemContent,
             components: {
-                Header: Header
+                Header: Header,
+                Footer: renderVirtuosoFooter
             },
             increaseViewportBy: 200,
             overscan: 10,

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

@@ -538,6 +538,7 @@
             /* 表格 */
             .ai-table-wrap {
               margin-top: 12px;
+              margin-bottom: 12px;
               overflow-x: auto;
               border: 1px solid rgba(120, 161, 138, 0.12);
               border-radius: 10px;
@@ -579,6 +580,7 @@
               border-radius: 10px;
               padding: 14px 16px;
               margin-top: 10px;
+              margin-bottom: 10px;
               overflow-x: auto;
             }
             pre code {

package/esm/AIMessageList/type.d.ts

@@ -81,9 +81,20 @@ export interface contentConfigProps {
   renderLoading?: (type:"init"|"loadMore",initLoadNode:React.ReactNode,loadMoreNode:React.ReactNode) => React.ReactNode;
   renderItemBottom?: (item: dataItemType) => React.ReactNode;
   renderItemTop?: (item: dataItemType) => React.ReactNode;
+  scrollOffset?: number;
+  renderVirtuosoFooter?: (props:{context:ContextProps} ) => React.ReactNode;
 
 }
 
+export interface ContextProps{
+    loading: boolean;
+    prefix: string;
+    isInitLoad: boolean;
+    renderLoading: (type: "init" | "loadMore",initLoadNode:React.ReactNode,loadMoreNode:React.ReactNode) => React.ReactNode;
+    isSending:boolean;
+    dataSource:dataItemType[]
+  }
+
 // content props
 
 export interface contentProps {

package/package.json

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