nosignal-shell/modules/bar/popouts/Content.qml
2 * r + 2 * t 24a3da8138 feat: bar popouts
Create active window popout
2025-06-02 16:31:26 +08:00

79 lines
2.1 KiB
QML

import "root:/services"
import "root:/config"
import Quickshell
import Quickshell.Widgets
import QtQuick
Item {
id: root
required property ShellScreen screen
anchors.centerIn: parent
implicitWidth: Popouts.hasCurrent ? content.children.find(c => c.shouldBeActive).implicitWidth + Appearance.padding.large * 2 : 0
implicitHeight: Popouts.hasCurrent ? content.children.find(c => c.shouldBeActive).implicitHeight + Appearance.padding.large * 2 : 0
clip: true
Item {
id: content
anchors.fill: parent
anchors.margins: Appearance.padding.large
clip: true
Popout {
name: "activewindow"
sourceComponent: ActiveWindow {}
}
}
Behavior on implicitWidth {
Anim {
easing.bezierCurve: Appearance.anim.curves.emphasized
}
}
Behavior on implicitHeight {
Anim {
easing.bezierCurve: Appearance.anim.curves.emphasized
}
}
component Popout: Loader {
id: popout
required property string name
property bool shouldBeActive: Popouts.currentName === name
active: shouldBeActive
asynchronous: true
Behavior on active {
SequentialAnimation {
Anim {
target: popout
property: "opacity"
from: popout.shouldBeActive ? 1 : 0
to: popout.shouldBeActive ? 0 : 1
duration: popout.shouldBeActive ? 0 : Appearance.anim.durations.normal
}
PropertyAction {}
Anim {
target: popout
property: "opacity"
from: popout.shouldBeActive ? 0 : 1
to: popout.shouldBeActive ? 1 : 0
duration: popout.shouldBeActive ? Appearance.anim.durations.normal : 0
}
}
}
}
component Anim: NumberAnimation {
duration: Appearance.anim.durations.normal
easing.type: Easing.BezierSpline
easing.bezierCurve: Appearance.anim.curves.standard
}
}