overseas 2.0.7

package/src/utils/phone.js

@@ -0,0 +1,153 @@
+/**
+ * 手机号相关配置
+ * 国际区号配置及对应正则
+ */
+
+export default {
+  // 本地默认区号
+  localeAreaCode: {
+    uk: 44,
+    sg: 65,
+    us: 1,
+  },
+
+  codeList: [{
+    // 美国
+    countryName: 'United States',
+    countryCode: 'us',
+    value: 1,
+    reg: /^\d{10}$/,
+  }, {
+    // 英国
+    countryName: 'United Kingdom',
+    countryCode: 'uk',
+    value: '44',
+    reg: /^\d{10}$/,
+  }, {
+    // 新加坡
+    countryName: 'Singapore',
+    countryCode: 'sg',
+    value: '65',
+    reg: /^\d{8}$/,
+  }, {
+    // 中国
+    countryName: 'China',
+    countryCode: 'cn',
+    value: '86',
+    reg: /^\d{11}$/,
+  }, {
+    // 澳大利亚
+    countryName: 'Australia',
+    countryCode: 'au',
+    value: '61',
+    reg: /^\d{10}$/,
+  }, {
+    // 柬埔寨
+    countryName: 'Cambodia',
+    countryCode: 'kh',
+    value: '855',
+    reg: /^\d{10}$/,
+  }, {
+    // 加拿大
+    countryName: 'Canada',
+    countryCode: 'ca',
+    value: '1',
+    reg: /^\d{10}$/,
+  }, {
+    // 法国
+    countryName: 'France',
+    countryCode: 'fr',
+    value: '33',
+    reg: /^\d{10}$/,
+  }, {
+    // 德国
+    countryName: 'Germany',
+    countryCode: 'de',
+    value: '49',
+    reg: /^\d{11}$/,
+  }, {
+    // 香港
+    countryName: 'Hong Kong, China',
+    countryCode: 'hk',
+    value: '852',
+    reg: /^\d{8}$/,
+  }, {
+    // 印度
+    countryName: 'India',
+    countryCode: 'in',
+    value: '91',
+    reg: /^\d{10}$/,
+  }, {
+    // 印度尼西亚
+    countryName: 'Indonesia',
+    countryCode: 'id',
+    value: '62',
+    reg: /^\d{11}$/,
+  }, {
+    // 爱尔兰
+    countryName: 'Ireland',
+    countryCode: 'ie',
+    value: '353',
+    reg: /^\d{9,10}$/,
+  }, {
+    // 意大利
+    countryName: 'Italy',
+    countryCode: 'it',
+    value: '39',
+    reg: /^\d{10}$/,
+  }, {
+    // 日本
+    countryName: 'Japan',
+    countryCode: 'jp',
+    value: '81',
+    reg: /^\d{11}$/,
+  }, {
+    // 澳门
+    countryName: 'Macau, China',
+    countryCode: 'mo',
+    value: '853',
+    reg: /^\d{8}$/,
+  }, {
+    // 马来西亚
+    countryName: 'Malaysia',
+    countryCode: 'ms',
+    value: '60',
+    reg: /^\d{8,10}$/,
+  }, {
+    // 挪威
+    countryName: 'Norway',
+    countryCode: 'no',
+    value: '47',
+    reg: /^\d{8}$/,
+  }, {
+    // 波兰
+    countryName: 'Poland',
+    countryCode: 'pl',
+    value: '48',
+    reg: /^\d{9}$/,
+  }, {
+    // 韩国
+    countryName: 'South Korea',
+    countryCode: 'kr',
+    value: '82',
+    reg: /^\d{11}$/,
+  }, {
+    // 西班牙
+    countryName: 'Spain',
+    countryCode: 'es',
+    value: '34',
+    reg: /^\d{9}$/,
+  }, {
+    // 泰国
+    countryName: 'Thailand',
+    countryCode: 'th',
+    value: '66',
+    reg: /^\d{10}$/,
+  }, {
+    // 阿联酋
+    countryName: 'United Arab Emirates',
+    countryCode: 'ae',
+    value: '971',
+    reg: /^\d{9,10}$/,
+  }],
+}

package/src/utils/popup/index.js

@@ -0,0 +1,115 @@
+import Vue from 'vue';
+import merge from '../merge';
+import PopupManager from './popup-manager';
+
+let idSeed = 1;
+
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    // 点击蒙层时关闭
+    closeOnClickModal: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+    };
+  },
+  watch: {
+    visible(val) {
+      if (val) {
+        if (this._opening) return;
+        if (!this.rendered) {
+          this.rendered = true;
+          Vue.nextTick(() => {
+            this.open();
+          });
+        } else {
+          this.open();
+        }
+      } else {
+        this.close();
+      }
+    },
+  },
+  beforeMount() {
+    // 组件渲染前
+    this._popupId = `popup-${idSeed += 1}`;
+    PopupManager.register(this._popupId, this);
+  },
+  beforeDestory() {
+    // 组件销毁前
+    PopupManager.deregister(this._popupId);
+    PopupManager.closeModal()
+  },
+  methods: {
+    open(options) {
+      console.log('open dialog')
+      const props = merge({}, this.$props || this, options);
+      this.doOpen(props)
+    },
+    doOpen(props) {
+      console.log('do open')
+      if (this.$isServer) return;
+      if (this.opened) return;
+
+      console.log('do opening')
+
+      this._opening = true;
+
+      const dom = this.$el;
+
+      const { modal } = props;
+
+      const { zIndex } = props;
+
+      if (zIndex) {
+        PopupManager.zIndex = zIndex;
+      }
+
+      // 显示遮罩层
+      if (modal) {
+        if (this._closing) {
+          PopupManager.closeModal(this._popupId);
+          this._closing = false;
+        }
+        PopupManager.openModal(this._popupId, PopupManager.nextZIndex(), this.modalAppendToBody ? undefined : dom, props.modalClass, props.modalFade);
+      }
+
+      dom.style.zIndex = PopupManager.nextZIndex();
+      this.opened = true;
+
+      if (this.onOpen) this.onOpen();
+
+      this.doAfterOpen();
+    },
+    doAfterOpen() {
+      this._opening = false;
+    },
+    close() {
+      this.doClose();
+    },
+    doClose() {
+      this._closing = true;
+
+      if (this.onClose) this.onClose();
+
+      // if (this.lockScroll) {
+      //   setTimeout(this.restoreBodyStyle, 200);
+      // }
+
+      this.opened = false;
+
+      this.doAfterClose();
+    },
+    doAfterClose() {
+      PopupManager.closeModal(this._popupId);
+      this._closing = false;
+    },
+  },
+}

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);
+}