refactor: rename autoRefresh to reloadAfterClean for clarity and consistency across components

This commit is contained in:
雨霖铃
2026-05-23 10:02:02 +08:00
parent 3adfe95234
commit a0e6871b16
5 changed files with 54 additions and 59 deletions
+6 -20
View File
@@ -11,29 +11,26 @@ import { useLazyTranslation } from '@/utils/useLazyTranslation';
export default function Index() {
const { t } = useLazyTranslation('storageCleaner');
// 1. 完美对接全新重构、无需回调参数的纯净版状态 Hook
const {
error,
isInitializing,
options,
sizes,
autoRefresh,
reloadAfterClean,
loading,
result,
showConfirm,
setShowConfirm,
allSelected,
someSelected,
handleAutoRefreshChange,
handleReloadAfterCleanChange,
handleOptionChange,
handleSelectAll,
handleClean,
} = useStorageCleaner();
// 计算当前的按钮锁定状态:没有任何一项被勾选,或者正在清理中,则禁用大按钮
const isButtonDisabled = !(someSelected || allSelected) || loading;
// 2. 初始化骨架屏:全面升级为符合 shadcn 规范的无损微动效 Spinner
if (isInitializing) {
return (
<div className="flex flex-col items-center justify-center py-12 min-h-[280px] w-full animate-in fade-in duration-200">
@@ -45,18 +42,12 @@ export default function Index() {
);
}
// 拦截非法域名或受限域名的错误提示页(ErrorDisplay 内部已在上一轮做好 p-4 居中)
if (error) {
return <ErrorDisplay error={error} />;
}
return (
/* 3. 终极版页面根容器:
- 彻底灌入 p-4,全局对齐线向内收缩 16px,终结贴边惨剧。
- 用 space-y-3.5 替代块级外边距(mb-3 等),让所有卡片之间的垂直间距处于绝对一致的黄金比例。
*/
<div className="p-4 w-full flex flex-col space-y-3.5 animate-in fade-in duration-300">
{/* 存储网格核心中控面板 (内部已满血复活半选状态) */}
<StorageOptionsGrid
options={options}
sizes={sizes}
@@ -66,14 +57,11 @@ export default function Index() {
onSelectAll={handleSelectAll}
/>
{/* 自动刷新开关 */}
<AutoRefreshToggle autoRefresh={autoRefresh} onChange={handleAutoRefreshChange} />
<AutoRefreshToggle
reloadAfterClean={reloadAfterClean}
onChange={handleReloadAfterCleanChange}
/>
{/* 4. 主行动按钮超进化:
- 彻底剥离 bg-amber-500,全面回归系统标准的 variant="destructive"。
- 享受高风险操作该有的危险红警示,完美契合上一轮重构的二次确认弹窗基调。
- 高级动态加载:当处于 cleaning 状态时,文字自动流转,且左侧自动淡入等宽 Loader2 图标。
*/}
<Button
variant="destructive"
size="default"
@@ -91,10 +79,8 @@ export default function Index() {
)}
</Button>
{/* 动态清理结果返回反馈卡片 */}
<CleaningResult result={result} />
{/* 二次风险防御确认弹窗 */}
<StorageCleanerConfirm
open={showConfirm}
onClose={() => setShowConfirm(false)}