element3
element3 copied to clipboard
refactor messagebox components
重构组件规范
Tasking
messageBox组件
- [x] 调用modal窗功能
- [x]
title控制messageBox的标题,不传默认为Null - [x]
message控制messageBox的内容,支持VNode和string, - [x]
dangerouslyUseHTMLString是否将 message 属性作为 HTML 片段处理,默认为false - [x]
type控制messageBox的消息类型,用于显示图标,默认值[success|info|warning|error] - [x]
iconClass自定义messageBox图标的类名,会覆盖 type属性 - [x]
customClassMessageBox 的自定义类名 - [x]
callbackmessageBox若不使用 Promise,可以使用此参数指定 MessageBox 关闭后的回调,回单函数参数,(action:confirm|cancel|close,instance:messageBox)=>{},当前的实例, - [x]
showClose是否展示messageBox又上角的关闭按钮,默认为true - [x]
beforeClosemessageBox关闭前的回调,会暂停实例的关闭,(action:confirm|cancel|close,instance:messageBox,done)=>{} done用于关闭messageBox的实例 - [x]
distinguishCancelAndClose是否将取消(点击取消按钮)与关闭(点击关闭按钮或遮罩层、按下 ESC 键)进行区分 默认值为false - [x]
lockScroll是否在 MessageBox 出现时将 body 滚动锁定默认为true - [x]
showCancelButton是否显示取消按钮,默认为false,以 confirm 和 prompt 方式调用时为 true - [x]
showConfirmButton是否显示确定按钮,默认为true - [x]
cancelButtonText取消按钮的文本内容, 默认为取消 - [x]
confirmButtonText确定按钮的文本内容, 默认为确定 - [x]
cancelButtonClass取消按钮的自定义类名 - [x]
confirmButtonClass确定按钮的自定义类名 - [x]
closeOnClickModal是否可通过点击遮罩关闭 MessageBox, 默认为true,以 alert 方式调用时为 false) - [x]
closeOnPressEscape是否可通过按下 ESC 键关闭 MessageBox,默认为true,以 alert 方式调用时为 false - [x]
closeOnHashChange是否在 hashchange 时关闭 MessageBox 默认为true - [x]
showInput是否显示输入框,默认为false,以 prompt 方式调用时为 true - [x]
inputPlaceholder输入框的占位符 - [x]
inputType输入框的类型,默认为text - [x]
inputValue输入框的初始文本 - [x]
inputPattern输入框的校验表达式 - [ ]
inputValidator输入框的校验函数。可以返回布尔值或字符串,若返回一个字符串, 则返回结果会被赋值给 inputErrorMessage - [x]
inputErrorMessage校验未通过时的提示文本,默认为"输入的数据不合法!" - [x]
center是否居中布局,默认为false - [x]
roundButton是否使用圆角按钮