1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
|
/*
SPDX-FileCopyrightText: 2017 Marco Martin <mart@kde.org>
SPDX-FileCopyrightText: 2017 The Qt Company Ltd.
SPDX-License-Identifier: LGPL-3.0-only OR GPL-2.0-or-later
*/
import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Templates 2.15 as T
import QtQuick.Controls 2.15 as Controls
import org.kde.qqc2desktopstyle.private 1.0 as StylePrivate
import org.kde.kirigami 2.12 as Kirigami
import "private" as Private
T.ComboBox {
id: controlRoot
Kirigami.Theme.colorSet: editable ? Kirigami.Theme.View : Kirigami.Theme.Button
Kirigami.Theme.inherit: false
implicitWidth: background.implicitWidth
implicitHeight: background.implicitHeight
baselineOffset: contentItem.y + contentItem.baselineOffset
hoverEnabled: true
wheelEnabled: true
padding: 5
leftPadding: editable && mirrored ? 24 : padding
rightPadding: editable && !mirrored ? 24 : padding
delegate: ItemDelegate {
width: ListView.view.width
text: controlRoot.textRole ? (Array.isArray(controlRoot.model) ? modelData[controlRoot.textRole] : model[controlRoot.textRole]) : modelData
highlighted: controlRoot.highlightedIndex == index
property bool separatorVisible: false
Kirigami.Theme.colorSet: controlRoot.Kirigami.Theme.inherit ? controlRoot.Kirigami.Theme.colorSet : Kirigami.Theme.View
Kirigami.Theme.inherit: controlRoot.Kirigami.Theme.inherit
}
indicator: Item {}
/* ensure that the combobox and its popup have enough width for all of its items
* TODO remove for KF6 because it is fixed by Qt6 */
onCountChanged: {
let maxWidth = 75
for (let i = 0; i < count; ++i) {
maxWidth = Math.max(maxWidth, fontMetrics.boundingRect(controlRoot.textAt(i)).width)
}
styleitem.contentWidth = maxWidth
}
FontMetrics {
id: fontMetrics
}
contentItem: T.TextField {
padding: 0
text: controlRoot.editable ? controlRoot.editText : controlRoot.displayText
enabled: controlRoot.editable
autoScroll: controlRoot.editable
readOnly: controlRoot.down
visible: controlRoot.editable
inputMethodHints: controlRoot.inputMethodHints
validator: controlRoot.validator
// Work around Qt bug where NativeRendering breaks for non-integer scale factors
// https://bugreports.qt.io/browse/QTBUG-67007
renderType: Screen.devicePixelRatio % 1 !== 0 ? Text.QtRendering : Text.NativeRendering
color: controlRoot.enabled ? Kirigami.Theme.textColor : Kirigami.Theme.disabledTextColor
selectionColor: Kirigami.Theme.highlightColor
selectedTextColor: Kirigami.Theme.highlightedTextColor
selectByMouse: !Kirigami.Settings.tabletMode
cursorDelegate: Kirigami.Settings.tabletMode ? mobileCursor : null
font: controlRoot.font
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignVCenter
opacity: controlRoot.enabled ? 1 : 0.3
onFocusChanged: {
if (focus) {
Private.MobileTextActionsToolBar.controlRoot = this;
}
}
onTextChanged: Private.MobileTextActionsToolBar.shouldBeVisible = false;
onPressed: Private.MobileTextActionsToolBar.shouldBeVisible = true;
onPressAndHold: {
if (!Kirigami.Settings.tabletMode) {
return;
}
forceActiveFocus();
cursorPosition = positionAt(event.x, event.y);
selectWord();
}
}
Component {
id: mobileCursor
Private.MobileCursor {
target: controlRoot.contentItem
}
}
Private.MobileCursor {
target: controlRoot.contentItem
selectionStartHandle: true
readonly property rect rect: target.positionToRectangle(target.selectionStart)
x: rect.x + 5
y: rect.y + 6
}
background: StylePrivate.StyleItem {
id: styleitem
control: controlRoot
elementType: "combobox"
anchors.fill: parent
hover: controlRoot.hovered || controlRoot.pressed
on: controlRoot.pressed
hasFocus: controlRoot.activeFocus && !controlRoot.popup.visible
enabled: controlRoot.enabled
// contentHeight as in QComboBox magic numbers taken from QQC1 style
contentHeight: Math.max(Math.ceil(textHeight("")), 14) + 2
text: controlRoot.displayText
properties: {
"editable": control.editable
}
}
popup: T.Popup {
y: controlRoot.height
width: controlRoot.width
implicitHeight: contentItem.implicitHeight
topMargin: 6
bottomMargin: 6
Kirigami.Theme.colorSet: Kirigami.Theme.View
Kirigami.Theme.inherit: controlRoot.Kirigami.Theme.inherit
modal: true
dim: true
closePolicy: Controls.Popup.CloseOnEscape | Controls.Popup.CloseOnPressOutside
// Forces it to have a transparent dimmer.
// A dimmer is needed for "click outside" to work reliably in some views
// but default dimmer would, well, dim the contents in pure QtQuick windows,
// like ApplicationWindow, which we don't want.
Controls.Overlay.modal: Item { }
contentItem: ScrollView {
LayoutMirroring.enabled: controlRoot.mirrored
LayoutMirroring.childrenInherit: true
background: Rectangle {
color: Kirigami.Theme.backgroundColor
}
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
ListView {
id: listView
// this causes us to load at least one delegate
// this is essential in guessing the contentHeight
// which is needed to initially resize the popup
cacheBuffer: 1
implicitHeight: contentHeight
model: controlRoot.delegateModel
delegate: controlRoot.delegate
currentIndex: controlRoot.highlightedIndex
highlightRangeMode: ListView.ApplyRange
highlightMoveDuration: 0
boundsBehavior: Flickable.StopAtBounds
}
}
background: Kirigami.ShadowedRectangle {
anchors {
fill: parent
margins: -1
}
radius: 2
color: Kirigami.Theme.backgroundColor
property color borderColor: Kirigami.Theme.textColor
border.color: Qt.rgba(borderColor.r, borderColor.g, borderColor.b, 0.3)
border.width: 1
shadow.xOffset: 0
shadow.yOffset: 2
shadow.color: Qt.rgba(0, 0, 0, 0.3)
shadow.size: 8
}
}
}
|
