fix(core): 修复日志面板不会实时滚动的BUG

ocsjs · Jun 11, 2022 · a0b9fff · a0b9fff
1 parent ad8a684
commit a0b9fff
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/packages/core/src/components/Terminal.tsx b/packages/core/src/components/Terminal.tsx
@@ -1,30 +1,29 @@
 import { defineComponent, nextTick, onMounted, watch } from 'vue';
-
 import { domSearch } from '../core/utils';
+import { panel } from '../start';
 import { useStore } from '../store';
 
 export const Terminal = defineComponent({
   setup () {
     const local = useStore('localStorage');
 
     onMounted(() => {
-      // 控制台元素
-      const { terminal } = domSearch({ terminal: '.terminal' });
       // 监听改变，并且滚动到最下方
-      watch(
-        () => local.logs,
+      watch(local.logs,
         // eslint-disable-next-line vue/valid-next-tick
         () => nextTick(() => scroll())
       );
-      // 滚动到最下方
-      nextTick(() => scroll());
 
       function scroll () {
-        if (terminal?.scrollHeight) {
-          terminal?.scrollTo({
-            behavior: 'auto',
-            top: terminal.scrollHeight
-          });
+        if (panel) {
+          // 控制台元素
+          const { terminal } = domSearch({ terminal: '.terminal' }, panel);
+          if (terminal?.scrollHeight) {
+            terminal?.scrollTo({
+              behavior: 'auto',
+              top: terminal.scrollHeight
+            });
+          }
         }
       }
     });