by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: code copy

Browse Source
This commit is contained in:
dap 2024-09-28 19:38:33 +08:00
parent 89ce21acfe
commit 48c271c9d5
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web-antd/src/views/tool/gen/code-preview-modal.vue
View File

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