[new feature] add Notify component (#2135)

packages/notify/index.js

@@ -0,0 +1,74 @@
+import Vue from 'vue';
+import VanNotify from './Notify';
+import { RED, WHITE } from '../utils/color';
+import { isObj, isServer } from '../utils';
+
+let timer;
+let instance;
+
+const initInstance = () => {
+  instance = new (Vue.extend(VanNotify))({
+    el: document.createElement('div')
+  });
+
+  document.body.appendChild(instance.$el);
+};
+
+const parseOptions = message => (isObj(message) ? message : { message });
+
+const Notify = options => {
+  /* istanbul ignore if */
+  if (isServer) {
+    return;
+  }
+
+  if (!instance) {
+    initInstance();
+  }
+
+  options = {
+    ...Notify.currentOptions,
+    ...parseOptions(options)
+  };
+
+  Object.assign(instance, options);
+  clearTimeout(timer);
+
+  if (options.duration > 0) {
+    timer = setTimeout(Notify.clear, options.duration);
+  }
+
+  return instance;
+};
+
+Notify.clear = () => {
+  if (instance) {
+    instance.value = false;
+  }
+};
+
+Notify.defaultOptions = {
+  value: true,
+  text: '',
+  color: WHITE,
+  background: RED,
+  duration: 3000
+};
+
+Notify.setDefaultOptions = options => {
+  Object.assign(Notify.currentOptions, options);
+};
+
+Notify.resetDefaultOptions = () => {
+  Notify.currentOptions = { ...Notify.defaultOptions };
+};
+
+Notify.install = () => {
+  Vue.use(VanNotify);
+};
+
+Notify.resetDefaultOptions();
+
+Vue.prototype.$notify = Notify;
+
+export default Notify;