From e6c008f38845038317e17d1c160f1fd03984b976 Mon Sep 17 00:00:00 2001
From: Frankie Huang <frankie@FrankiedeMacBook-Pro.local>
Date: Sat, 26 Apr 2025 22:43:36 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=92=8C=E5=A4=8D=E7=94=A8?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                   | 18 ++++++++++--------
 src/components/MainEditor.vue |  4 ++++
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 18c4744..a4b37a0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,7 +22,7 @@
 <script setup>
 import LeftSidebar from './components/LeftSidebar.vue'
 import MainEditor from './components/MainEditor.vue'
-import { ref, watch, useTemplateRef, onMounted, onUnmounted } from "vue";
+import { ref, watch, useTemplateRef, nextTick, onMounted, onUnmounted } from "vue";
 import { invoke } from "@tauri-apps/api/core";
 import { readTextFile, writeTextFile, exists } from '@tauri-apps/plugin-fs';
 import { Message } from 'view-ui-plus'
@@ -79,7 +79,12 @@ watch(markdownCode, (newMarkdownCode) => {
 })
 async function readFileContent(filePath) {
     try {
-        mainEditor.value.setMarkdownCode(await readTextFile(filePath));
+        const fileContent = await readTextFile(filePath);
+        if (mainEditor.value.isEditorLoadingCompleted()) {
+            mainEditor.value.setMarkdownCode(fileContent);
+        } else {
+            markdownCode.value = fileContent;
+        }
         currentFilePath.value = filePath;
         Message.success('已读取文件内容，并加载到编辑器中:' + filePath);
     } catch (err) {
@@ -104,18 +109,15 @@ async function writeFileContent(markdownCode) {
     }
 }
 onMounted(async () => {
+    // 使用 nextTick 确保页面组件已完成挂载和渲染
+    await nextTick();
     // splitRight 的宽度为视口宽度右边百分比，再减去 splitTrigger 的宽度
     splitRightWidth.value = window.innerWidth * (1 - split.value) - splitTrigger.value.offsetWidth;
     // 监听页面宽度和高度，调整 markdown 编辑器的高宽度
     window.addEventListener('resize', mainEditor.value.resizeEditorWindow);
     // 打开上一次选择的文件的内容
     if (currentFilePath.value.length > 0) {
-        try {
-            markdownCode.value = await readTextFile(currentFilePath.value);
-            Message.success('已读取文件内容，并加载到编辑器中:' + currentFilePath.value);
-        } catch (err) {
-            Message.error('文件读取失败:' + err);
-        }
+        await readFileContent(currentFilePath.value);
     }
     mainEditor.value.initMarkdownEditor();
 });
diff --git a/src/components/MainEditor.vue b/src/components/MainEditor.vue
index 225b400..c7d65f2 100644
--- a/src/components/MainEditor.vue
+++ b/src/components/MainEditor.vue
@@ -65,6 +65,9 @@ const markdownRef = ref(null);
 const initMarkdownEditor = () => {
     markdownRef.value.initEditor();
 }
+const isEditorLoadingCompleted = () => {
+    markdownRef.value.isEditorLoadingCompleted();
+}
 const getMarkdownCode = () => {
     return markdownRef.value.getMarkdownCode();
 }
@@ -158,6 +161,7 @@ const resizeEditorWindow = () => {
 // 对父组件暴露数据或方法
 defineExpose({
     initMarkdownEditor,
+    isEditorLoadingCompleted,
     getMarkdownCode,
     setMarkdownCode,
     resizeEditorWindow,