From 2069d53e9be24adec3c8d6717fd7317555bd9a52 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 02 七月 2024 23:02:51 +0800
Subject: [PATCH] 高级表单优化
---
src/views/demo/feat/copy/index.vue | 45 +++++++++++++++++----------------------------
1 files changed, 17 insertions(+), 28 deletions(-)
diff --git a/src/views/demo/feat/copy/index.vue b/src/views/demo/feat/copy/index.vue
index b442056..7ce8b4d 100644
--- a/src/views/demo/feat/copy/index.vue
+++ b/src/views/demo/feat/copy/index.vue
@@ -2,39 +2,28 @@
<PageWrapper title="鏂囨湰澶嶅埗绀轰緥">
<CollapseContainer class="w-full h-32 bg-white rounded-md" title="Copy Example">
<div class="flex justify-center">
- <a-input placeholder="璇疯緭鍏�" v-model:value="value" />
+ <a-input placeholder="璇疯緭鍏�" v-model:value="valueRef" />
<a-button type="primary" @click="handleCopy"> Copy </a-button>
</div>
</CollapseContainer>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent, unref, ref } from 'vue';
- import { CollapseContainer } from '/@/components/Container/index';
- import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
- import { useMessage } from '/@/hooks/web/useMessage';
- import { PageWrapper } from '/@/components/Page';
+<script lang="ts" setup>
+ import { unref, ref } from 'vue';
+ import { CollapseContainer } from '@/components/Container';
+ import { useMessage } from '@/hooks/web/useMessage';
+ import { PageWrapper } from '@/components/Page';
+ import { copyText } from '@/utils/copyTextToClipboard';
- export default defineComponent({
- name: 'Copy',
- components: { CollapseContainer, PageWrapper },
- setup() {
- const valueRef = ref('');
- const { createMessage } = useMessage();
- const { clipboardRef, copiedRef } = useCopyToClipboard();
+ const valueRef = ref('');
+ const { createMessage } = useMessage();
- function handleCopy() {
- const value = unref(valueRef);
- if (!value) {
- createMessage.warning('璇疯緭鍏ヨ鎷疯礉鐨勫唴瀹癸紒');
- return;
- }
- clipboardRef.value = value;
- if (unref(copiedRef)) {
- createMessage.warning('copy success锛�');
- }
- }
- return { handleCopy, value: valueRef };
- },
- });
+ function handleCopy() {
+ const value = unref(valueRef);
+ if (!value) {
+ createMessage.warning('璇疯緭鍏ヨ鎷疯礉鐨勫唴瀹癸紒');
+ return;
+ }
+ copyText(value);
+ }
</script>
--
Gitblit v1.9.3