@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'

## 不同尺寸

通过`size`改变尺寸，'xs' | 'small' | 'middle' | 'large'，默认 small。
@include 'demo11'