forked from qt-creator/qt-creator
e2d33a85f2
- Write ID in all caps - Some other small fixes Task-number: QDS-3778 Change-Id: Ib959a2b8d31c7e51ea9ed1cae398b115b01e63f8 Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
456 lines
17 KiB
QML
456 lines
17 KiB
QML
/****************************************************************************
|
|
**
|
|
** Copyright (C) 2016 The Qt Company Ltd.
|
|
** Contact: https://www.qt.io/licensing/
|
|
**
|
|
** This file is part of Qt Creator.
|
|
**
|
|
** Commercial License Usage
|
|
** Licensees holding valid commercial Qt licenses may use this file in
|
|
** accordance with the commercial license agreement provided with the
|
|
** Software or, alternatively, in accordance with the terms contained in
|
|
** a written agreement between you and The Qt Company. For licensing terms
|
|
** and conditions see https://www.qt.io/terms-conditions. For further
|
|
** information use the contact form at https://www.qt.io/contact-us.
|
|
**
|
|
** GNU General Public License Usage
|
|
** Alternatively, this file may be used under the terms of the GNU
|
|
** General Public License version 3 as published by the Free Software
|
|
** Foundation with exceptions as appearing in the file LICENSE.GPL3-EXCEPT
|
|
** included in the packaging of this file. Please review the following
|
|
** information to ensure the GNU General Public License requirements will
|
|
** be met: https://www.gnu.org/licenses/gpl-3.0.html.
|
|
**
|
|
****************************************************************************/
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuickDesignerTheme 1.0
|
|
import HelperWidgets 2.0
|
|
import StudioControls 1.0 as StudioControls
|
|
import StudioTheme 1.0 as StudioTheme
|
|
|
|
Rectangle {
|
|
id: itemPane
|
|
width: 320
|
|
height: 400
|
|
color: Theme.qmlDesignerBackgroundColorDarkAlternate()
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: forceActiveFocus()
|
|
}
|
|
|
|
ScrollView {
|
|
clip: true
|
|
anchors.fill: parent
|
|
|
|
Column {
|
|
y: -1
|
|
width: itemPane.width
|
|
Section {
|
|
z: 2
|
|
caption: qsTr("Component")
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
SectionLayout {
|
|
Label {
|
|
text: qsTr("Type")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
z: 2
|
|
|
|
RoundedPanel {
|
|
Layout.fillWidth: true
|
|
height: StudioTheme.Values.height
|
|
|
|
Label {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: StudioTheme.Values.inputHorizontalPadding
|
|
anchors.topMargin: StudioTheme.Values.typeLabelVerticalShift
|
|
text: backendValues.className.value
|
|
}
|
|
ToolTipArea {
|
|
anchors.fill: parent
|
|
onDoubleClicked: {
|
|
typeLineEdit.text = backendValues.className.value
|
|
typeLineEdit.visible = ! typeLineEdit.visible
|
|
typeLineEdit.forceActiveFocus()
|
|
}
|
|
tooltip: qsTr("Changes the type of this component.")
|
|
enabled: !modelNodeBackend.multiSelection
|
|
}
|
|
|
|
ExpressionTextField {
|
|
id: typeLineEdit
|
|
z: 2
|
|
completeOnlyTypes: true
|
|
replaceCurrentTextByCompletion: true
|
|
anchors.fill: parent
|
|
|
|
visible: false
|
|
|
|
showButtons: false
|
|
fixedSize: true
|
|
|
|
property bool blockEditingFinished: false
|
|
|
|
onEditingFinished: {
|
|
if (typeLineEdit.blockEditingFinished)
|
|
return
|
|
|
|
typeLineEdit.blockEditingFinished = true
|
|
|
|
if (typeLineEdit.visible)
|
|
changeTypeName(typeLineEdit.text.trim())
|
|
typeLineEdit.visible = false
|
|
|
|
typeLineEdit.blockEditingFinished = false
|
|
|
|
typeLineEdit.completionList.model = null
|
|
}
|
|
|
|
onRejected: {
|
|
typeLineEdit.visible = false
|
|
typeLineEdit.completionList.model = null
|
|
}
|
|
}
|
|
|
|
}
|
|
Item {
|
|
Layout.preferredWidth: 20
|
|
Layout.preferredHeight: 20
|
|
}
|
|
}
|
|
|
|
Label {
|
|
text: qsTr("ID")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
spacing: 2
|
|
LineEdit {
|
|
id: lineEdit
|
|
|
|
backendValue: backendValues.id
|
|
placeholderText: qsTr("ID")
|
|
text: backendValues.id.value
|
|
Layout.fillWidth: true
|
|
width: 240
|
|
showTranslateCheckBox: false
|
|
showExtendedFunctionButton: false
|
|
enabled: !modelNodeBackend.multiSelection
|
|
}
|
|
|
|
Rectangle {
|
|
id: aliasIndicator
|
|
color: "transparent"
|
|
border.color: "transparent"
|
|
implicitWidth: StudioTheme.Values.height
|
|
implicitHeight: StudioTheme.Values.height
|
|
z: 10
|
|
|
|
Label {
|
|
id: aliasIndicatorIcon
|
|
enabled: !modelNodeBackend.multiSelection
|
|
anchors.fill: parent
|
|
text: {
|
|
if (!aliasIndicatorIcon.enabled)
|
|
return StudioTheme.Constants.idAliasOff
|
|
|
|
return hasAliasExport ? StudioTheme.Constants.idAliasOn : StudioTheme.Constants.idAliasOff
|
|
}
|
|
color: {
|
|
if (!aliasIndicatorIcon.enabled)
|
|
return StudioTheme.Values.themeTextColorDisabled
|
|
|
|
return hasAliasExport ? StudioTheme.Values.themeInteraction : StudioTheme.Values.themeTextColor
|
|
}
|
|
font.family: StudioTheme.Constants.iconFont.family
|
|
font.pixelSize: Math.round(16 * StudioTheme.Values.scaleFactor)
|
|
verticalAlignment: Text.AlignVCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
states: [
|
|
State {
|
|
name: "hovered"
|
|
when: toolTipArea.containsMouse && aliasIndicatorIcon.enabled
|
|
PropertyChanges {
|
|
target: aliasIndicatorIcon
|
|
scale: 1.2
|
|
}
|
|
}
|
|
]
|
|
}
|
|
|
|
ToolTipArea {
|
|
id: toolTipArea
|
|
enabled: !modelNodeBackend.multiSelection
|
|
anchors.fill: parent
|
|
onClicked: toogleExportAlias()
|
|
tooltip: qsTr("Exports this component as an alias property of the root component.")
|
|
}
|
|
}
|
|
}
|
|
|
|
Label {
|
|
text: qsTr("Custom ID")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
enabled: !modelNodeBackend.multiSelection
|
|
spacing: 2
|
|
|
|
LineEdit {
|
|
id: annotationEdit
|
|
visible: annotationEditor.hasAuxData
|
|
|
|
backendValue: backendValues.customId__AUX
|
|
placeholderText: qsTr("customId")
|
|
text: backendValue.value
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: 240
|
|
width: 240
|
|
showTranslateCheckBox: false
|
|
showExtendedFunctionButton: false
|
|
|
|
onHoveredChanged: annotationEditor.checkAux()
|
|
}
|
|
|
|
StudioControls.AbstractButton {
|
|
id: editAnnotationButton
|
|
visible: annotationEditor.hasAuxData
|
|
|
|
Layout.preferredWidth: 22
|
|
Layout.preferredHeight: 22
|
|
width: 22
|
|
|
|
buttonIcon: StudioTheme.Constants.edit
|
|
|
|
onClicked: annotationEditor.showWidget()
|
|
onHoveredChanged: annotationEditor.checkAux()
|
|
}
|
|
|
|
StudioControls.AbstractButton {
|
|
id: removeAnnotationButton
|
|
visible: annotationEditor.hasAuxData
|
|
|
|
Layout.preferredWidth: 22
|
|
Layout.preferredHeight: 22
|
|
width: 22
|
|
|
|
buttonIcon: StudioTheme.Constants.closeCross
|
|
|
|
onClicked: annotationEditor.removeFullAnnotation()
|
|
onHoveredChanged: annotationEditor.checkAux()
|
|
}
|
|
|
|
StudioControls.AbstractButton {
|
|
id: addAnnotationButton
|
|
visible: !annotationEditor.hasAuxData
|
|
|
|
buttonIcon: qsTr("Add Annotation")
|
|
iconFont: StudioTheme.Constants.font
|
|
Layout.fillWidth: true
|
|
Layout.preferredWidth: 240
|
|
width: 240
|
|
|
|
onClicked: annotationEditor.showWidget()
|
|
|
|
onHoveredChanged: annotationEditor.checkAux()
|
|
}
|
|
|
|
Item {
|
|
Layout.preferredWidth: 22
|
|
Layout.preferredHeight: 22
|
|
visible: !annotationEditor.hasAuxData
|
|
}
|
|
|
|
AnnotationEditor {
|
|
id: annotationEditor
|
|
|
|
modelNodeBackendProperty: modelNodeBackend
|
|
|
|
property bool hasAuxData: (annotationEditor.hasAnnotation || annotationEditor.hasCustomId)
|
|
|
|
onModelNodeBackendChanged: checkAux()
|
|
onCustomIdChanged: checkAux()
|
|
onAnnotationChanged: checkAux()
|
|
|
|
function checkAux() {
|
|
hasAuxData = (annotationEditor.hasAnnotation || annotationEditor.hasCustomId)
|
|
annotationEdit.update()
|
|
}
|
|
|
|
onAccepted: {
|
|
hideWidget()
|
|
}
|
|
|
|
onCanceled: {
|
|
hideWidget()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
GeometrySection {
|
|
}
|
|
|
|
Section {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
caption: qsTr("Visibility")
|
|
|
|
SectionLayout {
|
|
rows: 2
|
|
Label {
|
|
text: qsTr("Visibility")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
|
|
CheckBox {
|
|
text: qsTr("Is visible")
|
|
backendValue: backendValues.visible
|
|
}
|
|
|
|
Item {
|
|
width: 10
|
|
height: 10
|
|
}
|
|
|
|
CheckBox {
|
|
text: qsTr("Clip")
|
|
backendValue: backendValues.clip
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
Label {
|
|
text: qsTr("Opacity")
|
|
}
|
|
|
|
SecondColumnLayout {
|
|
SpinBox {
|
|
width: StudioTheme.Values.squareComponentWidth * 4
|
|
sliderIndicatorVisible: true
|
|
backendValue: backendValues.opacity
|
|
decimals: 2
|
|
|
|
minimumValue: 0
|
|
maximumValue: 1
|
|
hasSlider: true
|
|
stepSize: 0.1
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
height: 4
|
|
width: 4
|
|
}
|
|
|
|
StudioControls.TabBar {
|
|
id: tabBar
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
StudioControls.TabButton {
|
|
text: backendValues.className.value
|
|
}
|
|
StudioControls.TabButton {
|
|
text: qsTr("Layout")
|
|
}
|
|
StudioControls.TabButton {
|
|
text: qsTr("Advanced")
|
|
}
|
|
}
|
|
|
|
StackLayout {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
currentIndex: tabBar.currentIndex
|
|
|
|
property int currentHeight: children[currentIndex].implicitHeight
|
|
property int extraHeight: 40
|
|
|
|
height: currentHeight + extraHeight
|
|
|
|
Column {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
Loader {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
visible: theSource !== ""
|
|
|
|
id: specificsTwo;
|
|
sourceComponent: specificQmlComponent
|
|
|
|
property string theSource: specificQmlData
|
|
|
|
onTheSourceChanged: {
|
|
active = false
|
|
active = true
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
id: specificsOne;
|
|
source: specificsUrl;
|
|
|
|
property int loaderHeight: specificsOne.item.height + tabView.extraHeight
|
|
}
|
|
}
|
|
|
|
Column {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
LayoutSection {
|
|
}
|
|
|
|
MarginSection {
|
|
visible: anchorBackend.isInLayout
|
|
backendValueTopMargin: backendValues.Layout_topMargin
|
|
backendValueBottomMargin: backendValues.Layout_bottomMargin
|
|
backendValueLeftMargin: backendValues.Layout_leftMargin
|
|
backendValueRightMargin: backendValues.Layout_rightMargin
|
|
backendValueMargins: backendValues.Layout_margins
|
|
}
|
|
|
|
AlignDistributeSection {
|
|
visible: !anchorBackend.isInLayout
|
|
}
|
|
}
|
|
|
|
Column {
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
AdvancedSection {
|
|
}
|
|
LayerSection {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|