---初始化后台管理web页面项目

src/components/ClickOutSide/index.ts

@@ -0,0 +1,4 @@
+import { withInstall } from '/@/utils';
+import clickOutSide from './src/ClickOutSide.vue';
+
+export const ClickOutSide = withInstall(clickOutSide);

src/components/ClickOutSide/src/ClickOutSide.vue

@@ -0,0 +1,19 @@
+<template>
+  <div ref="wrap">
+    <slot></slot>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, onMounted } from 'vue';
+  import { onClickOutside } from '@vueuse/core';
+  const emit = defineEmits(['mounted', 'clickOutside']);
+  const wrap = ref<ElRef>(null);
+
+  onClickOutside(wrap, () => {
+    emit('clickOutside');
+  });
+
+  onMounted(() => {
+    emit('mounted');
+  });
+</script>