117 lines
3.5 KiB
QML
117 lines
3.5 KiB
QML
// SPDX-License-Identifier: LGPL-3.0-or-later
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
|
|
ListView {
|
|
id: listView
|
|
interactive: allowDragging
|
|
currentIndex: -1
|
|
keyNavigationWraps: true
|
|
highlightMoveDuration: theme.animationDuration
|
|
highlightResizeDuration: theme.animationDuration
|
|
|
|
// Keep highlighted delegate at the center
|
|
highlightRangeMode: ListView.ApplyRange
|
|
preferredHighlightBegin: height / 2 - currentItemHeight / 2
|
|
preferredHighlightEnd: height / 2 + currentItemHeight / 2
|
|
|
|
maximumFlickVelocity: 4000
|
|
|
|
|
|
highlight: Rectangle {
|
|
color: theme.controls.listView.highlight
|
|
}
|
|
|
|
ScrollBar.vertical: ScrollBar {
|
|
visible: listView.interactive || ! listView.allowDragging
|
|
}
|
|
|
|
// property bool debug: false
|
|
|
|
// Make sure to handle when a previous transition gets interrupted
|
|
add: Transition {
|
|
ParallelAnimation {
|
|
// ScriptAction { script: if (listView.debug) print("add") }
|
|
HNumberAnimation { property: "opacity"; from: 0; to: 1 }
|
|
HNumberAnimation { property: "scale"; from: 0; to: 1 }
|
|
}
|
|
}
|
|
|
|
move: Transition {
|
|
ParallelAnimation {
|
|
// ScriptAction { script: if (listView.debug) print("move") }
|
|
HNumberAnimation { property: "opacity"; to: 1 }
|
|
HNumberAnimation { property: "scale"; to: 1 }
|
|
HNumberAnimation { properties: "x,y" }
|
|
}
|
|
}
|
|
|
|
remove: Transition {
|
|
ParallelAnimation {
|
|
// ScriptAction { script: if (listView.debug) print("remove") }
|
|
HNumberAnimation { property: "opacity"; to: 0 }
|
|
HNumberAnimation { property: "scale"; to: 0 }
|
|
}
|
|
}
|
|
|
|
displaced: Transition {
|
|
ParallelAnimation {
|
|
// ScriptAction { script: if (listView.debug) print("displaced") }
|
|
HNumberAnimation { property: "opacity"; to: 1 }
|
|
HNumberAnimation { property: "scale"; to: 1 }
|
|
HNumberAnimation { properties: "x,y" }
|
|
}
|
|
}
|
|
|
|
|
|
property bool allowDragging: true
|
|
property alias cursorShape: mouseArea.cursorShape
|
|
property int currentItemHeight: currentItem ? currentItem.height : 0
|
|
property var checkedDelegates: ({})
|
|
property int selectedCount: Object.keys(checkedDelegates).length
|
|
|
|
|
|
function delegatesChecked(...indices) {
|
|
for (const i of indices) {
|
|
const model = listView.model.get(i)
|
|
checkedDelegates[model.id] = model
|
|
}
|
|
checkedDelegatesChanged()
|
|
}
|
|
|
|
function delegatesUnchecked(...indices) {
|
|
for (const i of indices) {
|
|
const model = listView.model.get(i)
|
|
delete checkedDelegates[model.id]
|
|
}
|
|
checkedDelegatesChanged()
|
|
}
|
|
|
|
function getSortedCheckedDelegates() {
|
|
return Object.values(checkedDelegates).sort(
|
|
(a, b) => a.date > b.date ? 1 : -1
|
|
)
|
|
}
|
|
|
|
|
|
Connections {
|
|
target: listView
|
|
enabled: ! listView.allowDragging
|
|
// interactive gets temporarily set to true below to allow wheel scroll
|
|
onDraggingChanged: listView.interactive = false
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
anchors.fill: parent
|
|
enabled: ! parent.allowDragging || cursorShape !== Qt.ArrowCursor
|
|
acceptedButtons: Qt.NoButton
|
|
onWheel: {
|
|
// Allow wheel usage, will be back to false on any drag attempt
|
|
parent.interactive = true
|
|
wheel.accepted = false
|
|
}
|
|
}
|
|
}
|