mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

refactor message implement

Browse Source
This commit is contained in:
afc163 2015-07-23 11:59:56 +08:00
parent fc416228b5
commit 7a9ef6edb1
1 changed files with 26 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
components/message/index.jsx
View File

@ -3,56 +3,41 @@
import React from 'react';
import Notification from 'rc-notification';
var defaultDuration = 1.5;
let defaultDuration = 1.5;
var getMessageInstance = function(){
function getMessageInstance() {
return Notification.newInstance({
prefixCls: 'ant-message',
transitionName: 'move-up',
style: {} // 覆盖原来的样式
});
};
}
function notice(content, duration = defaultDuration, type) {
let iconClass = ({
'info': 'anticon-info-circle ant-message-info',
'success': 'anticon-check-circle ant-message-success',
'error': 'anticon-exclamation-circle ant-message-error'
})[type];
getMessageInstance().notice({
key: 'simpleMessage',
duration: duration,
style: {},
content: <div className="ant-message-custom-content">
<i className={'anticon ' + iconClass}></i>
<span>{content}</span>
</div>
});
}
export default {
info: function(m, t) {
var message = getMessageInstance();
t = t || defaultDuration;
message.notice({
key: 'simpleMessage',
duration: t,
style: {},
content: <div className='ant-message-custom-content'>
<i className='anticon anticon-info-circle ant-message-info'></i>
<span>{m}</span>
</div>
});
info(content, duration) {
notice(content, duration, 'info');
},
success: function(m, t) {
var message = getMessageInstance();
t = t || defaultDuration;
message.notice({
key: 'simpleMessage1',
transitionName: 'move-up',
duration: t,
style: {},
content: <div className='ant-message-custom-content'>
<i className='anticon anticon-check-circle ant-message-success'></i>
<span>{m}</span>
</div>
});
success(content, duration) {
notice(content, duration, 'success');
},
error: function(m, t) {
var message = getMessageInstance();
t = t || defaultDuration;
message.notice({
key: 'simpleMessage2',
transitionName: 'move-up',
duration: t,
style: {},
content: <div className='ant-message-custom-content'>
<i className='anticon anticon-exclamation-circle ant-message-error'></i>
<span>{m}</span>
</div>
});
error(content, duration) {
notice(content, duration, 'error');
}
};