请使用qml完成treeview，要求里面的元素可以通过拖拉自由调整顺序，请提供完整代码

好的，下面是一个使用 QML 完成 TreeView 并支持拖拽的示例代码：

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Item {
    width: 400
    height: 400

    ListModel {
        id: treeModel
        ListElement {
            name: "Item 1"
            children: [
                ListElement { name: "Subitem 1.1" },
                ListElement { name: "Subitem 1.2" }
            ]
        }
        ListElement {
            name: "Item 2"
            children: [
                ListElement { name: "Subitem 2.1" },
                ListElement { name: "Subitem 2.2" }
            ]
        }
    }

    TreeView {
        id: treeView
        anchors.fill: parent
        model: treeModel
        selection: ItemSelectionModel {
            onCurrentItemChanged: {
                if (currentItem) {
                    console.log("Selected item:", currentItem.name)
                }
            }
        }
        delegate: TreeViewDelegate {
            id: delegate
            text: model.name
            branchDelegate: delegate
            onClicked: treeView.currentIndex = index
            onDoubleClicked: treeView.expand(index)
            onBranchToggled: model.expanded = branchToggled
            onMove: {
                if (drag.source !== drop.target) {
                    drag.source.model.move(drag.source.index, drop.target.index)
                }
            }
            Rectangle {
                anchors.fill: parent
                color: treeView.isCurrentItem ? "lightblue" : "white"
                border.color: "black"
                border.width: 1
                Text {
                    anchors.centerIn: parent
                    text: treeView.styleData.value
                }
                MouseArea {
                    anchors.fill: parent
                    drag.target: delegate
                    drag.axis: Drag.XAndYAxis
                    drag.minimumX: -1000000
                    drag.maximumX: 1000000
                    drag.minimumY: -1000000
                    drag.maximumY: 1000000
                    onReleased: {
                        if (drag.active && treeView.currentIndex !== index) {
                            treeModel.move(index, treeView.currentIndex)
                        }
                    }
                }
            }
        }
    }
}

这个示例代码中，我们首先定义了一个 ListModel 作为 TreeView 的数据源，然后在 TreeView 中使用自定义的 TreeViewDelegate 作为每个节点的展示方式。在 TreeViewDelegate 中，我们使用了一个矩形作为背景，然后在上面添加了一个 Text 来展示节点的文本内容。为了支持拖拽操作，我们在矩形上添加了一个 MouseArea，然后在 MouseArea 中设置了 drag.target 来指定可以被拖拽的控件，同时在 onReleased 事件中判断如果拖拽结束后当前节点已经发生变化，则将当前节点移动到拖拽结束的位置。

希望这个示例代码能够帮助到你！