David Heinemeier HanssonandClaude Opus 5
6d4fa7acaf
A center-anchored module is mounted twice: the copy that is drawn, and a zero-size placeholder holding its place in the flow beside the anchor. findPanelWidget returned whichever registered first, and that order is not stable across a live bar reconfiguration, so a panel could open anchored to the invisible copy -- mispositioned, with the drawn slot never lighting up and switchPanelFrom unable to find it again. The mark was also always 55% of the slot, which fits an icon but underlines only a fraction of a text label, and runs the full height of a multi-line module on a vertical bar. Modules can now say how long the mark should be along the bar; anything that does not answer keeps the old proportion. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
119 lines
4.4 KiB
QML
119 lines
4.4 KiB
QML
import QtQuick
|
|
import qs.Commons
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property var bar: null
|
|
property string text: ""
|
|
property string fontFamily: bar ? bar.fontFamily : Style.font.family
|
|
property real fontSize: Style.font.body
|
|
property color foreground: bar ? bar.barForeground : Color.foreground
|
|
property color activeColor: bar ? bar.urgent : Color.urgent
|
|
property bool active: false
|
|
property real horizontalMargin: 8.5
|
|
property real verticalPadding: 6
|
|
property real fixedWidth: -1
|
|
property real fixedHeight: -1
|
|
property real textRotation: 0
|
|
property bool keepSpace: false
|
|
property bool dimmed: false
|
|
property bool concealed: false
|
|
property bool interactive: true
|
|
property bool pressable: true
|
|
property bool useActiveColor: true
|
|
property bool maintainIndicatorReveal: false
|
|
property bool labelVisible: true
|
|
property bool hasVisualContent: text !== ""
|
|
property var revealHost: bar
|
|
property string tooltipText: ""
|
|
property var registeredBar: null
|
|
|
|
signal pressed(int button)
|
|
signal wheelMoved(int delta)
|
|
|
|
function triggerPress(button) {
|
|
if (root.bar) root.bar.hideTooltip(root)
|
|
root.pressed(button)
|
|
}
|
|
|
|
function hideOwnTooltip() {
|
|
if (root.bar) root.bar.hideTooltip(root)
|
|
}
|
|
|
|
function syncClickRegistration() {
|
|
if (registeredBar && registeredBar.unregisterClickTarget) registeredBar.unregisterClickTarget(root)
|
|
registeredBar = root.bar
|
|
if (registeredBar && registeredBar.registerClickTarget) registeredBar.registerClickTarget(root)
|
|
}
|
|
|
|
onBarChanged: syncClickRegistration()
|
|
onVisibleChanged: if (!visible) hideOwnTooltip()
|
|
onInteractiveChanged: if (!interactive) hideOwnTooltip()
|
|
onConcealedChanged: if (concealed) hideOwnTooltip()
|
|
Component.onCompleted: syncClickRegistration()
|
|
Component.onDestruction: if (registeredBar && registeredBar.unregisterClickTarget) registeredBar.unregisterClickTarget(root)
|
|
|
|
readonly property bool vertical: bar ? bar.vertical : false
|
|
readonly property int barSize: bar ? bar.barSize : Style.bar.sizeHorizontal
|
|
readonly property real scaledHorizontalMargin: Style.spaceReal(horizontalMargin)
|
|
readonly property real scaledVerticalPadding: Style.spaceReal(verticalPadding)
|
|
readonly property bool tooltipHovered: visible && interactive && !concealed && mouseArea.containsMouse
|
|
// Width of the painted label, for bar chrome that wants to line up with the
|
|
// text rather than with the slot it sits in. Zero on icon-only buttons.
|
|
readonly property real labelWidth: label.visible ? label.implicitWidth : 0
|
|
|
|
visible: hasVisualContent || keepSpace
|
|
opacity: !hasVisualContent || concealed ? 0 : (dimmed ? 0.45 : 1)
|
|
implicitWidth: fixedWidth > 0 ? fixedWidth : (vertical ? barSize : Math.max(12, label.implicitWidth + scaledHorizontalMargin * 2))
|
|
implicitHeight: fixedHeight > 0 ? fixedHeight : (vertical ? Math.max(12, label.implicitHeight + scaledVerticalPadding * 2) : barSize)
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation { duration: 140; easing.type: Easing.OutCubic }
|
|
}
|
|
|
|
Text {
|
|
id: label
|
|
visible: root.labelVisible
|
|
anchors.centerIn: parent
|
|
text: root.text
|
|
color: root.active && root.useActiveColor ? root.activeColor : root.foreground
|
|
font.family: root.fontFamily
|
|
font.pixelSize: root.fontSize
|
|
renderType: Text.NativeRendering
|
|
rotation: root.textRotation
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
|
|
Behavior on color {
|
|
enabled: !root.bar || root.bar.foregroundAnimationEnabled
|
|
ColorAnimation { duration: 160 }
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: mouseArea
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton | Qt.RightButton | Qt.MiddleButton
|
|
enabled: root.interactive
|
|
hoverEnabled: true
|
|
cursorShape: root.pressable ? Qt.PointingHandCursor : Qt.ArrowCursor
|
|
onEntered: {
|
|
if (root.bar) {
|
|
root.bar.showTooltip(root, root.tooltipText)
|
|
}
|
|
if (root.maintainIndicatorReveal && root.revealHost && root.revealHost.setIndicatorItemHovered)
|
|
root.revealHost.setIndicatorItemHovered(true)
|
|
}
|
|
onExited: {
|
|
if (root.bar) {
|
|
root.bar.hideTooltip(root)
|
|
}
|
|
if (root.maintainIndicatorReveal && root.revealHost && root.revealHost.setIndicatorItemHovered)
|
|
root.revealHost.setIndicatorItemHovered(false)
|
|
}
|
|
onClicked: function(mouse) { if (root.pressable) root.triggerPress(mouse.button) }
|
|
onWheel: function(wheel) { root.wheelMoved(wheel.angleDelta.y) }
|
|
}
|
|
}
|