bee-message
Message ui component for react
Last updated 6 months ago by tinper-bot .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install bee-message 
SYNC missed versions from official npm registry.

bee-message

npm version Build Status Coverage Status

Browser Support

IE Chrome Firefox Opera Safari
IE 9+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

react bee-message component for tinper-bee

全局展示操作反馈信息。

应用场景:

  • 可提供成功、警告和错误等反馈信息。
  • 当需要提醒但是不打断操作时,是一种不打断用户操作的轻量级提示方式。

使用方法

const info = function () {
  Message.create({content: 'This is a Info message', color: 'info'});
};

class Demo extends Component {
    render () {
        return (
            <Button
                colors="info"
                onClick={info}>
                info
            </Button>
        )
    }
}

样式引入

  • 可以使用link引入build目录下Message.css
<link rel="stylesheet" href="./node_modules/bee-message/build/Message.css">
  • 可以在js中import样式
import "./node_modules/bee-message/src/Message.scss"
//或是
import "./node_modules/bee-message/build/Message.css"

API

函数api

//设置默认设置
Message.config({
    top: 20,  //顶上显示时距顶部的位置
    bottom: 20, //左下右下显示时距底部的位置
    defaultBottom: 20, //底部显示时距底部的位置
    duration: 20, //显示持续时间
    width: 500 //左下左上右下右上显示时的宽度
    });

//销毁所有消息
Message.destroy();

//创建消息
Messsage.create({});

message函数参数

参数 说明 类型 默认值
content 内容 string/number -
duration 显示时间 number 3
color 颜色 dark / light / success / danger / warning / info / successlight / dangerlight / warninglight / infolight light
onClose 关闭时的钩子函数 function -
position 弹出框显示的位置 top / bottom / topRight / topLeft / bottomRight / bottomLeft top
style 样式 object {}
keyboard esc触发关闭 boolean true
onEscapeKeyUp 响应ESC键时的钩子函数 function -
showIcon 是否显示icon boolean true

已支持的键盘操作

按键 功能
esc 关闭message

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-message
$ cd bee-message
$ npm install
$ npm run dev

Current Tags

  • 2.1.5-alpha.0                                ...           alpha (a year ago)
  • 2.0.3-beta.1                                ...           beta (a year ago)
  • 2.1.7                                ...           latest (6 months ago)
  • 1.0.9                                ...           next (2 years ago)

43 Versions

  • 2.1.7                                ...           6 months ago
  • 2.1.6                                ...           a year ago
  • 2.1.5                                ...           a year ago
  • 2.1.5-alpha.0                                ...           a year ago
  • 2.1.4                                ...           a year ago
  • 2.1.3                                ...           a year ago
  • 2.1.2                                ...           a year ago
  • 2.1.0                                ...           a year ago
  • 2.0.4                                ...           a year ago
  • 2.0.4-alpha.2                                ...           a year ago
  • 2.0.4-alpha.1                                ...           a year ago
  • 2.0.4-alpha.0                                ...           a year ago
  • 2.0.3                                ...           a year ago
  • 2.0.3-beta.1                                ...           a year ago
  • 2.0.3-beta.0                                ...           a year ago
  • 2.0.3-alpha.1                                ...           a year ago
  • 2.0.3-alpha.0                                ...           a year ago
  • 2.0.2                                ...           2 years ago
  • 2.0.1                                ...           2 years ago
  • 2.0.0                                ...           2 years ago
  • 1.0.13                                ...           2 years ago
  • 1.0.12                                ...           2 years ago
  • 1.0.11                                ...           2 years ago
  • 1.0.10                                ...           2 years ago
  • 1.0.9                                ...           2 years ago
  • 1.0.8                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           3 years ago
  • 1.0.3                                ...           3 years ago
  • 1.0.2                                ...           3 years ago
  • 1.0.1                                ...           3 years ago
  • 1.0.0                                ...           3 years ago
  • 0.2.6                                ...           3 years ago
  • 0.2.5                                ...           3 years ago
  • 0.2.4                                ...           4 years ago
  • 0.2.333                                ...           4 years ago
  • 0.2.2                                ...           4 years ago
  • 0.2.1                                ...           4 years ago
  • 0.2.0                                ...           4 years ago
  • 0.0.2                                ...           4 years ago
  • 0.0.1                                ...           4 years ago

Copyright 2014 - 2017 © taobao.org |