fix: allow editing float spinbox manually

Author: luisbocanegra

package/contents/ui/components/SpinBoxDecimal.qml

@@ -11,7 +11,12 @@ TextField {
     property real value: 0
 
     placeholderText: "0-1"
-    text: value.toFixed(validator.decimals).toString() ?? "0.00"
+    text: "0.00"
+
+    onTextChanged: {
+        if (!acceptableInput) return
+        value = parseFloat(text).toFixed(2)
+    }
 
     validator: DoubleValidator {
         bottom: root.from
@@ -22,6 +27,7 @@ TextField {
 
     onValueChanged: {
         root.value = isNaN(value) ? 0 : value
+        text = root.value.toFixed(validator.decimals).toString() ?? "0.00"
     }
 
     ValueMouseControl {

package/contents/ui/components/ValueMouseControl.qml

@@ -19,6 +19,15 @@ Item {
         radius: 2
     }
 
+    function up() {
+        if (value < to) value += stepSize
+        value = Math.max(from, Math.min(to, value)).toFixed(decimals)
+    }
+    function down() {
+        if (value > from) value -= stepSize
+        value = Math.max(from, Math.min(to, value)).toFixed(decimals)
+    }
+
     Kirigami.Icon {
         source: "arrow-up"
         height: parent.height / 2
@@ -31,10 +40,17 @@ Item {
             id: upMouse
             anchors.fill: parent
             hoverEnabled: true
-            onClicked: {
-                root.parent.forceActiveFocus()
-                if (value < to) value += stepSize
-                value = Math.max(from, Math.min(to, value)).toFixed(decimals)
+            onPressed: { timerUp.start() }
+            onReleased: { timerUp.stop() }
+        }
+        Timer {
+            id: timerUp
+            interval: 150
+            repeat: true
+            triggeredOnStart: true
+            running: false
+            onTriggered: {
+                up()
             }
         }
     }
@@ -51,17 +67,25 @@ Item {
             id: downMouse
             anchors.fill: parent
             hoverEnabled: true
-            onClicked: {
-                root.parent.forceActiveFocus()
-                if (value > from) value -= stepSize
-                value = Math.max(from, Math.min(to, value)).toFixed(decimals)
+            onPressed: { timerDown.start() }
+            onReleased: { timerDown.stop() }
+        }
+        Timer {
+            id: timerDown
+            interval: 150
+            repeat: true
+            triggeredOnStart: true
+            running: false
+            onTriggered: {
+                down()
             }
         }
     }
 
     MouseArea {
         anchors.fill: parent
         propagateComposedEvents: true
+        acceptedButtons: Qt.MiddleButton
         onWheel: (wheel) => {
             root.parent.forceActiveFocus()
             if(wheel.angleDelta.y > 0 && value < to) {