element3 icon indicating copy to clipboard operation
element3 copied to clipboard

refactor messagebox components

Open JerryWu1234 opened this issue 5 years ago • 0 comments

重构组件规范

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] beforeClose messageBox关闭前的回调,会暂停实例的关闭,(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 是否使用圆角按钮

JerryWu1234 avatar Dec 14 '20 00:12 JerryWu1234