bhd-components 0.11.13 → 0.11.15

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

@@ -28,7 +28,7 @@ const defaultFileUploadProps = {
 };
 const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
     let { footerConfig, prefix, errorCallback, apiRef } = props;
-    let { placeholder = defaultProps.placeholder, className = defaultProps.className, maxLength = defaultProps.maxLength, renderAction, fileUpload, sendMsgAjaxParams, onClickStop = ()=>{}, conversionContent = (str)=>str, renderTopContent, inputingText = "正在输入...", canStopMessage = true, speed = 0 } = footerConfig;
+    let { placeholder = defaultProps.placeholder, className = defaultProps.className, maxLength = defaultProps.maxLength, renderAction, fileUpload, sendMsgAjaxParams, onClickStop = ()=>{}, conversionContent = (str)=>str, renderTopContent, inputingText = "正在输入...", canStopMessage = true, speed = 0, textAreaProps = {} } = footerConfig;
     if (speed < 0) {
         speed = 0;
     }
@@ -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"),
@@ -487,7 +489,7 @@ const Footer = /*#__PURE__*/ forwardRef((props, ref)=>{
                     /*#__PURE__*/ _jsxs("div", {
                         className: getCls("footerInput"),
                         children: [
-                            /*#__PURE__*/ _jsx(TextArea, {
+                            /*#__PURE__*/ _jsx(TextArea, _object_spread({
                                 value: textValue,
                                 onChange: (e)=>{
                                     setTextValue(e.target.value);
@@ -497,8 +499,14 @@ 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,
                                 referencesSource: referencesSource,

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

@@ -91,7 +91,8 @@ const remarkable = new Remarkable({
             return hljs.highlightAuto(str).value;
         } catch (err) {}
         return ""; // use external default escaping
-    }
+    },
+    breaks: true
 });
 const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { prefix, contentConfig, apiRef } = props;
@@ -99,7 +100,7 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
         "copy",
         "reference"
     ], coverRenderReferences, onRecordMessage = ()=>{}, onVoteChange = ()=>{}, onRefresh = ()=>{}, helloMsg, showTime = true, fileCustomRender = {}, // onSendedHelloMsg = () => {},
-    onInit = ()=>{}, renderLoading } = contentConfig;
+    onInit = ()=>{}, renderLoading, renderItemBottom, renderItemTop, htmlStyle = "richText" } = contentConfig;
     const loadMoreProps = contentConfig.loadMore || true;
     const virtuosoRef = useRef(null);
     const [loading, setLoading] = useState(false); // 是否加载中
@@ -376,19 +377,21 @@ const VirtuosoList = /*#__PURE__*/ forwardRef((props, ref)=>{
                 onMouseEnter: ()=>onMouseEnter(item),
                 onMouseLeave: ()=>onMouseLeave(item),
                 children: [
+                    renderItemTop && renderItemTop(item),
                     renderAction("floatTop", item),
                     /*#__PURE__*/ _jsxs("div", {
                         className: `${getCls("msgItem-content")}`,
                         children: [
                             /*#__PURE__*/ _jsx("div", {
-                                className: `${getCls("msgItem-text")}`,
+                                className: `${htmlStyle === "richText" ? getCls("msgItem-text") : getCls("msgItem-text-aibody")}`,
                                 children: contentNode
                             }),
                             renderAction("bottom", item)
                         ]
                     }),
                     item.location === "left" && renderAction("floatBottom", item),
-                    renderReference(item)
+                    renderReference(item),
+                    renderItemBottom && renderItemBottom(item)
                 ]
             })
         });
@@ -625,6 +628,9 @@ 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>');
+        }
         let position = 0;
         html = html.replace(new RegExp(`<pre`, "ig"), ()=>{
             position++;