From 73ea70c67a6cbdd697c190663555d9ea97ca3238 Mon Sep 17 00:00:00 2001
From: linxianxi <904492381@qq.com>
Date: Mon, 25 Oct 2021 15:33:52 +0800
Subject: [PATCH] fix(checkbox): remove focus styles when disabled

---
 packages/checkbox/src/use-checkbox.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/checkbox/src/use-checkbox.ts b/packages/checkbox/src/use-checkbox.ts
index d41201bd7a9..b43689a3440 100644
--- a/packages/checkbox/src/use-checkbox.ts
+++ b/packages/checkbox/src/use-checkbox.ts
@@ -11,6 +11,7 @@ import React, {
   ChangeEvent,
   KeyboardEvent,
   useCallback,
+  useEffect,
   useRef,
   useState,
 } from "react"
@@ -189,6 +190,12 @@ export function useCheckbox(props: UseCheckboxProps = {}) {
     }
   }, [isIndeterminate])
 
+  useEffect(() => {
+    if (isDisabled) {
+      setFocused.off()
+    }
+  }, [isDisabled, setFocused])
+
   const trulyDisabled = isDisabled && !isFocusable
 
   const onKeyDown = useCallback(