From e161da75c77b08917ea2991231577166f746cba6 Mon Sep 17 00:00:00 2001
From: gaoziman <2942894660@qq.com>
Date: Thu, 18 Dec 2025 11:28:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Toggle=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20disabled=20=E5=B1=9E=E6=80=A7=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 disabled 属性用于禁用开关
- 禁用状态下显示半透明效果和禁止光标
---
 src/components/ui/Toggle.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/Toggle.tsx b/src/components/ui/Toggle.tsx
index c9a6c02..f5e8926 100644
--- a/src/components/ui/Toggle.tsx
+++ b/src/components/ui/Toggle.tsx
@@ -6,18 +6,21 @@ interface ToggleProps {
   checked: boolean;
   onChange: (checked: boolean) => void;
   className?: string;
+  disabled?: boolean;
 }
 
-export function Toggle({ checked, onChange, className }: ToggleProps) {
+export function Toggle({ checked, onChange, className, disabled }: ToggleProps) {
   return (
     <button
       type="button"
       role="switch"
       aria-checked={checked}
-      onClick={() => onChange(!checked)}
+      disabled={disabled}
+      onClick={() => !disabled && onChange(!checked)}
       className={cn(
         'relative w-11 h-6 rounded-full transition-colors duration-150 ease-in-out',
         checked ? 'bg-[var(--color-primary)]' : 'bg-[var(--color-border)]',
+        disabled && 'opacity-50 cursor-not-allowed',
         className
       )}
     >