@fonixtree/magic-design 1.0.67 → 1.0.69

package/es/mobx/UserState.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserState = void 0;
+
+var _mobx = require("mobx");
+
+var _storeUtil = require("../utils/storeUtil");
+
+var _androidUtil = require("../utils/androidUtil");
+
+var _commonUtil = require("../utils/commonUtil");
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var debug = require('debug')('worker:userState');
+/** 缓存 Key */
+
+
+var CACHE_KEY = 'USER_STATE';
+/** 持久化白名单 */
+
+var whiteList = ['photo', 'firstName', 'middleName', 'lastName', 'nickName', 'mobilePhone', 'cartNum', 'email', 'lastPaymentDate', 'userAddress', 'userDefAddress', 'recentViewNum', 'userCollectionNum', 'couponNum', 'language', 'distributor', 'tempVal', 'gender', 'birthdayDay', 'enUserId'];
+
+var getUserStore = function getUserStore() {
+  if (!(0, _commonUtil.isLogin)()) {
+    return {};
+  }
+
+  return (0, _storeUtil.getStore)(CACHE_KEY);
+};
+
+var initData = {
+  /** 头像 */
+  photo: '',
+
+  /** userId */
+  userId: '',
+
+  /** 昵称 */
+  nickName: '',
+
+  /** 名字 */
+  firstName: '',
+
+  /** 名字 */
+  middleName: '',
+
+  /** 名字 */
+  lastName: '',
+
+  /** 手机号 */
+  mobilePhone: '',
+
+  /** 购物车数量 */
+  cartNum: 0,
+  // 邮箱
+  email: '',
+  // 上次支付时间
+  lastPaymentDate: '',
+  // 用户设置语言
+  language: (0, _androidUtil.browserVersion)().isApp && localStorage.getItem('USER_LANGUAGE') ? localStorage.getItem('USER_LANGUAGE') : 'en',
+
+  /** 用户邮寄地址 */
+  userAddress: null,
+  userDefAddress: {},
+  // 最近浏览数量
+  recentViewNum: 0,
+  // 收藏数量
+  userCollectionNum: 0,
+  // 优惠券数量
+  couponNum: 0,
+  // 临时存放值
+  tempVal: '',
+  gender: '',
+  birthdayDay: '',
+  enUserId: '',
+  distributor: null
+};
+
+var UserState =
+/** @class */
+function () {
+  function UserState() {
+    this.state = __assign(__assign({}, initData), getUserStore());
+  }
+  /** 修改状态 */
+
+
+  UserState.prototype.setState = function (data) {
+    debug('用户状态更新', data);
+    var preState = this.state;
+    this.state = __assign(__assign({}, preState), data);
+    (0, _storeUtil.persistence)(CACHE_KEY, this.state, whiteList);
+  };
+
+  UserState.prototype.clearUserState = function () {
+    this.state = __assign(__assign({}, initData), {
+      language: this.state.language
+    });
+    (0, _storeUtil.persistence)(CACHE_KEY, this.state, whiteList);
+    /** 恢复默认地址 */
+
+    (0, _commonUtil.setDefaultAddressFromIP)();
+  };
+
+  __decorate([_mobx.observable], UserState.prototype, "state", void 0);
+
+  __decorate([_mobx.action.bound], UserState.prototype, "setState", null);
+
+  __decorate([_mobx.action.bound], UserState.prototype, "clearUserState", null);
+
+  return UserState;
+}();
+
+exports.UserState = UserState;

package/es/mobx/index.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   store: true,
-  frameStore: true
+  frameStore: true,
+  userState: true
 };
-exports.store = exports.frameStore = exports["default"] = void 0;
+exports.userState = exports.store = exports.frameStore = exports["default"] = void 0;
 
 var _mobx = require("mobx");
 
@@ -27,6 +28,8 @@ var _Store = require("./Store");
 
 var _Frame = require("./Frame");
 
+var _UserState = require("./UserState");
+
 /* 开启严格模式 */
 (0, _mobx.configure)({
   enforceActions: 'observed'
@@ -35,8 +38,11 @@ var store = new _Store.Store();
 exports.store = store;
 var frameStore = new _Frame.Frame();
 exports.frameStore = frameStore;
+var userState = new _UserState.UserState();
+exports.userState = userState;
 var _default = {
   store: store,
-  frameStore: frameStore
+  frameStore: frameStore,
+  userState: userState
 };
 exports["default"] = _default;

package/es/utils/androidUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sendToJs = exports.sendToIos = exports.sendToApp = exports.sendToAndroid = exports.iosSendToJs = exports.connectWebViewJavascriptBridge = exports.browserVersion = void 0;
+exports.sendToJs = exports.sendToIos = exports.sendToApp = exports.sendToAndroid = exports.iosSendToJs = exports.goToLoginApp = exports.connectWebViewJavascriptBridge = exports.browserVersion = void 0;
 
 // 判断访问终端
 var browserVersion = function browserVersion() {
@@ -129,6 +129,17 @@ var sendToApp = function sendToApp(params) {
   if (AlipayJSBridge) {
     AlipayJSBridge.call('mpaasAction', params);
   }
+}; // 拉起APP登录
+
+
+exports.sendToApp = sendToApp;
+
+var goToLoginApp = function goToLoginApp() {
+  if (browserVersion().androidApp) {
+    window.dito.goToLogin();
+  } else if (browserVersion().iosApp) {
+    window.dito.goToLogin();
+  }
 };
 
-exports.sendToApp = sendToApp;
+exports.goToLoginApp = goToLoginApp;

package/es/utils/businessUtil.js

@@ -31,9 +31,25 @@ var newParseUrl = function newParseUrl(urlObj) {
       productId = urlObj.productId;
 
   switch (type) {
+    // 锚点跳转
+    case _constants.urlTypeMap.ANCHOR:
+      params = {
+        action: 'operation',
+        params: {
+          type: 'ANCHOR',
+          data: value
+        }
+      };
+      break;
     // 商品详情
+
     case _constants.urlTypeMap.PRODUCT_DETAIL_PAGE:
-      link = "/product/detail/" + offerId + "?productId=" + (productId !== null && productId !== void 0 ? productId : '');
+      if (offerId) {
+        link = "/product/detail/" + offerId + "?productId=" + (productId !== null && productId !== void 0 ? productId : '');
+      } else {
+        link = "/product/detail/" + productId;
+      }
+
       params = {
         action: 'jump',
         params: {
@@ -214,7 +230,12 @@ var parseUrl = function parseUrl(url) {
   switch (type) {
     // 商品详情
     case _constants.urlType.PRODUCT_DETAIL:
-      link = "/product/detail/" + arg1 + "?productId=" + (arg2 !== null && arg2 !== void 0 ? arg2 : '');
+      if (arg1 && arg1 !== 'undefined') {
+        link = "/product/detail/" + arg1 + "?productId=" + (arg2 !== null && arg2 !== void 0 ? arg2 : '');
+      } else {
+        link = "/product/detail/" + arg2;
+      }
+
       params = {
         action: 'jump',
         params: {
@@ -315,7 +336,8 @@ var parseUrl = function parseUrl(url) {
         '/social-commerce/my-cashback': 'CASHBACK',
         '/account/wallet': 'WEBVIEW',
         '/product/GroupBuy': 'GROUP',
-        '/search-page': 'SEARCH_PAGE'
+        '/search-page': 'SEARCH_PAGE',
+        '/main/my-commission': 'WALLET'
       };
       link = url;
       params = {

package/es/utils/commonUtil.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
-exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
+exports.checkLogin = exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
 exports.commonFetch = commonFetch;
 exports.convertCount = exports.compatibleNewPageData = void 0;
 exports.convertImageUrl = convertImageUrl;
@@ -16,11 +16,13 @@ exports.dragSource = exports.downloadBase64Image = void 0;
 exports.ensure = ensure;
 exports.getGAData = exports.getColorRgba = void 0;
 exports.getPageDataMap = getPageDataMap;
-exports.navigateTo = exports.importAsync = exports.getUrlParams = void 0;
-exports.navigateToWithSearch = navigateToWithSearch;
-exports.nextTick = void 0;
+exports.getUrlParams = void 0;
+exports.goLogin = goLogin;
+exports.importAsync = void 0;
+exports.isLogin = isLogin;
+exports.onListenTouch = exports.nextTick = exports.navigateTo = void 0;
 exports.pushGA = pushGA;
-exports.pxToRem = void 0;
+exports.setDefaultAddressFromIP = exports.pxToRem = void 0;
 exports.shareFacebook = shareFacebook;
 exports.shareLinkedin = shareLinkedin;
 exports.shareTwitter = shareTwitter;
@@ -35,8 +37,14 @@ var _uuid = require("uuid");
 
 var _qs = _interopRequireDefault(require("qs"));
 
+var _androidUtil = require("./androidUtil");
+
+var _storeUtil = require("./storeUtil");
+
 var _constants = require("../constants");
 
+var _mobx = require("../mobx");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __assign = void 0 && (void 0).__assign || function () {
@@ -288,20 +296,29 @@ function commonFetch(url, data, method) {
   });
 }
 
-var navigateTo = function navigateTo(url) {
+var navigateTo = function navigateTo(url, state) {
+  console.log(url);
+
   if (!url) {
     return;
   }
 
   var _a = url.split(';'),
       h5Url = _a[0],
-      appUrl = _a[1]; // 未配置App路径并且h5绝对路径时直接跳转，其他情况让业务层处理
+      appUrl = _a[1];
+
+  if (appUrl && (0, _androidUtil.browserVersion)().isApp) {
+    window.location.href = appUrl;
+  } // 未配置App路径并且h5绝对路径时直接跳转，其他情况让业务层处理
 
 
   if (!appUrl && !h5Url.startsWith('/')) {
     window.location.href = h5Url;
   } else if (window.magicDesign.history) {
-    window.magicDesign.history.push(url);
+    window.magicDesign.history.push({
+      pathname: h5Url,
+      state: state
+    });
   } else if (window.magicDesign.navigatePreUrl) {
     // 预览模式跳转
     if (h5Url.startsWith('/')) {
@@ -311,20 +328,110 @@ var navigateTo = function navigateTo(url) {
     }
   }
 };
-/** 携带search 跳转 */
+/** 判断是否登录状态 */
 
 
 exports.navigateTo = navigateTo;
 
-function navigateToWithSearch(url, search, state) {
-  var _a;
+function isLogin() {
+  return localStorage.getItem('isLogin') === 'Y';
+}
+/**
+ * 跳转登陆页面
+ * SF打开的页面，需要跳转到手机验证码登陆页面
+ * @param {*} state
+ */
 
-  (_a = window.magicDesign) === null || _a === void 0 ? void 0 : _a.history.push({
-    pathname: url,
-    search: search,
-    state: state
-  });
+
+function goLogin(state, replaceFlag) {
+  if (state === void 0) {
+    state = {};
+  }
+
+  if (replaceFlag === void 0) {
+    replaceFlag = false;
+  }
+
+  var isFromSf = (0, _storeUtil.getStore)(_constants.STORE_KEY.IS_FROM_SF);
+  var signUrl = isFromSf === 'Y' ? '/sign-in-opt' : '/sign-in';
+
+  if (replaceFlag) {
+    window.magicDesign.history.replace({
+      pathname: signUrl,
+      state: state
+    });
+  } else {
+    navigateTo(signUrl, state);
+  }
 }
+/**
+ * 检查是否登录 未登录返回登录页
+ * @param {boolean?} isLead 是否引导登录
+ * @returns boolean
+ */
+
+
+var checkLogin = function checkLogin(isLead, redirectUrl, replaceFlag) {
+  if (isLead === void 0) {
+    isLead = true;
+  }
+
+  if (!isLogin()) {
+    if (isLead) {
+      if ((0, _androidUtil.browserVersion)().isApp) {
+        goToLoginApp();
+      } else {
+        var _a = window.location,
+            pathname = _a.pathname,
+            search = _a.search,
+            hash = _a.hash;
+
+        var _redirectUrl = pathname + search + hash;
+
+        goLogin({
+          redirectUrl: redirectUrl || _redirectUrl
+        }, replaceFlag);
+      }
+    }
+
+    return false;
+  }
+
+  return true;
+};
+/**
+ * TODO 根据IP获取地址信息
+ */
+
+
+exports.checkLogin = checkLogin;
+
+var setDefaultAddressFromIP = function setDefaultAddressFromIP() {
+  /** 设置初始地址 */
+
+  /** 接口返回数据addrPath: "1|2|137088|137089|137090" 保留后两个再拼上contactStdId
+     * 未登陆造数据和真实数据一致使用countryId占位
+    */
+
+  /** 138375,138376,126065,126066 */
+  if (!_mobx.userState.state.userAddress) {
+    _mobx.userState.setState({
+      userAddress: {
+        _FROM: 'ip',
+        addrPath: 'countryId|countryId1T|countryId2T|138375|138376|126065',
+        city: 'CITY OF MANILA',
+        contactStdId: 126066,
+        // country: 'CITY OF MANILA',
+        district: 'SAN MIGUEL',
+        street: 'Barangay 637',
+        province: 'NCR, CITY OF MANILA, FIRST DISTRICT',
+        type: 'address'
+      }
+    });
+  }
+};
+
+exports.setDefaultAddressFromIP = setDefaultAddressFromIP;
 
 var addUrlQuery = function addUrlQuery(url, queryObj) {
   if (/\?/.test(url)) {
@@ -652,7 +759,7 @@ function pushGA(data, eventName) {
         elementName: data.elementName
       };
       console.log('GA push', eventName, eventData);
-      window.gtag('event', eventName, eventData);
+      if (window.gtag) window.gtag('event', eventName, eventData);
     }
   } catch (error) {
     console.error(error);
@@ -765,8 +872,7 @@ var asyncNextTick = function asyncNextTick(asyncFunc, interval, count) {
 exports.asyncNextTick = asyncNextTick;
 
 var convertToRem = function convertToRem(value) {
-  return value; // PTO项目 解开注释
-
+  // return value; // PTO项目 解开注释
   if (window.magicDesign.device === 'pc') {
     return value + "px";
   }
@@ -785,8 +891,7 @@ var convertToRem = function convertToRem(value) {
 exports.convertToRem = convertToRem;
 
 var pxToRem = function pxToRem(styleObj) {
-  return styleObj; // PTO项目 解开注释
-
+  // return styleObj; // PTO项目 解开注释
   if (window.magicDesign.device === 'pc') {
     return styleObj;
   }
@@ -922,4 +1027,54 @@ var convertCount = function convertCount(value) {
   return newValue;
 };
 
-exports.convertCount = convertCount;
+exports.convertCount = convertCount;
+
+var onListenTouch = function onListenTouch(cls, leftFunc, rightFunc) {
+  var box = document.querySelector(cls); // 监听对象
+
+  var startTime = ''; // 触摸开始时间
+
+  var startDistanceX = ''; // 触摸开始X轴位置
+
+  var startDistanceY = ''; // 触摸开始Y轴位置
+
+  var endTime = ''; // 触摸结束时间
+
+  var endDistanceX = ''; // 触摸结束X轴位置
+
+  var endDistanceY = ''; // 触摸结束Y轴位置
+
+  var moveTime = ''; // 触摸时间
+
+  var moveDistanceX = ''; // 触摸移动X轴距离
+
+  var moveDistanceY = ''; // 触摸移动Y轴距离
+
+  box.addEventListener('touchstart', function (e) {
+    startTime = new Date().getTime();
+    startDistanceX = e.touches[0].screenX;
+    startDistanceY = e.touches[0].screenY;
+  });
+  box.addEventListener('touchend', function (e) {
+    endTime = new Date().getTime();
+    endDistanceX = e.changedTouches[0].screenX;
+    endDistanceY = e.changedTouches[0].screenY;
+    moveTime = endTime - startTime;
+    moveDistanceX = startDistanceX - endDistanceX;
+    moveDistanceY = startDistanceY - endDistanceY; // 判断滑动距离超过40 且 时间小于500毫秒
+
+    if ((Math.abs(moveDistanceX) > 40 || Math.abs(moveDistanceY) > 40) && moveTime < 500) {
+      // 判断X轴移动的距离是否大于Y轴移动的距离
+      if (Math.abs(moveDistanceX) > Math.abs(moveDistanceY)) {
+        // 左右
+        if (moveDistanceX > 0) leftFunc();else rightFunc();
+      } else {
+        // 上下
+        return moveDistanceY > 0 ? 'top' : 'bottom';
+      }
+    }
+  });
+  return null;
+};
+
+exports.onListenTouch = onListenTouch;

package/es/utils/coreUtil.js

@@ -286,6 +286,22 @@ var getCoupon = function getCoupon(couponId) {
   });
 };
 
+function isUrl(string) {
+  // var pattern = new RegExp('^(https?:\\/\\/)?' + // 协议
+  //   '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 域名
+  //   '((\\d{1,3}\\.){3}\\d{1,3}))' + // 或者 IP (v4) 地址
+  //   '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 端口和路径
+  //   '(\\?[;&a-z\\d%_.~+=-]*)?' + // 查询字符串
+  //   '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
+  // return !!pattern.test(string);
+  try {
+    new URL(string);
+    return true;
+  } catch (_) {
+    return false;
+  }
+}
+
 var clickUrl = function clickUrl(url) {
   if (url === void 0) {
     url = '';
@@ -310,6 +326,17 @@ var clickUrl = function clickUrl(url) {
       url: params.link
     }
   });
+  /** 锚点跳转 */
+
+  if (params.type === 'ANCHOR') {
+    (0, _commonUtil.ensure)(function () {
+      var nodeId = isPc() ? params.data.pcNodeId : params.data.mobileNodeId;
+      document.querySelector("#node-" + nodeId).scrollIntoView({
+        behavior: 'smooth'
+      });
+    });
+    return;
+  }
 
   if ((0, _androidUtil.browserVersion)().isAshitaApp) {
     (0, _androidUtil.sendToApp)(data);
@@ -342,9 +369,25 @@ var clickUrl = function clickUrl(url) {
       }
 
       return;
+    } // 输入的是完整的跳转地址
+
+
+    if (isUrl(link)) {
+      if (!link.includes(window.location.host)) {
+        // 跳转外链 需要把userToken带上
+        if (link.includes('?')) {
+          var a = link + "&userToken=" + (localStorage.getItem('h5Token') || '');
+          window.open(a);
+        } else {
+          var a = link + "?userToken=" + (localStorage.getItem('h5Token') || '');
+          window.open(a);
+        }
+      } else {
+        window.open(link);
+      }
+    } else {
+      (0, _commonUtil.navigateTo)(link);
     }
-
-    (0, _commonUtil.navigateTo)(link);
   }
 };
 

package/es/utils/currencyUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.numberToFixed = exports.getPricePrefix = exports.getPrecision = exports.formatCurrencyWithSymbol = exports.formatCurrency = exports.formatBackendCurrency = exports.currencyToFont = exports.calcFloatCount = exports.addSeparators = void 0;
+exports.numberToFixed = exports.getPricePrefix = exports.getPrecision = exports.formatCurrencyWithSymbolNotSpace = exports.formatCurrencyWithSymbol = exports.formatCurrency = exports.formatBackendCurrency = exports.currencyToFont = exports.calcFloatCount = exports.addSeparators = void 0;
 
 var _divide = _interopRequireDefault(require("lodash/divide"));
 
@@ -105,6 +105,13 @@ var formatCurrencyWithSymbol = function formatCurrencyWithSymbol(num) {
   var ret = formatCurrency(num);
   return getPricePrefix() + " " + ret;
 };
+
+exports.formatCurrencyWithSymbol = formatCurrencyWithSymbol;
+
+var formatCurrencyWithSymbolNotSpace = function formatCurrencyWithSymbolNotSpace(num) {
+  var ret = formatCurrency(num);
+  return "" + getPricePrefix() + ret;
+};
 /**
  * TODO 未兼容科学计数法（小数点后7位）
  * 计算浮点位数
@@ -113,7 +120,7 @@ var formatCurrencyWithSymbol = function formatCurrencyWithSymbol(num) {
  */
 
 
-exports.formatCurrencyWithSymbol = formatCurrencyWithSymbol;
+exports.formatCurrencyWithSymbolNotSpace = formatCurrencyWithSymbolNotSpace;
 
 var calcFloatCount = function calcFloatCount(number) {
   var numbString = String(number);