<script lang="ts" setup>
|
import { $t } from '../../../../../locales/src';
|
import { openWindow } from '../../../../../utils/src';
|
|
import { useVbenModal } from '../../../../../@core/ui-kit/popup-ui/src';
|
import { VbenButton, VbenButtonGroup } from '../../../../../@core/ui-kit/shadcn-ui/src';
|
|
import { useMagicKeys, whenever } from '@vueuse/core';
|
|
defineOptions({
|
name: 'Help',
|
});
|
|
const keys = useMagicKeys();
|
whenever(keys['Alt+KeyH']!, () => {
|
modalApi.open();
|
});
|
|
const [Modal, modalApi] = useVbenModal({
|
draggable: true,
|
overlayBlur: 5,
|
footer: false,
|
onCancel() {
|
modalApi.close();
|
},
|
});
|
</script>
|
<template>
|
<Modal class="w-1/3" :title="$t('ui.widgets.qa')">
|
<div class="mt-2 flex flex-col">
|
<div class="mt-2 flex flex-col">
|
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
|
<p class="w-24 p-2">开发文档:</p>
|
<VbenButton variant="link" @click="openWindow('https://antdv.com/')">
|
antdv 文档
|
</VbenButton>
|
</VbenButtonGroup>
|
</div>
|
</div>
|
</Modal>
|
</template>
|
