@mujian/js-sdk 0.0.6-beta.14 → 0.0.6-beta.16

package/dist/react.css

@@ -42,7 +42,7 @@
   --SmartThemeBodyColor: #abc6df;
   --SmartThemeEmColor: #fff;
   --SmartThemeUnderlineColor: #bce7cf;
-  --SmartThemeQuoteColor: #6f85fd;
+  --SmartThemeQuoteColor: #b983ff;
   --SmartThemeBlurTintColor: #171717;
   --SmartThemeChatTintColor: #171717;
   --SmartThemeUserMesBlurTintColor: #0000004d;

package/dist/react.js

@@ -357,7 +357,7 @@ function useHeightObserver() {
 const MdRendererBase = ({ content })=>{
     const containerRef = useRef(null);
     useRef([]);
-    const iframeIdList = useRef([]);
+    const [iframeIdList, setIframeIdList] = useState([]);
     const { observe, unobserve } = useHeightObserver();
     useEffect(()=>{
         let mes = messageFormatting(content);
@@ -365,7 +365,10 @@ const MdRendererBase = ({ content })=>{
             const code = match.replace("<code>", "").replace("</code>", "");
             const srcdoc = createSrcContent(unescapeHTML(code));
             const id = v4();
-            iframeIdList.current.push(id);
+            setIframeIdList([
+                ...iframeIdList,
+                id
+            ]);
             const escapedSrcdoc = escapeHtmlAttribute(srcdoc);
             return `
       <div class="MJ-iframe-container" id="MJ-iframe-container-${id}" style="display:flex;width:100%;height:100%;position:relative;">
@@ -381,8 +384,8 @@ const MdRendererBase = ({ content })=>{
         content
     ]);
     useEffect(()=>{
-        console.log("iframeIdList", iframeIdList.current);
-        iframeIdList.current.forEach((id)=>{
+        console.log("iframeIdList", iframeIdList);
+        iframeIdList.forEach((id)=>{
             const iframe = document.getElementById("MJ-iframe-" + id);
             if (!iframe) return;
             iframe.addEventListener("load", ()=>{
@@ -392,7 +395,7 @@ const MdRendererBase = ({ content })=>{
             });
         });
         return ()=>{
-            iframeIdList.current.forEach((id)=>{
+            iframeIdList.forEach((id)=>{
                 const iframe = document.getElementById("MJ-iframe-" + id);
                 if (!iframe) return;
                 unobserve(iframe);
@@ -404,7 +407,9 @@ const MdRendererBase = ({ content })=>{
             });
         };
     }, [
-        iframeIdList.current
+        iframeIdList,
+        observe,
+        unobserve
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "mes_text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mujian/js-sdk",
-  "version": "0.0.6-beta.14",
+  "version": "0.0.6-beta.16",
   "type": "module",
   "exports": {
     ".": {