From ac981e2c981a8b9f6336d27e33d806b1fbeb225f Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 25 Nov 2021 16:10:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E5=8F=8D=E5=BA=94=E8=A1=A8=E6=83=85=E7=9A=84=E4=B8=80=E4=BA=9B?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChatBox/ChatMessageList/item.less |  2 ++
 web/src/components/TcPopover.tsx                     | 11 ++++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ChatBox/ChatMessageList/item.less b/web/src/components/ChatBox/ChatMessageList/item.less
index a2210651..0d8ceee8 100644
--- a/web/src/components/ChatBox/ChatMessageList/item.less
+++ b/web/src/components/ChatBox/ChatMessageList/item.less
@@ -14,6 +14,8 @@
 }
 
 .chat-message-item_action-popover {
+  padding-top: 0;
+
   .ant-popover-arrow {
     display: none;
   }
diff --git a/web/src/components/TcPopover.tsx b/web/src/components/TcPopover.tsx
index fd228e4d..52d8206f 100644
--- a/web/src/components/TcPopover.tsx
+++ b/web/src/components/TcPopover.tsx
@@ -13,9 +13,14 @@ const TcPopoverContext = React.createContext({ closePopover: _noop });
 export const TcPopover: React.FC<PopoverProps> = React.memo((props) => {
   const [visible, setVisible] = useState(false);
 
-  const handleVisibleChange = useCallback((v) => {
-    setVisible(v);
-  }, []);
+  const handleVisibleChange = useCallback(
+    (v) => {
+      setVisible(v);
+
+      typeof props.onVisibleChange === 'function' && props.onVisibleChange(v);
+    },
+    [props.onVisibleChange]
+  );
 
   const closePopover = useCallback(() => {
     setVisible(false);