From b5f2584e0fdd4c3db6cef0c1a1b3191e69416ffc Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Thu, 29 Jan 2026 15:13:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(component):=20=E4=BF=AE=E5=A4=8D=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=A8=A1=E6=80=81=E6=A1=86=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E5=90=8C=E6=AD=A5=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EditorSection/index.tsx        | 41 ++++++++++++++-----
 .../componentList/addComponentModal.tsx       |  2 +
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/components/EditorSection/index.tsx b/src/components/EditorSection/index.tsx
index 4c95354..be641c7 100644
--- a/src/components/EditorSection/index.tsx
+++ b/src/components/EditorSection/index.tsx
@@ -39,9 +39,11 @@ const EditorViewer: React.FC<{ content: string }> = ({ content }) => {
 export default function EditorSection({ initialContent, visible, onChange }: EditorSectionProps) {
   const [isClient, setIsClient] = useState(false);
   const [editorLoaded, setEditorLoaded] = useState(false);
-  const [currentContent, setCurrentContent] = useState(initialContent || '');
+  const [editorKey, setEditorKey] = useState(0); // 用于强制重新创建编辑器
   const editorRef = useRef<any>(null);
   const editorInstanceRef = useRef<ToastEditor | null>(null);
+  const initialContentRef = useRef(initialContent); // 记录上一次的 initialContent
+  const isUserEditingRef = useRef(false); // 标记用户是否正在编辑
 
   useEffect(() => {
     if (!isSSR && visible && !editorRef.current) {
@@ -56,15 +58,30 @@ export default function EditorSection({ initialContent, visible, onChange }: Edi
       });
     }
 
-    // 更新当前内容当初始内容变化时
-    setCurrentContent(initialContent || '');
-  }, [initialContent, visible]);
+    // 当 visible 从 false 变为 true 时，重置编辑标记
+    if (visible) {
+      isUserEditingRef.current = false;
+    }
+  }, [visible]);
+
+  // 只在 initialContent 从外部变化时重新创建编辑器（排除用户输入导致的变化）
+  useEffect(() => {
+    // 如果用户正在编辑，不要重新创建编辑器
+    if (isUserEditingRef.current) {
+      return;
+    }
+
+    if (initialContent !== initialContentRef.current) {
+      initialContentRef.current = initialContent;
+      setEditorKey(prev => prev + 1); // 改变 key 强制重新创建
+    }
+  }, [initialContent]);
 
   // 在服务端或组件未加载完成时，使用 Viewer 模式显示内容
   if (!isClient || !editorLoaded || !visible) {
     return (
       <div className="mt-8">
-        <EditorViewer content={currentContent || ''} />
+        <EditorViewer content={initialContent || ''} />
       </div>
     );
   }
@@ -74,15 +91,17 @@ export default function EditorSection({ initialContent, visible, onChange }: Edi
   return (
     <div className="mt-8">
       <DynamicEditor
-        key={visible ? 'editor-visible' : 'editor-hidden'} // 强制重新创建组件
-        initialValue={currentContent}
+        ref={editorInstanceRef}
+        key={`editor-${editorKey}`} // 只在 initialContent 外部变化时改变 key
+        initialValue={initialContent || ''}
         initialEditType="markdown"
         onChange={() => {
+          // 标记用户正在编辑
+          isUserEditingRef.current = true;
+
           // 获取编辑器实例并读取内容
-          const editorInstance = editorRef.current?.getInstance?.();
-          if (editorInstance && onChange) {
-            const content = editorInstance.getMarkdown();
-            setCurrentContent(content);
+          if (editorInstanceRef.current && onChange) {
+            const content = editorInstanceRef.current.getInstance().getMarkdown();
             onChange(content);
           }
         }}
diff --git a/src/pages/componentDevelopment/componentList/addComponentModal.tsx b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
index 1bc25b8..527e274 100644
--- a/src/pages/componentDevelopment/componentList/addComponentModal.tsx
+++ b/src/pages/componentDevelopment/componentList/addComponentModal.tsx
@@ -437,6 +437,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh, mode = 'c
       });
 
       // 设置其他状态
+      console.log('baseInfo', baseInfo);
       setSelectedImage(baseInfo.logoUrl || '');
       setDescription(baseInfo.desc || '');
       setShowSaveBtn(true);
@@ -738,6 +739,7 @@ const AddComponentModal = ({ visible, baseInfo, setVisible, onReFresh, mode = 'c
                 visible={visible}
                 initialContent={description}
                 disabled={isReadOnly}
+                onChange={(value) => setDescription(value)}
               />
             </div>
           </div>