From bf354883a8904829ab417ab2edf14cb79fa54906 Mon Sep 17 00:00:00 2001
From: ibiz_zhf <1204297681@qq.com>
Date: Wed, 10 Dec 2025 11:47:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=B0=94=E6=B3=A1?=
 =?UTF-8?q?=E9=A3=98=E7=AA=97=E7=AE=AD=E5=A4=B4=E6=A0=B7=E5=BC=8F=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |  4 ++++
 .../app-popover/app-popover-component.scss    | 20 +++++++++++++++++++
 .../app-popover/app-popover-component.tsx     |  1 +
 3 files changed, 25 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ea79e368..a35e279d3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@
 
 ## [Unreleased]
 
+### Fixed
+
+- 修复气泡飘窗箭头样式显示异常
+
 ## [0.7.41-alpha.21] - 2025-08-27
 
 ### Added
diff --git a/src/util/app-popover/app-popover-component.scss b/src/util/app-popover/app-popover-component.scss
index 265faeefb..3ae0b6a65 100644
--- a/src/util/app-popover/app-popover-component.scss
+++ b/src/util/app-popover/app-popover-component.scss
@@ -16,6 +16,26 @@
     height: getCssVar('width-icon', 'extra-small');
     background: getCssVar('color-bg-2');
     transform: rotate(45deg);
+
+    &[data-placement^=top] {
+      border-right: 1px solid getCssVar('color-border');
+      border-bottom: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=bottom] {
+      border-top: 1px solid getCssVar('color-border');
+      border-left: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=left] {
+      border-top: 1px solid getCssVar('color-border');
+      border-right: 1px solid getCssVar('color-border');
+    }
+
+    &[data-placement^=right] {
+      border-bottom: 1px solid getCssVar('color-border');
+      border-left: 1px solid getCssVar('color-border');
+    }
   }
 
   @include when(show) {
diff --git a/src/util/app-popover/app-popover-component.tsx b/src/util/app-popover/app-popover-component.tsx
index 795a48e51..7022d6f4f 100644
--- a/src/util/app-popover/app-popover-component.tsx
+++ b/src/util/app-popover/app-popover-component.tsx
@@ -93,6 +93,7 @@ async function computePos(
         bottom: '',
         [staticSide]: '-4px',
       });
+      arrEl.setAttribute('data-placement', placement);
     }
   }
 }
-- 
Gitee