feat: 监听页面点击关闭选择框

@@ -99,6 +99,29 @@ const FormSelectMain: React.FC<FormSelectProps>= (props)=> {
     }
     }
   }, [JSON.stringify(value), JSON.stringify(options)]);
   }, [JSON.stringify(value), JSON.stringify(options)]);
 
 
+	// 用来监听页面点击关闭选择框
+  useEffect(() => {
+		const controlVisible= (e: MouseEvent)=> {
+			if(state.modalVisible) return
+			let selectBox = document.getElementsByClassName('qx-form-select'); // 这个是自己的区域
+			let flag = false;
+			Array.prototype.forEach.call(selectBox, function (element) {
+				if(element.contains(e.target)) {
+					flag = true;
+				}
+			});
+			if (!flag) {
+				inputSelectRef.current?.closeDropdown();
+			}
+		}
+    // 监听页面点击关闭操作
+    document.addEventListener('click', controlVisible);
+
+    return () => {
+      document.removeEventListener('click', controlVisible)
+    }
+  }, []);
+
 
 
   return (
   return (
     <div className={cls(prefix, className)}>
     <div className={cls(prefix, className)}>