更改Switch组件中记录disabled状态的属性。

src/components/Switch.module.css

@@ -4,7 +4,7 @@
     align-items: center;
     gap: 1em;
     cursor: pointer;
-    &[aria-disabled] {
+    &[disabled] {
       cursor: not-allowed;
     }
   }
@@ -31,7 +31,7 @@
         transform: translate(calc(var(--spacing) * 10 - 1px), 2px);
       }
     }
-    [aria-disabled] & {
+    [disabled] & {
       --disabled-background: oklch(
         from var(--color-primary-disabled) calc(l * 0.5) calc(c * 0.5) h
       );

src/components/Switch.tsx

@@ -25,7 +25,7 @@ export function Switch({ checked = false, disabled = false, onChange }: SwitchPr
   }, [checked]);
 
   return (
-    <div className={styles.switch} aria-disabled={disabled}>
+    <div className={styles.switch} disabled={disabled}>
       <div
         className={cx(styles.switch_handle, isChecked && styles.checked)}
         onClick={handleSwitch}></div>