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

以下是一个简单的 QML 实现，仅供参考：

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.3
import QtQuick.Dialogs 1.3
import Qt.labs.folderlistmodel 2.1

ApplicationWindow {
    id: window
    width: 800
    height: 600
    visible: true

    FolderListModel {
        id: folderModel
        nameFilters: ["*.md"]
        showDirs: true
    }

    ColumnLayout {
        anchors.fill: parent

        RowLayout {
            Layout.fillWidth: true

            TreeView {
                id: treeView
                width: window.width * 0.3
                height: window.height
                model: folderModel
                SelectionMode: SingleSelection
                headerVisible: false
                onActivated: {
                    if (item.isDir) {
                        item.expanded = !item.expanded
                    } else {
                        messageDialog.open()
                    }
                }
                delegate: TreeViewButton {
                    text: item.fileName
                    icon: item.isDir ? (item.expanded ? "folder-open" : "folder-closed") : ""
                }
            }

            TextArea {
                id: textArea
                Layout.fillWidth: true
                readOnly: true
                text: folderModel.folder !== "" && treeView.currentIndex.isValid ? Qt.resolvedUrl(folderModel.filePath(treeView.currentIndex)) : ""
            }
        }

        MessageDialog {
            id: messageDialog
            title: "Open File"
            property string selectedFile: ""
            onAccepted: {
                textArea.text = Qt.resolvedUrl(selectedFile)
            }
            onRejected: {
                treeView.currentIndex = -1
            }
            onFileUrlChanged: {
                selectedFile = fileUrl
            }
        }
    }

    onClosing: {
        messageDialog.close()
    }
}

该实现使用了 `FolderListModel` 来展示目录结构，同时使用了 `TreeView` 和 `TextArea` 来展示文件列表和文件内容。文件列表在左侧，可以调整宽度；当用户双击列表中的某一项 .md 文件时，会弹出一个 MessageDialog 用于选择文件，并在 TextArea 中显示文件内容。