overseas 0.0.1

package/src/index.js

@@ -0,0 +1,74 @@
+import TsButton from "../packages/base/button";
+import TsImage from "../packages/base/image";
+import TsDialog from "../packages/base/dialog";
+import TsIcon from "../packages/base/icon";
+import TsPopup from "../packages/base/popup";
+import TsBottomPopup from "../packages/base/bottom-popup";
+import TsBasicImage from "../packages/business/basic-image";
+import TsPageRender from "../packages/business/page-render";
+import TsBottomFixedButton from "../packages/business/bottom-fixed-button";
+import TsGradePanel from "../packages/business/grade-panel";
+import TsTipsPopup from "../packages/business/tips-popup";
+import TsSwitchStudent from "../packages/business/switch-student";
+import TsStudentInfo from "../packages/business/student-info";
+import TsUserLogin from "../packages/business/user-login";
+import TsClassChoose from "../packages/business/class-choose";
+import TsMaterialPanel from "../packages/business/material-panel";
+// import TsCourseCard from '../packages/business/course-card';
+import TsSelectorPanel from '../packages/business/selector-panel';
+import TsNotifiedPanel from "../packages/business/notified-panel";
+import TsRegistrationPanel from "../packages/business/registration-panel";
+const components = {
+  TsButton,
+  TsImage,
+  TsDialog,
+  TsIcon,
+  TsPopup,
+  TsBasicImage,
+  TsPageRender,
+  TsBottomFixedButton,
+  TsGradePanel,
+  TsTipsPopup,
+  TsBottomPopup,
+  TsSwitchStudent,
+  TsStudentInfo,
+  TsUserLogin,
+  TsClassChoose,
+  TsMaterialPanel,
+  TsSelectorPanel,
+  TsNotifiedPanel,
+  TsRegistrationPanel
+};
+
+const install = (Vue) => {
+  Object.values(components).forEach((component) => {
+    Vue.component(component.name, component);
+  });
+};
+
+if (typeof window !== "undefined" && window.Vue) {
+  install(window.Vue);
+}
+
+export default {
+  install,
+  TsButton,
+  TsImage,
+  TsDialog,
+  TsIcon,
+  TsPopup,
+  TsBasicImage,
+  TsPageRender,
+  TsBottomFixedButton,
+  TsGradePanel,
+  TsTipsPopup,
+  TsBottomPopup,
+  TsSwitchStudent,
+  TsStudentInfo,
+  TsUserLogin,
+  TsClassChoose,
+  TsMaterialPanel,
+  TsSelectorPanel,
+  TsNotifiedPanel,
+  TsRegistrationPanel
+};

package/src/network/api.js

@@ -0,0 +1,53 @@
+/**
+ * @description api配置和全局拦截
+ * @author bobo <guanbobo@100tal.com>
+ * @date 2021-11-06
+ */
+import axios from 'axios';
+// import qs from 'qs';
+// import { removeCookies } from '@thinkacademy/overseas-ui/src/utils/utils';
+
+// import oneApi from "./apiUrl";
+
+export const config = {
+  timeout: 10000,
+  // baseURL: 'oneApi.netBaseUrl', process.env.NODE_ENV === development
+  withCredentials: true, // 请求是否携带cookie等凭证
+  paramsSerializer() {
+    // return qs.stringify(params, { arrayFormat: 'brackets' }); // `paramsSerializer` 是一个负责 `params` 序列化的函数
+  },
+  headers: {
+    'Content-Type': 'application/json',
+    "Authorization": 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJ1aWQiOjc1OTY1MjUsImNsaWVudFR5cGUiOiJUT1VDSF9XRUJTSVRFIiwiaXNzIjoiVUNFTlRFUiIsImlhdCI6MTYzNjM2MDUwMSwianRpIjoiZmI2NjZmNDcifQ.S2EeKiNWQdvHqhpwwv6bdAwh-floB7jUCQeTr6Q1L-VvaqqK_k6viKDQ8QiSURogjwnlI8YFPMFs3Tg15xV9-0GASQkHLVIQQaEJLXJ1afnr50IST4Edmw-B_m0X_ZrXdt1ymUT-vhnmUAIdTrVrPHFrI7hF65uKs8Gp8IxRQc0'
+  },
+};
+
+export function useInterceptors(netApi) {
+  netApi.interceptors.request.use((request) => request);
+  netApi.interceptors.response.use(
+    (response) => {
+      // 业务返回数据
+      const resData = response.data || {};
+      if (resData.code === 9 || response.status === 403) {
+        // 删除token
+        // if (!process.server) removeCookies('_official_token');
+      }
+      return response;
+    },
+    (error) => Promise.reject(error),
+  );
+}
+
+/**
+ * 生成netApi对象
+ * @param  configuration api配置
+ * @param globalInterceptors 全局拦截器
+ * @return {AxiosInstance}
+ */
+function generateNet(configuration, globalInterceptors) {
+  const netApi = axios.create(config);
+  globalInterceptors(netApi);
+  return netApi;
+}
+
+export const net = generateNet(config, useInterceptors);

package/src/network/apiUrl.js

@@ -0,0 +1,65 @@
+
+/**
+ * API接口地址配置
+ */
+const onePrefix = '/one-api';
+
+/**
+ * 统一对接server端接口
+ * 基础数据: /basic
+ * 认证中心(用户中心): /ucenter
+ * 班课中心: /course
+ * 售卖系统: /shop
+ * 教师中心: /teacher
+ * 特定聚合接口: /aggregate
+ * 配置数据  /config
+ * 调转中心 /changeCenter
+ */
+export const oneApi = {
+
+  // 配置数据
+  // ----------------
+  // 基础配置数据接口7
+  requeryBasicData: `${onePrefix}/config/init`,
+
+  // 基础数据
+  // ----------------
+  // 年级查询(全量数据)
+  queryGradesAll: `${onePrefix}/basic/client/grade/query`,
+  // 年级查询(仅展示数据)
+  queryGrades: `${onePrefix}/basic/client/grade/queryWithoutHide`,
+
+  // 用户中心
+  // ----------------
+  // 登录验证码发送
+  sendLoginMobileCode: `${onePrefix}/ucenter/common/verification/send`,
+  // 快捷登录
+  commonLogin: `${onePrefix}/ucenter/app/account/quick_login`,
+  // 获取用户基础信息
+  queryUserBasicInfo: `${onePrefix}/ucenter/basic_info/user/get`,
+
+  // 售卖子系统
+  // ----------------
+  // 选课面板接口
+  coursePanel: `${onePrefix}/shop/goods/api/coursePanel`,
+
+  // 营销系统
+  // ----------------
+  // 老用户
+  getInviteOldInfo: `${onePrefix}/activity/api/invite/oldInfo`,
+  // 校验老生资格
+  checkOld: `${onePrefix}/activity/api/invite/checkOld`,
+  // 获取邀请信息
+  shareInfo: `${onePrefix}/activity/api/invite/shareInfo/v2`,
+  // 老邀新-新用户页面
+  getInviteNewInfo: `${onePrefix}/activity/api/invite/newInfo`,
+  // 老邀新-新人领券
+  getNewerCoupons: `${onePrefix}/activity/api/invite/coupons`,
+
+  // 数据上报
+  dataUpload: `${onePrefix}/data/upload`,
+
+  // 自定义H5页面相关接口
+  getPageScheme: `${onePrefix}/shop/goods/api/project`,
+
+}

package/src/utils/dom.js

@@ -0,0 +1,54 @@
+/* istanbul ignore next */
+export function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
+  if (el.classList) {
+    return el.classList.contains(cls);
+  }
+  return (` ${el.className} `).indexOf(` ${cls} `) > -1;
+}
+
+/* istanbul ignore next */
+export function addClass(el, cls) {
+  if (!el) return;
+  let curClass = el.className;
+  const classes = (cls || '').split(' ');
+
+  for (let i = 0, j = classes.length; i < j; i += 1) {
+    const clsName = classes[i];
+    // eslint-disable-next-line no-continue
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ` ${clsName}`;
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', curClass);
+  }
+}
+
+/* istanbul ignore next */
+export function removeClass(el, cls) {
+  if (!el || !cls) return;
+  const classes = cls.split(' ');
+  let curClass = ` ${el.className} `;
+
+  for (let i = 0, j = classes.length; i < j; i += 1) {
+    const clsName = classes[i];
+    // eslint-disable-next-line no-continue
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(` ${clsName} `, ' ');
+    }
+  }
+  if (!el.classList) {
+    // eslint-disable-next-line no-undef
+    el.setAttribute('class', trim(curClass));
+  }
+}

package/src/utils/filters.js

@@ -0,0 +1,82 @@
+// const moment = require('moment-timezone');
+// /**
+//  * 格式化日期
+//  * @param {日期} dateStr
+//  * @param {日期时间格式化字符串} formatStr
+//  */
+// const resourceDateFormate = (timeStamp, zone, formatStr = '') => {
+//   let result = '';
+//   if (typeof timeStamp === 'number') {
+//     result = moment(timeStamp).tz(zone).format(formatStr);
+//   } else {
+//     result = moment(timeStamp).format(formatStr);
+//   }
+
+//   return result;
+// }
+
+/**
+ * 货币价格转换
+ * @param {price} price
+ * @param {minorUnit} minorUnit
+ * @param {是否保留两位小数} isKeepTwoDecimal
+ */
+
+const priceUnitConvert = (price, minorUnit, isKeepTwoDecimal = '0') => {
+  const newprice = Number(price);
+  let result = newprice / minorUnit;
+  if (Number(isKeepTwoDecimal) === 1) {
+    const resultStr = result.toString();
+    const resultDecimal = resultStr.split('.');
+    if (resultDecimal.length < 2) {
+      // 整数
+      result += '.00';
+    } else if (resultDecimal.length === 2 && resultDecimal[1].length === 1) {
+      // 一位小数
+      result += '0';
+    }
+  }
+  return result;
+}
+
+// /**
+//  * 手机号脱敏
+//  * @param {phone} phone
+//  */
+// const encryptPhone = (phone) => {
+//   if (!phone || phone === '') {
+//     return ''
+//   }
+//   if (phone.includes('*')) return phone;
+//   // 手机号长度
+//   const phoneLen = phone.length;
+
+//   // 加密长度
+//   const encryptLen = Math.floor(phoneLen / 2);
+
+//   const startIndex = Math.floor((phoneLen - encryptLen) / 2);
+//   const endIndex = startIndex + encryptLen;
+
+//   const startStr = phone.substring(0, startIndex);
+//   const endStr = phone.substring(endIndex, phoneLen);
+
+//   const encryptStr = phone.substring(startIndex, endIndex).replace(/\d|\D/g, '*');
+
+//   return startStr + encryptStr + endStr;
+// }
+
+// /**
+//  * 格式化学员卡编号
+//  * @param {学员卡编号}} val
+//  */
+// const formatCardNo = (val) => {
+//   if (!val) return ''
+//   return val.replace(/(.{4})/g, '$1 ')
+// }
+
+export default {
+//   resourceDateFormate,
+  priceUnitConvert,
+//   encryptPhone,
+//   formatCardNo,
+}

package/src/utils/merge.js

@@ -0,0 +1,16 @@
+/* eslint-disable */
+export default function (target) {
+  for (let i = 1, j = arguments.length; i < j; i += 1) {
+    const source = arguments[i] || {};
+    for (const prop in source) {
+      if (source.hasOwnProperty(prop)) {
+        const value = source[prop];
+        if (value !== undefined) {
+          target[prop] = value;
+        }
+      }
+    }
+  }
+
+  return target;
+}

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