fix: document.activeElement cannot get correct dom when the component is placed in shadow dom (#221)

Co-authored-by: nongzhou.yh <[email protected]>

Author: rzyanhao

src/hooks/usePickerInput.ts

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