ai-read-over-mobile 0.0.12 → 0.0.14

package/components/demo/src/read-over.vue

@@ -51,6 +51,7 @@ import ChatTools from "./chat-tools.vue";
 import '../static/iconfont/iconfont.css';
 import katex from 'katex';
 import 'katex/dist/katex.min.css';
+import 'katex/contrib/mhchem/mhchem.js';
 
 export default {
   name: 'ReadOver',
@@ -90,49 +91,59 @@ export default {
     },
     renderFormulas(text) {
       if (!text) return '';
-
-      // 如果不是字符串，转字符串
-      if (typeof text === 'number') {
-        return text;
+      text = text.replace(/>/g, '>')
+          .replace(/&lt;/g, '<')
+          .replace(/&amp;/g, '&')
+          .replace(/&quot;/g, '"')
+          .replace(/&#39;/g, "'");
+      // 如果整个文本包含 LaTeX 命令且没有定界符，整体包裹
+      const hasDelimiter = /\$|\\\(|\\\[/.test(text);
+      if (!hasDelimiter) {
+        text = text.replace(
+            /(\\(?:frac|sqrt|sum|int|cdot|times|geq|leq|neq|pm|div|alpha|beta|gamma|theta|pi|sigma|omega|infty|log|sin|cos|tan|left|right|overline|hat|vec|bar|lim|in|notin|supset|subseteq|ln|Gamma|to)(?:\{[^{}]*(?:\{[^{}]*(?:\{[^{}]*\}[^{}]*)*\}[^{}]*)*\}|[^\s{}，。？！、；：\u4e00-\u9fa5])*)/g,
+            (match) => `\\(${match}\\)`
+        );
       }
-      const {renderToString} = katex;
+      const { renderToString } = katex;
       return text
-          .replace(/\$\$(.*?)\$\$/gs, (match) => {
+          // $$ ... $$ 块级公式
+          .replace(/\$\$([\s\S]*?)\$\$/gs, function (_, formula) {
             try {
-              // 渲染块级公式
-              return renderToString(match.slice(2, -2), {displayMode: false});
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: true });
             } catch (error) {
               console.error('Error rendering block formula:', error);
-              return match;
+              return _;
             }
           })
-          .replace(/\$.*?\$/g, (match) => {
-            match = match.replace(/<br>/g, '');
+          // \(...\) 行内公式
+          .replace(/\\\((.*?)\\\)/gs, function (_, formula) {
             try {
-              // 渲染行内公式
-              return renderToString(match.slice(1, -1), {displayMode: false});
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: false });
             } catch (error) {
               console.error('Error rendering inline formula:', error);
-              return match;
+              return _;
             }
           })
-          .replace(/\\\(.*?\\\)/g, (match) => {
+          // \[...\] 块级公式
+          .replace(/\\\[(.*?)\\\]/gs, function (_, formula) {
             try {
-              // 渲染行内公式
-              return renderToString(match.slice(2, -2), {displayMode: false});
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: true });
             } catch (error) {
-              console.error('Error rendering inline formula:', error);
-              return match;
+              console.error('Error rendering block formula:', error);
+              return _;
             }
           })
-          .replace(/\\\[[\s\S]*?\\\]/g, (match) => {
-            match = match.replace(/<br>/g, '');
+          // $...$ 行内公式
+          .replace(/\$(.+?)\$/gs, function (_, formula) {
             try {
-              // 渲染块级公式
-              return renderToString(match.slice(2, -2), {displayMode: false});
+              const trimmedFormula = formula.trim()
+              return renderToString(trimmedFormula, { displayMode: false });
             } catch (error) {
-              console.error('Error rendering block formula:', error);
-              return match;
+              console.error('Error rendering inline formula with $...$:', error);
+              return _;
             }
           });
     },