根据如下要求用QML写出代码：首先，在纯文本编辑框左侧添加一个 ListView 用于展示文件列表。该 ListView 的宽度可以通过设置 width 属性进行调整。同时，通过设置 visible 属性来控制文件列表的显示和隐藏。 接着，通过 FolderListModel 来获取指定文件夹下的文件夹和 .md 文件。要实现只显示文件夹和 .md 文件，可以使用 nameFilters 属性进行过滤。将 FolderListModel 的 id 设置为 folderModel。 创建一个自定义的 ListItem 组件，用于展示文件列表中的每一项。根据每个项的类型（文件夹或 .md 文件），设置不同的图标和文本显示。同时，添加一个 onDoubleClicked 事件处理函数，在用户双击某一项时，根据项的类型进行不同的处理。 当用户双击一个文件夹时，需要展开该文件夹节点。可以通过设置 FolderListModel 的 folder 属性来实现。为了实现展开和收起文件夹节点的功能，可以在 ListItem 组件中添加一个 collapsed 属性，表示该项是否处于折叠状态。在 onDoubleClicked 事件处理函数中，设置该属性的值来实现展开和收起的效果。 最后，在打开文件夹时，设置 ListView 的 model 属性为 folderModel，并将 ListView 的 visible 属性设置为 true。当没有文件夹被打开时，将 ListView 的 visible 属性设置为 false。

好的，以下是基于上述要求的 QML 代码示例：

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

Window {
    visible: true
    width: 640
    height: 480
    title: "记事本"

    Rectangle {
        width: 200
        height: parent.height
        color: "#f0f0f0"

        ListView {
            id: fileList
            width: parent.width
            height: parent.height
            visible: false
            model: folderModel
            FolderListModel {
                id: folderModel
                folder: "/path/to/folder"
                nameFilters: ["*.md"]
                showDirs: true
            }

            delegate: ListItem {
                width: parent.width
                height: 30
                text: fileName
                icon: Qt.resolvedUrl(isFolder ? "folder.png" : "file.png")
                collapsed: true

                onDoubleClicked: {
                    if (isFolder) {
                        folderModel.folder = filePath
                        collapsed = !collapsed
                    } else {
                        // 打开 .md 文件
                    }
                }
            }
        }
    }

    TextArea {
        width: parent.width - fileList.width
        height: parent.height
        anchors.right: parent.right
        anchors.bottom: parent.bottom
    }

    Button {
        text: "打开文件列表"
        onClicked: fileList.visible = true
    }
}

在上述示例代码中，我们通过 Rectangle 和 ListView 组件来实现文件列表的展示和控制。其中，ListView 的 model 属性设置为我们通过 FolderListModel 获取到的文件和文件夹列表。我们为每个列表项创建了一个自定义的 ListItem 组件，并根据其类型（文件夹或 .md 文件）设置不同的图标和文本。在双击某一项时，我们通过判断其类型来实现展开文件夹或打开 .md 文件的操作。最后，我们通过一个按钮来控制文件列表的显示和隐藏。