bhd-components 0.11.14 → 0.11.16

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

@@ -41,6 +41,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     const ctrl = useRef(); //停止生成ai回答时使用
     const [textValue, setTextValue] = useState("");
     const [sending, setSending] = useState(false);
+    const [isFocus, setIsFocus] = useState(false);
     const [isDisabled, setIsDisabled] = useState(false);
     const [fileCanSending, setFileCanSending] = useState(true); // 是否允许发送 关联文件
     const updateMsgRef = useRef(null);
@@ -100,7 +101,8 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
             },
             setDisabled: (flag)=>{
                 setIsDisabled(flag);
-            }
+            },
+            setIsFocus
         }, fileListRef.current || {});
     });
     useEffect(()=>{
@@ -462,12 +464,12 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
         }
     };
     return /*#__PURE__*/ _jsxs("div", {
-        className: `${getCls("footer")} ${className}`,
+        className: `${getCls("footer")} ${className} `,
         ref: footerDomRef,
         children: [
             renderTopContent && renderTopContent(),
             /*#__PURE__*/ _jsxs("div", {
-                className: `${getCls("footerBody")} ${judegTextLengthWarn() ? getCls("footerBodyWarn") : ""}`,
+                className: `${getCls("footerBody")} ${judegTextLengthWarn() ? getCls("footerBodyWarn") : ""} ${isFocus ? getCls("footerBodyFocus") : ""}`,
                 children: [
                     fileUpload && /*#__PURE__*/ _jsx("div", {
                         className: getCls("footerFile"),
@@ -497,7 +499,13 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
                                     minRows: 2,
                                     maxRows: 6
                                 },
-                                onPressEnter: onPressEnter
+                                onPressEnter: onPressEnter,
+                                onFocus: ()=>{
+                                    setIsFocus(true);
+                                },
+                                onBlur: ()=>{
+                                    setIsFocus(false);
+                                }
                             }, textAreaProps)),
                             /*#__PURE__*/ _jsx(References, {
                                 prefix: prefix,

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

@@ -11,6 +11,9 @@
     &.footerBodyWarn {
       border-color: #f4523b;
     }
+    &.footerBodyFocus{
+      
+    }
 
     .footerFile {
       width: 100%;

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

@@ -55,7 +55,7 @@ export interface contentConfigProps {
     dataSource: dataItemType[];
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
-  showTime:boolean;// 是否显示时间 默认为true
+  showTime?:boolean;// 是否显示时间 默认为true
   helloMsg?: string; //欢迎语
   pageSize?: number; //每页数量 默认为30
   coverRenderText?: (
@@ -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 {
@@ -207,6 +218,7 @@ export interface footerRefProps {
   stopMessage: () => void; //停止发送消息
   setReferences: (reference: referenceType) => void; // 添加引用
   setDisabled: (flag: boolean) => void;// 设置是否禁用发送按钮
+  setIsFocus: (flag: boolean) => void;//设置是否聚焦
 }
 
 // sendBtn Props

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

@@ -45,8 +45,9 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     var ctrl = useRef(); //停止生成ai回答时使用
     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(false), 2), isDisabled = _useState2[0], setIsDisabled = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(true), 2), fileCanSending = _useState3[0], setFileCanSending = _useState3[1]; // 是否允许发送 关联文件
+    var _useState2 = _sliced_to_array(useState(false), 2), isFocus = _useState2[0], setIsFocus = _useState2[1];
+    var _useState3 = _sliced_to_array(useState(false), 2), isDisabled = _useState3[0], setIsDisabled = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(true), 2), fileCanSending = _useState4[0], setFileCanSending = _useState4[1]; // 是否允许发送 关联文件
     var updateMsgRef = useRef(null);
     var canSendMsgRef = useRef(false);
     var recordFileList = useRef({
@@ -65,7 +66,7 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
     //     source: undefined,
     //   },
     // });
-    var _useState4 = _sliced_to_array(useState(null), 2), referencesSource = _useState4[0], setReferencesSource = _useState4[1];
+    var _useState5 = _sliced_to_array(useState(null), 2), referencesSource = _useState5[0], setReferencesSource = _useState5[1];
     var recordRef = useRef({
         value: textValue,
         referencesSource: referencesSource,
@@ -104,7 +105,8 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
             },
             setDisabled: function(flag) {
                 setIsDisabled(flag);
-            }
+            },
+            setIsFocus: setIsFocus
         }, fileListRef.current || {});
     });
     useEffect(function() {
@@ -477,12 +479,12 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
         }
     };
     return /*#__PURE__*/ _jsxs("div", {
-        className: "".concat(getCls("footer"), " ").concat(className),
+        className: "".concat(getCls("footer"), " ").concat(className, " "),
         ref: footerDomRef,
         children: [
             renderTopContent && renderTopContent(),
             /*#__PURE__*/ _jsxs("div", {
-                className: "".concat(getCls("footerBody"), " ").concat(judegTextLengthWarn() ? getCls("footerBodyWarn") : ""),
+                className: "".concat(getCls("footerBody"), " ").concat(judegTextLengthWarn() ? getCls("footerBodyWarn") : "", " ").concat(isFocus ? getCls("footerBodyFocus") : ""),
                 children: [
                     fileUpload && /*#__PURE__*/ _jsx("div", {
                         className: getCls("footerFile"),
@@ -513,7 +515,13 @@ var Footer = /*#__PURE__*/ forwardRef(function(props, ref) {
                                     minRows: 2,
                                     maxRows: 6
                                 },
-                                onPressEnter: onPressEnter
+                                onPressEnter: onPressEnter,
+                                onFocus: function() {
+                                    setIsFocus(true);
+                                },
+                                onBlur: function() {
+                                    setIsFocus(false);
+                                }
                             }, textAreaProps)),
                             /*#__PURE__*/ _jsx(References, {
                                 prefix: prefix,

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

@@ -11,6 +11,9 @@
     &.footerBodyWarn {
       border-color: #f4523b;
     }
+    &.footerBodyFocus{
+      
+    }
 
     .footerFile {
       width: 100%;

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

@@ -55,7 +55,7 @@ export interface contentConfigProps {
     dataSource: dataItemType[];
   }>; // 列表数据
   loadMore?: boolean; // 是否开启加载更多  // 默认为true
-  showTime:boolean;// 是否显示时间 默认为true
+  showTime?:boolean;// 是否显示时间 默认为true
   helloMsg?: string; //欢迎语
   pageSize?: number; //每页数量 默认为30
   coverRenderText?: (
@@ -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 {
@@ -207,6 +218,7 @@ export interface footerRefProps {
   stopMessage: () => void; //停止发送消息
   setReferences: (reference: referenceType) => void; // 添加引用
   setDisabled: (flag: boolean) => void;// 设置是否禁用发送按钮
+  setIsFocus: (flag: boolean) => void;//设置是否聚焦
 }
 
 // sendBtn Props

package/package.json

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