30 lines
642 B
Vue
30 lines
642 B
Vue
<script setup lang="ts">
|
|
import { InjectionKeyDropdownContext } from '~/constants/symbols'
|
|
|
|
defineProps<{
|
|
placement?: string
|
|
autoBoundaryMaxSize?: boolean
|
|
}>()
|
|
|
|
const dropdown = $ref<any>()
|
|
const colorMode = useColorMode()
|
|
|
|
const hide = () => dropdown.hide()
|
|
provide(InjectionKeyDropdownContext, {
|
|
hide,
|
|
})
|
|
|
|
defineExpose({
|
|
hide,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<VDropdown v-bind="$attrs" ref="dropdown" :class="colorMode.value" :placement="placement || 'auto'" :auto-boundary-max-size="autoBoundaryMaxSize">
|
|
<slot />
|
|
<template #popper="scope">
|
|
<slot name="popper" v-bind="scope" />
|
|
</template>
|
|
</VDropdown>
|
|
</template>
|