fix: 修改快捷键说明

This commit is contained in:
奔跑的面条 2022-08-18 20:40:18 +08:00
parent f02e92a58e
commit 2380c6ec60

View File

@ -1,9 +1,5 @@
<template> <template>
<n-modal <n-modal v-model:show="modelShow" :mask-closable="true" @afterLeave="closeHandle">
v-model:show="modelShow"
:mask-closable="true"
@afterLeave="closeHandle"
>
<n-table class="model-content" :bordered="false" :single-line="false"> <n-table class="model-content" :bordered="false" :single-line="false">
<thead> <thead>
<tr> <tr>
@ -24,9 +20,7 @@
<td>{{ item.label }}</td> <td>{{ item.label }}</td>
<td>{{ item.win }}</td> <td>{{ item.win }}</td>
<td> <td>
<n-gradient-text :size="22">{{ <n-gradient-text :size="22">{{ item.mac.substr(0, 1) }}</n-gradient-text>
item.mac.substr(0, 1)
}}</n-gradient-text>
+ {{ item.mac.substr(3) }} + {{ item.mac.substr(3) }}
</td> </td>
</tr> </tr>
@ -44,7 +38,7 @@ const { CloseIcon } = icon.ionicons5
const emit = defineEmits(['update:modelShow']) const emit = defineEmits(['update:modelShow'])
defineProps({ defineProps({
modelShow: Boolean, modelShow: Boolean
}) })
// //
@ -52,68 +46,68 @@ const shortcutKeyOptions = [
{ {
label: '向上移动', label: '向上移动',
win: `${WinKeyboard.CTRL.toUpperCase()} + ↑ `, win: `${WinKeyboard.CTRL.toUpperCase()} + ↑ `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + ↑ `, mac: `${MacKeyboard.CTRL.toUpperCase()} + ↑ `
}, },
{ {
label: '向右移动', label: '向右移动',
win: `${WinKeyboard.CTRL.toUpperCase()} + → `, win: `${WinKeyboard.CTRL.toUpperCase()} + → `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + → `, mac: `${MacKeyboard.CTRL.toUpperCase()} + → `
}, },
{ {
label: '向下移动', label: '向下移动',
win: `${WinKeyboard.CTRL.toUpperCase()} + ↓ `, win: `${WinKeyboard.CTRL.toUpperCase()} + ↓ `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + ↓ `, mac: `${MacKeyboard.CTRL.toUpperCase()} + ↓ `
}, },
{ {
label: '向左移动', label: '向左移动',
win: `${WinKeyboard.CTRL.toUpperCase()} + ← `, win: `${WinKeyboard.CTRL.toUpperCase()} + ← `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + ← `, mac: `${MacKeyboard.CTRL.toUpperCase()} + ← `
}, },
{ {
label: '删除', label: '删除',
win: 'Delete'.toUpperCase(), win: 'Delete'.toUpperCase(),
mac: `${MacKeyboard.CTRL.toUpperCase()} + Backspace `, mac: `${MacKeyboard.CTRL.toUpperCase()} + Backspace `
}, },
{ {
label: '复制', label: '复制',
win: `${WinKeyboard.CTRL.toUpperCase()} + C `, win: `${WinKeyboard.CTRL.toUpperCase()} + C `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + C `, mac: `${MacKeyboard.CTRL.toUpperCase()} + C `
}, },
{ {
label: '剪切', label: '剪切',
win: `${WinKeyboard.CTRL.toUpperCase()} + X `, win: `${WinKeyboard.CTRL.toUpperCase()} + X `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + X `, mac: `${MacKeyboard.CTRL.toUpperCase()} + X `
}, },
{ {
label: '粘贴', label: '粘贴',
win: `${WinKeyboard.CTRL.toUpperCase()} + V `, win: `${WinKeyboard.CTRL.toUpperCase()} + V `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + V `, mac: `${MacKeyboard.CTRL.toUpperCase()} + V `
}, },
{ {
label: '后退', label: '后退',
win: `${WinKeyboard.CTRL.toUpperCase()} + Z `, win: `${WinKeyboard.CTRL.toUpperCase()} + Z `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + Z `, mac: `${MacKeyboard.CTRL.toUpperCase()} + Z `
}, },
{ {
label: '前进', label: '前进',
win: `${WinKeyboard.CTRL.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + Z `, win: `${WinKeyboard.CTRL.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + Z `,
mac: `${MacKeyboard.CTRL.toUpperCase()} + ${MacKeyboard.SHIFT.toUpperCase()} + Z `, mac: `${MacKeyboard.CTRL.toUpperCase()} + ${MacKeyboard.SHIFT.toUpperCase()} + Z `
}, },
{ {
label: '多选', label: '多选',
win: `${WinKeyboard.CTRL.toUpperCase()} + 🖱️ `, win: `${WinKeyboard.CTRL.toUpperCase()} + 🖱️ `,
mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + 🖱️ `, mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + 🖱️ `
}, },
{ {
label: '创建分组', label: '创建分组',
win: `${WinKeyboard.CTRL.toUpperCase()} + G `, win: `${WinKeyboard.CTRL.toUpperCase()} + G / 🖱️ `,
mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + G `, mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + G / 🖱️`
}, },
{ {
label: '解除分组', label: '解除分组',
win: `${WinKeyboard.CTRL.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + G `, win: `${WinKeyboard.CTRL.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + G `,
mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + G `, mac: `${MacKeyboard.CTRL_SOURCE_KEY.toUpperCase()} + ${WinKeyboard.SHIFT.toUpperCase()} + G `
}, }
] ]
const closeHandle = () => { const closeHandle = () => {
emit('update:modelShow', false) emit('update:modelShow', false)
@ -130,4 +124,4 @@ const closeHandle = () => {
padding: 5px 10px; padding: 5px 10px;
} }
} }
</style> </style>