feat: 🎸 初始化项目

src/directives/clipboard/index.ts

@@ -0,0 +1,63 @@
+import Clipboard from 'clipboard'
+import { Directive, DirectiveBinding } from 'vue'
+import { message } from 'ant-design-vue'
+
+if (!Clipboard) {
+  throw new Error('you should npm install `clipboard` --save at first ')
+}
+
+export const clipboard: Directive = {
+  beforeMount(el: HTMLElement, binding: DirectiveBinding) {
+    createdClipboard(el, binding.arg, binding.value)
+  },
+  updated(el: HTMLElement | any, binding: DirectiveBinding) {
+    if (binding.arg === 'success') {
+      el._v_clipboard_success = binding.value
+    } else if (binding.arg === 'error') {
+      el._v_clipboard_error = binding.value
+    } else {
+      el._v_clipboard.text = function() { return binding.value }
+      el._v_clipboard.action = function() { return 'copy' }
+    }
+  },
+  unmounted(el: HTMLElement | any, binding: DirectiveBinding) {
+    if (binding.arg === 'success') {
+      delete el._v_clipboard_success
+    } else if (binding.arg === 'error') {
+      delete el._v_clipboard_error
+    } else {
+      el._v_clipboard.destroy()
+      delete el._v_clipboard
+    }
+  }
+}
+
+function createdClipboard(el: HTMLElement | any, arg: string | undefined, value: any) {
+  if (arg === 'success') {
+    el._v_clipboard_success = value
+  } else if (arg === 'error') {
+    el._v_clipboard_error = value
+  } else {
+    const clipboard = new Clipboard(el, {
+      text() { return value },
+      action() { return 'copy' }
+    })
+    clipboard.on('success', e => {
+      const callback = el._v_clipboard_success
+      if (callback) {
+        callback(e)
+      } else {
+        message.success('复制成功')
+      }
+    })
+    clipboard.on('error', e => {
+      const callback = el._v_clipboard_error
+      if (callback) {
+        callback(e)
+      } else {
+        message.success('复制失败')
+      }
+    })
+    el._v_clipboard = clipboard
+  }
+}

src/directives/index.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue'
+
+import { clipboard } from './clipboard'
+
+export function setupDirectives(app: App) {
+  app.directive('clipboard', clipboard)
+}