Merge branch 'dev-fix-ww' into 'main_dev'

fix: DEFECT-1272 修复复制失效问题

See merge request yunteng/thingskit-front!587

@@ -27,9 +27,9 @@
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ViewTypeNameEnum } from '../../common/ShareModal/config';
   import { ViewTypeNameEnum } from '../../common/ShareModal/config';
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
-  import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { ViewType } from '../../visual/board/config/panelDetail';
   import { ViewType } from '../../visual/board/config/panelDetail';
   import { useRole } from '/@/hooks/business/useRole';
   import { useRole } from '/@/hooks/business/useRole';
+  import { useClipboard } from '@vueuse/core';
 
 
   const listColumn = ref(5);
   const listColumn = ref(5);
 
 
@@ -167,12 +167,12 @@
     return `${origin}${configurationPrefix}/?${searchParams.toString()}`;
     return `${origin}${configurationPrefix}/?${searchParams.toString()}`;
   };
   };
 
 
-  const { clipboardRef, isSuccessRef } = useCopyToClipboard();
-  const handleCreateShareUrl = (record: ConfigurationCenterItemsModal) => {
+  const { copied, copy } = useClipboard();
+  const handleCreateShareUrl = async (record: ConfigurationCenterItemsModal) => {
     if (!unref(getShareFlag)) return;
     if (!unref(getShareFlag)) return;
     const url = createShareUrl(record);
     const url = createShareUrl(record);
-    clipboardRef.value = url;
-    if (unref(isSuccessRef)) {
+    await copy(url);
+    if (unref(copied)) {
       createMessage.success('复制成功～');
       createMessage.success('复制成功～');
     }
     }
   };
   };

@@ -28,11 +28,11 @@
   import { useModal } from '/@/components/Modal';
   import { useModal } from '/@/components/Modal';
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ShareModal } from '/@/views/common/ShareModal';
   import { ViewTypeNameEnum } from '../common/ShareModal/config';
   import { ViewTypeNameEnum } from '../common/ShareModal/config';
-  import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { ViewType } from '../visual/board/config/panelDetail';
   import { ViewType } from '../visual/board/config/panelDetail';
   import { useUserStore } from '/@/store/modules/user';
   import { useUserStore } from '/@/store/modules/user';
   import { RoleEnum } from '/@/enums/roleEnum';
   import { RoleEnum } from '/@/enums/roleEnum';
   import { useRole } from '/@/hooks/business/useRole';
   import { useRole } from '/@/hooks/business/useRole';
+  import { useClipboard } from '@vueuse/core';
 
 
   const listColumn = ref(5);
   const listColumn = ref(5);
 
 
@@ -182,10 +182,10 @@
     return userStore.getUserInfo.roles![0] !== RoleEnum.CUSTOMER_USER;
     return userStore.getUserInfo.roles![0] !== RoleEnum.CUSTOMER_USER;
   });
   });
 
 
-  const { clipboardRef, isSuccessRef } = useCopyToClipboard();
-  const handleCreateShareUrl = (record: BigScreenCenterItemsModel) => {
-    clipboardRef.value = createShareUrl(record);
-    if (unref(isSuccessRef)) {
+  const { copied, copy } = useClipboard();
+  const handleCreateShareUrl = async (record: BigScreenCenterItemsModel) => {
+    await copy(createShareUrl(record));
+    if (unref(copied)) {
       createMessage.success('复制成功～');
       createMessage.success('复制成功～');
     }
     }
   };
   };

@@ -3,7 +3,6 @@
   import { onMounted, ref, unref } from 'vue';
   import { onMounted, ref, unref } from 'vue';
   import { PageWrapper } from '/@/components/Page';
   import { PageWrapper } from '/@/components/Page';
   import { MoreOutlined, ShareAltOutlined } from '@ant-design/icons-vue';
   import { MoreOutlined, ShareAltOutlined } from '@ant-design/icons-vue';
-  import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import Dropdown from '/@/components/Dropdown/src/Dropdown.vue';
   import Dropdown from '/@/components/Dropdown/src/Dropdown.vue';
   import { DropMenu } from '/@/components/Dropdown';
   import { DropMenu } from '/@/components/Dropdown';
@@ -25,6 +24,7 @@
   import { ModalParamsType } from '/#/utils';
   import { ModalParamsType } from '/#/utils';
   import { DataActionModeEnum } from '/@/enums/toolEnum';
   import { DataActionModeEnum } from '/@/enums/toolEnum';
   import { useRole } from '/@/hooks/business/useRole';
   import { useRole } from '/@/hooks/business/useRole';
+  import { useClipboard } from '@vueuse/core';
 
 
   const ListItem = List.Item;
   const ListItem = List.Item;
   const router = useRouter();
   const router = useRouter();
@@ -87,10 +87,10 @@
     return `${origin}${DATA_BOARD_SHARE_URL(id, publicId)}`;
     return `${origin}${DATA_BOARD_SHARE_URL(id, publicId)}`;
   };
   };
 
 
-  const { clipboardRef } = useCopyToClipboard();
-  const handleCopyShareUrl = (record: DataBoardRecord) => {
-    clipboardRef.value = createShareUrl(record);
-    unref(clipboardRef) ? createMessage.success('复制成功') : createMessage.error('未找到分享链接');
+  const { copied, copy } = useClipboard();
+  const handleCopyShareUrl = async (record: DataBoardRecord) => {
+    await copy(createShareUrl(record));
+    unref(copied) ? createMessage.success('复制成功') : createMessage.error('未找到分享链接');
   };
   };
 
 
   const { isCustomerUser } = useRole();
   const { isCustomerUser } = useRole();