feat: add shortcut keys preferencs

packages/business/common-ui/src/preferences/blocks/shortcut-keys/global.vue

@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+import { $t } from '@vben/locales';
+import { isWindowsOs } from '@vben-core/toolkit';
+
+import SwitchItem from '../switch-item.vue';
+
+defineOptions({
+  name: 'PreferenceGeneralConfig',
+});
+
+const shortcutKeysEnable = defineModel<boolean>('shortcutKeysEnable');
+const shortcutKeysGlobalSearch = defineModel<boolean>(
+  'shortcutKeysGlobalSearch',
+);
+const shortcutKeysLogout = defineModel<boolean>('shortcutKeysLogout');
+const shortcutKeysPreferences = defineModel<boolean>('shortcutKeysPreferences');
+
+const altView = computed(() => (isWindowsOs() ? 'Alt' : '⌥'));
+</script>
+
+<template>
+  <SwitchItem v-model="shortcutKeysEnable">
+    {{ $t('preferences.shortcut-keys.title') }}
+  </SwitchItem>
+  <SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysGlobalSearch">
+    {{ $t('preferences.shortcut-keys.search') }}
+    <template #shortcut>
+      {{ isWindowsOs() ? 'Ctrl' : '⌘' }}
+      <kbd> K </kbd>
+    </template>
+  </SwitchItem>
+  <SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysLogout">
+    {{ $t('preferences.shortcut-keys.logout') }}
+    <template #shortcut> {{ altView }} Q </template>
+  </SwitchItem>
+  <SwitchItem v-if="shortcutKeysEnable" v-model="shortcutKeysPreferences">
+    {{ $t('preferences.shortcut-keys.preferences') }}
+    <template #shortcut> {{ altView }} , </template>
+  </SwitchItem>
+</template>