From 59fef7d7908a671dd701912711dfb522d429412b Mon Sep 17 00:00:00 2001
From: hongzzz <hongzzz@foxmail.com>
Date: Sun, 11 Aug 2024 22:07:34 +0800
Subject: [PATCH] fix: Modify Tooltip placements config (#37960)

* fix: Modify Tooltip placements config

* fix: Modify Tooltip placements verticalArrowShift

* fix: sync tooltip & popover arrow offset

* fix: modify dropdown arrow width

---------

Co-authored-by: afc163 <afc163@gmail.com>
---
 components/_util/placements.tsx     | 2 +-
 components/tooltip/index.tsx        | 3 +++
 components/tooltip/style/index.less | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/_util/placements.tsx b/components/_util/placements.tsx
index b1a5a1c8111a..453d440f360c 100644
--- a/components/_util/placements.tsx
+++ b/components/_util/placements.tsx
@@ -38,7 +38,7 @@ export function getOverflowOptions(autoAdjustOverflow?: boolean | AdjustOverflow
 
 export default function getPlacements(config: PlacementsConfig) {
   const {
-    arrowWidth = 4,
+    arrowWidth = 5,
     horizontalArrowShift = 16,
     verticalArrowShift = 8,
     autoAdjustOverflow,
diff --git a/components/tooltip/index.tsx b/components/tooltip/index.tsx
index 5f2a72d1b39b..f92d523f63f9 100644
--- a/components/tooltip/index.tsx
+++ b/components/tooltip/index.tsx
@@ -214,6 +214,9 @@ const Tooltip = React.forwardRef<unknown, TooltipProps>((props, ref) => {
     return (
       builtinPlacements ||
       getPlacements({
+        arrowWidth: 11,
+        horizontalArrowShift: 16,
+        verticalArrowShift: 12,
         arrowPointAtCenter,
         autoAdjustOverflow,
       })
diff --git a/components/tooltip/style/index.less b/components/tooltip/style/index.less
index d2ad5e126378..9ec0014808db 100644
--- a/components/tooltip/style/index.less
+++ b/components/tooltip/style/index.less
@@ -8,8 +8,8 @@
 @tooltip-arrow-rotate-width: sqrt(@tooltip-arrow-width * @tooltip-arrow-width * 2) +
   @tooltip-arrow-shadow-width * 2;
 
-@tooltip-arrow-offset-vertical: 5px; // 8 - 3px
-@tooltip-arrow-offset-horizontal: 13px; // 16 - 3px
+@tooltip-arrow-offset-vertical: 12px;
+@tooltip-arrow-offset-horizontal: 16px;
 
 // Base class
 .@{tooltip-prefix-cls} {