@include 'common'

## 基本
基本用法，打开和关闭。
@include 'demo1'

## 快捷调用
`Dialog` 提供 `alert` 和 `confirm` 的快掉调用方式，以及更底层的 `show` 方式。
@include 'demo2'

## 自定义底部
默认的底部为确定取消两个按钮，可以通过 `okProps` 或 `cancelProps` 自定义按钮属性，或者通过 `footer` 属性完全自定义底部内容。
@include 'demo3'

## 定制底部按钮
通过 `footerActions` 来调整确定按钮和取消按钮是否出现以及相互间的位置，通过 `footerAlign` 来调整底部按钮的对齐方式。
@include 'demo4'

## 更新位置
通过设置 `shouldUpdatePosition` 为 `true` 来及时更新对话框的位置，一般用于对话框内容发生变化但是仍然要保证原来对齐方式的情况。
@include 'demo5'

## 滚动条 isFullScreen
@include 'demo6'

## 延迟关闭
在使用 `Dialog.alert`，`Dialog.confirm` 以及 `Dialog.show` 时，如果 `onOk` 返回 `Promise`，对话框会在 `Promise resolve` 时关闭，除非调用 `resolve(false)`。
@include 'demo7'

## 国际化 withContext
通过 `Dialog.withContext(({ contextDialog }) => {} )`方法，封装 使用到函数式调用弹窗 的组件（例如业务组件或者当前App等），可以将 被封装组件 代码所在上下文的`context`注入到`context Dialog`中。

相比较`Dialog.alert()`获取到的是当前页面第一次被记录且未被卸载的`context`，`contextDialog.alert()`获取到的是 下例中`< DialogWitchContext />` 所在代码环境的`context`。

`contextDialog`上可被调用的方法有`alert` `confirm` `show`，注意`contextDialog`只有`Dialog`的函数式调用方法，它不能像 `<Dialog />` 一样被使用。
@include 'demo8'

## 固定高度
使用 `height` 属性设置 `Dialog` 整体高度。
@include 'demo9'

## 无障碍支持
通过`okProps`与`cancelProps`设置`aria-label`属性，屏幕阅读器读取确定和取消按钮。关于键盘操作请参考[#无障碍键盘操作指南](https://alifd.alicdn.com/demos-pages/@alifd/next/Dialog@1.23.3-alpha/@alife/theme-blue@1.3.25/index.zh-cn.html#%E6%97%A0%E9%9A%9C%E7%A2%8D%E9%94%AE%E7%9B%98%E6%93%8D%E4%BD%9C%E6%8C%87%E5%8D%97)。
@include 'demo10'
