@beisen-phoenix/message

全局展示操作反馈信息。分为基础消息提示、标题+内容提示、及时反馈提示。

Usage no npm install needed!

<script type="module">
  import beisenPhoenixMessage from 'https://cdn.skypack.dev/@beisen-phoenix/message';
</script>

README

Message 全局操作提示

全局展示操作反馈信息。分为基础消息提示、标题+内容提示、及时反馈提示。

可提供 成功、错误、警告、提醒 四种类型。

API

参数 说明 类型 默认值 是否必传
type 指定警告提示的样式,有四种选择 success error info warning string
message 警告提示标题 string
description 警告提示内容 string 或者 array
showCloseButton 是否显示关闭按钮, boolean error和info默认为 true, 其他默认为 false
container 指定渲染到的Dom容器 DOM
duration 自动消失时间 number 3000
top 上偏移量, 根据组件的默认位置,可以是负数 (正数向下移,负数向上移) number
left 左偏移量, 根据组件的默认位置,可以是负数 (正数向左移,负数向右移) number
onClose 关闭时触发的回调函数 ()=>{}
size 提示尺寸可选small为轻提示 big string big

1.0.8

默认的zIndex使用styleToken里messageZindex

1.0.7

样式冲突导致的图标位置不正确,图标与位置的对起

2019-07-29

Message.xxx()

包括:

  • Message.info
  • Message.success
  • Message.error
  • Message.warning

以上均为一个函数,参数为 object,具体属性如下:

参数 说明 类型 默认值 是否必传
type 指定警告提示的样式,有四种选择 success error info warning string
message 警告提示标题 string
description 警告提示内容 string 或者 array
showCloseButton 是否显示关闭按钮, boolean error和info默认为 true, 其他默认为 false
duration 自动消失时间 number 3000
top 上偏移量, 根据组件的默认位置,可以是负数 (正数向下移,负数向上移) number
left 左偏移量, 根据组件的默认位置,可以是负数 (正数向左移,负数向右移) number
size 提示尺寸可选small为轻提示 big string big

返回值为一个object,具体属性如下:

  • close : 一个用于关闭当前dialog的function

使用方法:

 const infoMs = Message.info({message: '这里是标题'})
 infoMs.close() // 关闭当前对话框

2019-09-02

新增小号轻提示 http://nature.beisen.co/NaturedesignSpec/Naturedesign3.0/NaturedesignSpec-PC/preview/%5bPC%5dNaturedesign3.0.5/8Feedback-01-Message/

2019-09-25

增加多语言

参数 说明 类型 默认值
translation 语言包 用于翻译组件内置常量 {more: string,iSee: string} {more: '查看更多',iSee: '我知道了'}