优化Markdown编辑器样式，为图表和卡片添加上下边距

ant-design · Jan 11, 2025 · dc23ce8 · dc23ce8 · vercel · Jan 11, 2025
1 parent dfabbe6
commit dc23ce8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/MarkdownEditor/editor/style.ts b/src/MarkdownEditor/editor/style.ts
@@ -202,6 +202,14 @@ const genStyle: GenerateStyle<ChatTokenType> = (token) => {
       '[data-be]:not(p)': {
         position: 'relative',
       },
+      '[data-be="chart"]': {
+        marginTop: '0.5em',
+        marginBottom: '0.5em',
+      },
+      '[data-be="card"]': {
+        marginTop: '0.5em',
+        marginBottom: '0.5em',
+      },
       '& &-inline-code': {
         display: 'inline',
         backgroundColor: '#0000000f',

diff --git a/src/MarkdownEditor/editor/tools/Leading.tsx b/src/MarkdownEditor/editor/tools/Leading.tsx
@@ -124,12 +124,13 @@ export const TocHeading = observer(({ note }: { note: IEditor }) => {
   }, [note]);
 
   useEffect(() => {
+    console.log('clear', note);
     cache.clear();
     getHeading();
     setState({ active: '' });
-  }, [store?.container, note]);
+  }, [store?.container, note.schema]);
 
-  useDebounce(getHeading, 100, [note]);
+  useDebounce(getHeading, 100, [note.schema]);
 
   useEffect(() => {
     const div = box.current;