add Message component

add Message component

components/base/notification/index.js

@@ -0,0 +1,34 @@
+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);
+        },
+        component: notification,
+        destroy () {
+            document.body.removeChild(div);
+        }
+    }
+};
+
+export default Notification;