84 lines
1.9 KiB
QML
84 lines
1.9 KiB
QML
/*
|
|
SPDX-FileCopyrightText: 2013-2014 Eike Hein <hein@kde.org>
|
|
|
|
SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick 2.15
|
|
|
|
import org.kde.draganddrop 2.0
|
|
import org.kde.kirigami 2.20 as Kirigami
|
|
|
|
DropArea {
|
|
id: root
|
|
|
|
width: Kirigami.Units.iconSizes.medium
|
|
height: contentHeight
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
|
|
property int contentHeight: model ? (model.count * Kirigami.Units.iconSizes.medium) + ((model.count - 1) * flow.spacing) : 0
|
|
|
|
property alias model: repeater.model
|
|
|
|
onDragMove: event => {
|
|
if (flow.animating) {
|
|
return;
|
|
}
|
|
|
|
var above = flow.childAt(event.x, event.y);
|
|
|
|
if (above && above !== kicker.dragSource && dragSource.parent == flow) {
|
|
repeater.model.moveRow(dragSource.itemIndex, above.itemIndex);
|
|
}
|
|
|
|
}
|
|
|
|
Flow {
|
|
id: flow
|
|
|
|
anchors.fill: parent
|
|
|
|
property bool animating: false
|
|
property int animationDuration: resetAnimationDurationTimer.interval
|
|
|
|
move: Transition {
|
|
SequentialAnimation {
|
|
PropertyAction { target: flow; property: "animating"; value: true }
|
|
|
|
NumberAnimation {
|
|
duration: flow.animationDuration
|
|
properties: "x, y"
|
|
easing.type: Easing.OutQuad
|
|
}
|
|
|
|
PropertyAction { target: flow; property: "animating"; value: false }
|
|
}
|
|
}
|
|
|
|
spacing: (2 * Kirigami.Units.smallSpacing)
|
|
|
|
Repeater {
|
|
id: repeater
|
|
|
|
delegate: SideBarItem {}
|
|
|
|
onCountChanged: {
|
|
flow.animationDuration = 0;
|
|
resetAnimationDurationTimer.start();
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: resetAnimationDurationTimer
|
|
|
|
interval: 150
|
|
repeat: false
|
|
|
|
onTriggered: {
|
|
flow.animationDuration = interval - 20;
|
|
}
|
|
}
|
|
}
|