x-ui-design 0.9.62 → 0.9.64

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { PopoverProps } from "../../types/popover";
 import './style.css';
-declare const Popover: ({ prefixCls, content, children, trigger, placement, open, visible, title, style, overlayClassName, overlayStyle, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
+declare const Popover: ({ prefixCls, content, children, trigger, placement, open, visible, title, style, overlayClassName, overlayStyle, overlayPopupStyle, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
 export default Popover;

package/dist/esm/types/hooks/usePopupPosition.d.ts

@@ -8,8 +8,9 @@ type TPopupPosition = {
     placement?: Placement;
     popupContainer?: HTMLElement | null;
     useTargetWidth?: boolean;
+    positionObserver?: CSSProperties;
 };
-export declare const usePopupPosition: ({ open, setOpen, popupRef, targetRef, placement, popupContainer, useTargetWidth }: TPopupPosition) => {
+export declare const usePopupPosition: ({ open, setOpen, popupRef, targetRef, placement, popupContainer, useTargetWidth, positionObserver }: TPopupPosition) => {
     _placement: Placement;
     popupStyle: CSSProperties;
 };

package/dist/esm/types/types/popover.d.ts

@@ -8,6 +8,7 @@ export type PopoverProps = DefaultProps & {
     open?: boolean;
     overlayStyle?: CSSProperties;
     overlayClassName?: string;
+    overlayPopupStyle?: CSSProperties;
     title?: string | ReactNode;
     visible?: boolean;
     listenPopoverPositions?: CSSProperties;

package/dist/index.esm.js

@@ -2627,7 +2627,8 @@ const usePopupPosition = ({
   targetRef,
   placement,
   popupContainer,
-  useTargetWidth
+  useTargetWidth,
+  positionObserver
 }) => {
   const [_placement, _setPlacement] = useState(placement ?? "bottomLeft");
   const [popupPosition, setPopupPosition] = useState({});
@@ -2800,7 +2801,7 @@ const usePopupPosition = ({
       controller.abort();
       setPopupPosition({});
     };
-  }, [open, targetRef, calculatePosition]);
+  }, [open, targetRef, positionObserver, calculatePosition]);
   return {
     _placement,
     popupStyle: {
@@ -5670,6 +5671,7 @@ const Popover = ({
   style = {},
   overlayClassName = '',
   overlayStyle = {},
+  overlayPopupStyle = {},
   onVisibleChange,
   getPopupContainer
 }) => {
@@ -5686,6 +5688,7 @@ const Popover = ({
     placement,
     open: isOpen,
     setOpen: setInnerOpen,
+    positionObserver: overlayPopupStyle,
     popupContainer: getPopupContainer?.(targetRef.current)
   });
   useEffect(() => {