From 48c271c9d57f53ad58f1a1c26d1bfd3e116cf2af Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Sat, 28 Sep 2024 19:38:33 +0800
Subject: [PATCH] feat: code copy

---
 apps/web-antd/src/views/tool/gen/code-preview-modal.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/web-antd/src/views/tool/gen/code-preview-modal.vue b/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
index 074df140..169192bc 100644
--- a/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
+++ b/apps/web-antd/src/views/tool/gen/code-preview-modal.vue
@@ -11,6 +11,7 @@ import {
 } from '@vben/common-ui';
 import { Icon } from '@vben/icons';
 
+import { useClipboard } from '@vueuse/core';
 import { Skeleton, Tree } from 'ant-design-vue';
 
 import { previewCode } from '#/api/tool/gen';
@@ -148,6 +149,8 @@ function handleClose() {
   modalTitle.value = '代码预览';
   language.value = 'html';
 }
+
+const { copy } = useClipboard({ legacy: true });
 </script>
 
 <template>
@@ -181,6 +184,9 @@ function handleClose() {
         class="h-[calc(100vh-80px)] w-full overflow-y-scroll text-[16px]"
         readonly
       />
+      <div class="fixed right-20 top-20">
+        <a-button @click="copy(codeContent)">复制</a-button>
+      </div>
     </div>
     <Skeleton v-if="!currentCodeData" active />
   </BasicModal>