Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/rerender.tsx > renders src/MarkdownEditor/demos/rerender.tsx correctly 1` mismatched - Expected + Received @@ -6,11 +6,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" ❯ tests/demo/demo.test.tsx:31:11

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/render.tsx > renders src/MarkdownEditor/demos/render.tsx correctly 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-edit" style="width: 100vw; height: 100vh; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 24px 24px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div aria-multiline="true" autocapitalize="false" autocorrect="false" @@ -3633,11 +3633,11 @@ > <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -4760,11 +4760,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -5275,11 +5275,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false" data-be="link-card" draggable="true" - style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;" + style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;" > <div data-be="schema" style="padding: 8px; width: 100%;" > @@ -5561,11 +5561,11 @@ <div class="" > <div class="ant-anchor-wrapper" - style="max-height: calc(100vh - 64px); min-width: 120px;" + style="max-height: calc(100vh - 64px); min-width: 200px;" > <div class="ant-anchor" > <span ❯ tests/demo/demo.test.tsx:31:11

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/readonly.tsx > renders src/MarkdownEditor/demos/readonly.tsx correctly 1` mismatched - Expected + Received @@ -5,11 +5,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: calc(99vw - 16px); height: auto; display: flex; flex-direction: column; max-height: 100%; border: 1px solid #eee;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -51,11 +51,11 @@ </span> <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <div class="chart-box" style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" > @@ -872,11 +872,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -959,11 +959,11 @@ /> </div> </div> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -1046,11 +1046,11 @@ /> </div> </div> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -1133,11 +1133,11 @@ /> </div> </div> <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: no

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/pure.tsx > renders src/MarkdownEditor/demos/pure.tsx correctly 1` mismatched - Expected + Received @@ -4884,11 +4884,11 @@ </span> <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <div class="chart-box" style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" > @@ -5983,11 +5983,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -8155,11 +8155,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false" data-be="link-card" draggable="false" - style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;" + style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;" > <div data-be="schema" style="padding: 8px; width: 100%;" > ❯ tests/demo/demo.test.tsx:31:11

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/preview.tsx > renders src/MarkdownEditor/demos/preview.tsx correctly 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-edit ant-md-editor-report" style="width: 100vw; height: 100vh; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 24px 24px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div aria-multiline="true" autocapitalize="false" autocorrect="false" @@ -5775,11 +5775,11 @@ </span> <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <span class="ant-md-editor-drag-handle" contenteditable="false" > @@ -6902,11 +6902,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false" style="user-select: none;" @@ -9377,11 +9377,11 @@ <div class="ant-md-editor-drag-el" contenteditable="false" data-be="link-card" draggable="true" - style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; align-items: center;" + style="cursor: pointer; position: relative; display: flex; padding: 24px; border-radius: 8px; flex: 1; border: 1px solid rgb(209 213 219 / 0.8); align-items: center;" > <div data-be="schema" style="padding: 8px; width: 100%;" > @@ -9719,11 +9719,11 @@ <div class="" > <div class="ant-anchor-wrapper" - style="max-height: calc(100vh - 64px); min-width: 120px;" + style="max-height: calc(100vh - 64px); min-width: 200px;" > <div class="ant-anchor" > <span ❯ tests/demo/demo.test.tsx:31:11

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/ppt.tsx > renders src/MarkdownEditor/demos/ppt.tsx correctly 1` mismatched - Expected + Received @@ -1,43 +1,44 @@ <DocumentFragment> <div aria-label="segmented control" class="ant-segmented" - role="listbox" + role="radiogroup" style="position: fixed; z-index: 1000; top: 0px;" + tabindex="0" > <div class="ant-segmented-group" > <label class="ant-segmented-item ant-segmented-item-selected" > <input checked="" class="ant-segmented-item-input" + name="test-id" type="radio" /> <div aria-selected="true" class="ant-segmented-item-label" - role="option" title="编辑模式" > 编辑模式 </div> </label> <label class="ant-segmented-item" > <input class="ant-segmented-item-input" + name="test-id" type="radio" /> <div aria-selected="false" class="ant-segmented-item-label" - role="option" title="幻灯片模式" > 幻灯片模式 </div> </label> @@ -54,11 +55,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report" style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;" > <div - style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" + style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report" @@ -102,11 +103,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report" style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;" > <div - style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" + style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report" @@ -172,11 +173,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report" style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;" > <div - style="padding: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" + style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; overflow: hidden; display: flex; height: 100%; position: relative; gap: 24px; width: 100%; margin: 0px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report" @@ -586,11 +587,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report" style="width: 100%; height: 100%; display: flex; flex-direction: column; max-height: 100%; padding: 0px; margin: 0px;" > <div - style=

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/minPreview.tsx > renders src/MarkdownEditor/demos/minPreview.tsx correctly 1` mismatched - Expected + Received @@ -5,11 +5,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly ant-md-editor-report" style="width: 80%; height: calc(100vh - 400px); display: flex; flex-direction: column; max-height: 100%; margin: 0px auto; border: 1px solid #e8e8e8;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content ant-md-editor-content-report" @@ -3603,11 +3603,11 @@ </div> </div> </div> </div> <div - style="padding: 24px 24px; overflow: auto; display: flex; height: calc(100% - 56px); position: relative; gap: 24px;" + style="padding: 24px 24px 24px 32px; overflow: auto; display: flex; height: calc(100% - 56px); position: relative; gap: 24px;" > <div aria-multiline="true" autocapitalize="false" autocorrect="false" ❯ tests/demo/demo.test.tsx:31:11

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min.tsx > renders src/MarkdownEditor/demos/min.tsx correctly 1` mismatched - Expected + Received @@ -5,11 +5,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -57,11 +57,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -124,11 +124,11 @@ <div class="" > <div class="ant-anchor-wrapper" - style="max-height: calc(100vh - 64px); min-width: 120px;" + style="max-height: calc(100vh - 64px); min-width: 200px;" > <div class="ant-anchor" > <span @@ -159,11 +159,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -3346,11 +3346,11 @@ <div class="" > <div class="ant-anchor-wrapper" - style="max-height: calc(100vh - 64px); min-width: 120px;" + style="max-height: calc(100vh - 64px); min-width: 200px;" > <div class="ant-anchor" > <span @@ -3381,11 +3381,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -4207,11 +4207,11 @@ <div class="" > <div class="ant-anchor-wrapper" - style="max-height: calc(100vh - 64px); min-width: 120px;" + style="max-height: calc(100vh - 64px); min-width: 200px;" > <div class="ant-anchor" > <span @@ -4242,11 +4242,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; heigh

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/min-render.tsx > renders src/MarkdownEditor/demos/min-render.tsx correctly 1` mismatched - Expected + Received @@ -36,11 +36,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -136,11 +136,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -3356,11 +3356,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -3940,11 +3940,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -4011,11 +4011,11 @@ </span> <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <div class="chart-box" style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" > @@ -4930,11 +4930,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1;" + style="user-select: none; border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1;" > <div> <div contenteditable="false"

Error: Snapshot `Rendering demo: src/MarkdownEditor/demos/max-chart.tsx > renders src/MarkdownEditor/demos/max-chart.tsx correctly 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ <div class="markdown-editor ant-md-editor ant-md-editor-readonly" style="width: 100%; height: auto; display: flex; flex-direction: column; max-height: 100%;" > <div - style="padding: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" + style="padding-top: 8px; padding-right: 8px; padding-bottom: 8px; overflow: auto; display: flex; height: 100%; position: relative; gap: 24px;" > <div autocapitalize="false" autocorrect="false" class="ant-md-editor-content-readonly ant-md-editor-content" @@ -48,11 +48,11 @@ </span> <div class="ant-md-editor-drag-el" data-be="chart" data-slate-node="element" - style="flex: 1;" + style="flex: 1; min-width: 290px;" > <div class="chart-box" style="display: flex; flex-direction: column; border-radius: 18px; overflow: auto;" > @@ -246322,11 +246322,11 @@ contenteditable="false" style="display: flex; flex-wrap: wrap; gap: 8px; user-select: none;" > <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1; user-select: none;" > <div> <div contenteditable="false" style="user-select: none;" @@ -246378,11 +246378,11 @@ > <span class="ant-dropdown-trigger" style="font-size: 12px; display: flex; align-items: center; gap: 4px; border: 1px solid #f0f0f0; padding: 4px 12px; border-radius: 14px;" > - 2 列 + 0 列 <span aria-label="down" class="anticon anticon-down" role="img" style="font-size: 8px;" @@ -246438,11 +246438,11 @@ /> </div> </div> <div contenteditable="false" - style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(50% - 16px); flex: 1; user-select: none;" + style="border: 1px solid #eee; border-radius: 18px; margin: auto; min-width: calc(Infinity% - 16px); flex: 1; user-select: none;" > <div> <div contenteditable="false" style="user-select: none;" @@ -246494,11 +246494,11 @@ > <span class="ant-dropdown-trigger" style="font-size: 12px; display: flex; align-items: center; gap: 4px; border: 1px solid #f0f0f0; padding: 4px 12px; border-radius: 14px;" > - 2 列 + 0 列 <span aria-label="down" class="anticon anticon-down" role="img" style="font-size: 8px;" @@ -246554,11 +246554,11 @@ /> </div> </di