fix: There isn't context menu in TextField

add context menu in TextField Issue: linuxdeepin/developer-center#6521
linuxdeepin · Dec 21, 2023 · 26f929f · 26f929f
1 parent 2b5497d
commit 26f929f
Show file tree

Hide file tree

Showing 2 changed files with 118 additions and 0 deletions.
diff --git a/qt6/src/qml/TextField.qml b/qt6/src/qml/TextField.qml
@@ -54,4 +54,63 @@ T.TextField {
         implicitWidth: DS.Style.edit.width
         implicitHeight: DS.Style.edit.textFieldHeight
     }
+
+    MouseArea {
+        anchors.fill: parent
+        acceptedButtons: Qt.RightButton
+
+        onClicked: {
+            contextMenu.popup(mouse.x, mouse.y)
+        }
+    }
+
+    Menu {
+        id: contextMenu
+
+        MenuItem
+        {
+            text: "Copy"
+            onTriggered: control.copy()
+            enabled: control.selectedText.length
+        }
+
+        MenuItem
+        {
+            text: "Cut"
+            onTriggered: control.cut()
+            enabled: control.selectedText.length
+        }
+
+        MenuItem
+        {
+            text: "Paste"
+            onTriggered:
+            {
+                var text = control.paste()
+                control.insert(control.cursorPosition, text)
+            }
+        }
+
+        MenuItem
+        {
+            text: "Select All"
+            onTriggered: control.selectAll()
+            enabled: control.text.length
+        }
+
+        MenuItem
+        {
+            text: "Undo"
+            onTriggered: control.undo()
+            enabled: control.canUndo
+        }
+
+        MenuItem
+        {
+            text: "Redo"
+            onTriggered: control.redo()
+            enabled: control.canRedo
+        }
+    }
+
 }
diff --git a/src/qml/TextField.qml b/src/qml/TextField.qml
@@ -53,4 +53,63 @@ T.TextField {
         implicitWidth: DS.Style.edit.width
         implicitHeight: DS.Style.edit.textFieldHeight
     }
+
+    MouseArea {
+        anchors.fill: parent
+        acceptedButtons: Qt.RightButton
+
+        onClicked: {
+            contextMenu.popup(mouse.x, mouse.y)
+        }
+    }
+
+    Menu {
+        id: contextMenu
+
+        MenuItem
+        {
+            text: "Copy"
+            onTriggered: control.copy()
+            enabled: control.selectedText.length
+        }
+
+        MenuItem
+        {
+            text: "Cut"
+            onTriggered: control.cut()
+            enabled: control.selectedText.length
+        }
+
+        MenuItem
+        {
+            text: "Paste"
+            onTriggered:
+            {
+                var text = control.paste()
+                control.insert(control.cursorPosition, text)
+            }
+        }
+
+        MenuItem
+        {
+            text: "Select All"
+            onTriggered: control.selectAll()
+            enabled: control.text.length
+        }
+
+        MenuItem
+        {
+            text: "Undo"
+            onTriggered: control.undo()
+            enabled: control.canUndo
+        }
+
+        MenuItem
+        {
+            text: "Redo"
+            onTriggered: control.redo()
+            enabled: control.canRedo
+        }
+    }
+
 }