overseas 0.0.1

package/src/utils/popup/popup-manager.js

@@ -0,0 +1,178 @@
+/* eslint-disable no-use-before-define */
+import Vue from 'vue';
+import { addClass, removeClass } from '../dom';
+
+let hasInitZIndex = false;
+const initZIndex = 2000;
+let zIndex;
+let hasModal = false;
+
+// eslint-disable-next-line func-names
+const getModal = function () {
+  if (Vue.prototype.$isServer) return null;
+  let { modalDom } = PopupManager;
+  if (modalDom) {
+    hasModal = true;
+  } else {
+    hasModal = false;
+    modalDom = document.createElement('div');
+    PopupManager.modalDom = modalDom;
+
+    modalDom.addEventListener('touchmove', (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+    });
+
+    modalDom.addEventListener('click', () => {
+      if (PopupManager.doOnModalClick) PopupManager.doOnModalClick();
+    });
+  }
+
+  return modalDom;
+};
+const instances = {};
+
+const PopupManager = {
+  modalFade: true,
+
+  getInstance(id) {
+    return instances[id];
+  },
+
+  // 注册弹出层
+  register(id, instance) {
+    if (id && instance) {
+      instances[id] = instance;
+    }
+  },
+
+  // 删除弹出层
+  deregister(id) {
+    if (id) {
+      instances[id] = null;
+      delete instances[id];
+    }
+  },
+
+  nextZIndex() {
+    // eslint-disable-next-line no-plusplus
+    return PopupManager.zIndex++
+  },
+
+  modalStack: [],
+
+  doOnModalClick() {
+    const topItem = PopupManager.modalStack[PopupManager.modalStack.length - 1];
+    if (!topItem) return;
+
+    const instance = PopupManager.getInstance(topItem.id);
+    if (instance && instance.closeOnClickModal) {
+      instance.close();
+    }
+  },
+
+  // 显示蒙层
+  // eslint-disable-next-line no-shadow
+  openModal(id, zIndex, dom, modalClass, modalFade) {
+    console.log('open modal')
+    if (Vue.prototype.$isServer) return;
+    if (!id || zIndex === undefined) return;
+
+    this.modalFade = modalFade;
+
+    const { modalStack } = this;
+
+    for (let i = 0, j = modalStack.length; i < j; i += 1) {
+      const item = modalStack[i];
+      if (item.id === id) {
+        return;
+      }
+    }
+
+    const modalDom = getModal();
+
+    addClass(modalDom, 'v-modal');
+    if (this.modalFade && !hasModal) {
+      addClass(modalDom, 'v-modal-enter');
+    }
+    if (modalClass) {
+      const classArr = modalClass.trim().split(/\s+/);
+      classArr.forEach((item) => addClass(modalDom, item));
+    }
+    setTimeout(() => {
+      removeClass(modalDom, 'v-modal-enter');
+    }, 200);
+
+    if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
+      dom.parentNode.appendChild(modalDom);
+    } else {
+      document.body.appendChild(modalDom);
+    }
+
+    if (zIndex) {
+      modalDom.style.zIndex = zIndex;
+    }
+    modalDom.tabIndex = 0;
+    modalDom.style.display = '';
+
+    this.modalStack.push({ id, zIndex, modalClass });
+  },
+
+  // 关闭蒙层
+  closeModal(id) {
+    const { modalStack } = this;
+    const modalDom = getModal();
+
+    if (modalStack.length > 0) {
+      const topItem = modalStack[modalStack.length - 1];
+      if (topItem.id === id) {
+        if (topItem.modalClass) {
+          const classArr = topItem.modalClass.trim().split(/\s+/);
+          classArr.forEach((item) => removeClass(modalDom, item));
+        }
+
+        modalStack.pop();
+        if (modalStack.length > 0) {
+          modalDom.style.zIndex = modalStack[modalStack.length - 1].zIndex;
+        }
+      } else {
+        for (let i = modalStack.length - 1; i >= 0; i -= 1) {
+          if (modalStack[i].id === id) {
+            modalStack.splice(i, 1);
+            break;
+          }
+        }
+      }
+    }
+
+    if (modalStack.length === 0) {
+      if (this.modalFade) {
+        addClass(modalDom, 'v-modal-leave');
+      }
+      setTimeout(() => {
+        if (modalStack.length === 0) {
+          if (modalDom.parentNode) modalDom.parentNode.removeChild(modalDom);
+          modalDom.style.display = 'none';
+          PopupManager.modalDom = undefined;
+        }
+        removeClass(modalDom, 'v-modal-leave');
+      }, 200);
+    }
+  },
+}
+
+Object.defineProperty(PopupManager, 'zIndex', {
+  configurable: true,
+  get() {
+    if (!hasInitZIndex) {
+      zIndex = zIndex || (Vue.prototype.$ELEMENT || {}).zIndex || initZIndex;
+      hasInitZIndex = true;
+    }
+    return zIndex;
+  },
+  set(value) {
+    zIndex = value;
+  },
+});
+
+export default PopupManager;

package/src/utils/storage.js

@@ -0,0 +1,22 @@
+export const myStorage = {
+  //存储
+  set(key, value) {
+    localStorage.setItem(key, JSON.stringify(value));
+  },
+  //取出数据
+  get(key) {
+    try {
+      const value = localStorage.getItem(key);
+      if (value === null || value === undefined || value === "") {
+        return null;
+      }
+      return JSON.parse(localStorage.getItem(key));
+    } catch (err) {
+      return null;
+    }
+  },
+  //删除数据
+  remove(key) {
+    localStorage.removeItem(key);
+  },
+};

package/src/utils/utils.js

@@ -0,0 +1,49 @@
+import Cookies from 'js-cookie';
+
+/**
+ * 设置accessToken
+ */
+export const setCookies = (tokenName = '_official_token', token) => {
+  let domain = window.location.hostname;
+  const reg = /\./g;
+  const domainTestResult = domain.match(reg);
+  // cookies存储在二级域名上
+  if (domainTestResult && domainTestResult.length > 1) {
+    const regDomain = /\.[a-zA-Z\d\.]+$/;
+    const result = domain.match(regDomain);
+    // eslint-disable-next-line prefer-destructuring
+    if (result && result.length > 0) domain = result[0];
+  }
+
+  // 历史原因，设置Cookies之前，先删除原完整域名下的cookies
+  Cookies.remove(tokenName);
+  // 设置官网的Cookies
+  Cookies.set(tokenName, token, { expires: 365, domain });
+}
+
+/**
+ * 移除Cookies
+ */
+export const getCookies = (tokenName = '_official_token') => {
+  return Cookies.get(tokenName) || ''
+}
+
+/**
+ * 移除Cookies
+ */
+export const removeCookies = (tokenName = '_official_token') => {
+  let domain = window.location.hostname;
+  const reg = /\./g;
+  const domainTestResult = domain.match(reg);
+  // cookies存储在二级域名上
+  if (domainTestResult && domainTestResult.length > 1) {
+    const regDomain = /\.[a-zA-Z\d\.]+$/;
+    const result = domain.match(regDomain);
+    // eslint-disable-next-line prefer-destructuring
+    if (result && result.length > 0) domain = result[0];
+  }
+
+  // 清除官网的Cookies
+  Cookies.remove(tokenName, { domain });
+  Cookies.remove(tokenName);
+}