| description |
|---|
打断用户的当前操作流程，获取用户视觉焦点的对话框。 |
弹窗 Modal 一种临时窗口，是打断用户当前操作流程，获取用户视觉焦点的对话框。
常用于提供反馈信息、确认操作行为等场景，也可用于承载简单的表单信息填写、表格信息展示等，使用户在不离开当前页面的情况下，能够快速执行简单的操作。
弹窗 Modal 通常会出现在屏幕的中间位置，会对界面的主要内容造成遮挡。
| 标题（A） | 关闭按钮（B） | 内容区域（C） | 底部操作区域（D） | 提示信息（E） | 蒙层（F） |
|---|---|---|---|---|---|
| √ | 可选 | √ | √ | 可选 | 可选 |
弹窗 Modal 预设了 sm、md、lg三种尺寸，宽度分别为400px、700px、800px。
小号弹窗
主要用于重要级比较高的信息提示，是一种强提醒，可以确保用户知晓，常用于重要操作后结果的展示，或危险、警告等信息的展示。
如果仅用于反馈操作结果的状态信息，不希望干扰用户的操作流时，建议使用 Message 全局提示 组件。
中号弹窗
中号弹窗是最常使用的尺寸。
大号弹窗
大号弹窗，主要用于计费相关的，右侧有相对应的内容需要设置，如「续费管理」的批量续费；以及容纳表格等宽度较宽的内容时。
内容区域设置最大高度：实际内容区域未达到限制时，弹窗高度根据内容区域高度自适应；内容区域超过最大高度后，内容区域出现滚动条，其他构成元素不随内容区域滚动。
弹窗的默认提示与弹窗等宽，位于内容区域与弹窗标题之间，具体设置，可以参考Notice 提示。
这为保持整体页面整洁度，该提示样式请慎用！建议不要有，如必须有最多只能一条。
弹窗全局的报错，在内容区顶部进行报错。内容区域内表单/表格的报错，遵循 Form 表单 和 Table 表格 的报错原则。
如果是前端报错，建议输入完成后，立刻给到反馈，帮助用户纠正错误；后端报错，点击「确认」传值校验后报错；如果报错提示需要给到必要的操作链接，可通过文字链的形式给到用户。
若弹窗是由用户主动触发的，那么弹窗标题应该与用户触发弹窗的操作按钮同名，或者至少有相同的关键字。此时弹窗是用户操作后的反馈，用户需要通过弹窗的标题来确认自己是否进入了正确的模块、进行了正确的操作。
如果有放置多个按钮的需求，从右到左依次为： 主按钮、次按钮、取消。3个操作按钮作为弹窗操作区的上限。
弹窗 Modal 作为一个非常底层的控件，应该兼顾大部分用户的不同习惯，从而保持整个系统有比较好的可用性。因此，U-Design建议在弹窗的右上角添加“x”作为关闭操作性弹窗的最短路径，并且佐以键控、点击遮罩等多种关闭方式；除非要求用户明确表态（比如要求同意协议）的情况，可以只通过操作按钮关闭。
当然，更便捷的关闭方式代表着更多的误触，如何平衡可用性和误触，就要根据具体场景具体分析。
操作栏可以放置checkbox作为条件附件，支持开发者自定义与按钮是否逻辑关联。如果checkbox与按钮逻辑强相关，则需要勾选之后，「确认」按钮才可用。
***控制台目前弹窗均为模态弹窗。***其能够较好的获取用户的视觉焦点，并通过承载的内容、按钮主次层级来引导用户完成他们的需求。模态弹窗可以通过蒙层关闭。
适用于当前操作需要异步完成时，加载完成后会自动关闭对话框，加载形式为内容区蒙层加载。
当内容较少时使用弹窗展示，当内容较多时使用抽屉展示。
内容较多的弹窗不便于用户使用。而内容过少的抽屉会显得较为空洞。
