feat(components): add copy-text

src/components/custom/CopyText.vue

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+const props = defineProps<{
+  modelValue: string
+  maxLength?: string
+}>()
+const emit = defineEmits(['update:modelValue'])
+
+const text = useVModel(props, 'modelValue', emit)
+</script>
+
+<template>
+  <div class="copy-wrap">
+    <n-ellipsis :style="{ 'max-width': maxLength || '12em' }">
+      {{ text }}
+    </n-ellipsis>
+    <span v-copy="text" class="copy_icon">
+      <i-icon-park-outline-copy />
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.copy-wrap{
+  display: inline-flex;
+  align-items: center;
+  gap:0.5em;
+}
+.copy_icon{
+  cursor: pointer;
+}
+</style>

src/views/plugin/clipboard/index.vue

@@ -11,6 +11,8 @@ const text = ref('Hello v-copy')
         v-copy复制
       </n-button>
     </n-input-group>
+    <n-h1> copy-text组件 使用</n-h1>
+    <copy-text v-model="text" />
   </n-card>
 </template>