From 3d7ca884dae0d23a141e1fe20032e8091f5ff279 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Fri, 17 Feb 2023 12:38:29 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/menu.scss                                   | 1 +
 src/utils/theme/color.js                               | 7 +++++++
 src/views/settings/Terminal/Storage/CommandStorage.vue | 6 ++++--
 src/views/settings/Terminal/Storage/ReplayStorage.vue  | 8 +++++---
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/styles/menu.scss b/src/styles/menu.scss
index 3c1b8f350..457d1cc42 100644
--- a/src/styles/menu.scss
+++ b/src/styles/menu.scss
@@ -30,6 +30,7 @@
 
       &:hover {
         color: $menuActiveText;
+        background-color: $menuHover;
       }
 
       i {
diff --git a/src/utils/theme/color.js b/src/utils/theme/color.js
index b9567808d..1dc439292 100644
--- a/src/utils/theme/color.js
+++ b/src/utils/theme/color.js
@@ -77,6 +77,13 @@ export function changeMenuColor(themeColors) {
   const white = 'ffffff'
   const black = '000000'
 
+  // 后端不用返回 --menu-hover
+  const menuActiveTextColor = colors['--menu-text-active']
+  if (menuActiveTextColor) {
+    const menuHover = mix(white, menuActiveTextColor.replace(/#/g, ''), 90)
+    colors['--menu-hover'] = menuHover
+  }
+
   for (const key in colors) {
     const currentColor = colors[key]
     elementStyle.setProperty(key, currentColor)
diff --git a/src/views/settings/Terminal/Storage/CommandStorage.vue b/src/views/settings/Terminal/Storage/CommandStorage.vue
index f5f9002fe..cc7cc16cb 100644
--- a/src/views/settings/Terminal/Storage/CommandStorage.vue
+++ b/src/views/settings/Terminal/Storage/CommandStorage.vue
@@ -1,10 +1,11 @@
 <template>
-  <ListTable ref="ListTable" :table-config="commandTableConfig" :header-actions="commandActions" />
+  <ListTable ref="ListTable" :header-actions="commandActions" :table-config="commandTableConfig" />
 </template>
 
 <script>
 import ListTable from '@/components/ListTable'
 import { SetToDefaultCommandStorage, TestCommandStorage } from '@/api/sessions'
+
 export default {
   name: 'CommandStorage',
   components: {
@@ -58,7 +59,8 @@ export default {
           },
           is_default: {
             formatterArgs: {
-              showFalse: false
+              showFalse: false,
+              showText: false
             },
             align: 'center',
             width: '100px'
diff --git a/src/views/settings/Terminal/Storage/ReplayStorage.vue b/src/views/settings/Terminal/Storage/ReplayStorage.vue
index 5581b2cb9..0a6f2eda0 100644
--- a/src/views/settings/Terminal/Storage/ReplayStorage.vue
+++ b/src/views/settings/Terminal/Storage/ReplayStorage.vue
@@ -1,10 +1,11 @@
 <template>
-  <ListTable ref="ListTable" :table-config="replayTableConfig" :header-actions="replayActions" />
+  <ListTable ref="ListTable" :header-actions="replayActions" :table-config="replayTableConfig" />
 </template>
 <script>
 import ListTable from '@/components/ListTable'
-import { TestReplayStorage, SetToDefaultReplayStorage } from '@/api/sessions'
+import { SetToDefaultReplayStorage, TestReplayStorage } from '@/api/sessions'
 import { getReplayStorageOptions } from '@/views/sessions/const'
+
 export default {
   name: 'ReplayStorage',
   components: {
@@ -48,7 +49,8 @@ export default {
           },
           is_default: {
             formatterArgs: {
-              showFalse: false
+              showFalse: false,
+              showText: false
             },
             align: 'center',
             width: '100px'