0.5.18 • Published 4 years ago

uxcore-message v0.5.18

Weekly downloads
21
License
MIT
Repository
github
Last release
4 years ago

uxcore-message Dependency Status devDependency Status

TL;DR

uxcore-message ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-message
$ cd uxcore-message
$ npm install
$ gulp server

Usage

demo

http://uxcore.github.io/

API

  • Message.success(content, duration, onClose)
  • Message.error(content, duration, onClose)
  • Message.info(content, duration, onClose)
  • Message.loading(content, duration, onClose)
  • Message.nw_loading(content, duration, onClose) // 信息平台新 logo 的 loading
  • Message.mask_loading(content, duration, onClose) // 带遮罩全局的 loading,防止重复点击提交,duration=0代表不会消失,必须使用Message.clear()清除
  • Message.clear() // 清除所有的 message。

也可以这样进行传参

Message.success({
	content: 'xxx',
	duration: 1.5,
	onClose: () => {}
})
参数类型必填默认值功能/备注
contentReact.Element or Stringrequired-提示的内容
durationNumberoptional1.5多长(秒)时间消失
getContainerfunctionoptional-为 message 指定要渲染的容器

另外提供了一个全局方法用于配置

Message.config({
  multipleInstance: true,  // 是否允许同时展示多个 message, 默认为 true
	className: 'xxx',  // 在 uxcore-kuma 样式基础上定制时使用
	prefixCls: 'xxx',  // 类名前缀,不想使用 uxcore-kuma 样式时使用
})
0.5.18

4 years ago

0.5.17

4 years ago

0.5.16

4 years ago

0.5.15

5 years ago

0.5.14

6 years ago

0.5.13

6 years ago

0.5.12

6 years ago

0.5.11

6 years ago

0.5.10

6 years ago

0.6.1

6 years ago

0.6.0

6 years ago

0.5.9

6 years ago

0.5.8

6 years ago

0.5.7

6 years ago

0.5.6

6 years ago

0.5.5

6 years ago

0.5.4

6 years ago

0.5.3

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

7 years ago

0.4.0

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago

0.2.6

8 years ago

0.2.5

8 years ago

0.2.4

9 years ago

0.2.3

9 years ago

0.2.2

9 years ago

0.2.1

9 years ago

0.2.0

9 years ago

0.1.2

9 years ago

0.1.1

9 years ago

0.1.0

9 years ago