optimize: 所有 loading 效果，在功能出现异常时也能恢复

packages/gui/src/view/mixins/plugin.js

@@ -44,10 +44,13 @@ export default {
         return // 防重复提交
       }
       this.applyLoading = true
+      try {
         await this.applyBefore()
         await this.saveConfig()
         await this.applyAfter()
+      } finally {
         this.applyLoading = false
+      }
     },
     async applyBefore () {
 
@@ -64,12 +67,15 @@ export default {
         okText: '确定',
         onOk: async () => {
           this.resetDefaultLoading = true
+          try {
             this.config = await this.$api.config.resetDefault(key)
             if (this.ready) {
               await this.ready(this.config)
             }
             await this.apply()
+          } finally {
             this.resetDefaultLoading = false
+          }
         },
         onCancel () {}
       })

packages/gui/src/view/pages/index.vue

@@ -313,6 +313,7 @@ export default {
         console.log('this status', this.status)
         return ret
       } catch (err) {
+        btn.loading = false // 有时候记录日志会卡死，先设置为false
         console.log('api invoke error:', err)
       } finally {
         btn.loading = false

packages/gui/src/view/pages/setting.vue

@@ -360,11 +360,14 @@ export default {
       await this.saveConfig()
       if (this.config.app.remoteConfig.enabled === true) {
         this.reloadLoading = true
+        try {
           this.$message.info('开始下载远程配置')
           await this.$api.config.downloadRemoteConfig()
           this.$message.info('下载远程配置成功，开始重启代理服务和系统代理')
           await this.reloadConfigAndRestart()
+        } finally {
           this.reloadLoading = false
+        }
       } else {
         this.$message.info('远程配置已关闭，开始重启代理服务和系统代理')
         await this.reloadConfigAndRestart()
@@ -374,8 +377,9 @@ export default {
       if (this.config.app.remoteConfig.enabled === false) {
         return
       }
-      this.reloadLoading = true
 
+      this.reloadLoading = true
+      try {
         const remoteConfig = {}
 
         await this.$api.config.readRemoteConfigStr().then((ret) => { remoteConfig.old1 = ret })
@@ -391,8 +395,9 @@ export default {
           this.$message.success('获取到了最新的远程配置，开始重启代理服务和系统代理')
           await this.reloadConfigAndRestart()
         }
-
+      } finally {
         this.reloadLoading = false
+      }
     },
     async restoreFactorySettings () {
       this.$confirm({
@@ -420,6 +425,7 @@ export default {
         okText: '确定',
         onOk: async () => {
           this.removeUserConfigLoading = true
+          try {
             const result = await this.$api.config.removeUserConfig()
             if (result) {
               this.config = await this.$api.config.get()
@@ -428,7 +434,9 @@ export default {
             } else {
               this.$message.info('已是出厂设置，无需恢复')
             }
+          } finally {
             this.removeUserConfigLoading = false
+          }
         },
         onCancel () {}
       })