0.1.28 • Published 5 years ago

rat-message v0.1.28

Weekly downloads
3
License
BSD-3-Clause
Repository
github
Last release
5 years ago

rat-message

  • category: Components
  • chinese: 信息提示
  • type: 展示

开发指南

API

Message

参数说明类型默认值
size反馈大小可选值:'medium', 'large'Enum'medium'
type反馈类型可选值:'success', 'warning', 'error', 'notice', 'help', 'loading'Enum'success'
shape反馈外观可选值:'inline', 'addon', 'toast'Enum'inline'
title标题ReactNode-
children内容ReactNode-
defaultVisible默认是否显示Booleantrue
visible当前是否显示Boolean-
iconType显示的图标类型，会覆盖内部设置的IconTypeString-
closeable显示关闭按钮Booleanfalse
onClose关闭按钮的回调签名:Function() => voidFunction() => {}
afterClose关闭之后调用的函数签名:Function() => voidFunction() => {}

Message.show

Message.show(props) 提供一个单例的调用方式，配置参数如下（继承 Overlay 的配置）：

参数说明类型默认值
type反馈类型String'success'
title反馈标题ReactNode-
content反馈内容ReactNode-
duration显示持续时间，0表示一直存在，以毫秒为单位Number3000
align对齐方式，参考OverlayString'tc tc'
offset对齐之后的偏移位置Array0, 0
hasMask是否带有遮罩Booleanfalse
closeable显示关闭按钮Booleanfalse
afterClose关闭事件的回调函数Function-
overlayProps透传到弹层的属性对象Object-

示例：

Message.show({
    type: 'error',
    title: '错误',
    content: '请联系相关人员反馈！',
    hasMask: true
});

Message.hide

Message.hide() 提供关闭反馈弹层的快捷方法。

Message.success|error|notice|help|loading

Message.show({type: type, title: 'xxx'}); 的便捷调用方法。

示例：

Message.success('反馈内容');

// 或者
Message.success({
    title: '反馈内容',
    duration: 1000
});
ratrat-message
rat-framerat-iconfontrat-overlayrat-providerrat-util
@everything-registry/sub-chunk-2531rat-dialog
0.1.28

5 years ago

0.1.27

6 years ago

0.1.26

6 years ago

0.1.25

6 years ago

0.1.24

6 years ago

0.1.23

6 years ago

0.1.22

6 years ago

0.1.21

7 years ago

0.1.20

7 years ago

0.1.19

7 years ago

0.1.18

7 years ago

0.1.17

7 years ago

0.1.16

7 years ago

0.1.15

7 years ago

0.1.14

7 years ago

0.1.13

7 years ago

0.1.11

7 years ago

0.1.10

7 years ago

0.1.9

7 years ago

0.1.8

7 years ago

0.0.1

7 years ago