Icsoc-rc-modal NPM

category: Components type: 信息反馈 title: Modal subtitle: 对话框 modifiedJs: 1

order: 1

在 Ant Design 的 Modal 组件上进行的扩展。不同之处主要在于：

增加了 size 属性，设置了 width 属性的默认值。
size 可用来设置弹框的大小尺寸， width 可用来修改弹框的宽度（详情请查看代码演示与 API）。
增加了 mode type 属性，设置了 okText width 属性的默认值。
mode 表示简短提示框或者是普通提示框， type 表示提示框的类型， okText 可设置提示框确认按钮的文字， width 可设置提示框的宽度。

参数	说明	类型	默认值
size	弹框尺寸，可选值为 `small` `large` 或者不设	string	`default`
width	宽度	string\| number	600

size 属性表示弹框的尺寸。small 宽度 450px，middle 宽度 600px，large 宽度 900px。width 属性可以覆盖 size 属性。

modalTips 为一个函数，参数为 object；

参数	说明	类型	默认值
mode	提示框模式，可选值为 `simple` 或者不设	string	`default`
type	提示框提示类型，可选值为 `info` `success` `error` `warning` `confirm`	string	`warning`
okText	确认按钮文字	string	简短提示框 `我知道了`，普通提示框 `确定`
width	宽度	string \| number	简短提示框 `260`，普通提示框 `434`

参数	说明	类型	默认值
shwBottomBtn	是否展示底部按钮	boolean	true
bottombtnConfig	配置底部按钮。`text` 表示按钮文字，`onClick` 表示按钮事件。默认展示 `保存` `取消` 按钮。	array
onSave	点击保存按钮的回调	function(e)	无
onClose	点击取消按钮或左上角或遮罩层的回调	function(e)	无

其余参数请参考 ant-design 的 Drawer 组件；

5 years ago

5 years ago