7c15ac9e
梁灏
add Message compo...
|
1
2
3
4
|
import Notification from '../base/notification';
const prefixCls = 'ivu-message';
const iconPrefixCls = 'ivu-icon';
|
47e58396
梁灏
message component...
|
5
|
const prefixKey = 'ivu_message_key_';
|
7c15ac9e
梁灏
add Message compo...
|
6
7
|
let defaultDuration = 1.5;
|
7c15ac9e
梁灏
add Message compo...
|
8
9
|
let top;
let messageInstance;
|
47e58396
梁灏
message component...
|
10
|
let key = 1;
|
7c15ac9e
梁灏
add Message compo...
|
11
12
13
14
15
16
17
18
19
20
21
22
|
const iconTypes = {
'info': 'information-circled',
'success': 'checkmark-circled',
'warning': 'android-alert',
'error': 'close-circled',
'loading': 'load-c'
};
function getMessageInstance () {
messageInstance = messageInstance || Notification.newInstance({
prefixCls: prefixCls,
|
7c15ac9e
梁灏
add Message compo...
|
23
24
25
26
27
28
29
30
31
32
33
34
|
style: {
top: `${top}px`
}
});
return messageInstance;
}
function notice (content, duration = defaultDuration, type, onClose) {
if (!onClose) {
onClose = function () {
|
b0893113
jingsam
add eslint
|
35
|
};
|
7c15ac9e
梁灏
add Message compo...
|
36
|
}
|
40f8606f
梁灏
add Notice component
|
37
|
const iconType = iconTypes[type];
|
7c15ac9e
梁灏
add Message compo...
|
38
39
40
41
42
43
44
|
// if loading
const loadCls = type === 'loading' ? ' ivu-load-loop' : '';
let instance = getMessageInstance();
instance.notice({
|
47e58396
梁灏
message component...
|
45
|
key: `${prefixKey}${key}`,
|
7c15ac9e
梁灏
add Message compo...
|
46
47
|
duration: duration,
style: {},
|
40f8606f
梁灏
add Notice component
|
48
|
transitionName: 'move-up',
|
7c15ac9e
梁灏
add Message compo...
|
49
50
51
52
53
54
55
56
|
content: `
<div class="${prefixCls}-custom-content ${prefixCls}-${type}">
<i class="${iconPrefixCls} ${iconPrefixCls}-${iconType}${loadCls}"></i>
<span>${content}</span>
</div>
`,
onClose: onClose
});
|
47e58396
梁灏
message component...
|
57
58
59
60
61
62
63
|
// 用于手动消除
return (function () {
let target = key++;
return function () {
instance.remove(`${prefixKey}${target}`);
|
b0893113
jingsam
add eslint
|
64
|
};
|
47e58396
梁灏
message component...
|
65
|
})();
|
7c15ac9e
梁灏
add Message compo...
|
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
}
export default {
info (content, duration, onClose) {
return notice(content, duration, 'info', onClose);
},
success (content, duration, onClose) {
return notice(content, duration, 'success', onClose);
},
warning (content, duration, onClose) {
return notice(content, duration, 'warning', onClose);
},
error (content, duration, onClose) {
return notice(content, duration, 'error', onClose);
},
loading (content, duration, onClose) {
return notice(content, duration, 'loading', onClose);
},
config (options) {
if (options.top) {
top = options.top;
}
if (options.duration) {
defaultDuration = options.duration;
}
|
d3671687
梁灏
add destroy() for...
|
91
92
93
94
95
|
},
destroy () {
let instance = getMessageInstance();
messageInstance = null;
instance.destroy();
|
7c15ac9e
梁灏
add Message compo...
|
96
|
}
|
b0893113
jingsam
add eslint
|
97
|
};
|