feat: Add DccTimeRange

Add DccTimeRange Log: Task: https://pms.uniontech.com/task-view-361721.html
linuxdeepin · Sep 11, 2024 · 2eb4db6 · 2eb4db6
1 parent 2c1da22
commit 2eb4db6
Showing 1 changed file with 121 additions and 0 deletions.
diff --git a/src/dde-control-center/frame/plugin/DccTimeRange.qml b/src/dde-control-center/frame/plugin/DccTimeRange.qml
@@ -0,0 +1,121 @@
+// SPDX-FileCopyrightText: 2024 - 2027 UnionTech Software Technology Co., Ltd.
+// SPDX-License-Identifier: GPL-3.0-or-later
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.15
+import QtQuick.Window 2.15
+
+import org.deepin.dtk 1.0 as D
+import org.deepin.dtk.style 1.0 as DS
+
+
+D.SpinBox {
+    id: control
+    property int hour: 0
+    property int minute: 0
+    property var curInput: hourInput
+    Layout.maximumWidth: 110
+    from: 0
+    to: 23
+    value: 8
+    editable: true
+    font: D.DTK.fontManager.t7
+
+    function valueChanged() {
+        if (curInput === hourInput) {
+            hour = value
+        } else {
+            minute = value
+        }
+    }
+
+    contentItem: RowLayout {
+        spacing: 0
+        TextInput {
+            id: hourInput
+            Layout.preferredWidth: 20
+            Layout.alignment: Qt.AlignHCenter
+            text: control.hour
+            font: control.font
+            color: control.palette.text
+            selectionColor: control.palette.highlight
+            selectedTextColor: control.palette.highlightedText
+            horizontalAlignment: Qt.AlignLeft
+            verticalAlignment: Qt.AlignVCenter
+            leftPadding: DS.Style.spinBox.spacing
+            readOnly: !control.editable
+            validator: control.validator
+            inputMethodHints: control.inputMethodHints
+            selectByMouse: true
+            mouseSelectionMode: TextInput.SelectCharacters
+            onFocusChanged: {
+                if (focus) {
+                    curInput = hourInput
+                }
+                if (0 === text.length || 0 === Number(text)) {
+                    control.hour = 0
+                }
+            }
+            onTextEdited: {
+                control.value = Number(text)
+            }
+        }
+        TextInput {
+            Layout.preferredWidth: 10
+            Layout.alignment: Qt.AlignHCenter
+            text: ":"
+            font: control.font
+            color: control.palette.text
+            selectionColor: control.palette.highlight
+            selectedTextColor: control.palette.highlightedText
+            horizontalAlignment: Qt.AlignLeft
+            verticalAlignment: Qt.AlignVCenter
+            leftPadding: DS.Style.spinBox.spacing
+            readOnly: true
+            validator: control.validator
+            inputMethodHints: control.inputMethodHints
+            selectByMouse: false
+        }
+        TextInput {
+            id: minuteInput
+            Layout.alignment: Qt.AlignHCenter
+            Layout.preferredWidth: 20
+            text: control.minute === 0 ? "0" + Number(control.minute) : control.minute
+            font: control.font
+            color: control.palette.text
+            selectionColor: control.palette.highlight
+            selectedTextColor: control.palette.highlightedText
+            horizontalAlignment: Qt.AlignLeft
+            verticalAlignment: Qt.AlignVCenter
+            leftPadding: DS.Style.spinBox.spacing
+            readOnly: !control.editable
+            validator: control.validator
+            inputMethodHints: control.inputMethodHints
+            selectByMouse: true
+            mouseSelectionMode: TextInput.SelectCharacters
+            onFocusChanged: {
+                if (focus) {
+                    curInput = minuteInput
+                }
+                if (0 === text.length || 0 === Number(text)) {
+                    control.minute = 0
+                }
+            }
+            onTextEdited: {
+                control.value = Number(text)
+            }
+        }
+    }
+    onCurInputChanged: {
+        if (curInput === hourInput) {
+            to = 23
+            value = hour
+        } else {
+            to = 59
+            value = minute
+        }
+    }
+    onValueChanged: {
+        // onValueChanged early than onCurInputChanged
+        Qt.callLater(valueChanged)
+    }
+}