fix: use clipboard copy helper library

docs/pending-test.md

@@ -1 +1,3 @@
 # 待测试
+
+- 通过局域网 IP 访问前台提示词、素材库、我的素材和后台相关页面时，复制文本应能正常写入剪贴板。

web/bun.lock

@@ -12,6 +12,7 @@
         "axios": "^1.16.0",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
+        "copy-to-clipboard": "^4.0.2",
         "localforage": "^1.10.0",
         "lucide-react": "^1.16.0",
         "motion": "^12.38.0",
@@ -646,6 +647,8 @@
 
     "cookie-signature": ["cookie-signature@1.2.2", "https://registry.npmmirror.com/cookie-signature/-/cookie-signature-1.2.2.tgz", {}, "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg=="],
 
+    "copy-to-clipboard": ["copy-to-clipboard@4.0.2", "", {}, "sha512-gklSft7IuhriZKHKpuoA1fpJSLPNgvUMWMo5BlnzAJm0zNKnznoSv23IjtNqclx8eKi6ZcdvFFzYEER/+U1LoQ=="],
+
     "cors": ["cors@2.8.6", "https://registry.npmmirror.com/cors/-/cors-2.8.6.tgz", { "dependencies": { "object-assign": "^4", "vary": "^1" } }, "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw=="],
 
     "cosmiconfig": ["cosmiconfig@9.0.1", "https://registry.npmmirror.com/cosmiconfig/-/cosmiconfig-9.0.1.tgz", { "dependencies": { "env-paths": "^2.2.1", "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", "parse-json": "^5.2.0" }, "peerDependencies": { "typescript": ">=4.9.5" }, "optionalPeers": ["typescript"] }, "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ=="],

web/package.json

@@ -16,6 +16,7 @@
     "axios": "^1.16.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "copy-to-clipboard": "^4.0.2",
     "localforage": "^1.10.0",
     "lucide-react": "^1.16.0",
     "motion": "^12.38.0",

web/src/app/(admin)/admin/assets/page.tsx

@@ -4,6 +4,7 @@ import { CopyOutlined, DeleteOutlined, EditOutlined, EyeOutlined, PlusOutlined,
 import { ProTable, type ProColumns } from "@ant-design/pro-components";
 import { App, Button, Card, Col, Flex, Form, Image, Input, Modal, Row, Select, Space, Tag, Tooltip, Typography } from "antd";
 import { useEffect, useState } from "react";
+import copy from "copy-to-clipboard";
 
 import type { AdminAsset } from "@/services/api/admin";
 import { useAdminAssets } from "../hooks/use-admin-assets";
@@ -33,7 +34,7 @@ export default function AdminAssetsPage() {
   }, [editingAsset, form]);
 
   const copyValue = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(admin)/admin/prompts/page.tsx

@@ -4,6 +4,7 @@ import { CopyOutlined, DeleteOutlined, EditOutlined, ExportOutlined, EyeOutlined
 import { ProTable, type ProColumns } from "@ant-design/pro-components";
 import { App, Button, Card, Col, Flex, Form, Image, Input, Modal, Row, Select, Space, Table, Tag, Tooltip, Typography } from "antd";
 import { useEffect, useState } from "react";
+import copy from "copy-to-clipboard";
 
 import type { Prompt } from "@/services/api/prompts";
 import { useAdminPrompts } from "../hooks/use-admin-prompts";
@@ -26,7 +27,7 @@ export default function AdminPromptsPage() {
   }, [editingPrompt, form]);
 
   const copyPrompt = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(user)/asset-library/page.tsx

@@ -5,6 +5,7 @@ import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { App, Button, Card, Drawer, Empty, Image, Input, Pagination, Spin, Tag, Typography } from "antd";
 import axios from "axios";
+import copy from "copy-to-clipboard";
 
 import { cn } from "@/lib/utils";
 import { useAssetStore } from "@/stores/use-asset-store";
@@ -77,7 +78,7 @@ export default function AssetLibraryPage() {
   };
 
   const copyText = async (value: string) => {
-    await navigator.clipboard.writeText(value);
+    copy(value);
     message.success("已复制");
   };
 

web/src/app/(user)/assets/page.tsx

@@ -3,6 +3,7 @@
 import { Copy, Download, PencilLine, Search, Trash2, Upload } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { App, Button, Card, Drawer, Empty, Form, Image, Input, Modal, Pagination, Select, Space, Tag, Typography } from "antd";
+import copy from "copy-to-clipboard";
 
 import { formatBytes, readFileAsDataUrl } from "@/lib/image-utils";
 import { uploadImage } from "@/services/image-storage";
@@ -139,7 +140,7 @@ export default function AssetsPage() {
 
   const copyText = async (asset: Asset) => {
     if (asset.kind !== "text") return;
-    await navigator.clipboard.writeText(asset.data.content);
+    copy(asset.data.content);
     message.success("文本已复制");
   };
 

web/src/app/(user)/prompts/page.tsx

@@ -3,6 +3,7 @@
 import { FolderPlus, Search } from "lucide-react";
 import { type UIEvent, useEffect, useState } from "react";
 import { App, Button, Empty, Input, Spin, Tag } from "antd";
+import copy from "copy-to-clipboard";
 
 import { PromptCard } from "@/components/prompts/prompt-card";
 import { PromptDetailDialog } from "@/components/prompts/prompt-detail-dialog";
@@ -32,7 +33,7 @@ export default function PromptsPage() {
   };
 
   const copyPrompt = async (prompt: string) => {
-    await navigator.clipboard.writeText(prompt);
+    copy(prompt);
     message.success("提示词已复制");
   };