组件+

src/components/Dropdown/index.vue

@@ -2,7 +2,7 @@
   <e-tooltip :class="ns('popover')" v-bind="{ ...$props, ...$attrs }" v-model="visible">
     <slot />
     <template #content>
-      <e-menu :items="options" direction="vertical" @select="handleSelect" />
+      <e-menu v-model="selected" :items="options" direction="vertical" @select="handleSelect" />
     </template>
   </e-tooltip>
 </template>
@@ -22,17 +22,11 @@ withDefaults(
   { options: [] as any, trigger: 'click', placement: 'bottom' }
 )
 
-const emits = defineEmits<{
-  select: [key: string]
-}>()
-
 const selected = defineModel('selected', { default: '' })
 
 const visible = defineModel('visible', { default: false })
 
-const handleSelect = (key: string) => {
-  selected.value = key
-  emits('select', key as any)
+const handleSelect = () => {
   // visible.value = false
 }
 </script>

src/components/Menu/index.vue

@@ -33,7 +33,7 @@ const emits = defineEmits<{
 
 const { namespace } = inject($config, $configInit)!
 
-const active = ref()
+const active = defineModel()
 
 const handleItemClick = (key) => {
   active.value = key

src/components/Tooltip/index.vue

@@ -54,7 +54,7 @@ const handleOpen = _.debounce(() => {
 
 const updatePosition = async () => {
   const { x, y } = await computePosition(referenceSlot.value, floating.value, {
-    middleware: [shift(), flip(), offset(3)], // 按需引用的中间件
+    middleware: [shift(), flip(), offset(5)], // 按需引用的中间件
     placement: props.placement // 指定初始化浮动位置
   })
   // console.log(x, y)
@@ -97,12 +97,4 @@ onMounted(() => {
 onUnmounted(() => {
   window.removeEventListener(triggerName.value, dismiss)
 })
-
-defineExpose({
-  visible,
-  referenceSlot,
-  close: () => {
-    visible.value = false
-  }
-})
 </script>