日志最多保留200行

ui/src/App.vue

@@ -34,15 +34,19 @@ async function initialize_config() {
   await init_version()
 }
 
-const log = ref('')
+const log = ref([])
 provide('log', log)
 const log_ele = ref(null)
 provide('log_ele', log_ele)
-watch(log, () => {
+watch(
-  nextTick(() => {
+  log,
-    log_ele.value?.scrollTo({ position: 'bottom' })
+  () => {
-  })
+    nextTick(() => {
-})
+      log_ele.value?.scrollTo({ position: 'bottom' })
+    })
+  },
+  { deep: true }
+)
 
 onMounted(() => {
   if (window.pywebview && pywebview.api) {
@@ -53,12 +57,15 @@ onMounted(() => {
     })
   }
   window.addEventListener('log', (e) => {
-    log.value += e.detail.log
+    log.value.push(e.detail.log)
+    if (log.value.length > 200) {
+      log.value.shift()
+    }
   })
 })
 
 function set_page(value) {
-  log.value = ''
+  log.value.splice(0)
 }
 
 const running = ref(false)

ui/src/components/FloatButton.vue

@@ -11,7 +11,7 @@ const current_state = inject('current_state')
 const notification = useNotification()
 
 async function start() {
-  log.value = ''
+  log.value = []
   running.value = true
   for (const [i, step] of steps.value.entries()) {
     current_step.value = i + 1

ui/src/components/LogComponent.vue

@@ -51,7 +51,7 @@ hljs.registerLanguage('naive-log', () => ({
 <template>
   <n-config-provider :theme="darkTheme" class="provider" :hljs="hljs">
     <n-card class="full" content-style="height: 100%">
-      <n-log :log="log" class="full selectable-log" ref="log_ele" language="naive-log" />
+      <n-log :lines="log" class="full selectable-log" ref="log_ele" language="naive-log" />
     </n-card>
   </n-config-provider>
 </template>