39 lines
955 B
Vue
39 lines
955 B
Vue
<script lang="ts" setup>
|
|
import type { DocAlertProps } from './types';
|
|
|
|
import { isDocAlertEnable } from '@vben/hooks';
|
|
|
|
import { VbenIcon } from '@vben-core/shadcn-ui';
|
|
import { cn, openWindow } from '@vben-core/shared/utils';
|
|
|
|
defineOptions({
|
|
name: 'DocAlert',
|
|
});
|
|
|
|
const props = defineProps<DocAlertProps>();
|
|
|
|
function goToUrl() {
|
|
openWindow(props.url);
|
|
}
|
|
</script>
|
|
<template>
|
|
<!-- Alert Component -->
|
|
<div
|
|
role="alert"
|
|
v-if="isDocAlertEnable()"
|
|
:class="
|
|
cn(
|
|
'border-primary bg-primary/10 relative m-1 flex w-full items-center rounded-md border p-1',
|
|
)
|
|
"
|
|
>
|
|
<span class="grid shrink-0 place-items-center">
|
|
<VbenIcon icon="mdi:information-outline" class="text-primary size-5" />
|
|
</span>
|
|
<div class="text-primary w-full font-sans text-sm leading-none">
|
|
【{{ title }}】文档地址：
|
|
<a class="hover:text-primary" @click="goToUrl">{{ url }}</a>
|
|
</div>
|
|
</div>
|
|
</template>
|