QML 递归组件示例：无限嵌套文本框

以下是一个简单的 QML 递归组件示例，它将创建一个无限层级的嵌套文本框：

import QtQuick 2.0

Item {
    property int depth: 0 // 记录组件深度

    Row {
        spacing: 10

        Rectangle {
            width: 20
            height: 20
            color: 'blue'
        }

        Text {
            text: 'Depth: ' + depth
        }
    }

    // 递归创建子组件
    Column {
        spacing: 10
        anchors.top: parent.bottom

        RecursiveComponent {
            depth: depth + 1 // 递归深度加一
        }
    }
}

这个递归组件包含一个 Row 和一个 Column，Row 用于显示当前组件的深度，并在左侧绘制一个蓝色矩形，Column 用于递归创建子组件。

子组件通过 RecursiveComponent 实现，它使用属性 depth 记录当前组件深度，并将其传递给子组件。每个子组件的深度都比其父组件深度增加1，因此子组件的深度会无限递增。