<template> <MkModal ref="modal" v-slot="{ type, maxHeight }" :z-priority="'high'" :src="src" :transparent-bg="true" @click="modal.close()" @closed="emit('closed')"> <MkMenu :items="items" :align="align" :width="width" :max-height="maxHeight" :as-drawer="type === 'drawer'" class="sfhdhdhq _popup _shadow" :class="{ drawer: type === 'drawer' }" @close="modal.close()"/> </MkModal> </template> <script lang="ts" setup> import { } from 'vue'; import MkModal from './modal.vue'; import MkMenu from './menu.vue'; import { MenuItem } from '@/types/menu'; defineProps<{ items: MenuItem[]; align?: 'center' | string; width?: number; viaKeyboard?: boolean; src?: any; }>(); const emit = defineEmits<{ (ev: 'closed'): void; }>(); let modal = $ref<InstanceType<typeof MkModal>>(); </script> <style lang="scss" scoped> .sfhdhdhq { &.drawer { border-radius: 24px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } </style>