feat: add connector line to alert tooltip

1. Added BoxShadow component with connector styling to AlertToolTip
2. Implemented connector line that visually connects tooltip to target
element
3. Positioned connector above tooltip with proper spacing and margins
4. Enhanced border opacity from 0.05 to 0.1 for better visibility
5. Updated connector background color in dark mode to solid dark gray
(RGB 51,51,51)

Log: Added visual connector line between alert tooltips and their target
elements

Influence:
1. Test alert tooltip display with connector line visible
2. Verify connector positioning relative to tooltip and target element
3. Check connector appearance in both light and dark themes
4. Validate connector styling including shadow, border, and colors
5. Test tooltip animations with the new connector element
6. Ensure connector doesn't interfere with tooltip functionality

feat: 为警告提示工具添加连接线

1. 在 AlertToolTip 中添加了带有连接器样式的 BoxShadow 组件
2. 实现了视觉上连接工具提示和目标元素的连接线
3. 使用适当的间距和边距将连接线定位在工具提示上方
4. 将边框不透明度从 0.05 增加到 0.1 以提高可见性
5. 在深色模式下更新连接器背景颜色为纯深灰色 (RGB 51,51,51)

Log: 在警告提示工具与其目标元素之间添加了视觉连接线

Influence:
1. 测试带有连接线的警告提示工具显示
2. 验证连接线相对于工具提示和目标元素的定位
3. 检查连接线在浅色和深色主题下的外观
4. 验证连接线样式包括阴影、边框和颜色
5. 测试带有新连接线元素的工具提示动画
6. 确保连接线不会干扰工具提示功能

PMS: BUG-334879

Author: 18202781743

qt6/src/qml/AlertToolTip.qml

@@ -50,4 +50,25 @@ ToolTip {
         // NumberAnimation { properties: "opacity"; from: 1.0; to: 0.0 }
         NumberAnimation { properties: "y"; from: control.target.height + DS.Style.control.spacing ; to: control.target.height }
     }
+
+    BoxShadow {
+        id: line
+        property D.Palette dropShadowColor: DS.Style.alertToolTip.connecterdropShadow
+        property D.Palette backgroundColor: DS.Style.alertToolTip.connecterBackground
+        property D.Palette borderColor: DS.Style.control.border
+        y: - height * (0.75) - control.topMargin - control.topPadding
+        width: DS.Style.alertToolTip.connectorWidth
+        height: DS.Style.alertToolTip.connectorHeight
+        shadowBlur: 4
+        shadowOffsetY: 2
+        shadowColor: D.ColorSelector.dropShadowColor
+        cornerRadius: DS.Style.control.radius
+
+        Rectangle {
+            anchors.fill: parent
+            color: line.D.ColorSelector.backgroundColor
+            border.color: line.D.ColorSelector.borderColor
+            border.width: 1
+        }
+    }
 }

qt6/src/qml/FlowStyle.qml

@@ -15,8 +15,8 @@ QtObject {
         property real focusBorderPaddings: 1
 
         property D.Palette border: D.Palette {
-            normal: Qt.rgba(0, 0, 0, 0.05)
-            normalDark: Qt.rgba(0, 0, 0, 0.05)
+            normal: Qt.rgba(0, 0, 0, 0.1)
+            normalDark: Qt.rgba(0, 0, 0, 0.1)
         }
 
         function implicitWidth(control) {
@@ -635,7 +635,7 @@ QtObject {
 
         property D.Palette connecterBackground: D.Palette {
             normal: Qt.rgba(1, 1, 1, 1)
-            normalDark: Qt.rgba(0, 0, 0, 0.1)
+            normalDark: Qt.rgba(51 / 255.0, 51 / 255.0, 51 / 255.0, 1)
         }
 
         property D.Palette dropShadow: D.Palette {