ScreenTab.qml

// SPDX-FileCopyrightText: 2024 UnionTech Software Technology Co., Ltd.
// SPDX-License-Identifier: GPL-3.0-or-later
import QtQuick 2.15
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.15
import org.deepin.dtk 1.0 as D
import org.deepin.dcc 1.0

Item {
    id: root
    property var screen
    property alias model: repeater.model
    signal screenClicked(var screen)

    implicitHeight: 30
    RowLayout {
        Repeater {
            id: repeater
            delegate: Rectangle {
                property bool isSelect: {
                    var modelName = model.modelData ? model.modelData.name : "null"
                    var screenName = screen ? screen.name : "null"
                    return model.modelData && screen ? model.modelData.name === screen.name : false
                }
                property alias hovered: mouseArea.containsMouse
                implicitWidth: nameLabel.implicitWidth + 20
                implicitHeight: 30
                radius: 8
                color: isSelect ? (D.DTK.themeType == D.ApplicationHelper.LightType ? Qt.rgba(0, 0, 0, 0.1) : Qt.rgba(1, 1, 1, 0.1)) : "transparent"
                Label {
                    id: nameLabel
                    anchors.centerIn: parent
                    text: model.modelData.name
                    color: hovered ? this.palette.link : (isSelect ? this.palette.highlight : this.palette.text)
                }
                MouseArea {
                    id: mouseArea
                    anchors.fill: parent
                    hoverEnabled: true
                    onClicked: {
                        if (!isSelect) {
                            screenClicked(model.modelData)
                        }
                    }
                }
            }
        }
    }
}