From 68ffcec54f6274529dbb0ff90e10b34a98c22e3c Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Wed, 12 Oct 2022 16:32:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(project):=20=E5=A2=9E=E5=8A=A0=E5=89=AA?=
 =?UTF-8?q?=E8=B4=B4=E6=9D=BF=E5=A4=8D=E5=88=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mock/module/user.ts                  |  9 ++++++++
 src/views/plugin/clipboard/index.vue | 34 ++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 src/views/plugin/clipboard/index.vue

diff --git a/mock/module/user.ts b/mock/module/user.ts
index 94344f8..61ea704 100644
--- a/mock/module/user.ts
+++ b/mock/module/user.ts
@@ -214,6 +214,15 @@ const userRoutes = [
           },
         ],
       },
+      {
+        name: 'plugin_clipboard',
+        path: '/plugin/clipboard',
+        meta: {
+          title: '剪贴板',
+          requiresAuth: true,
+          icon: 'icon-park-outline:clipboard',
+        },
+      },
     ],
   },
   {
diff --git a/src/views/plugin/clipboard/index.vue b/src/views/plugin/clipboard/index.vue
new file mode 100644
index 0000000..584f5f2
--- /dev/null
+++ b/src/views/plugin/clipboard/index.vue
@@ -0,0 +1,34 @@
+<template>
+  <n-card>
+    <n-input-group>
+      <n-input v-model:value="text" />
+      <n-button type="primary" @click="handleCopy">复制</n-button>
+    </n-input-group>
+  </n-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+const text = ref('Hello Clipboard');
+
+function handleCopy() {
+  if (!navigator.clipboard) {
+    window.$message?.error('当前浏览器不支持复制！');
+  }
+  if (!text.value) {
+    window.$message?.error('请输入要复制的内容');
+    return;
+  }
+  navigator.clipboard.writeText(text.value).then(
+    (res) => {
+      window.$message?.success(`复制成功：${text.value}`);
+    },
+    (err) => {
+      window.$message?.error('复制失败');
+    },
+  );
+}
+</script>
+
+<style scoped></style>