From 41d3246246149cc4e979b1e77f04c649d86c81bb Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sun, 5 Oct 2025 01:40:12 +0800
Subject: [PATCH] fix copy

---
 src/oj/problem/components/Form.vue | 12 ++++++++----
 src/shared/components/Copy.vue     | 12 +++++++-----
 src/shared/components/TextCopy.vue | 12 ++++++++----
 src/utils/functions.ts             | 28 ++++++++++++++++++++++++++++
 4 files changed, 51 insertions(+), 13 deletions(-)

diff --git a/src/oj/problem/components/Form.vue b/src/oj/problem/components/Form.vue
index 0051a8c..b850beb 100644
--- a/src/oj/problem/components/Form.vue
+++ b/src/oj/problem/components/Form.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import copyText from "copy-text-to-clipboard"
+import { copyToClipboard } from "~/utils/functions"
 import { code, input, output } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { LANGUAGE_SHOW_VALUE, SOURCES, STORAGE_KEY } from "utils/constants"
@@ -57,9 +57,13 @@ const languageOptions: DropdownOption[] = problem.value!.languages.map((it) => (
   value: it,
 }))
 
-const copy = () => {
-  copyText(code.value)
-  message.success("代码复制成功")
+const copy = async () => {
+  const success = await copyToClipboard(code.value)
+  if (success) {
+    message.success("代码复制成功")
+  } else {
+    message.error("代码复制失败")
+  }
 }
 
 const reset = () => {
diff --git a/src/shared/components/Copy.vue b/src/shared/components/Copy.vue
index 81cf4ca..b501729 100644
--- a/src/shared/components/Copy.vue
+++ b/src/shared/components/Copy.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
-import copy from "copy-text-to-clipboard"
+import { copyToClipboard } from "~/utils/functions"
 
 defineProps<{ value: string }>()
 const [copied, toggle] = useToggle()
@@ -9,10 +9,12 @@ const { start } = useTimeoutFn(() => toggle(false), 1000, { immediate: false })
 const COPY = h(Icon, { icon: "twemoji:clipboard" })
 const OK = h(Icon, { icon: "twemoji:check-mark-button" })
 
-function handleClick(value: string) {
-  copy(value)
-  toggle(true)
-  start()
+async function handleClick(value: string) {
+  const success = await copyToClipboard(value)
+  if (success) {
+    toggle(true)
+    start()
+  }
 }
 </script>
 <template>
diff --git a/src/shared/components/TextCopy.vue b/src/shared/components/TextCopy.vue
index 4624728..7f874bd 100644
--- a/src/shared/components/TextCopy.vue
+++ b/src/shared/components/TextCopy.vue
@@ -9,16 +9,20 @@
   </n-tooltip>
 </template>
 <script lang="ts" setup>
-import copyText from "copy-text-to-clipboard"
+import { copyToClipboard } from "~/utils/functions"
 
 const message = useMessage()
 
 const slots = useSlots()
 
-function handleClick() {
+async function handleClick() {
   const textToCopy = getTextFromSlot()
-  copyText(textToCopy)
-  message.success("已复制")
+  const success = await copyToClipboard(textToCopy)
+  if (success) {
+    message.success("已复制")
+  } else {
+    message.error("复制失败")
+  }
 }
 
 function getTextFromSlot() {
diff --git a/src/utils/functions.ts b/src/utils/functions.ts
index 79387ee..7c93c1c 100644
--- a/src/utils/functions.ts
+++ b/src/utils/functions.ts
@@ -2,6 +2,7 @@ import { getTime, intervalToDuration, parseISO, type Duration } from "date-fns"
 import { User } from "./types"
 import { USER_TYPE } from "./constants"
 import { strFromU8, strToU8, unzlibSync, zlibSync } from "fflate"
+import copyTextFallback from "copy-text-to-clipboard"
 
 function calculateACRate(acCount: number, totalCount: number): string {
   if (totalCount === 0) return "0.00"
@@ -199,6 +200,33 @@ export function atou(base64: string): string {
   return strFromU8(unzipped)
 }
 
+/**
+ * 复制文本到剪贴板
+ * 优先使用 Clipboard API（支持在 modal 中使用），失败时回退到 copy-text-to-clipboard
+ * @param text 要复制的文本
+ * @returns Promise<boolean> 复制是否成功
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+  // 优先使用现代 Clipboard API
+  if (navigator.clipboard && window.isSecureContext) {
+    try {
+      await navigator.clipboard.writeText(text)
+      return true
+    } catch (error) {
+      console.warn("Clipboard API 复制失败，尝试使用回退方法:", error)
+    }
+  }
+
+  // 回退到 copy-text-to-clipboard
+  try {
+    const success = copyTextFallback(text)
+    return success
+  } catch (error) {
+    console.error("复制失败:", error)
+    return false
+  }
+}
+
 // function getChromeVersion() {
 //   var raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./)
 //   return raw ? parseInt(raw[2], 10) : 0