1.2.0 • Published 4 years ago
@beisen-phoenix/mobile-modal v1.2.0
规约
- 标题应该简明，不能超过 1 行；描述内容应该简明、完整，一般不多于 2 行。
- Alert 操作按钮最多到 1 个，默认为确定
- Confirm 操作按钮最多到 2 个，默认为取消、确定
API
Modal.Alert
| 属性 | 说明 | 类型 | 默认值 | |
|---|---|---|---|---|
| show | 对话框是否可见 | boolean | false | |
| title | 标题 | String 或 React.Element | 无 | |
| message | 提示信息 | String 或 React.Element | 无 | |
| buttons | 按钮组, {text, onClick } | Array | 无 | |
| maskCls | 自定义遮罩classname | string | 无 | 否 |
| mainViewCls | 自定义内容container className | string | 无 | 否 |
Modal.Confirm
| 属性 | 说明 | 类型 | 默认值 | |
|---|---|---|---|---|
| show | 对话框是否可见 | boolean | false | |
| title | 标题 | String 或 React.Element | 无 | |
| message | 提示信息 | String 或 React.Element | 无 | |
| buttons | 按钮组, 默认两个，最多两个 {text, onClick } | Array | 无 | |
| maskCls | 自定义遮罩classname | string | 无 | 否 |
| mainViewCls | 自定义内容container className | string | 无 | 否 |
Modal
| 属性 | 说明 | 类型 | 默认值 | |
|---|---|---|---|---|
| show | 对话框是否可见 | Boolean | false | |
| size | 大小 | String , 可选：'small' | 'large'; | 'small' |
| closable | 是否显示关闭按钮 | Boolean | false | |
| maskClosable | 点击蒙层是否允许关闭 | Boolean | false | |
| onClose | 点击 x 或 mask 回调 | (): void | 无 | |
| children | 子节点, 定制内容 | React.Element | 无 | |
| maskCls | 自定义遮罩classname | string | 无 | 否 |
| mainViewCls | 自定义内容container className | string | 无 | 否 |