<template>
  <div>
    首页面
    <el-button type="primary" size="default" @click="onShow('测试')">测试弹框组件</el-button>
    
  </div>
  <SysDialog
  :title="dialog.title"
  :visible="dialog.visible"
  :width="dialog.width"
  :height="dialog.height"
  @onClose="onClose"
  @onConfirm="onConfirm"
  >
    <!-- 使用弹框组件，在插槽中传递值 -->
    <template #content>
      测试弹框组件
    </template>
  </SysDialog>
</template>

<script setup lang="ts">
  import SysDialog from '@/components/SysDialog.vue';

  // import { reactive } from 'vue';
  import useDialog from '@/hooks/useDialog';
  const { dialog,onClose,onConfirm,onShow } = useDialog()

</script>

<style scoped>

</style>