From 26fc4831df00cbf95b554425997df5d71807c8a0 Mon Sep 17 00:00:00 2001
From: imzbf <zbfcqtl@gmail.com>
Date: Tue, 24 Oct 2023 10:50:49 +0800
Subject: [PATCH] fix: scroller is still here when has no preview area

---
 packages/MdEditor/layouts/Content/index.tsx | 19 +++++++++++++------
 packages/MdEditor/styles/codeMirror.less    |  8 ++++++--
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/packages/MdEditor/layouts/Content/index.tsx b/packages/MdEditor/layouts/Content/index.tsx
index a50f6d66..2f17b8c1 100644
--- a/packages/MdEditor/layouts/Content/index.tsx
+++ b/packages/MdEditor/layouts/Content/index.tsx
@@ -27,18 +27,25 @@ export default defineComponent({
 
     return () => {
       return (
-        <div class={`${prefix}-content`} ref={contentRef}>
+        <div
+          class={`${prefix}-content${
+            props.setting.htmlPreview || props.setting.preview ? ' has-preview' : ''
+          }`}
+          ref={contentRef}
+        >
           <div
             class={`${prefix}-input-wrapper`}
             style={inputWrapperStyle}
             ref={inputWrapperRef}
           />
 
-          <div
-            class={`${prefix}-resize-operate`}
-            style={resizeOperateStyle}
-            ref={resizeRef}
-          />
+          {(props.setting.htmlPreview || props.setting.preview) && (
+            <div
+              class={`${prefix}-resize-operate`}
+              style={resizeOperateStyle}
+              ref={resizeRef}
+            />
+          )}
 
           <ContentPreview
             modelValue={props.modelValue}
diff --git a/packages/MdEditor/styles/codeMirror.less b/packages/MdEditor/styles/codeMirror.less
index 3df656b0..53285f43 100644
--- a/packages/MdEditor/styles/codeMirror.less
+++ b/packages/MdEditor/styles/codeMirror.less
@@ -44,9 +44,13 @@
   }
 }
 
-.cm-scroller {
-  overflow-y: scroll;
+.has-preview {
+  .cm-scroller {
+    overflow-y: scroll;
+  }
+}
 
+.cm-scroller {
   // 当没有代码行号的时候，给编辑区一个10的外间距
   .cm-content[contenteditable='true'] {
     margin: 10px;