Merge pull request #2676 from jumpserver/pr@dev@perf_theme

perf: 修改 theme

src/styles/menu.scss

@@ -30,6 +30,7 @@
 
       &:hover {
         color: $menuActiveText;
+        background-color: $menuHover;
       }
 
       i {

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)

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'

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'