refactor(RightClickRestorer): 用状态配置表简化页面 UI 结构

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-19 10:41:22 +08:00
parent 06b9d29270
commit 228cadf526
5 changed files with 102 additions and 72 deletions
@@ -0,0 +1,59 @@
+import type { LucideIcon } from 'lucide-react';
+import { AlertTriangle, MousePointerClick, Shield, ShieldCheck } from 'lucide-react';
+
+export type RestorerStatus = 'unsupported' | 'locked' | 'unlocked';
+
+export const CARD_CLASS =
+  'w-full p-4 rounded-xl border border-border bg-card text-card-foreground shadow-sm overflow-hidden space-y-3';
+
+export const LOADING_TEXT = '正在加载...';
+
+export const DOMAIN_LABEL = '当前域名';
+
+interface StatusConfig {
+  badgeVariant: 'default' | 'secondary' | 'destructive';
+  badgeClassName: string;
+  badgeIcon: LucideIcon;
+  badgeLabel: string;
+  description: string;
+  buttonIcon: LucideIcon;
+  buttonLabel: string;
+  buttonDisabled: boolean;
+  buttonVariant: 'default' | 'secondary';
+}
+
+export const STATUS_CONFIG: Record<RestorerStatus, StatusConfig> = {
+  unsupported: {
+    badgeVariant: 'destructive',
+    badgeClassName: 'gap-1 shrink-0',
+    badgeIcon: AlertTriangle,
+    badgeLabel: '不支持',
+    description: '当前页面为浏览器内部页面或扩展页面，无法解锁右键功能。请切换到普通网页后重试。',
+    buttonIcon: AlertTriangle,
+    buttonLabel: '不支持',
+    buttonDisabled: true,
+    buttonVariant: 'secondary',
+  },
+  locked: {
+    badgeVariant: 'secondary',
+    badgeClassName: 'gap-1 shrink-0',
+    badgeIcon: Shield,
+    badgeLabel: '未解锁',
+    description: '点击下方按钮，为当前网站临时解锁右键菜单。刷新页面后需要重新解锁。',
+    buttonIcon: MousePointerClick,
+    buttonLabel: '解锁当前网站右键',
+    buttonDisabled: false,
+    buttonVariant: 'default',
+  },
+  unlocked: {
+    badgeVariant: 'default',
+    badgeClassName: 'gap-1 bg-green-600 hover:bg-green-700 shrink-0',
+    badgeIcon: ShieldCheck,
+    badgeLabel: '已解锁',
+    description: '点击下方按钮，为当前网站临时解锁右键菜单。刷新页面后需要重新解锁。',
+    buttonIcon: MousePointerClick,
+    buttonLabel: '右键已解锁',
+    buttonDisabled: true,
+    buttonVariant: 'secondary',
+  },
+};