perf: optimize render performance

purocean · Jan 18, 2024 · 3e0ff9b · 3e0ff9b · vercel · Jan 18, 2024
1 parent 9ad6dca
commit 3e0ff9b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/renderer/components/DefaultPreviewerRender.ce.vue b/src/renderer/components/DefaultPreviewerRender.ce.vue
@@ -259,7 +259,13 @@ onBeforeUnmount(() => {
 })
 
 watch([currentContent, fileUri, inComposition], () => {
-  autoPreview.value && updateRender()
+  if (autoPreview.value) {
+    if (renderCount === 0) {
+      render()
+    } else {
+      updateRender()
+    }
+  }
 }, { flush: 'post' })
 
 watch(fileUri, () => {

diff --git a/src/renderer/components/Editor.vue b/src/renderer/components/Editor.vue
@@ -4,7 +4,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, watchEffect } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'
 import { getAllCustomEditors, isDefault, getValue, setValue, switchEditor } from '@fe/services/editor'
 import { registerAction, removeAction } from '@fe/core/action'
 import { registerHook, removeHook, triggerHook } from '@fe/core/hook'
@@ -145,7 +145,7 @@ onBeforeUnmount(() => {
   FileTabs.removeActionBtnTapper(tabsActionBtnTapper)
 })
 
-watchEffect(() => {
+watch(() => store.state.editor, () => {
   triggerHook('EDITOR_CURRENT_EDITOR_CHANGE', { current: currentEditor.value })
   FileTabs.refreshActionBtns()
   recordEditorUsageTime(currentEditor.value?.name || 'default')