O96u
737235acff
ci / ci (22, ubuntu-latest) (push) Canceled after 0s
GitHub Release / release (push) Canceled after 0s
Publish Docker image / build (linux/amd64, ubuntu-latest, amd64) (push) Canceled after 0s
Publish Docker image / build (linux/arm64, ubuntu-24.04-arm, arm64) (push) Canceled after 0s
Publish Docker image / merge (push) Canceled after 0s
- 每用户标签与彩色打标，图库 OR/AND 筛选与批量打标 - 操作日志记录登录、删除、设置与标签操作 - API 标签/打标接口；README 与文档站截图同步
69 lines
1.7 KiB
Vue
69 lines
1.7 KiB
Vue
<script setup lang="ts">
|
|
defineProps<{
|
|
appVersion: string
|
|
updateAvailable: boolean
|
|
latestVersion: string | null
|
|
releaseUrl: string | null
|
|
checking: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
checkUpdate: []
|
|
}>()
|
|
|
|
const { t } = useI18n()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-wrap items-center justify-between gap-4 py-4">
|
|
<div class="min-w-0">
|
|
<p class="text-sm font-medium text-highlighted">
|
|
{{ t('settings.systemVersion') }}
|
|
</p>
|
|
<p class="mt-1 text-xs leading-relaxed text-muted">
|
|
{{ t('settings.systemVersionHint') }}
|
|
</p>
|
|
</div>
|
|
<div class="flex flex-wrap items-center gap-2">
|
|
<span class="text-sm font-medium tabular-nums text-highlighted">
|
|
v{{ appVersion }}
|
|
</span>
|
|
<UBadge
|
|
v-if="updateAvailable && latestVersion"
|
|
color="warning"
|
|
variant="subtle"
|
|
size="sm"
|
|
>
|
|
{{ t('settings.updateAvailable', { version: `v${latestVersion}` }) }}
|
|
</UBadge>
|
|
<UBadge
|
|
v-else
|
|
color="success"
|
|
variant="subtle"
|
|
size="sm"
|
|
>
|
|
{{ t('settings.upToDate') }}
|
|
</UBadge>
|
|
<UButton
|
|
:label="t('settings.checkUpdate')"
|
|
icon="i-lucide-refresh-cw"
|
|
variant="outline"
|
|
color="neutral"
|
|
size="sm"
|
|
class="shrink-0"
|
|
:loading="checking"
|
|
@click="emit('checkUpdate')"
|
|
/>
|
|
<a
|
|
v-if="updateAvailable && latestVersion"
|
|
:href="releaseUrl || 'https://github.com/O96u/PicHost/releases'"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="text-xs text-primary hover:underline"
|
|
>
|
|
{{ t('settings.viewReleases') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|