37 lines
938 B
JavaScript
37 lines
938 B
JavaScript
import Notification from './notification.vue';
|
|
import Vue from 'vue';
|
|
import { camelcaseToHyphen } from '../../../utils/assist';
|
|
|
|
Notification.newInstance = properties => {
|
|
const _props = properties || {};
|
|
|
|
let props = '';
|
|
Object.keys(_props).forEach(prop => {
|
|
props += ' :' + camelcaseToHyphen(prop) + '=' + prop;
|
|
});
|
|
|
|
const div = document.createElement('div');
|
|
div.innerHTML = `<notification${props}></notification>`;
|
|
document.body.appendChild(div);
|
|
|
|
const notification = new Vue({
|
|
el: div,
|
|
data: _props,
|
|
components: { Notification }
|
|
}).$children[0];
|
|
|
|
return {
|
|
notice (noticeProps) {
|
|
notification.add(noticeProps);
|
|
},
|
|
remove (key) {
|
|
notification.close(key);
|
|
},
|
|
component: notification,
|
|
destroy () {
|
|
document.body.removeChild(div);
|
|
}
|
|
}
|
|
};
|
|
|
|
export default Notification;
|