| | |
|---|
| | | |
|---|
| | | defineOptions({ name: 'QrExportProgress' }); |
|---|
| | | |
|---|
| | | const { state, cancel, minimize, expand, close } = useQrExport(); |
|---|
| | | const { state, cancel, retryDownload, minimize, expand, close } = useQrExport(); |
|---|
| | | |
|---|
| | | /** 面板是否展示（idle 表示没有任何任务） */ |
|---|
| | | const visible = computed(() => state.phase !== 'idle'); |
|---|
| | |
|---|
| | | {{ title }} |
|---|
| | | </span> |
|---|
| | | <div class="flex items-center gap-1"> |
|---|
| | | <Button |
|---|
| | | v-if="state.phase === 'failed' && state.downloadRetryable" |
|---|
| | | type="link" |
|---|
| | | size="small" |
|---|
| | | @click="retryDownload" |
|---|
| | | > |
|---|
| | | 重试下载 |
|---|
| | | </Button> |
|---|
| | | <!-- 进行中提供「隐藏」，任务转入后台继续，不会被中断 --> |
|---|
| | | <Button |
|---|
| | | v-if="state.phase !== 'done' && state.phase !== 'failed' && state.phase !== 'canceled'" |
|---|
