From 34d0f9369b489608363882e0d6896451192de80f Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 26 Jun 2023 21:28:08 +0800
Subject: [PATCH] refactor: add legacy option for useClipboard hook to solve
 compatibility issues (#4114)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/kind improvement
/area console
/milestone 2.7.x

#### What this PR does / why we need it:

Console 端部分使用了复制功能的页面，所使用的 useClipboard hook 添加 legacy 参数以解决部分浏览器的兼容问题。

#### Which issue(s) this PR fixes:

Fixes #4113

#### Special notes for your reviewer:

1. 使用路由地址（192.168.x.x）访问 Halo。
2. 测试附件详情弹框的链接复制和概览页面中的复制功能是否正常。

#### Does this PR introduce a user-facing change?

```release-note
优化 Console 端部分页面复制功能的兼容性问题。
```
---
 .../modules/contents/attachments/composables/use-attachment.ts  | 2 +-
 console/src/modules/system/actuator/Actuator.vue                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/console/src/modules/contents/attachments/composables/use-attachment.ts b/console/src/modules/contents/attachments/composables/use-attachment.ts
index 1ba65628a..c2f1a252c 100644
--- a/console/src/modules/contents/attachments/composables/use-attachment.ts
+++ b/console/src/modules/contents/attachments/composables/use-attachment.ts
@@ -333,7 +333,7 @@ export function useAttachmentSelect(
 export function useAttachmentPermalinkCopy(
   attachment: Ref<Attachment | undefined>
 ) {
-  const { copy } = useClipboard();
+  const { copy } = useClipboard({ legacy: true });
   const { t } = useI18n();
 
   const mediaType = computed(() => {
diff --git a/console/src/modules/system/actuator/Actuator.vue b/console/src/modules/system/actuator/Actuator.vue
index ce99d2a92..713d72c47 100644
--- a/console/src/modules/system/actuator/Actuator.vue
+++ b/console/src/modules/system/actuator/Actuator.vue
@@ -74,7 +74,7 @@ onMounted(() => {
 });
 
 // copy system information to clipboard
-const { copy, isSupported } = useClipboard();
+const { copy, isSupported } = useClipboard({ legacy: true });
 
 const handleCopy = () => {
   if (!isSupported.value) {