Merge remote-tracking branch 'origin/detached' into dev

.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": {

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>

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;

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>