fix: #1622 表格左右滚动影响到图表的问题 (#1629)

Author: sunsonliu

.changeset/red-donuts-hear.md

@@ -0,0 +1,5 @@
+---
+'cherry-markdown': patch
+---
+
+fix: #1622 表格左右滚动影响到图表的问题

packages/cherry-markdown/src/Previewer.js

@@ -675,7 +675,7 @@ export default class Previewer {
             // 处理表格包含图表的特殊场景
             let hasUpdate = false;
             if (
-              newContent[change.newIndex].dom.className === 'cherry-table-container' &&
+              newContent[change.newIndex].dom.className === 'cherry-table-wrapper' &&
               newContent[change.newIndex].dom.querySelector('.cherry-table-figure') &&
               oldContent[change.oldIndex].dom.querySelector('.cherry-table-figure')
             ) {

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

@@ -313,8 +313,8 @@ export default class Table extends ParagraphBase {
       })
       .replace(/\\\|/g, '|'); // escape \|
     return {
-      html: `<div class="cherry-table-container" data-sign="${sign}${dataLines}" data-lines="${dataLines}">
-        <table class="cherry-table">${renderHtml}</table></div>`,
+      html: `<div class="cherry-table-wrapper" data-sign="${sign}${dataLines}" data-lines="${dataLines}">
+        <div class="cherry-table-container"><table class="cherry-table">${renderHtml}</table></div></div>`,
       sign,
     };
   }