added quickshell

2026-08-10 23:57:26 +02:00
parent cbaf55cfc5
commit 47ff5233bd
69 changed files with 6945 additions and 80 deletions
@@ -0,0 +1,135 @@
+import QtQuick
+import Quickshell
+import "root:/config"
+
+// Hover-driven panel that hangs off a bar item. Opens on a short dwell, stays
+// open while the pointer is over either the trigger or the panel itself, and
+// can be pinned with a click. Slides in from behind the bar with an overshoot.
+PopupWindow {
+    id: root
+
+    required property Item anchorItem
+    property bool triggerHovered: false
+    property bool pinned: false
+    property int showDelay: 140
+    property int hideDelay: 200
+    property int fromEdge: Edges.Bottom
+    property real contentWidth: Theme.popoutWidth
+    property real contentHeight: 200
+
+    // Extra surface around the content so the entry overshoot and glow are not
+    // clipped by the window edge.
+    readonly property int bleed: 24
+
+    default property alias body: contentHolder.data
+
+    readonly property bool wantsOpen: triggerHovered || panelHover.hovered || pinned
+
+    signal dismissedFully()
+
+    anchor.item: anchorItem
+    anchor.edges: fromEdge
+    anchor.gravity: fromEdge
+    anchor.adjustment: PopupAdjustment.SlideX
+    anchor.margins.top: Theme.popoutGap
+    anchor.margins.bottom: Theme.popoutGap
+
+    implicitWidth: contentWidth + bleed * 2
+    implicitHeight: contentHeight + bleed * 2
+    color: "transparent"
+    visible: shown
+
+    property bool shown: false
+
+    onWantsOpenChanged: {
+        if (wantsOpen) {
+            hideTimer.stop();
+            showTimer.restart();
+        } else {
+            showTimer.stop();
+            hideTimer.restart();
+        }
+    }
+
+    Timer {
+        id: showTimer
+        interval: root.showDelay
+        onTriggered: root.open()
+    }
+
+    Timer {
+        id: hideTimer
+        interval: root.hideDelay
+        onTriggered: root.dismiss()
+    }
+
+    function open() {
+        exitAnim.stop();
+        shown = true;
+        enterAnim.restart();
+    }
+
+    function dismiss() {
+        if (!shown) return;
+        enterAnim.stop();
+        exitAnim.restart();
+    }
+
+    Item {
+        id: contentHolder
+        x: root.bleed
+        y: root.bleed
+        width: root.contentWidth
+        height: root.contentHeight
+
+        opacity: 0
+        transformOrigin: Item.Top
+        scale: 0.94
+
+        // The handler has to live on the content item, not the window: a
+        // HoverHandler parented to the PopupWindow itself latches on and the
+        // panel never learns the pointer left.
+        HoverHandler {
+            id: panelHover
+        }
+    }
+
+    ParallelAnimation {
+        id: enterAnim
+        NumberAnimation {
+            target: contentHolder; property: "opacity"
+            to: 1.0; duration: Theme.durBase; easing.type: Easing.OutExpo
+        }
+        NumberAnimation {
+            target: contentHolder; property: "scale"
+            to: 1.0; duration: Theme.durSlow; easing.type: Easing.OutBack
+        }
+        NumberAnimation {
+            target: contentHolder; property: "y"
+            from: root.bleed - 14; to: root.bleed
+            duration: Theme.durSlow; easing.type: Easing.OutBack
+        }
+    }
+
+    ParallelAnimation {
+        id: exitAnim
+        NumberAnimation {
+            target: contentHolder; property: "opacity"
+            to: 0.0; duration: Theme.durFast; easing.type: Easing.InQuad
+        }
+        NumberAnimation {
+            target: contentHolder; property: "scale"
+            to: 0.96; duration: Theme.durFast; easing.type: Easing.InQuad
+        }
+        NumberAnimation {
+            target: contentHolder; property: "y"
+            to: root.bleed - 8; duration: Theme.durFast; easing.type: Easing.InQuad
+        }
+        onFinished: {
+            root.shown = false;
+            root.pinned = false;
+            contentHolder.y = root.bleed;
+            root.dismissedFully();
+        }
+    }
+}