waffles: power menu and user account menu

2026-06-05 14:59:27 -05:00 · 2025-12-01 13:27:01 +01:00
parent 61b5cf8cb6
commit 8d2c8bd38e
13 changed files with 611 additions and 61 deletions
@@ -0,0 +1,83 @@
+pragma ComponentBehavior: Bound
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Hyprland
+import qs.modules.common
+import qs.modules.common.functions
+import qs.modules.waffle.looks
+
+Menu {
+    id: root
+
+    property bool downDirection: false
+    property bool hasIcons: false // TODO: implement
+
+    implicitWidth: background.implicitWidth + root.padding * 2
+    implicitHeight: background.implicitHeight + root.padding * 2
+    padding: 3
+    property real sourceEdgeMargin: -implicitHeight
+    clip: true
+    
+    enter: Transition {
+        NumberAnimation {
+            property: "sourceEdgeMargin"
+            from: -root.implicitHeight
+            to: root.padding
+            duration: 200
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Looks.transition.easing.bezierCurve.easeIn
+        }
+    }
+    exit: Transition {
+        NumberAnimation {
+            property: "sourceEdgeMargin"
+            from: root.padding
+            to: -root.implicitHeight
+            duration: 150
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Looks.transition.easing.bezierCurve.easeOut
+        }
+    }
+
+    background: WPane {
+        anchors {
+            left: parent.left
+            right: parent.right
+            top: root.downDirection ? parent.top : undefined
+            bottom: root.downDirection ? undefined : parent.bottom
+            margins: root.padding
+            topMargin: root.downDirection ? root.sourceEdgeMargin : root.padding
+            bottomMargin: root.downDirection ? root.padding : root.sourceEdgeMargin
+        }
+        contentItem: Rectangle {
+            color: Looks.colors.bg1Base
+            implicitWidth: menuListView.implicitWidth + root.padding * 2
+            implicitHeight: root.contentItem.implicitHeight + root.padding * 2
+        }
+    }
+
+    contentItem: ListView {
+        id: menuListView
+        anchors {
+            left: parent.left
+            right: parent.right
+            top: root.downDirection ? parent.top : undefined
+            bottom: root.downDirection ? undefined : parent.bottom
+            margins: root.padding * 2
+            topMargin: root.downDirection ? root.sourceEdgeMargin : root.padding
+            bottomMargin: root.downDirection ? root.padding : root.sourceEdgeMargin
+        }
+        implicitHeight: contentHeight
+        implicitWidth: Array.from({
+            length: count
+        }, (_, i) => itemAtIndex(i)?.implicitWidth ?? 0).reduce((a, b) => a > b ? a : b)
+
+        model: root.contentModel
+    }
+
+    delegate: WMenuItem {
+        id: menuItemDelegate
+    }
+}