- category: Components
- family: Feedback
- chinese: 加载
- type: 基本
加载组件，用于页面和区块的加载中状态。
页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。
Loading 默认使用 display='inline-block' 布局的方式包裹内部元素。
如果希望通栏包裹， 可以修改 <Loading style={{display: 'block'}} />。
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| tip | 自定义内容，可以传入string或reactElement | any | - |
| size | 设置动画尺寸 可选值: 'large'(大号) 'medium'(中号) |
Enum | 'large' |
| tipAlign | 自定义内容位置 可选值: 'right'(出现在动画右边) 'bottom'(出现在动画下面) |
Enum | 'bottom' |
| visible | loading 状态, 默认 true | Boolean | true |
| onVisibleChange | 全屏模式下，loading弹层请求关闭时触发的回调函数 签名: Function(type: String, e: Object) => void 参数: type: {String} 弹层关闭的来源 e: {Object} DOM 事件 |
Function | func.noop |
| indicator | 自定义动画 | any | - |
| color | 动画颜色 | String | - |
| fullScreen | 全屏展示 | Boolean | - |
| disableScroll | 当点击 document 的时候，如果包含该节点则不会关闭弹层， 如果是函数需要返回 ref，如果是字符串则是该 DOM 的 id，也可以直接传入 DOM 节点，或者以上值组成的数组 是否禁用滚动，仅在 fullScreen 模式下生效 |
Boolean | false |
| safeNode | 安全节点，fullScreen时有效， | any | - |
| children | 子元素 | any | - |
| 按键 | 说明 |
|---|---|
| Esc | 全屏模式下onVisibleChange接收的键盘事件，用于退出加载态 |