From e9b84abd147da611d19d97e7beaa6e9d04fcaee8 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Fri, 6 Aug 2021 15:39:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=96=87=E4=BB=B6=E7=8A=B6=E6=80=81=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/FileTabs.vue | 30 +++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/FileTabs.vue b/src/renderer/components/FileTabs.vue
index f213f035..7224b7c6 100644
--- a/src/renderer/components/FileTabs.vue
+++ b/src/renderer/components/FileTabs.vue
@@ -1,10 +1,10 @@
 <template>
-  <Tabs :list="tabs" :value="current" @remove="removeTabs" @switch="switchTab" @change-list="setTabs"></Tabs>
+  <Tabs :list="fileTabs" :value="current" @remove="removeTabs" @switch="switchTab" @change-list="setTabs"></Tabs>
 </template>
 
 <script lang="ts">
 import { useStore } from 'vuex'
-import { defineComponent, onBeforeMount, onBeforeUnmount, ref, toRefs, watch } from 'vue'
+import { computed, defineComponent, onBeforeMount, onBeforeUnmount, ref, toRefs, watch } from 'vue'
 import { Alt, Ctrl } from '@fe/context/shortcut'
 import { Components, Doc } from '@fe/support/types'
 import { useBus } from '@fe/support/bus'
@@ -23,6 +23,7 @@ export default defineComponent({
     const bus = useBus()
 
     const { currentFile, tabs } = toRefs(store.state)
+    const { isSaved } = toRefs(store.getters)
     const list = ref<Components.FileTabs.Item[]>([])
     const current = ref(blankUri)
 
@@ -164,10 +165,33 @@ export default defineComponent({
       }
     })
 
+    const fileTabs = computed(() => (tabs.value as Components.FileTabs.Item[]).map(tab => {
+      if (currentFile.value && tab.key === toUri(currentFile.value)) {
+        const status = currentFile.value.status
+
+        let mark = ''
+        if (!isSaved.value) {
+          mark = '*'
+        } else if (status === 'saved') {
+          mark = ''
+        } else if (status === 'save-failed') {
+          mark = '!'
+        } else if (status === 'loaded') {
+          mark = ''
+        } else {
+          mark = '…'
+        }
+
+        tab.label = mark + currentFile.value.name
+      }
+
+      return tab
+    }))
+
     return {
       list,
       current,
-      tabs,
+      fileTabs,
       removeTabs,
       switchTab,
       setTabs,