You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script lang="ts" setup>
|
|
|
|
|
const { modelValue } = defineProps<{
|
|
|
|
|
modelValue: boolean
|
|
|
|
|
}>()
|
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['update:modelValue'])
|
|
|
|
|
|
|
|
|
|
const dialogShow = computed({
|
|
|
|
|
get: () => modelValue,
|
|
|
|
|
set: (v) => emit('update:modelValue', v),
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<a-modal
|
|
|
|
|
v-model:visible="dialogShow"
|
|
|
|
|
width="max(30vw, 600px)"
|
|
|
|
|
class="p-2"
|
|
|
|
|
:wrap-class-name="`nc-modal-keyboard-shortcuts ${dialogShow ? 'active' : ''}`"
|
|
|
|
|
@keydown.esc="dialogShow = false"
|
|
|
|
|
>
|
|
|
|
|
<template #title> {{ $t('title.keyboardShortcut') }} </template>
|
|
|
|
|
<!-- TODO: -->
|
|
|
|
|
</a-modal>
|
|
|
|
|
</template>
|
