feat: #1632 表格中也支持段落公式，段落公式按行内公式渲染 (#1634)

* feat: #1632 表格中也支持段落公式，段落公式按行内公式渲染

* fix: 修改测试用例

Author: sunsonliu

.changeset/fancy-glasses-send.md

@@ -0,0 +1,5 @@
+---
+'cherry-markdown': patch
+---
+
+feat: #1632 表格中也支持段落公式，段落公式按行内公式渲染

packages/cherry-markdown/src/core/hooks/InlineMath.js

@@ -17,7 +17,7 @@ import ParagraphBase from '@/core/ParagraphBase';
 import { escapeFormulaPunctuations, LoadMathModule } from '@/utils/mathjax';
 import { getHTML } from '@/utils/dom';
 import { isBrowser } from '@/utils/env';
-import { getTableRule, isLookbehindSupported } from '@/utils/regexp';
+import { getTableRule, isLookbehindSupported, mathBlockReg } from '@/utils/regexp';
 import { replaceLookbehind } from '@/utils/lookbehind-replace';
 
 /**
@@ -108,7 +108,8 @@ export default class InlineMath extends ParagraphBase {
       return whole
         .split('|')
         .map((oneTd) => {
-          return this.makeInlineMath(oneTd);
+          // 单元格里的段落公式直接替换成行内公式
+          return this.makeInlineMath(this.transformBlockMathToInlineMath(oneTd));
         })
         .join('|')
         .replace(/\\~D/g, '~D') // 出现反斜杠的情况（如/$e=m^2$）会导致多一个反斜杠，这里替换掉
@@ -125,6 +126,19 @@ export default class InlineMath extends ParagraphBase {
     return $str;
   }
 
+  transformBlockMathToInlineMath(str) {
+    if (isLookbehindSupported()) {
+      return str.replace(mathBlockReg, '$1$2~D$3~D$4');
+    }
+    return replaceLookbehind(
+      str,
+      mathBlockReg,
+      (whole, match1, match2, match3, match4) => `${match1}${match2}~D${match3}~D${match4}`,
+      true,
+      1,
+    );
+  }
+
   makeInlineMath(str) {
     if (!this.test(str)) {
       return str;
@@ -143,7 +157,7 @@ export default class InlineMath extends ParagraphBase {
     const ret = {
       begin: isLookbehindSupported() ? '((?<!\\\\))~D\\n?' : '(^|[^\\\\])~D\\n?',
       content: '(.*?)\\n?',
-      end: isLookbehindSupported() ? '((?<!\\\\))~D' : '[^\\\\]~D',
+      end: '(\\s*)~D(?:\\s{0,1})',
     };
     ret.reg = new RegExp(ret.begin + ret.content + ret.end, 'g');
     return ret;

packages/cherry-markdown/src/utils/regexp.js

@@ -22,6 +22,10 @@ export function compileRegExp(obj, flags, allowExtendedFlags) {
   return new RegExp(source, flags || 'g');
 }
 
+export const mathBlockReg = isLookbehindSupported()
+  ? /(\s*)((?<!\\))~D~D\s*([\w\W]*?)(\s*)~D~D(?:\s{0,1})/g
+  : /(\s*)(^|[^\\])~D~D\s*([\w\W]*?)(\s*)~D~D(?:\s{0,1})/g;
+
 export function isLookbehindSupported() {
   try {
     new RegExp('(?<=.)');

packages/cherry-markdown/test/core/__snapshots__/CommonMark.spec.ts.snap

@@ -1066,8 +1066,8 @@ exports[`engine > CommonMark-142 1`] = `
 `;
 
 exports[`engine > CommonMark-143 1`] = `
-"<p data-sign="af3a790fee49396f060a5758c9ecd8532c877061921cce2bf056005529a15a9b5" data-type="p" data-lines="5"><del>~~    ruby startline=3 <span class="Cherry-InlineMath" data-type="mathBlock"
-        data-lines="2">$%@#$</span><br>def foo(x)<br>  return 3<br>end<br></del>~~~~~</p>
+"<p data-sign="29c780a2e3c40841ea3af406d46e744595c68d330ad1df1a7aba53444e500cfa4" data-type="p" data-lines="4"><del>~~    ruby startline=3 <span class="Cherry-InlineMath" data-type="mathBlock"
+        data-lines="2">$%@#$</span>def foo(x)<br>  return 3<br>end<br></del>~~~~~</p>
 "
 `;