fix: document.activeElement cannot get correct dom when the component…

… is placed in shadow dom

src/hooks/usePickerInput.ts

@@ -112,7 +112,12 @@ export default function usePickerInput({
 
       if (blurToCancel) {
         setTimeout(() => {
-          if (isClickOutside(document.activeElement)) {
+          let activeElement = document.activeElement;
+          while (activeElement.shadowRoot !== null) {
+            activeElement = activeElement.shadowRoot.activeElement;
+          }
+
+          if (isClickOutside(activeElement)) {
             onCancel();
           }
         }, 0);