Zacharias-Brohn
120 lines
3.5 KiB
QML
120 lines
3.5 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import Quickshell
|
|
import Quickshell.Widgets
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
import qs.Config
|
|
import qs.Modules
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property PersistentProperties visibilities
|
|
required property PersistentProperties state
|
|
readonly property real nonAnimWidth: view.implicitWidth + viewWrapper.anchors.margins * 2
|
|
readonly property real nonAnimHeight: view.implicitHeight + viewWrapper.anchors.margins * 2
|
|
|
|
implicitWidth: nonAnimWidth
|
|
implicitHeight: nonAnimHeight
|
|
|
|
ClippingRectangle {
|
|
id: viewWrapper
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.margins: Appearance.padding.large
|
|
|
|
radius: 8
|
|
color: "transparent"
|
|
|
|
Flickable {
|
|
id: view
|
|
|
|
readonly property int currentIndex: root.state.currentTab
|
|
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)
|
|
root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
|
|
else if (x < -currentItem.implicitWidth / 2)
|
|
root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
|
|
}
|
|
|
|
onDragEnded: {
|
|
const x = contentX - currentItem.x;
|
|
if (x > currentItem.implicitWidth / 10)
|
|
root.state.currentTab = Math.min(root.state.currentTab + 1, tabs.count - 1);
|
|
else if (x < -currentItem.implicitWidth / 10)
|
|
root.state.currentTab = Math.max(root.state.currentTab - 1, 0);
|
|
else
|
|
contentX = Qt.binding(() => currentItem.x);
|
|
}
|
|
|
|
RowLayout {
|
|
id: row
|
|
|
|
Pane {
|
|
index: 0
|
|
sourceComponent: Dash {
|
|
state: root.state
|
|
visibilities: root.visibilities
|
|
}
|
|
}
|
|
}
|
|
|
|
Behavior on contentX {
|
|
Anim {}
|
|
}
|
|
}
|
|
}
|
|
|
|
Behavior on implicitWidth {
|
|
Anim {
|
|
duration: MaterialEasing.expressiveEffectsTime
|
|
easing.bezierCurve: MaterialEasing.expressiveEffects
|
|
}
|
|
}
|
|
|
|
Behavior on implicitHeight {
|
|
Anim {
|
|
duration: MaterialEasing.expressiveEffectsTime
|
|
easing.bezierCurve: MaterialEasing.expressiveEffects
|
|
}
|
|
}
|
|
|
|
component Pane: Loader {
|
|
id: pane
|
|
|
|
required property int index
|
|
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
Component.onCompleted: active = Qt.binding(() => {
|
|
// Always keep current tab loaded
|
|
if (pane.index === view.currentIndex)
|
|
return true;
|
|
const vx = Math.floor(view.visibleArea.xPosition * view.contentWidth);
|
|
const vex = Math.floor(vx + view.visibleArea.widthRatio * view.contentWidth);
|
|
return (vx >= x && vx <= x + implicitWidth) || (vex >= x && vex <= x + implicitWidth);
|
|
})
|
|
}
|
|
}
|