123 lines
3.6 KiB
QML
123 lines
3.6 KiB
QML
import "root:/widgets"
|
|
import "root:/services"
|
|
import "root:/config"
|
|
import Quickshell
|
|
import Quickshell.Widgets
|
|
import QtQuick
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property PersistentProperties visibilities
|
|
readonly property real nonAnimWidth: view.implicitWidth + viewWrapper.anchors.margins * 2
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.bottom: parent.bottom
|
|
|
|
implicitWidth: nonAnimWidth
|
|
implicitHeight: tabs.implicitHeight + tabs.anchors.topMargin + view.implicitHeight + viewWrapper.anchors.margins * 2
|
|
|
|
Tabs {
|
|
id: tabs
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.topMargin: Appearance.padding.normal
|
|
anchors.margins: Appearance.padding.large
|
|
|
|
nonAnimWidth: root.nonAnimWidth
|
|
currentIndex: view.currentIndex
|
|
}
|
|
|
|
ClippingRectangle {
|
|
id: viewWrapper
|
|
|
|
anchors.top: tabs.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.margins: Appearance.padding.large
|
|
|
|
radius: Appearance.rounding.normal
|
|
color: "transparent"
|
|
|
|
Flickable {
|
|
id: view
|
|
|
|
readonly property int currentIndex: tabs.currentIndex
|
|
readonly property Item currentItem: row.children[currentIndex]
|
|
|
|
anchors.fill: parent
|
|
|
|
flickableDirection: Flickable.HorizontalFlick
|
|
|
|
implicitWidth: currentItem.implicitWidth
|
|
implicitHeight: currentItem.implicitHeight
|
|
|
|
contentX: currentItem.x
|
|
contentWidth: row.implicitWidth
|
|
contentHeight: row.implicitHeight
|
|
|
|
onContentXChanged: {
|
|
if (!moving)
|
|
return;
|
|
|
|
const x = contentX - currentItem.x;
|
|
if (x > currentItem.implicitWidth / 2)
|
|
tabs.bar.incrementCurrentIndex();
|
|
else if (x < -currentItem.implicitWidth / 2)
|
|
tabs.bar.decrementCurrentIndex();
|
|
}
|
|
|
|
onDragEnded: {
|
|
const x = contentX - currentItem.x;
|
|
if (x > currentItem.implicitWidth / 10)
|
|
tabs.bar.incrementCurrentIndex();
|
|
else if (x < -currentItem.implicitWidth / 10)
|
|
tabs.bar.decrementCurrentIndex();
|
|
else
|
|
contentX = Qt.binding(() => currentItem.x);
|
|
}
|
|
|
|
Row {
|
|
id: row
|
|
|
|
Dash {
|
|
shouldUpdate: visible && this === view.currentItem
|
|
}
|
|
|
|
Media {
|
|
shouldUpdate: visible && this === view.currentItem
|
|
visibilities: root.visibilities
|
|
}
|
|
|
|
Performance {}
|
|
}
|
|
|
|
Behavior on contentX {
|
|
NumberAnimation {
|
|
duration: Appearance.anim.durations.normal
|
|
easing.type: Easing.BezierSpline
|
|
easing.bezierCurve: Appearance.anim.curves.standard
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Behavior on implicitWidth {
|
|
NumberAnimation {
|
|
duration: Appearance.anim.durations.large
|
|
easing.type: Easing.BezierSpline
|
|
easing.bezierCurve: Appearance.anim.curves.emphasized
|
|
}
|
|
}
|
|
|
|
Behavior on implicitHeight {
|
|
NumberAnimation {
|
|
duration: Appearance.anim.durations.large
|
|
easing.type: Easing.BezierSpline
|
|
easing.bezierCurve: Appearance.anim.curves.emphasized
|
|
}
|
|
}
|
|
}
|