@beisen-phoenix/message
v3.3.55
Published
>全局展示操作反馈信息。分为基础消息提示、标题+内容提示、及时反馈提示。
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.infoMessage.successMessage.errorMessage.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: '我知道了'} |
