rnx-ui-dialog
v0.0.1
Published
RNX UI Component: Dialog
Downloads
7
Readme
Dialog
弹窗
API
Prop | Type | Default | Required | Description --------------------- | -------- | ------------------------- | -------- | ----------- type |string |'confirm' |No |弹窗类型,可选 alert、confirm title |string | |No |弹窗 title content |string | |No |弹窗主体内容,也可传递比较复杂的contentJSX结构的时候,使用该配置 visible |bool |true |No |是否显示 modal |bool |true |No |是否显示遮罩,注意,如果设置为false,dialog在竖直方向上就没法居中了,需要自己通过style的top【默认会被设置成视图高度的/2】, marginTop来调整dialog的位置 modelStyle |object |默认合并 dialog.js 内样式 |No |遮罩样式 header |object | |No |配置title的左边和右边显示的附加按钮,例如 {cancel: {text: "X", hidden: false}, confirm: false},cancel、confirm、close最多配置两个,配置成false或者hidden:true表示不展示,但是会占位置 showHeader |bool |true |No |配置是否显示header footer |object |{cancel: {text: "取消"}, confirm: {text: "确定"}}|No|配置底部的按钮 onConfirm |func | |No |确认回调,return false则不会继续触发关闭逻辑 onCancel |func | |No |取消回调,return false则不会继续触发关闭逻辑 onClose |func | |Yes |关闭回调