From e277ad733a6c79f7a0f57e0685224025fa81340d Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Fri, 14 Mar 2025 11:08:35 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A8=E5=BA=9F?=
 =?UTF-8?q?=E5=BC=83=20API=20=E8=A7=A3=E5=86=B3=E9=9D=9E=E5=AE=89=E5=85=A8?=
 =?UTF-8?q?=E5=9F=9F=E5=A4=8D=E5=88=B6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../group/modules/group-detail-drawer.vue     | 39 ++++++++++++++++++-
 .../group/modules/group-operate-drawer.vue    | 15 +++++--
 src/views/namespace/index.vue                 | 11 +++++-
 .../modules/namespace-operate-drawer.vue      | 12 +++++-
 4 files changed, 70 insertions(+), 7 deletions(-)

diff --git a/src/views/group/modules/group-detail-drawer.vue b/src/views/group/modules/group-detail-drawer.vue
index 267ccfc..d05ae19 100644
--- a/src/views/group/modules/group-detail-drawer.vue
+++ b/src/views/group/modules/group-detail-drawer.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { useClipboard } from '@vueuse/core';
 import { groupConfigStatusRecord, yesOrNoRecord } from '@/constants/business';
 import { $t } from '@/locales';
 import { tagColor } from '@/utils/common';
-
 defineOptions({
   name: 'GroupDetailDrawer'
 });
@@ -17,6 +17,31 @@ defineProps<Props>();
 const visible = defineModel<boolean>('visible', {
   default: false
 });
+
+const { copy, isSupported } = useClipboard();
+
+async function handleCopy(source?: string) {
+  if (!isSupported) {
+    window.$message?.error('您的浏览器不支持 Clipboard API');
+    return;
+  }
+
+  if (!source) {
+    return;
+  }
+
+  if (navigator.clipboard && window.isSecureContext) {
+    await copy(source);
+  } else {
+    const range = document.createRange();
+    range.selectNode(document.getElementById('tokenDetailInput')!);
+    const selection = window.getSelection();
+    if (selection?.rangeCount) selection.removeAllRanges();
+    selection?.addRange(range);
+    document.execCommand('copy');
+  }
+  window.$message?.success('复制成功');
+}
 </script>
 
 <template>
@@ -26,7 +51,17 @@ const visible = defineModel<boolean>('visible', {
         {{ rowData?.groupName }}
       </NDescriptionsItem>
 
-      <NDescriptionsItem :label="$t('page.groupConfig.token')" :span="1">{{ rowData?.token }}</NDescriptionsItem>
+      <NDescriptionsItem :span="1">
+        <template #label>
+          <div class="flex items-center gap-2">
+            <span>{{ $t('page.groupConfig.token') }}</span>
+            <NButton type="default" text @click="handleCopy(rowData?.token)">
+              <icon-ic:round-content-copy class="text-icon" />
+            </NButton>
+          </div>
+        </template>
+        <span id="tokenDetailInput">{{ rowData?.token }}</span>
+      </NDescriptionsItem>
       <NDescriptionsItem :label="$t('page.groupConfig.groupStatus')" :span="1">
         <NTag :type="tagColor(rowData?.groupStatus!)">{{ $t(groupConfigStatusRecord[rowData?.groupStatus!]) }}</NTag>
       </NDescriptionsItem>
diff --git a/src/views/group/modules/group-operate-drawer.vue b/src/views/group/modules/group-operate-drawer.vue
index 4238938..c194f1b 100644
--- a/src/views/group/modules/group-operate-drawer.vue
+++ b/src/views/group/modules/group-operate-drawer.vue
@@ -3,8 +3,7 @@ import { computed, reactive, ref, watch } from 'vue';
 import { useClipboard } from '@vueuse/core';
 import { useFormRules, useNaiveForm } from '@/hooks/common/form';
 import { $t } from '@/locales';
-import { translateOptions, translateOptions2 } from '@/utils/common';
-import { groupConfigIdModeOptions, groupConfigStatusOptions, groupConfigYesOrNoOptions } from '@/constants/business';
+import { groupConfigStatusOptions, groupConfigYesOrNoOptions } from '@/constants/business';
 import { fetchAddGroupConfig, fetchEditGroupConfig, fetchGetPartitionTableList } from '@/service/api/group';
 
 defineOptions({
@@ -173,7 +172,16 @@ async function handleCopy(source: string) {
     return;
   }
 
-  await copy(source);
+  if (navigator.clipboard && window.isSecureContext) {
+    await copy(source);
+  } else {
+    const range = document.createRange();
+    range.selectNode(document.getElementById('tokenOperateInput')!);
+    const selection = window.getSelection();
+    if (selection?.rangeCount) selection.removeAllRanges();
+    selection?.addRange(range);
+    document.execCommand('copy');
+  }
   window.$message?.success('复制成功');
 }
 </script>
@@ -207,6 +215,7 @@ async function handleCopy(source: string) {
           <NFormItem :label="$t('page.groupConfig.token')" path="token">
             <NInputGroup>
               <NInput
+                id="tokenOperateInput"
                 v-model:value="model.token"
                 :maxlength="64"
                 :placeholder="$t('page.groupConfig.form.token')"
diff --git a/src/views/namespace/index.vue b/src/views/namespace/index.vue
index f50b07d..fe5fa8f 100644
--- a/src/views/namespace/index.vue
+++ b/src/views/namespace/index.vue
@@ -32,7 +32,16 @@ async function handleCopy(source: string) {
     return;
   }
 
-  await copy(source);
+  if (navigator.clipboard && window.isSecureContext) {
+    await copy(source);
+  } else {
+    const input = document.createElement('input');
+    input.value = source;
+    document.body.appendChild(input);
+    input.select();
+    document.execCommand('copy');
+    document.body.removeChild(input);
+  }
   window.$message?.success('复制成功');
 }
 
diff --git a/src/views/namespace/modules/namespace-operate-drawer.vue b/src/views/namespace/modules/namespace-operate-drawer.vue
index 749fc14..a628db3 100644
--- a/src/views/namespace/modules/namespace-operate-drawer.vue
+++ b/src/views/namespace/modules/namespace-operate-drawer.vue
@@ -124,7 +124,16 @@ async function handleCopy(source: string) {
     return;
   }
 
-  await copy(source);
+  if (navigator.clipboard && window.isSecureContext) {
+    await copy(source);
+  } else {
+    const range = document.createRange();
+    range.selectNode(document.getElementById('uniqueIdInput')!);
+    const selection = window.getSelection();
+    if (selection?.rangeCount) selection.removeAllRanges();
+    selection?.addRange(range);
+    document.execCommand('copy');
+  }
   window.$message?.success('复制成功');
 }
 </script>
@@ -135,6 +144,7 @@ async function handleCopy(source: string) {
       <NFormItem :label="$t('page.namespace.uniqueId')" path="uniqueId">
         <NInputGroup>
           <NInput
+            id="uniqueIdInput"
             v-model:value="model.uniqueId"
             :disabled="props.operateType === 'edit'"
             :placeholder="$t('page.namespace.form.uniqueId')"

From dd16858c529c5fc53baa7d8334bc00759bd5f5cc Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Sat, 15 Mar 2025 09:54:05 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat(1.4.0-beta2):=20=E5=8F=91=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env b/.env
index 32d8841..ffec453 100644
--- a/.env
+++ b/.env
@@ -6,7 +6,7 @@ VITE_APP_TITLE=Snail Job
 
 VITE_APP_DESC=A flexible, reliable, and fast platform for distributed task retry and distributed task scheduling.
 
-VITE_APP_VERSION=1.4.0-beta1
+VITE_APP_VERSION=1.4.0-beta2
 
 VITE_APP_DEFAULT_TOKEN=SJ_Wyz3dmsdbDOkDujOTSSoBjGQP1BMsVnj
 

From 186d8c109b3fd83eae34790dee93246066b17fe7 Mon Sep 17 00:00:00 2001
From: opensnail <598092184@qq.com>
Date: Sun, 23 Mar 2025 10:47:36 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat(1.4.0):=20=E5=8F=91=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                                      | 2 +-
 src/views/retry/task/modules/retry-task-detail-drawer.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index ffec453..d7492e1 100644
--- a/.env
+++ b/.env
@@ -6,7 +6,7 @@ VITE_APP_TITLE=Snail Job
 
 VITE_APP_DESC=A flexible, reliable, and fast platform for distributed task retry and distributed task scheduling.
 
-VITE_APP_VERSION=1.4.0-beta2
+VITE_APP_VERSION=1.4.0
 
 VITE_APP_DEFAULT_TOKEN=SJ_Wyz3dmsdbDOkDujOTSSoBjGQP1BMsVnj
 
diff --git a/src/views/retry/task/modules/retry-task-detail-drawer.vue b/src/views/retry/task/modules/retry-task-detail-drawer.vue
index 107eb11..8dec3ec 100644
--- a/src/views/retry/task/modules/retry-task-detail-drawer.vue
+++ b/src/views/retry/task/modules/retry-task-detail-drawer.vue
@@ -20,7 +20,7 @@ const visible = defineModel<boolean>('visible', {
 </script>
 
 <template>
-  <DetailDrawer v-model="visible" :title="$t('page.retryLog.detail')" :width="['50%', '90%']">
+  <DetailDrawer v-model="visible" :title="$t('page.retryTask.detail')" :width="['50%', '90%']">
     <NTabs type="segment" animated>
       <NTabPane :name="0" :tab="$t('page.log.info')">
         <NDescriptions label-placement="top" bordered :column="2">