fix: drop file on terminal

CyanSalt · Oct 8, 2024 · cfb18bb · cfb18bb
1 parent 5d1d09d
commit cfb18bb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/addons/explorer/src/renderer/FileExplorer.vue b/addons/explorer/src/renderer/FileExplorer.vue
@@ -93,6 +93,13 @@ function openExternal(file: FileEntity) {
 function openExternalDirectory() {
   ipcRenderer.invoke('open-path', modelValue)
 }
+
+function startDragging(event: DragEvent, file: FileEntity) {
+  if (event.dataTransfer) {
+    event.dataTransfer.setData('text/plain', file.path)
+  }
+  ipcRenderer.invoke('drag-file', file.path)
+}
 </script>
 
 <template>
@@ -113,13 +120,16 @@ function openExternalDirectory() {
       <a
         v-for="file in files"
         :key="file.name"
+        draggable="true"
         :class="['file', { directory: file.isDirectory }]"
         @click="selectFile(file)"
+        @dragstart.prevent="startDragging($event, file)"
       >
         <VisualIcon
           :name="file.isSymlink
             ? (file.isDirectory ? 'lucide-folder-symlink' : 'lucide-file-symlink')
             : (file.isDirectory ? 'lucide-folder' : 'lucide-file')"
+          class="file-icon"
         />
         <span class="file-name">{{ file.name }}{{ file.isDirectory ? path.sep : '' }}</span>
         <span class="action-list">
@@ -166,13 +176,16 @@ function openExternalDirectory() {
   &:active {
     transform: scale(0.99);
   }
+  &.directory {
+    .file-icon,
+    .file-name {
+      color: rgb(var(--theme-blue));
+    }
+  }
 }
 .file-name {
   flex: 1;
   min-width: 0;
-  .file.directory & {
-    color: rgb(var(--theme-blue));
-  }
 }
 .action-list {
   display: flex;

diff --git a/src/renderer/components/TerminalTeletype.vue b/src/renderer/components/TerminalTeletype.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import '@xterm/xterm/css/xterm.css'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
+import { webUtils } from 'electron'
 import fuzzaldrin from 'fuzzaldrin-plus'
 import { quote } from 'shell-quote'
 import { onBeforeUpdate } from 'vue'
@@ -30,7 +31,7 @@ function dropFile(event: DragEvent) {
   if (!dataTransfer) return
   const files = dataTransfer.files
   if (files.length) {
-    const paths = Array.from(files).map(({ path }) => path)
+    const paths = Array.from(files).map(file => webUtils.getPathForFile(file))
     tab.xterm.paste(quote(paths))
   } else {
     const data = dataTransfer.getData('text')