UmsMessageBox
属性
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
message | 显示在messageBox上的信息 | ||
title | 作为confirm的标题 | ||
loadingtime | 为messageBox上倒数计时 | ||
option | Loading的其他配置 |
option配置
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
loadingTimeFlag | Boolean | true | 时间倒数的标志位 |
maxlength | Number | promptInput的限制长度 | |
promptValidate | Function | promptInput确定键时的验证函数, 返回值:true表示验证成功,false表示没有错误信息的错误, 字符串表示带有错误信息的错误 |
action对象
对于confirm Promise返回的action分为'confirm'和'cancel'两个字符串 对于promptInput和promptRadio返回对象,选择确定则返回包含选择的项(value)和输入的值(value),以及 点击按钮的值(action:confirm,action:cancel),选择取消则返回包含只包含(action:cancel)的对象
说明
目前提供confirm、loading这两种,confirm会返回Promise,传回的值为(confirm、cancel),每个MessageBox都带有close方法,用于手动关闭
调用方法
import {UmsMessageBox} from 'ums-comp'
//调用打印时的messageBox
UmsMessageBox.loading('这是print loading',10,{type: "print"});
//调用加载时的messageBox
UmsMessageBox.loading('这是 loading',10,{type: "loading"})
或
UmsMessageBox.loading('这是 loading',10)
//调用confirm
UmsMessageBox.confirm('标题内容', '这是一个confirm', 10).then((action) => {
UmsMessageBox.close()
}).catch((action) => {
UmsMessageBox.close()
})
//调用prompt input
UmsMessageBox.promptInput('标题内容', '这是一个prompt input', 10).then((action) => {
UmsMessageBox.close()
}).catch((action) => {
UmsMessageBox.close()
})
//调用prompt radio
UmsMessageBox.promptRadio('标题内容', [
{
label: 'BCTC DEBIT(储蓄卡)',
value: '值A'
},
{
label: 'BCTC CREDIT(信用卡)',
value: '值B'
}]).then(() => {
UmsMessageBox.close()
}).catch(() => {
UmsMessageBox.close()
})