feat (core): 支持复制执行结果

Author: qianmoQ

.gitignore

@@ -23,3 +23,5 @@ dist-ssr
 *.sln
 *.sw?
 pnpm-lock.yaml
+*.csv
+*.json

src/App.vue

@@ -285,7 +285,7 @@ const clearOutput = () => {
   showToast('输出已清空', 'info')
 }
 
-// window.addEventListener("contextmenu", (e) => e.preventDefault(), false);
+window.addEventListener("contextmenu", (e) => e.preventDefault(), false);
 
 onMounted(async () => {
   await getSupportedLanguages()

src/components/OutputPanel.vue

@@ -3,11 +3,23 @@
     <div class="p-2 border-b border-gray-700 flex items-center justify-between">
       <div class="flex items-center space-x-2">
         <Terminal class="w-4 h-4"/>
-        <span class="text-sm font-medium">输出</span>
+        <span class="text-sm font-medium">控制台</span>
       </div>
-      <div v-if="executionTime > 0" class="text-xs text-gray-400 flex items-center space-x-1">
-        <Clock class="w-3 h-3"/>
-        <span>{{ executionTime }} 毫秒</span>
+      <div class="flex items-center space-x-3">
+        <span v-if="isCopied" class="text-xs text-gray-400">{{ isCopied ? '已复制' : '复制失败' }}</span>
+
+        <!-- 复制按钮 -->
+        <button v-if="output && !isRunning"
+                @click="copyOutput"
+                class="text-gray-400 hover:text-white transition-colors duration-200 p-1 rounded hover:bg-gray-700 cursor-pointer"
+                title="复制输出内容">
+          <component :is="copyIcon" class="w-3 h-3"/>
+        </button>
+
+        <div v-if="executionTime > 0" class="text-xs text-gray-400 flex items-center space-x-1">
+          <Clock class="w-3 h-3"/>
+          <span>{{ executionTime }} 毫秒</span>
+        </div>
       </div>
     </div>
 
@@ -31,12 +43,55 @@
 </template>
 
 <script setup lang="ts">
-import { Clock, Loader, Terminal } from 'lucide-vue-next'
+import { computed, ref } from 'vue'
+import { Check, Clock, Copy, Loader, Terminal } from 'lucide-vue-next'
 
-defineProps<{
+const props = defineProps<{
   output: string
   isRunning: boolean
   isSuccess: boolean
   executionTime: number
 }>()
+
+const isCopied = ref(false)
+
+// 动态切换图标
+const copyIcon = computed(() => isCopied.value ? Check : Copy)
+
+const copyOutput = async () => {
+  if (!props.output) {
+    return
+  }
+
+  try {
+    await navigator.clipboard.writeText(props.output)
+    isCopied.value = true
+
+    // 2秒后恢复复制图标
+    setTimeout(() => {
+      isCopied.value = false
+    }, 2000)
+  }
+  catch (error) {
+    console.error('复制失败:', error)
+
+    // 降级方案：使用传统方法复制
+    try {
+      const textArea = document.createElement('textarea')
+      textArea.value = props.output
+      document.body.appendChild(textArea)
+      textArea.select()
+      document.execCommand('copy')
+      document.body.removeChild(textArea)
+
+      isCopied.value = true
+      setTimeout(() => {
+        isCopied.value = false
+      }, 2000)
+    }
+    catch (fallbackError) {
+      console.error('降级复制也失败了:', fallbackError)
+    }
+  }
+}
 </script>