<script setup>
// 常用属性：
//    header - 页头文字
//    footer - 页脚文字
//
// 常用插槽：
//    #header - 页头内容
//    #footer - 页脚内容
//
// 常用方法：
//    show() - 显示对话框
//    hide() - 隐藏对话框
//
// 常用事件：
//   @show - 显示
//   @hide - 隐藏

import Dialog from "primevue/dialog";
import {ref} from "vue";

const props = defineProps(["visible"])
const dialogVisible = ref(false)

defineExpose({
	show: () => {
		dialogVisible.value = true
	},
	hide: () => {
		dialogVisible.value = false
	}
})
</script>

<template>
	<Dialog modal dismissableMask blockScroll v-model:visible="dialogVisible">
		<template #header>
			<slot name="header"></slot>
		</template>
		<template #footer>
			<slot name="footer"></slot>
		</template>
		<slot></slot>
	</Dialog>
</template>

<style scoped>

</style>