x-ui-design 0.8.63 → 0.8.65

package/dist/index.esm.js

@@ -3367,7 +3367,7 @@ const TimePicker = ({
   const [innerValue, setInnerValue] = useState(propValue || defaultValue ? new Date(propValue || defaultValue) : null);
   const [[showHour, showMinutes, showSeconds]] = useState(`${format}`.split(':'));
   const [tempValue, setTempValue] = useState(null);
-  const inputRef = useRef(null);
+  const triggerRef = useRef(null);
   const popupRef = useRef(null);
   const hourRef = useRef(null);
   const minuteRef = useRef(null);
@@ -3378,15 +3378,15 @@ const TimePicker = ({
     popupRef,
     placement,
     isOpen: open,
-    triggerRef: inputRef,
-    getPopupContainer: getPopupContainer?.(inputRef.current)
+    triggerRef: triggerRef,
+    getPopupContainer: getPopupContainer?.(triggerRef.current)
   });
   useEffect(() => {
     setInnerValue(propValue || defaultValue ? new Date(propValue || defaultValue) : null);
   }, [propValue]);
   useEffect(() => {
     const handleClickOutside = e => {
-      if (popupRef.current && !popupRef.current.contains(e.target) && inputRef.current && !inputRef.current.contains(e.target)) {
+      if (popupRef.current && !popupRef.current.contains(e.target) && triggerRef.current && !triggerRef.current.contains(e.target)) {
         setOpen(false);
         setTempValue(null);
         if (!innerValue) {
@@ -3635,7 +3635,7 @@ const TimePicker = ({
     className: `${prefixCls}-input-wrapper`,
     onClick: () => setOpen(true)
   }, /*#__PURE__*/React.createElement("input", {
-    ref: inputRef,
+    ref: triggerRef,
     size: INPUT_SIZE,
     placeholder: placeholder,
     className: `${prefixCls}-input`,
@@ -3662,7 +3662,7 @@ const TimePicker = ({
     }
   }, suffixIcon))), open && /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: getPopupContainer !== undefined,
-    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(inputRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
+    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(triggerRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
   }, /*#__PURE__*/React.createElement("div", {
     ref: popupRef,
     style: dropdownPosition,
@@ -5397,7 +5397,6 @@ const Dropdown = ({
   const onTriggerClick = e => {
     e.preventDefault();
     e.stopPropagation();
-    console.info(triggers.includes('click') && triggerRef.current && !open && triggerRef.current?.contains(e.target));
     if (triggers.includes('click') && triggerRef.current && !open && triggerRef.current?.contains(e.target)) {
       setOpenInternal(!open);
     }
@@ -5414,8 +5413,8 @@ const Dropdown = ({
   };
   const popup = /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: getPopupContainer !== undefined,
-    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(triggerRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
-  }, /*#__PURE__*/React.createElement("div", {
+    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(popupRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: popupRef,
     className: `${prefixCls}-overlay ${prefixCls}-${placement} ${overlayClassName}`,
     style: {
@@ -5443,7 +5442,7 @@ const Dropdown = ({
     style: {
       padding: 8
     }
-  }, "Empty menu")));
+  }, "Empty menu"))));
   return /*#__PURE__*/React.createElement("div", {
     ref: triggerRef,
     className: className,