Dialog 对话框

模态对话框。五种宽度，提交中不可关闭，有未保存内容时关闭前先确认。

busy：提交中，Esc、遮罩、关闭按钮都关不掉。
dirty：有未保存的内容，关闭前弹出「放弃未保存的更改？」。
size：sm 440、md 560、lg 680、xl 880、picker 1040。
表单弹窗推荐直接用 SchemaFormDialog。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/dialog.json

第一次装本站的组件前先在项目里执行一次 shadcn init，详见安装。

用法

import { Dialog, DialogBody, DialogCancel, DialogContent, DialogFooter, DialogHeader } from '@/components/ui/dialog';

<Dialog open={open} onOpenChange={setOpen} busy={saving} dirty={form.isDirty}>
  <DialogContent size="md">
    <DialogHeader title="编辑用户" description="…" />
    <DialogBody>…</DialogBody>
    <DialogFooter>
      <DialogCancel />
      <Button loading={saving}>保存</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>