naive 的 dialog

NaiveUI是一个基于Vue.js的UI组件库，提供了丰富的组件和功能。其中，Dialog是NaiveUI中的一个对话框组件，用于显示弹出窗口并与用户进行交互。

在NaiveUI中使用Dialog组件有两种全局挂载配置的方式，可以根据项目的需要选择其中一种方式进行配置。

第一种方式是通过定义一个`.d.ts`文件来进行配置。你可以创建一个名为`index.d.ts`的文件，并在文件中引入NaiveUI对应的定义类型。具体代码如下：

// 引入naive对应的定义类型
import type { DialogApiInjection } from "naive-ui/lib/dialog/src/DialogProvider";
import type { MessageApiInjection } from "naive-ui/lib/message/src/MessageProvider";

declare global {
  interface Window {
    $message: MessageApiInjection;
    $dialog: DialogApiInjection;
  }
}

第二种方式是通过修改`App.vue`文件来进行配置。你需要在`<template>`标签中嵌套`n-message-provider`和`n-dialog-provider`组件，并在`<script>`标签中引入`NMessageProvider`和`NDialogProvider`组件以及你所定义的全局挂载组件。具体代码如下：

<template>
  <n-message-provider>
    <n-dialog-provider>
      <global-container />
    </n-dialog-provider>
  </n-message-provider>
</template>

<script lang="ts" setup>
import { NMessageProvider, NDialogProvider } from "naive-ui";
// 引入上面你所定义的全局挂载组件
import GlobalContainer from "@/layout/global.vue";
</script>

以上是两种配置NaiveUI的Dialog组件的方式。你可以根据项目的需要选择其中一种方式进行配置。