> 对话框组件

```vue
<def-dialog ref="dialogRef" width="30%" @confirm="handleDialogConfirm">
  <template #default>
    <el-button type="success" @click="handleDialogOpen">这里是打开对话框操作</el-button>
  </template>
  <template #content>
    <el-scrollbar class="content" style="height: 300px; background-color: burlywood;">
      <div v-for="item in 30" :key="item">这里是dialog内容区域{{item}}</div>
    </el-scrollbar>
  </template>
</def-dialog>
```

```js
const dialogRef = ref()
const handleDialogOpen = () => {
  dialogRef.value?.open()
}
const handleDialogConfirm = async () => {
  await console.log('dialog-确定')
}
```