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()
    })