fix: replace ComboBox with Menu for notification actions

1. Replaced the ComboBox component with a custom NotifyActionMenu for
displaying additional notification actions
2. Created new NotifyActionMenu.qml file implementing a Qt Labs Platform
Menu with dynamic action items
3. Modified NotifyAction.qml to use NotifyActionButton with actionMenu
property instead of ComboBox
4. Changed the "More" button behavior to open a menu instead of a
dropdown combo box
5. Removed complex ComboBox width calculation logic and replaced with
simpler menu implementation

Log: Fixed notification action text truncation by replacing ComboBox
with Menu

Influence:
1. Test notification with multiple actions to ensure all actions are
displayed without truncation
2. Verify that clicking the "More" button opens a menu showing all
additional actions
3. Check that action menu items are properly triggered and invoke the
correct actions
4. Test keyboard navigation between action buttons and menu items
5. Verify visual appearance and styling of the action menu matches
system theme
6. Ensure menu positioning is correct relative to the notification
action button

fix: 修复通知操作文本被截断的问题

1. 将 ComboBox 组件替换为自定义的 NotifyActionMenu 用于显示额外的通知
操作
2. 创建新的 NotifyActionMenu.qml 文件，实现基于 Qt Labs Platform Menu 的
动态操作项
3. 修改 NotifyAction.qml，使用带有 actionMenu 属性的 NotifyActionButton
替代 ComboBox
4. 更改"更多"按钮行为，现在打开菜单而不是下拉组合框
5. 移除了复杂的 ComboBox 宽度计算逻辑，替换为更简单的菜单实现

Log: 通过将 ComboBox 替换为 Menu 修复通知操作文本被截断的问题

Influence:
1. 测试包含多个操作的通知，确保所有操作都能完整显示而不被截断
2. 验证点击"更多"按钮能正确打开显示所有额外操作的菜单
3. 检查菜单项是否能正确触发并调用相应的操作
4. 测试操作按钮和菜单项之间的键盘导航功能
5. 验证操作菜单的视觉外观和样式是否与系统主题匹配
6. 确保菜单位置相对于通知操作按钮的定位正确

PMS: BUG-312949

Author: 18202781743

panels/notification/plugin/CMakeLists.txt

@@ -1,4 +1,4 @@
-# SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
+# SPDX-FileCopyrightText: 2024 - 2026 UnionTech Software Technology Co., Ltd.
 #
 # SPDX-License-Identifier: GPL-3.0-or-later
 
@@ -19,6 +19,7 @@ qt_add_qml_module(notificationplugin
         SettingActionButton.qml
         OverlapIndicator.qml
         DropShadowText.qml
+        NotifyActionMenu.qml
     OUTPUT_DIRECTORY
         ${PROJECT_BINARY_DIR}/plugins/org/deepin/ds/notification/
 )

panels/notification/plugin/NotifyAction.qml

@@ -149,56 +149,8 @@ Control {
             visible: active
             Layout.maximumWidth: 200
             Layout.alignment: Qt.AlignHCenter
-            sourceComponent: ComboBox {
-                id: comboBox
-                flat: false
-                rightPadding: 8
-                leftPadding: 2
-                topPadding: 0
-                bottomPadding: 0
-                property var expandActions: actions.slice(1)
-                property real maxItemWidth: 0
-                textRole: "text"
-                implicitHeight: 30
-                model: expandActions
-                activeFocusOnTab: false
-                popup.width: maxItemWidth + comboBox.padding + 28                
-                TextMetrics {
-                    id: textMetrics
-                    font: comboBox.font
-                    text: comboBox.displayText
-                }
-                
-                TextMetrics {
-                    id: itemTextMetrics
-                    font: comboBox.font
-                }
-                
-                popup.onAboutToShow: {
-                    let maxWidth = 0
-                    for (let i = 0; i < comboBox.model.length; i++) {
-                        if (comboBox.model[i] && comboBox.model[i].text) {
-                            itemTextMetrics.text = comboBox.model[i].text
-                            if (itemTextMetrics.width > maxWidth) {
-                                maxWidth = itemTextMetrics.width
-                            }
-                        }
-                    }
-                    maxItemWidth = maxWidth
-                }
-                
-                implicitWidth: textMetrics.width + comboBox.padding + 30
-                background: NotifyItemBackground {
-                    leftInset: 2
-                    implicitHeight: 30
-                    implicitWidth: comboBox.width
-                    radius: 6
-                    outsideBorderColor: null
-                    insideBorderColor: null
-                    dropShadowColor: null
-                    backgroundColor: root.actionBackgroundColor
-                    anchors.fill: parent
-                }
+            sourceComponent: NotifyActionButton {
+                actionData: actions.length > 2 ? actions[1] : null
                 Keys.onBacktabPressed: function(event) {
                     // Go back to first action button
                     if (firstActionBtn.enabled) {
@@ -214,33 +166,23 @@ Control {
                     root.gotoNextButton()
                     event.accepted = true
                 }
-                delegate: MenuItem {
-                    required property int index
-                    text: model[index] ? model[index].text : ""
-
-                    contentItem: Text {                        
-                        text: model[index] ? model[index].text : ""
-                        font: DTK.fontManager.t6
-                        color: parent.hovered ? parent.palette.highlightedText : parent.palette.text
-                    }
-                    onTriggered: {
-                        if (model[index]) {
-                            actionInvoked(model[index].id)
-                            comboBox.popup.close()
-                        }
-                    }
-                    background: Rectangle {
-                        radius: 6
-                        color: parent.hovered ? parent.palette.highlight : "transparent"
+                actionMenu: NotifyActionMenu {
+                    onActionInvoked: function(actionId) {
+                        console.log("Action invoked from menu with ID:", actionId)
+                        root.actionInvoked(actionId)
                     }
                 }
+                indicator: ButtonIndicator {
+                    color: "transparent"
+                }
             }
         }
     }
 
     component NotifyActionButton: Button {
         id: actionButton
         required property var actionData
+        property var actionMenu: null
         text: actionData ? actionData.text : ""
         enabled: actionData ? actionData.enabled : false
         topPadding: undefined
@@ -251,9 +193,15 @@ Control {
         spacing: 0
         font: DTK.fontManager.t6
         onClicked: {
-            if (actionData) {
-                console.log("action invoked", actionData.id)
-                actionInvoked(actionData.id)
+            // Open the action menu when clicking the "More" button
+            if (actionMenu) {
+                actionMenu.actions = root.actions.slice(1)
+                actionMenu.open(actionButton)
+            } else {
+                if (actionData) {
+                    console.log("action invoked", actionData.id)
+                    actionInvoked(actionData.id)
+                }
             }
         }
 

panels/notification/plugin/NotifyActionMenu.qml

@@ -0,0 +1,33 @@
+// SPDX-FileCopyrightText: 2026 UnionTech Software Technology Co., Ltd.
+//
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+import QtQuick
+import org.deepin.dtk 1.0
+import Qt.labs.platform 1.1 as LP
+import org.deepin.ds.notification
+
+LP.Menu {
+    id: root
+
+    property var actions: []
+
+    signal actionInvoked(var actionId)
+
+    Instantiator {
+        model: root.actions
+        delegate: LP.MenuItem {
+            text: modelData.text
+            onTriggered: {
+                console.log("Action triggered: " + modelData.text + " (ID: " + modelData.id + ")")
+                root.actionInvoked(modelData.id)
+            }
+        }
+        onObjectAdded: function(index, object) {
+            root.insertItem(index, object)
+        }
+        onObjectRemoved: function(index, object) {
+            root.removeItem(object)
+        }
+    }
+}