From 4b25e8e08054029bce305aa9f899b81cf9ec2937 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?wifi=E6=AD=AAf?= <1402772884@qq.com>
Date: Mon, 17 Feb 2025 15:09:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(mini-markdown-editor):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E7=8A=B6=E6=80=81=E6=A0=8F=E9=BB=98=E8=AE=A4?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=B8=8D=E7=94=9F=E6=95=88bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/mini-markdown-editor/src/App.tsx           | 7 ++++---
 packages/mini-markdown-editor/src/EditorWrapper.tsx | 9 +++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/mini-markdown-editor/src/App.tsx b/packages/mini-markdown-editor/src/App.tsx
index 0b9c4b3..1fbb4f8 100644
--- a/packages/mini-markdown-editor/src/App.tsx
+++ b/packages/mini-markdown-editor/src/App.tsx
@@ -200,11 +200,12 @@ const App: FC = () => {
       >
         获取预览区实例
       </Button>
+      {/* <EditorWrapper theme={theme as "light" | "dark"} /> */}
       <EditorWrapper
         placeholder={"请输入内容..."}
-        status={true}
+        // status={true}
         onUpload={handleUpload}
-        local={false}
+        // local={false}
         lineNumbers={true}
         theme={theme as "light" | "dark"}
         // onChange={handleChange}
@@ -233,7 +234,7 @@ const App: FC = () => {
             },
           ],
         }}
-        value="## Hello World"
+        value="## Hello World."
       />
     </AppWrapper>
   );
diff --git a/packages/mini-markdown-editor/src/EditorWrapper.tsx b/packages/mini-markdown-editor/src/EditorWrapper.tsx
index ebf75bb..a12eaf7 100644
--- a/packages/mini-markdown-editor/src/EditorWrapper.tsx
+++ b/packages/mini-markdown-editor/src/EditorWrapper.tsx
@@ -1,4 +1,4 @@
-import { FC, forwardRef, Fragment, useDeferredValue } from "react";
+import { FC, forwardRef, Fragment, useDeferredValue, useEffect } from "react";
 import styled from "styled-components";
 import { useEditorContentStore } from "@/store/editor";
 import Toolbar from "@/components/Toolbar";
@@ -14,6 +14,7 @@ import { useInitSyncScrollStatus } from "./hooks/use-init-sync-scroll-status";
 import GlobalTheme from "./theme/global-theme";
 import { EditorRef } from "./types/ref";
 import { useExposeHandle } from "./hooks/use-expose-handle";
+import { defaultGlobalConfig } from "./config/global";
 
 const Container = styled.div`
   width: 100%;
@@ -157,6 +158,10 @@ const EditorWrapper = forwardRef<EditorRef, GlobalConfig>((config, ref) => {
   // 外部ref使用的方法
   useExposeHandle(ref);
 
+  useEffect(() => {
+    console.log(config.status);
+  }, [config]);
+
   return (
     <GlobalTheme theme={config.theme}>
       <Container className={`md-editor ${isFullScreen && "md-editor-fullscreen"}`}>
@@ -179,7 +184,7 @@ const EditorWrapper = forwardRef<EditorRef, GlobalConfig>((config, ref) => {
               </ContentWrapper>
             </ToolbarProvider>
             {/* 底部状态栏 */}
-            {config.status ? (
+            {{ ...defaultGlobalConfig, ...config }.status ? (
               <Status isSyncScroll={isSyncScroll} updateSyncScrollStatus={updateSyncScrollStatus} />
             ) : null}
           </AntdConfigProvider>
-- 
Gitee