feat(阶段1): 搬入 ojnext 为 apps/web，未改业务代码

apps/web/src/shared/components/Copy.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { Icon } from "@iconify/vue"
+import { copyToClipboard } from "utils/functions"
+
+defineProps<{ value: string }>()
+const [copied, toggle] = useToggle()
+const { start } = useTimeoutFn(() => toggle(false), 1000, { immediate: false })
+
+const COPY = h(Icon, { icon: "fluent-emoji:clipboard" })
+const OK = h(Icon, { icon: "fluent-emoji:check-mark-button" })
+
+async function handleClick(value: string) {
+  const success = await copyToClipboard(value)
+  if (success) {
+    toggle(true)
+    start()
+  }
+}
+</script>
+<template>
+  <n-tooltip trigger="hover">
+    <template #trigger>
+      <n-icon class="icon" @click="handleClick(value)">
+        <component :is="copied ? OK : COPY"></component>
+      </n-icon>
+    </template>
+    {{ copied ? "已复制" : "复制" }}
+  </n-tooltip>
+</template>
+<style scoped>
+.icon {
+  cursor: pointer;
+  font-size: 20px;
+}
+</style>