[improvement] rename packages dir to src (#3659)

src/toast/index.js

@@ -0,0 +1,147 @@
+import Vue from 'vue';
+import VueToast from './Toast';
+import { isObj, isServer } from '../utils';
+
+const defaultOptions = {
+  icon: '',
+  type: 'text',
+  mask: false,
+  value: true,
+  message: '',
+  className: '',
+  onClose: null,
+  onOpened: null,
+  duration: 3000,
+  position: 'middle',
+  forbidClick: false,
+  loadingType: undefined,
+  getContainer: 'body',
+  overlayStyle: null
+};
+
+let queue = [];
+let multiple = false;
+let currentOptions = {
+  ...defaultOptions
+};
+
+function parseOptions(message) {
+  if (isObj(message)) {
+    return message;
+  }
+
+  return { message };
+}
+
+function createInstance() {
+  /* istanbul ignore if */
+  if (isServer) {
+    return {};
+  }
+
+  if (!queue.length || multiple) {
+    const toast = new (Vue.extend(VueToast))({
+      el: document.createElement('div')
+    });
+    queue.push(toast);
+  }
+
+  return queue[queue.length - 1];
+}
+
+// transform toast options to popup props
+function transformOptions(options) {
+  options.overlay = options.mask;
+  return options;
+}
+
+function Toast(options = {}) {
+  const toast = createInstance();
+
+  // should add z-index if previous toast has not disappeared
+  if (toast.value) {
+    toast.updateZIndex();
+  }
+
+  options = {
+    ...currentOptions,
+    ...parseOptions(options),
+    clear() {
+      toast.value = false;
+
+      if (options.onClose) {
+        options.onClose();
+      }
+
+      if (multiple && !isServer) {
+        toast.$on('closed', () => {
+          clearTimeout(toast.timer);
+          queue = queue.filter(item => item !== toast);
+
+          const parent = toast.$el.parentNode;
+          if (parent) {
+            parent.removeChild(toast.$el);
+          }
+
+          toast.$destroy();
+        });
+      }
+    }
+  };
+
+  Object.assign(toast, transformOptions(options));
+  clearTimeout(toast.timer);
+
+  if (options.duration > 0) {
+    toast.timer = setTimeout(() => {
+      toast.clear();
+    }, options.duration);
+  }
+
+  return toast;
+}
+
+const createMethod = type => options =>
+  Toast({
+    type,
+    ...parseOptions(options)
+  });
+
+['loading', 'success', 'fail'].forEach(method => {
+  Toast[method] = createMethod(method);
+});
+
+Toast.clear = all => {
+  if (queue.length) {
+    if (all) {
+      queue.forEach(toast => {
+        toast.clear();
+      });
+      queue = [];
+    } else if (!multiple) {
+      queue[0].clear();
+    } else {
+      queue.shift().clear();
+    }
+  }
+};
+
+Toast.setDefaultOptions = options => {
+  Object.assign(currentOptions, options);
+};
+
+Toast.resetDefaultOptions = () => {
+  currentOptions = { ...defaultOptions };
+};
+
+Toast.allowMultiple = (value = true) => {
+  multiple = value;
+};
+
+Toast.install = () => {
+  Vue.use(VueToast);
+};
+
+Vue.prototype.$toast = Toast;
+
+export default Toast;