feat: add context menu to terminal panes

CyanSalt · Oct 8, 2021 · abe2c3d · abe2c3d
1 parent 3fce98a
commit abe2c3d
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/addons/settings/renderer/settings-line.vue b/addons/settings/renderer/settings-line.vue
@@ -281,10 +281,14 @@ export default {
     }
   }
 }
+.item-label {
+  user-select: text;
+}
 .item-key {
   margin-left: 16px;
   font-size: 12px;
   opacity: 0.5;
+  user-select: text;
 }
 .tree-node {
   width: 24px;

diff --git a/renderer/components/basic/terminal-pane.vue b/renderer/components/basic/terminal-pane.vue
@@ -1,5 +1,5 @@
 <template>
-  <article class="terminal-pane">
+  <article class="terminal-pane" @contextmenu="openEditingMenu">
     <div class="scroll-area">
       <slot></slot>
     </div>
@@ -8,12 +8,33 @@
 </template>
 
 <script lang="ts">
+import { openContextMenu } from '../../utils/frame'
 import ScrollBar from './scroll-bar.vue'
 
 export default {
   components: {
     ScrollBar,
   },
+  setup() {
+    function openEditingMenu(event: MouseEvent) {
+      openContextMenu([
+        {
+          label: 'Copy#!terminal.7',
+          accelerator: 'CmdOrCtrl+C',
+          role: 'copy',
+        },
+        {
+          label: 'Paste#!terminal.8',
+          accelerator: 'CmdOrCtrl+V',
+          role: 'paste',
+        },
+      ], event)
+    }
+
+    return {
+      openEditingMenu,
+    }
+  },
 }
 </script>