mirror of
https://gitee.com/spark-store-project/spark-store
synced 2026-04-26 09:20:18 +08:00
momen
0b17ada45a
新增更新中心模块，支持管理 APM 和传统 deb 软件更新任务 - 添加更新任务队列管理、状态跟踪和日志记录功能 - 实现更新项忽略配置持久化存储 - 新增更新确认对话框和迁移提示 - 优化主窗口关闭时的任务保护机制 - 添加单元测试覆盖核心逻辑
74 lines
2.6 KiB
Vue
74 lines
2.6 KiB
Vue
<template>
|
|
<div
|
|
class="flex flex-col gap-4 border-b border-slate-200/70 px-6 py-5 dark:border-slate-800/70"
|
|
>
|
|
<div class="flex items-start gap-4">
|
|
<div class="flex-1">
|
|
<p class="text-2xl font-semibold text-slate-900 dark:text-white">
|
|
软件更新
|
|
</p>
|
|
<p class="text-sm text-slate-500 dark:text-slate-400">
|
|
集中管理 APM 与传统 deb 更新任务
|
|
</p>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<button
|
|
type="button"
|
|
class="inline-flex items-center gap-2 rounded-2xl border border-slate-200/70 px-4 py-2 text-sm font-semibold text-slate-600 transition hover:bg-slate-50 dark:border-slate-700 dark:text-slate-200 dark:hover:bg-slate-800"
|
|
@click="$emit('refresh')"
|
|
>
|
|
<i class="fas fa-sync-alt"></i>
|
|
刷新
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="inline-flex items-center gap-2 rounded-2xl bg-gradient-to-r from-brand to-brand-dark px-4 py-2 text-sm font-semibold text-white shadow-lg disabled:opacity-40"
|
|
:disabled="selectedCount === 0"
|
|
@click="$emit('start-selected')"
|
|
>
|
|
<i class="fas fa-play"></i>
|
|
更新选中 ({{ selectedCount }})
|
|
</button>
|
|
<button
|
|
type="button"
|
|
aria-label="关闭"
|
|
class="inline-flex h-11 w-11 items-center justify-center rounded-full border border-slate-200/70 text-slate-500 transition hover:text-slate-900 dark:border-slate-700 dark:text-slate-300"
|
|
@click="$emit('request-close')"
|
|
>
|
|
<i class="fas fa-xmark"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<label class="block">
|
|
<span class="sr-only">搜索更新</span>
|
|
<input
|
|
:value="searchQuery"
|
|
type="search"
|
|
placeholder="搜索应用或包名"
|
|
class="w-full rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-900 outline-none transition focus:border-brand/60 focus:bg-white dark:border-slate-700 dark:bg-slate-950 dark:text-slate-100 dark:focus:bg-slate-900"
|
|
@input="handleInput"
|
|
/>
|
|
</label>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
searchQuery: string;
|
|
selectedCount: number;
|
|
}>();
|
|
|
|
const emit = defineEmits<{
|
|
(e: "refresh"): void;
|
|
(e: "start-selected"): void;
|
|
(e: "request-close"): void;
|
|
(e: "update:search-query", value: string): void;
|
|
}>();
|
|
|
|
const handleInput = (event: Event): void => {
|
|
const target = event.target as HTMLInputElement | null;
|
|
emit("update:search-query", target?.value ?? props.searchQuery);
|
|
};
|
|
</script>
|