ai-read-over-pro 0.0.16 → 0.0.18

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

@@ -45,6 +45,7 @@
 import ChatTools from "./chat-tools.vue";
 import katex from 'katex';
 import 'katex/dist/katex.min.css';
+import 'katex/contrib/mhchem/mhchem.js';
 export default {
     name: 'ReadOver',
     components: {
@@ -73,53 +74,63 @@ export default {
             this.$emit('on-noty-apply', this.analyzeData, this.exercisesData);
         },
         renderFormulas(text) {
-          if (!text) return '';
-
-          // 如果不是字符串，转字符串
-          if (typeof text === 'number') {
-              return text;
-          }
-          const {renderToString} = katex;
-          return text
-              .replace(/\$\$(.*?)\$\$/gs, (match) => {
-                try {
-                  // 渲染块级公式
-                  return renderToString(match.slice(2, -2), {displayMode: false});
-                } catch (error) {
-                  console.error('Error rendering block formula:', error);
-                  return match;
-                }
-              })
-              .replace(/\$.*?\$/g, (match) => {
-                match = match.replace(/<br>/g, '');
-                try {
-                  // 渲染行内公式
-                  return renderToString(match.slice(1, -1), {displayMode: false});
-                } catch (error) {
-                  console.error('Error rendering inline formula:', error);
-                  return match;
-                }
-              })
-              .replace(/\\\(.*?\\\)/g, (match) => {
-                try {
-                  // 渲染行内公式
-                  return renderToString(match.slice(2, -2), {displayMode: false});
-                } catch (error) {
-                  console.error('Error rendering inline formula:', error);
-                  return match;
-                }
-              })
-              .replace(/\\\[[\s\S]*?\\\]/g, (match) => {
-                match = match.replace(/<br>/g, '');
-                try {
-                  // 渲染块级公式
-                  return renderToString(match.slice(2, -2), {displayMode: false});
-                } catch (error) {
-                  console.error('Error rendering block formula:', error);
-                  return match;
-                }
-              });
-        },
+        if (!text) return '';
+        text = text.replace(/&gt;/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;
+        return text
+            // $$ ... $$ 块级公式
+            .replace(/\$\$([\s\S]*?)\$\$/gs, function (_, formula) {
+              try {
+                const trimmedFormula = formula.trim()
+                return renderToString(trimmedFormula, { displayMode: true });
+              } catch (error) {
+                console.error('Error rendering block formula:', error);
+                return _;
+              }
+            })
+            // \(...\) 行内公式
+            .replace(/\\\((.*?)\\\)/gs, function (_, formula) {
+              try {
+                const trimmedFormula = formula.trim()
+                return renderToString(trimmedFormula, { displayMode: false });
+              } catch (error) {
+                console.error('Error rendering inline formula:', error);
+                return _;
+              }
+            })
+            // \[...\] 块级公式
+            .replace(/\\\[(.*?)\\\]/gs, function (_, formula) {
+              try {
+                const trimmedFormula = formula.trim()
+                return renderToString(trimmedFormula, { displayMode: true });
+              } catch (error) {
+                console.error('Error rendering block formula:', error);
+                return _;
+              }
+            })
+            // $...$ 行内公式
+            .replace(/\$(.+?)\$/gs, function (_, formula) {
+              try {
+                const trimmedFormula = formula.trim()
+                return renderToString(trimmedFormula, { displayMode: false });
+              } catch (error) {
+                console.error('Error rendering inline formula with $...$:', error);
+                return _;
+              }
+            });
+      },
     },
 }
 </script>