feat(scripts): 优化执行结果和 webhook 模态框的复制功能

将复制逻辑统一提取到工具函数 copyToClipboard，提升代码复用性。
在 ExecutionResultModal 和 WebhookModal 中替换原有的复制实现，
使用新的 handleCopy 方法处理复制成功与失败的提示信息。

Author: slowlyo

web/src/pages/Scripts/components/ExecutionResultModal.tsx

@@ -4,6 +4,7 @@ import { CheckCircleOutlined, CloseCircleOutlined, CopyOutlined } from '@ant-des
 import { useIntl } from '@umijs/max';
 import { ExecutionResult } from '@/services/scripts';
 import OutputDisplay from '@/components/OutputDisplay';
+import { copyToClipboard } from '@/utils/clipboard';
 import './ExecutionResultModal.less';
 
 interface ExecutionResultModalProps {
@@ -23,12 +24,13 @@ const ExecutionResultModal: React.FC<ExecutionResultModalProps> = ({
 
   if (!result) return null;
 
-  const copyToClipboard = (text: string) => {
-    navigator.clipboard.writeText(text).then(() => {
+  const handleCopy = async (text: string) => {
+    const success = await copyToClipboard(text);
+    if (success) {
       message.success(intl.formatMessage({ id: 'scripts.execution.copy_success' }));
-    }).catch(() => {
+    } else {
       message.error(intl.formatMessage({ id: 'scripts.execution.copy_failed' }));
-    });
+    }
   };
 
   const getStatusIcon = () => {
@@ -90,7 +92,7 @@ const ExecutionResultModal: React.FC<ExecutionResultModalProps> = ({
               type="text"
               size="small"
               icon={<CopyOutlined />}
-              onClick={() => copyToClipboard(result.output)}
+              onClick={() => handleCopy(result.output)}
               className="copyButton"
             >
               {intl.formatMessage({ id: 'scripts.execution.copy' })}
@@ -120,7 +122,7 @@ const ExecutionResultModal: React.FC<ExecutionResultModalProps> = ({
               type="text"
               size="small"
               icon={<CopyOutlined />}
-              onClick={() => copyToClipboard(result.error)}
+              onClick={() => handleCopy(result.error)}
               className="copyButton"
             >
               {intl.formatMessage({ id: 'scripts.execution.copy' })}

web/src/pages/Scripts/components/WebhookModal.tsx

@@ -3,6 +3,7 @@ import { Modal, Input, Button, Space, message, Typography, Divider, Alert, theme
 import { CopyOutlined, LinkOutlined, ReloadOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { getWebhookURL } from '@/services/scripts';
+import { copyToClipboard } from '@/utils/clipboard';
 
 const { Text, Paragraph } = Typography;
 
@@ -47,32 +48,11 @@ const WebhookModal: React.FC<WebhookModalProps> = ({
     }
   };
 
-  // Copy to clipboard
-  const copyToClipboard = async (text: string, label: string) => {
-    try {
-      // 优先使用 Clipboard API
-      if (navigator.clipboard && navigator.clipboard.writeText) {
-        await navigator.clipboard.writeText(text);
-        message.success(intl.formatMessage({ id: 'scripts.webhook.copy_success' }, { label }));
-      } else {
-        // 降级方案：使用传统的 execCommand
-        const textarea = document.createElement('textarea');
-        textarea.value = text;
-        textarea.style.position = 'fixed';
-        textarea.style.opacity = '0';
-        document.body.appendChild(textarea);
-        textarea.select();
-        const successful = document.execCommand('copy');
-        document.body.removeChild(textarea);
-        
-        if (successful) {
-          message.success(intl.formatMessage({ id: 'scripts.webhook.copy_success' }, { label }));
-        } else {
-          throw new Error('execCommand failed');
-        }
-      }
-    } catch (error) {
-      console.error(intl.formatMessage({ id: 'scripts.webhook.copy_failed' }), error);
+  const handleCopy = async (text: string, label: string) => {
+    const success = await copyToClipboard(text);
+    if (success) {
+      message.success(intl.formatMessage({ id: 'scripts.webhook.copy_success' }, { label }));
+    } else {
       message.error(intl.formatMessage({ id: 'scripts.webhook.copy_failed' }));
     }
   };
@@ -139,7 +119,7 @@ const WebhookModal: React.FC<WebhookModalProps> = ({
               />
               <Button
                 icon={<CopyOutlined />}
-                onClick={() => copyToClipboard(webhookInfo.webhook_url, intl.formatMessage({ id: 'scripts.webhook.copy_url' }))}
+                onClick={() => handleCopy(webhookInfo.webhook_url, intl.formatMessage({ id: 'scripts.webhook.copy_url' }))}
               />
             </Input.Group>
           </div>
@@ -156,7 +136,7 @@ const WebhookModal: React.FC<WebhookModalProps> = ({
               />
               <Button
                 icon={<CopyOutlined />}
-                onClick={() => copyToClipboard(webhookInfo.signature, intl.formatMessage({ id: 'scripts.webhook.copy_signature' }))}
+                onClick={() => handleCopy(webhookInfo.signature, intl.formatMessage({ id: 'scripts.webhook.copy_signature' }))}
               />
             </Input.Group>
           </div>

web/src/utils/clipboard.ts

@@ -0,0 +1,52 @@
+/**
+ * 统一的复制到剪贴板工具函数
+ * 支持现代浏览器的 Clipboard API 和传统浏览器的降级方案
+ */
+export const copyToClipboard = async (text: string): Promise<boolean> => {
+  try {
+    // 优先使用 Clipboard API
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+
+    // 降级方案：使用传统的 execCommand
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed';
+    textarea.style.top = '0';
+    textarea.style.left = '0';
+    textarea.style.opacity = '0';
+    textarea.style.pointerEvents = 'none';
+    textarea.setAttribute('readonly', '');
+    
+    document.body.appendChild(textarea);
+    
+    // 选择文本
+    if (navigator.userAgent.match(/ipad|iphone/i)) {
+      // iOS 设备特殊处理
+      const range = document.createRange();
+      range.selectNodeContents(textarea);
+      const selection = window.getSelection();
+      if (selection) {
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+      textarea.setSelectionRange(0, textarea.value.length);
+    } else {
+      textarea.select();
+    }
+    
+    const successful = document.execCommand('copy');
+    document.body.removeChild(textarea);
+    
+    if (!successful) {
+      throw new Error('execCommand copy failed');
+    }
+    
+    return true;
+  } catch (error) {
+    console.error('Copy to clipboard failed:', error);
+    return false;
+  }
+};

web/src/utils/index.ts

@@ -0,0 +1,4 @@
+export { copyToClipboard } from './clipboard';
+export * from './auth';
+export * from './dateFormat';
+export * from './format';