mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-05-01 17:24:57 +00:00
johndoe6345789
5456f7eb4c
Core: CButton, CIconButton, CFab, CChip, CListItem — Button roles, activeFocusOnTab Forms: CTextField, CSelect, CCheckbox, CSwitch, CRadio, CRating — EditableText, CheckBox, ComboBox, Slider Feedback: CAlert, CDialog, CSnackbar — AlertMessage, Dialog roles Navigation: CTabBar — PageTabList + PageTab on delegates Data: CAvatar, CBadge, CTable, CStatBadge, CStatusBadge — Graphic, StaticText, Table, Row Surfaces: CCard (Pane), CAccordionItem (Button + expanded), CAppBar (ToolBar) Progress: CProgress (ProgressBar + value), CSpinner (Animation) Divider: CDivider (Separator) 28 files, 157 lines of a11y properties added. Zero to full coverage on core library. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
67 lines
1.8 KiB
QML
67 lines
1.8 KiB
QML
import QtQuick
|
|
import QmlComponents 1.0
|
|
|
|
/**
|
|
* CBadge.qml - Material Design 3 Badge
|
|
*
|
|
* Small: 6px dot indicator, no text
|
|
* Standard: 16px height pill with count/text, radius 8
|
|
* Large: 20px for bigger counts
|
|
*
|
|
* MD3 default color: Theme.error (notification badge)
|
|
*/
|
|
Rectangle {
|
|
id: root
|
|
|
|
property string text: ""
|
|
property bool accent: false
|
|
property color badgeColor: accent ? Theme.primary : Theme.error
|
|
property int count: 0
|
|
property bool dot: false
|
|
// primary, success, warning, error (legacy compat)
|
|
property string variant: "primary"
|
|
|
|
// Resolve badge color from variant or explicit color
|
|
readonly property color _bgColor: {
|
|
if (accent) return Theme.primary
|
|
switch (variant) {
|
|
case "success": return Theme.success
|
|
case "warning": return Theme.warning
|
|
case "error": return Theme.error
|
|
default: return badgeColor
|
|
}
|
|
}
|
|
|
|
// MD3: white text on badge, dark text on warning
|
|
readonly property color _textColor: variant === "warning"
|
|
? "#000000" : "#ffffff"
|
|
|
|
// Display string
|
|
readonly property string _displayText: {
|
|
if (text !== "") return text
|
|
if (count > 99) return "99+"
|
|
return count.toString()
|
|
}
|
|
|
|
readonly property bool _showText: !dot && (text !== "" || count > 0)
|
|
|
|
Accessible.role: Accessible.StaticText
|
|
Accessible.name: text || count.toString()
|
|
|
|
// MD3 small badge: 6px dot, standard badge: 16px pill
|
|
width: dot ? 6 : Math.max(16, label.implicitWidth + 8)
|
|
height: dot ? 6 : 16
|
|
radius: dot ? 3 : 8
|
|
color: _bgColor
|
|
|
|
Text {
|
|
id: label
|
|
anchors.centerIn: parent
|
|
text: root._displayText
|
|
color: root._textColor
|
|
font.pixelSize: 11
|
|
font.weight: Font.Bold
|
|
visible: root._showText
|
|
}
|
|
}
|