mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2026-01-24 13:32:50 -05:00
103 lines
3.6 KiB
QML
103 lines
3.6 KiB
QML
import QtQuick
|
|
import Quickshell
|
|
import Quickshell.Widgets
|
|
import qs.Common
|
|
import qs.Services
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property string iconValue
|
|
required property int iconSize
|
|
property string fallbackText: "A"
|
|
property color iconColor: Theme.surfaceText
|
|
property color fallbackBackgroundColor: Theme.surfaceLight
|
|
property color fallbackTextColor: Theme.primary
|
|
property real materialIconSizeAdjustment: Theme.spacingM
|
|
property real unicodeIconScale: 0.7
|
|
property real fallbackTextScale: 0.4
|
|
property alias iconMargins: iconImg.anchors.margins
|
|
property real fallbackLeftMargin: 0
|
|
property real fallbackRightMargin: 0
|
|
property real fallbackTopMargin: 0
|
|
property real fallbackBottomMargin: 0
|
|
|
|
readonly property bool isMaterial: iconValue.startsWith("material:")
|
|
readonly property bool isUnicode: iconValue.startsWith("unicode:")
|
|
readonly property bool isSvgCorner: iconValue.startsWith("svg+corner:")
|
|
readonly property bool isSvg: !isSvgCorner && iconValue.startsWith("svg:")
|
|
readonly property string materialName: isMaterial ? iconValue.substring(9) : ""
|
|
readonly property string unicodeChar: isUnicode ? iconValue.substring(8) : ""
|
|
readonly property string svgSource: {
|
|
if (isSvgCorner) {
|
|
const parts = iconValue.substring(11).split("|");
|
|
return parts[0] || "";
|
|
}
|
|
if (isSvg)
|
|
return iconValue.substring(4);
|
|
return "";
|
|
}
|
|
readonly property string svgCornerIcon: isSvgCorner ? (iconValue.substring(11).split("|")[1] || "") : ""
|
|
readonly property string iconPath: isMaterial || isUnicode || isSvg || isSvgCorner ? "" : Quickshell.iconPath(iconValue, true) || DesktopService.resolveIconPath(iconValue)
|
|
|
|
visible: iconValue !== undefined && iconValue !== ""
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: root.materialName
|
|
size: root.iconSize - root.materialIconSizeAdjustment
|
|
color: root.iconColor
|
|
visible: root.isMaterial
|
|
}
|
|
|
|
StyledText {
|
|
anchors.centerIn: parent
|
|
text: root.unicodeChar
|
|
font.pixelSize: root.iconSize * root.unicodeIconScale
|
|
color: root.iconColor
|
|
visible: root.isUnicode
|
|
}
|
|
|
|
DankSVGIcon {
|
|
anchors.centerIn: parent
|
|
source: root.svgSource
|
|
size: root.iconSize
|
|
cornerIcon: root.svgCornerIcon
|
|
visible: root.isSvg || root.isSvgCorner
|
|
}
|
|
|
|
IconImage {
|
|
id: iconImg
|
|
|
|
anchors.fill: parent
|
|
source: root.iconPath
|
|
backer.sourceSize: Qt.size(root.iconSize, root.iconSize)
|
|
mipmap: true
|
|
asynchronous: true
|
|
visible: !root.isMaterial && !root.isUnicode && !root.isSvg && !root.isSvgCorner && root.iconPath !== "" && status === Image.Ready
|
|
}
|
|
|
|
Rectangle {
|
|
id: fallbackRect
|
|
|
|
anchors.fill: parent
|
|
anchors.leftMargin: root.fallbackLeftMargin
|
|
anchors.rightMargin: root.fallbackRightMargin
|
|
anchors.topMargin: root.fallbackTopMargin
|
|
anchors.bottomMargin: root.fallbackBottomMargin
|
|
visible: !root.isMaterial && !root.isUnicode && !root.isSvg && !root.isSvgCorner && (root.iconPath === "" || iconImg.status !== Image.Ready)
|
|
color: root.fallbackBackgroundColor
|
|
radius: Theme.cornerRadius
|
|
border.width: 0
|
|
border.color: Theme.primarySelected
|
|
|
|
StyledText {
|
|
anchors.centerIn: parent
|
|
text: root.fallbackText
|
|
font.pixelSize: root.iconSize * root.fallbackTextScale
|
|
color: root.fallbackTextColor
|
|
font.weight: Font.Bold
|
|
}
|
|
}
|
|
}
|