fix: 修复编辑的时候光标错误

Author: heiyehk

src/components/Editor.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, ref, Ref, watch } from 'vue';
+import { defineComponent, nextTick, onMounted, ref, Ref, watch } from 'vue';
 import { debounce } from '@/utils';
 import { editorIcons } from '@/config';
 import { exeConfig } from '@/store/exeConfig.state';
@@ -37,12 +37,28 @@ export default defineComponent({
     let editor: Ref<HTMLDivElement | null> = ref(null);
     const bottomIcons = editorIcons;
     const editorContent: Ref<string | undefined> = ref('');
+    const firstIn = ref(true);
 
-    watch(props, nv => {
-      if (!editorContent.value) {
-        editorContent.value = nv.content;
+    watch(
+      () => props.content,
+      newContent => {
+        if (!editorContent.value) {
+          editorContent.value = newContent;
+        }
+        if (firstIn.value) {
+          firstHandle();
+        }
       }
-    });
+    );
+
+    const firstHandle = () => {
+      nextTick(() => {
+        focus();
+        console.dir(editor.value);
+        editor.value?.scrollTo(0, editor.value.scrollHeight);
+        firstIn.value = false;
+      });
+    };
 
     onMounted(() => {
       focus();

src/main.ts

@@ -6,6 +6,6 @@ import { sequelizeInit } from './service/initSequelize';
 
 sequelizeInit();
 
-const app = createApp(App);
-app.config.errorHandler = outputErrorLog;
-app.use(router).mount('#app');
+const apps = createApp(App);
+apps.config.errorHandler = outputErrorLog;
+apps.use(router).mount('#app');

src/store/exeConfig.state.ts

@@ -3,7 +3,7 @@ import { reactive, watch } from 'vue';
 const exeConfigLocal = localStorage.getItem('exeConfig');
 
 export let exeConfig = reactive({
-  syncDelay: 1000,
+  syncDelay: 100,
   serverAddress: '',
   serverToken: '',
   switchStatus: {