Fork the desktop off Omarchy as a self-contained system

2026-09-19 23:50:39 -04:00
parent 16a56f49a1
commit 9501f2bb4d
559 changed files with 43273 additions and 0 deletions
@@ -0,0 +1,85 @@
+import QtQuick
+import QtQuick.Controls as QQC
+import qs.Commons
+
+Column {
+  id: root
+
+  property string label: ""
+  property int value: 0
+  property int from: 0
+  property int to: 100
+  property int stepSize: 1
+  property color foreground: Color.foreground
+  property color accent: Color.accent
+  property string fontFamily: Style.font.family
+  property real fontSize: Style.font.body
+  property real fieldWidth: Style.spacing.numberFieldWidth
+  property bool hasCursor: false
+  property bool _hovered: false
+  property alias field: spin
+
+  signal modified(int value)
+  signal hovered(bool on)
+
+  spacing: Style.spacing.md
+
+  Text {
+    textFormat: Text.PlainText
+    visible: root.label !== ""
+    text: root.label
+    color: Qt.darker(root.foreground, 1.4)
+    font.family: root.fontFamily
+    font.pixelSize: Style.font.bodySmall
+  }
+
+  QQC.SpinBox {
+    id: spin
+    width: root.fieldWidth
+    implicitHeight: Math.max(Style.spacing.controlHeight, root.fontSize + Style.spacing.controlPaddingY * 2)
+    from: root.from
+    to: root.to
+    stepSize: root.stepSize
+    value: root.value
+    editable: true
+    font.family: root.fontFamily
+    font.pixelSize: root.fontSize
+
+    readonly property bool _focused: spin.activeFocus
+    readonly property bool _hot: root._hovered || root.hasCursor
+    readonly property var _borderSpec: Border.controlSpec(_focused ? "focus" : (_hot ? "hover-cursor" : "normal"), root.foreground, root.accent)
+
+    leftPadding: Border.left(_borderSpec) + Style.spacing.controlPaddingX
+    rightPadding: Border.right(_borderSpec) + Style.spacing.controlPaddingX
+    topPadding: Border.top(_borderSpec)
+    bottomPadding: Border.bottom(_borderSpec)
+
+    onValueModified: root.modified(value)
+
+    background: BorderSurface {
+      color: Style.controlFill(spin._focused, spin._hot, root.foreground, root.accent)
+      borderSpec: spin._borderSpec
+      radius: Style.cornerRadius
+
+      HoverHandler {
+        onHoveredChanged: {
+          root._hovered = hovered
+          root.hovered(hovered)
+        }
+      }
+    }
+
+    contentItem: TextInput {
+      text: spin.displayText
+      font: spin.font
+      color: root.foreground
+      selectionColor: Style.selectionFillFor(root.foreground, root.accent)
+      selectedTextColor: root.foreground
+      horizontalAlignment: Qt.AlignHCenter
+      verticalAlignment: Qt.AlignVCenter
+      readOnly: !spin.editable
+      validator: spin.validator
+      inputMethodHints: Qt.ImhFormattedNumbersOnly
+    }
+  }
+}