O96u
bc4cba7e52
Publish Docker image / build-and-push (push) Canceled after 0s
ci / ci (22, ubuntu-latest) (push) Canceled after 0s
Multi-user image hosting with RBAC, upload preferences, and admin settings.
45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { UploadProgressItem } from '~/types/image'
|
|
|
|
defineProps<{
|
|
items: UploadProgressItem[]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
v-if="items.length"
|
|
class="space-y-2 rounded-lg border border-default p-4"
|
|
>
|
|
<p class="text-sm font-medium text-muted">
|
|
上传进度
|
|
</p>
|
|
<div
|
|
v-for="item in items"
|
|
:key="item.name"
|
|
class="space-y-1"
|
|
>
|
|
<div class="flex items-center justify-between gap-2 text-sm">
|
|
<span class="truncate">{{ item.name }}</span>
|
|
<UBadge
|
|
:color="item.status === 'success' ? 'success' : item.status === 'error' ? 'error' : 'primary'"
|
|
variant="subtle"
|
|
size="xs"
|
|
>
|
|
{{ item.status === 'pending' ? '等待' : item.status === 'uploading' ? '上传中' : item.status === 'success' ? '成功' : '失败' }}
|
|
</UBadge>
|
|
</div>
|
|
<UProgress
|
|
:model-value="item.progress"
|
|
size="xs"
|
|
/>
|
|
<p
|
|
v-if="item.error"
|
|
class="text-xs text-error"
|
|
>
|
|
{{ item.error }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</template>
|