写出代码：用qml实现一个记事本，要求打开文件夹时，应用在纯文本编辑框左侧展示一个 可调整宽度的文件列表，以该文件夹为根展示该文件夹下的目录结构，其中只包含文件夹或者 .md 文件，后者不展示扩展名。当用户双击列表中的某一项 .md 文件时，相当于“打开”选中的文件；当用户双击列表中的一个目录时，展开该目录节点。当没有文件夹被打开时，文件列表不显示

下面是一个简单的 QML 代码示例，实现了上述需求：

import QtQuick 2.15
import QtQuick.Controls 2.15
import Qt.labs.folderlistmodel 2.1

ApplicationWindow {
    visible: true
    width: 800
    height: 600
    title: "记事本"

    // 定义文件夹路径和当前选中的文件路径
    property string folderPath: ""
    property string selectedFilePath: ""

    // 定义 FolderListModel，获取指定文件夹下的文件夹和 .md 文件
    FolderListModel {
        id: folderModel
        folder: folderPath
        nameFilters: ["*.md", "*/"]
        showDirsFirst: true
    }

    // 定义自定义的 ListItem 组件，用于展示文件列表中的每一项
    Component {
        id: listItemDelegate
        Rectangle {
            height: 30
            color: ListView.isCurrentItem ? "#eaeaea" : "transparent"
            Text {
                text: model.fileName
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                anchors.leftMargin: model.indentation * 10
            }
            Image {
                source: model.isFolder ? "folder.png" : "file.png"
                width: 16
                height: 16
                anchors.verticalCenter: parent.verticalCenter
                anchors.right: parent.right
                anchors.rightMargin: 5
            }
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    if (model.isFolder) {
                        model.collapsed = !model.collapsed;
                    } else {
                        selectedFilePath = model.filePath;
                    }
                }
            }
        }
    }

    // 定义 ListView，用于展示文件列表
    ListView {
        id: fileListView
        width: 200
        height: parent.height
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        spacing: 5
        visible: folderPath !== ""
        model: folderModel
        delegate: listItemDelegate
    }

    // 定义纯文本编辑框，用于打开和编辑文件
    TextArea {
        id: textArea
        width: parent.width - fileListView.width
        height: parent.height
        anchors.left: fileListView.right
        anchors.top: parent.top
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        readOnly: folderPath === "" || selectedFilePath === ""
        text: selectedFilePath !== "" ? Qt.rgba(0, 0, 0, 1).toHex() + "\n" + Qt.resolvedUrl(selectedFilePath).toLocalFile() : ""
        font.family: "Courier"
        wrapMode: TextArea.WrapAnywhere
    }

    // 定义打开文件夹的按钮，点击后打开文件夹选择框
    Button {
        text: "打开文件夹"
        anchors.left: parent.left
        anchors.top: parent.top
        onClicked: {
            folderPath = Qt.fileDialog.getExistingDirectory(parent, "选择文件夹", folderPath);
        }
    }
}

在上述代码中，我们使用了 `FolderListModel` 获取指定文件夹下的文件夹和 `.md` 文件，并在 `ListView` 中展示了这些文件。同时，在自定义的 `ListItem` 组件中添加了 `onClicked` 事件处理函数，实现了双击文件夹展开和收起节点的功能，以及双击 `.md` 文件打开文件的功能。在纯文本编辑框中，我们使用了 `TextArea` 组件来打开和编辑文件。