fix(Popover): Popover ref.current.show() invalid

DaJianWu · Aug 29, 2024 · be64c17 · be64c17
1 parent 7e6f7e6
commit be64c17
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/popover/popover.tsx b/src/components/popover/popover.tsx
@@ -79,13 +79,17 @@ export const Popover = forwardRef<PopoverRef, PopoverProps>((p, ref) => {
   useImperativeHandle(
     ref,
     () => ({
-      show: () => setVisible(true),
+      show: () => {
+        stateRef.current.isClickShow = true;
+        setVisible(true);
+      },
       hide: () => setVisible(false),
       visible,
     }),
     [visible]
   )
 
+  const stateRef = useRef({ isClickShow: false });
   const targetRef = useRef<Wrapper>(null)
   const floatingRef = useRef<HTMLDivElement>(null)
   const arrowRef = useRef<HTMLDivElement>(null)
@@ -196,6 +200,10 @@ export const Popover = forwardRef<PopoverRef, PopoverProps>((p, ref) => {
   useClickAway(
     () => {
       if (!props.trigger) return
+      if (stateRef.current.isClickShow) {
+        stateRef.current.isClickShow = false;
+        return;
+      }
       setVisible(false)
     },
     [() => targetRef.current?.element, floatingRef],