146 lines
3.2 KiB
QML
146 lines
3.2 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import "bluetooth"
|
|
import "network"
|
|
import "audio"
|
|
import "appearance"
|
|
import "taskbar"
|
|
import "launcher"
|
|
import qs.components
|
|
import qs.services
|
|
import qs.config
|
|
import Quickshell.Widgets
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
ClippingRectangle {
|
|
id: root
|
|
|
|
required property Session session
|
|
|
|
color: "transparent"
|
|
clip: true
|
|
focus: false
|
|
activeFocusOnTab: false
|
|
|
|
// Clear focus when clicking anywhere in the panes area
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
z: -1
|
|
onPressed: function(mouse) {
|
|
root.focus = true;
|
|
mouse.accepted = false;
|
|
}
|
|
}
|
|
|
|
// Clear focus when switching panes
|
|
Connections {
|
|
target: root.session
|
|
|
|
function onActiveIndexChanged(): void {
|
|
root.focus = true;
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: layout
|
|
|
|
spacing: 0
|
|
y: -root.session.activeIndex * root.height
|
|
clip: true
|
|
|
|
property bool animationComplete: true
|
|
|
|
Timer {
|
|
id: animationDelayTimer
|
|
interval: Appearance.anim.durations.normal
|
|
onTriggered: {
|
|
layout.animationComplete = true;
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 0
|
|
sourceComponent: NetworkingPane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 1
|
|
sourceComponent: BtPane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 2
|
|
sourceComponent: AudioPane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 3
|
|
sourceComponent: AppearancePane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 4
|
|
sourceComponent: TaskbarPane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Pane {
|
|
index: 5
|
|
sourceComponent: LauncherPane {
|
|
session: root.session
|
|
}
|
|
}
|
|
|
|
Behavior on y {
|
|
Anim {}
|
|
}
|
|
|
|
Connections {
|
|
target: root.session
|
|
function onActiveIndexChanged(): void {
|
|
// Mark animation as incomplete and start delay timer
|
|
layout.animationComplete = false;
|
|
animationDelayTimer.restart();
|
|
}
|
|
}
|
|
}
|
|
|
|
component Pane: Item {
|
|
id: pane
|
|
|
|
required property int index
|
|
property alias sourceComponent: loader.sourceComponent
|
|
|
|
implicitWidth: root.width
|
|
implicitHeight: root.height
|
|
|
|
Loader {
|
|
id: loader
|
|
|
|
anchors.fill: parent
|
|
clip: false
|
|
asynchronous: true
|
|
active: {
|
|
const diff = Math.abs(root.session.activeIndex - pane.index);
|
|
|
|
// Always activate current and adjacent panes immediately for smooth transitions
|
|
if (diff <= 1) {
|
|
return true;
|
|
}
|
|
|
|
// For distant panes, wait until animation completes to avoid heavy loading during transition
|
|
return layout.animationComplete;
|
|
}
|
|
}
|
|
}
|
|
}
|