From 41862018377fa2841642ee4c79fa891ef794ef47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=8B=E5=B8=86?= <201379873@qq.com>
Date: Sun, 2 Jun 2024 16:06:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vscode/settings.json                  |  2 +-
 src/components/GiCell/GiCellTag.vue    | 11 ++++++-----
 src/layout/components/Header/index.vue |  3 ++-
 src/layout/components/Main.vue         |  2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 06f0735..90ee5a0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,7 +5,7 @@
 
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
-  "editor.formatOnSave": true,
+  "editor.formatOnSave": false,
 
   // Auto fix
   "editor.codeActionsOnSave": {
diff --git a/src/components/GiCell/GiCellTag.vue b/src/components/GiCell/GiCellTag.vue
index 1df157c..98d5bfe 100644
--- a/src/components/GiCell/GiCellTag.vue
+++ b/src/components/GiCell/GiCellTag.vue
@@ -25,14 +25,15 @@ const props = defineProps({
   }
 })
 
-const dictItem = computed(() => {
+const dictItem = computed((): LabelValueState => {
   try {
-    return props.dict.find((d) => d.value === String(props.value) || d.value === Number(props.value))
+    return props.dict.find(
+      (d) => d.value === String(props.value) || d.value === Number(props.value)
+    ) || { label: '', value: '' }
   } catch (error) {
-    return []
+    return { label: '', value: '' }
   }
-}
-)
+})
 </script>
 
 <style lang="scss" scoped></style>
diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index c27f326..f922cc1 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -20,7 +20,7 @@
 import HeaderRightBar from '../HeaderRightBar/index.vue'
 import MenuFoldBtn from '../MenuFoldBtn.vue'
 
-defineOptions({ name: 'Header' })
+defineOptions({ name: 'LayoutHeader' })
 </script>
 
 <style lang="scss" scoped>
@@ -31,6 +31,7 @@ defineOptions({ name: 'Header' })
 .header {
   display: flex;
   align-items: center;
+
   .header-right {
     flex: 1;
     overflow: hidden;
diff --git a/src/layout/components/Main.vue b/src/layout/components/Main.vue
index 9058a78..bd86116 100644
--- a/src/layout/components/Main.vue
+++ b/src/layout/components/Main.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { useAppStore, useTabsStore } from '@/stores'
 
-defineOptions({ name: 'Main' })
+defineOptions({ name: 'LayoutMain' })
 const appStore = useAppStore()
 const tabsStore = useTabsStore()
 </script>