mirror of
https://github.com/setube/ogame-vue-ts.git
synced 2026-05-12 16:05:12 +08:00
731d79673b
新增 BattleReportDialog、SpyReportDialog、NumberWithTooltip 等组件，完善舰队模拟器功能。重构并引入 Sheet、Sidebar、Tooltip、Skeleton 等 UI 组件，优化界面结构。实现 battle.worker 支持战斗计算，增加 universeStore、fleetStorageLogic 等核心逻辑，完善多语言与类型定义。
43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<template>
|
|
<Sonner
|
|
:class="cn('toaster group', props.class)"
|
|
:style="{
|
|
'--normal-bg': 'var(--popover)',
|
|
'--normal-text': 'var(--popover-foreground)',
|
|
'--normal-border': 'var(--border)',
|
|
'--border-radius': 'var(--radius)'
|
|
}"
|
|
v-bind="props"
|
|
>
|
|
<template #success-icon>
|
|
<CircleCheckIcon class="size-4" />
|
|
</template>
|
|
<template #info-icon>
|
|
<InfoIcon class="size-4" />
|
|
</template>
|
|
<template #warning-icon>
|
|
<TriangleAlertIcon class="size-4" />
|
|
</template>
|
|
<template #error-icon>
|
|
<OctagonXIcon class="size-4" />
|
|
</template>
|
|
<template #loading-icon>
|
|
<div>
|
|
<Loader2Icon class="size-4 animate-spin" />
|
|
</div>
|
|
</template>
|
|
<template #close-icon>
|
|
<XIcon class="size-4" />
|
|
</template>
|
|
</Sonner>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { ToasterProps } from 'vue-sonner'
|
|
import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from 'lucide-vue-next'
|
|
import { Toaster as Sonner } from 'vue-sonner'
|
|
import { cn } from '@/lib/utils'
|
|
|
|
const props = defineProps<ToasterProps>()
|
|
</script>
|