feat(componentDeployment): 使用第三方库copy-to-clipboard实现复制功能

package.json

@@ -32,7 +32,7 @@
     "axios": "^0.24.0",
     "bizcharts": "^4.1.15",
     "classnames": "^2.3.1",
-    "copy-to-clipboard": "^3.3.1",
+    "copy-to-clipboard": "^3.3.3",
     "cron-parser": "^5.3.1",
     "cronstrue": "^3.2.0",
     "crypto-js": "^4.2.0",

pnpm-lock.yaml

@@ -63,7 +63,7 @@ importers:
         specifier: ^2.3.1
         version: 2.5.1
       copy-to-clipboard:
-        specifier: ^3.3.1
+        specifier: ^3.3.3
         version: 3.3.3
       cron-parser:
         specifier: ^5.3.1

src/pages/componentDevelopment/componentDeployment/envConfigModal.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { Modal, Button, Input, Message, Tooltip } from '@arco-design/web-react';
 import { IconQuestionCircle, IconCopy, IconDelete, IconPlus } from '@arco-design/web-react/icon';
+import copy from 'copy-to-clipboard';
 import styles from './style/envConfigModal.module.less';
 import { getComponentEnvConfig, saveComponentEnvConfig } from '@/api/componentInstance';
 
@@ -83,8 +84,15 @@ const EnvConfigModal: React.FC<EnvConfigModalProps> = ({
   };
 
   const handleCopyCommand = () => {
-    navigator.clipboard.writeText(configData.javaCommand);
+    const textToCopy = language.includes('Python') ? configData.pythonCommand : configData.javaCommand;
-    Message.success('复制成功');
+
+    const success = copy(textToCopy);
+
+    if (success) {
+      Message.success('复制成功');
+    } else {
+      Message.error('复制失败');
+    }
   };
 
   const handleSave = async () => {