@fonixtree/magic-design 2.0.53 → 2.0.54

package/lib/utils/androidUtil.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendToJs = exports.sendToIos = exports.sendToApp = exports.sendToAndroid = exports.iosSendToJs = exports.connectWebViewJavascriptBridge = exports.browserVersion = void 0;
+
+// 判断访问终端
+var browserVersion = function browserVersion() {
+  var u = navigator.userAgent;
+  return {
+    trident: u.indexOf('Trident') > -1,
+    presto: u.indexOf('Presto') > -1,
+    webKit: u.indexOf('AppleWebKit') > -1,
+    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
+    mobile: !!u.match(/AppleWebKit.*Mobile.*/),
+    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
+    android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
+    iPhone: u.indexOf('iPhone') > -1,
+    iPad: u.indexOf('iPad') > -1,
+    webApp: u.indexOf('Safari') == -1,
+    weixin: u.indexOf('MicroMessenger') > -1,
+    qq: u.match(/\sQQ/i) == ' qq',
+    isApp: u.indexOf('app/CYLON-APP') > -1,
+    isAshitaApp: u.indexOf('app/ASHITA-APP') > -1
+  };
+};
+
+exports.browserVersion = browserVersion;
+
+var setupWebViewJavascriptBridge = function setupWebViewJavascriptBridge(callback) {
+  if (window.WebViewJavascriptBridge) {
+    return callback(window.WebViewJavascriptBridge);
+  }
+
+  if (window.WVJBCallbacks) {
+    return window.WVJBCallbacks.push(callback);
+  }
+
+  window.WVJBCallbacks = [callback]; // 创建一个 WVJBCallbacks 全局属性数组，并将 callback 插入到数组中。
+
+  var WVJBIframe = document.createElement('iframe'); // 创建一个 iframe 元素
+
+  WVJBIframe.style.display = 'none'; // 不显示
+
+  WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__'; // 设置 iframe 的 src 属性
+
+  document.documentElement.appendChild(WVJBIframe); // 把 iframe 添加到当前文导航上。
+
+  setTimeout(function () {
+    document.documentElement.removeChild(WVJBIframe);
+  }, 0);
+}; // 这里主要是注册 OC 将要调用的 JS 方法。
+
+
+var iosSendToJs = function iosSendToJs(jsType, func) {
+  setupWebViewJavascriptBridge(function (bridge) {
+    bridge.registerHandler('iosToJsFunc', function (data, responseCallback) {
+      // data 是 OC 传递过来的数据.
+      var type = JSON.parse(data).type;
+      if (type === jsType) func(data); // responseCallback 是 JS 调用完毕之后传递给 OC 的数据
+      // responseCallback({ data: 'js 的数据', from: 'JS' });
+    });
+  });
+};
+
+exports.iosSendToJs = iosSendToJs;
+
+var connectWebViewJavascriptBridge = function connectWebViewJavascriptBridge(callback) {
+  if (window.WebViewJavascriptBridge) {
+    callback(window.WebViewJavascriptBridge);
+  } else {
+    document.addEventListener('WebViewJavascriptBridgeReady', function () {
+      callback(window.WebViewJavascriptBridge);
+    }, false);
+  }
+}; // 安卓向h5发消息
+
+
+exports.connectWebViewJavascriptBridge = connectWebViewJavascriptBridge;
+
+var sendToJs = function sendToJs(jsType, func) {
+  connectWebViewJavascriptBridge(function (bridge) {
+    if (jsType === 'init') {
+      bridge.init(function (message, responseCallback) {
+        if (responseCallback) responseCallback();
+      });
+    }
+
+    bridge.registerHandler('functionInJs', function (data) {
+      var type = JSON.parse(data).type;
+      if (type === jsType) func();
+    });
+  });
+}; // h5向安卓发消息
+
+
+exports.sendToJs = sendToJs;
+
+var sendToAndroid = function sendToAndroid(data) {
+  if (window.WebViewJavascriptBridge) {
+    window.WebViewJavascriptBridge.callHandler('action', // 调用java的函数名字
+    data);
+  }
+}; // h5向iosApp发消息
+
+
+exports.sendToAndroid = sendToAndroid;
+
+var sendToIos = function sendToIos(params) {
+  if (window.webkit) window.webkit.messageHandlers.jsFunc.postMessage(params);
+};
+
+exports.sendToIos = sendToIos;
+
+var sendToApp = function sendToApp(params) {
+  // 对接flutter版本
+  if (window.flutter_inject_js_bridge && window.flutter_inject_js_bridge.postMessage) {
+    window.flutter_inject_js_bridge.postMessage(JSON.stringify(params));
+  } // 对接Nuri App
+
+
+  if (window.WebViewJavascriptBridge) {
+    window.WebViewJavascriptBridge.callHandler('action', // 调用java的函数名字
+    params);
+  } // 对接mpaas版本
+
+
+  if (AlipayJSBridge) {
+    AlipayJSBridge.call('mpaasAction', params);
+  }
+};
+
+exports.sendToApp = sendToApp;

package/lib/utils/businessUtil.js

@@ -0,0 +1,464 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderPreview = exports.parseUrl = exports.newParseUrl = exports.listToTree = exports.isPlatform = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
+
+var _qs = _interopRequireDefault(require("qs"));
+
+var _lodash = require("lodash");
+
+var _commonUtil = require("./commonUtil");
+
+var _constants = require("../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable import/no-cycle */
+var isPlatform = function isPlatform() {
+  return window.magicDesign.partyType === 'P';
+};
+
+exports.isPlatform = isPlatform;
+
+var newParseUrl = function newParseUrl(urlObj) {
+  var link = urlObj.value;
+  var params;
+  var type = urlObj.type,
+      value = urlObj.value,
+      offerId = urlObj.offerId,
+      productId = urlObj.productId;
+
+  switch (type) {
+    // 商品详情
+    case _constants.urlTypeMap.PRODUCT_DETAIL_PAGE:
+      if (offerId) {
+        link = "/product/detail/" + offerId + "?productId=" + (productId !== null && productId !== void 0 ? productId : '');
+      } else {
+        link = "/product/detail/" + productId;
+      }
+
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_DETAIL',
+          offerId: offerId,
+          productId: productId
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.CATEGORY:
+      // 商品列表
+      link = "/product/list/" + value;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_LIST',
+          catgId: value
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.STORE_CATEGORY:
+      // 商品列表
+      link = "/product/list/?storeCatgIds=" + value;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'STORE_CATEGORY',
+          catgId: value
+        }
+      };
+      break;
+    // 海报页面
+
+    case _constants.urlTypeMap.CUSTOMIZED_PAGE:
+      link = "/poster/" + value;
+      params = {
+        action: 'jump',
+        data: {
+          type: 'WEBVIEW',
+          url: link
+        }
+      };
+      break;
+    // 商品列表
+
+    case _constants.urlTypeMap.FILTERED_PRODUCT:
+      link = "/product/list?" + value;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_LIST',
+          params: (0, _lodash.pickBy)(_qs["default"].parse(value), function (value) {
+            return value;
+          })
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.COUPONS:
+      // 领取优惠券
+      params = {
+        action: 'operation',
+        params: {
+          type: 'GET_COUPON',
+          couponId: value
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.VIDEO:
+      // 播放视频
+      params = {
+        action: 'operation',
+        params: {
+          type: 'VIDEO',
+          data: (0, _commonUtil.ensure)(function () {
+            return JSON.parse(value);
+          }, {})
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.SHARE_URL:
+      // 播放视频
+      params = {
+        action: 'operation',
+        params: {
+          type: 'SHARE_URL',
+          url: value
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.MINI_APP:
+      // 跳转小程序
+      link = '';
+      params = {
+        action: 'jump',
+        params: {
+          type: 'MINI_APP',
+          url: value
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.STORE:
+      // 跳转店铺
+      link = "/store-home/" + value;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'STORE',
+          url: value
+        }
+      };
+      break;
+
+    case _constants.urlTypeMap.AFFILIATE_PRODUCT:
+      // 分销商品
+      link = '';
+      params = {
+        action: 'operation',
+        params: {
+          type: 'AFFILIATE_PRODUCT',
+          productName: value,
+          productId: productId
+        }
+      };
+      break;
+
+    default:
+      var map = {
+        '/main/cart': 'CART',
+        '/main/account': 'ACCOUNT',
+        '/my-coupon': 'MY_COUPON',
+        '/coupon-center': 'COUPON_CENTER',
+        '/main/community': 'WEBVIEW',
+        '/message-center': 'MESSAGE',
+        '/spike': 'WEBVIEW',
+        '/check-in-gift': 'WEBVIEW',
+        '/invite': 'WEBVIEW',
+        '/special-mission': 'WEBVIEW',
+        '/main/category': 'CATEGORY',
+        '/main/social-commerce': 'WEBVIEW',
+        '/social-commerce/my-cashback': 'CASHBACK',
+        '/account/wallet': 'WEBVIEW',
+        '/product/GroupBuy': 'GROUP',
+        '/search-page': 'SEARCH_PAGE'
+      };
+      params = {
+        action: 'jump',
+        params: {
+          type: map[link],
+          link: link
+        }
+      };
+  }
+
+  return {
+    link: link,
+    data: params
+  };
+};
+
+exports.newParseUrl = newParseUrl;
+
+var parseUrl = function parseUrl(url) {
+  var link = url;
+  var params;
+
+  var _a = url.split('-'),
+      type = _a[0],
+      arg1 = _a[1],
+      arg2 = _a[2];
+
+  switch (type) {
+    // 商品详情
+    case _constants.urlType.PRODUCT_DETAIL:
+      if (arg1 && arg1 !== 'undefined') {
+        link = "/product/detail/" + arg1 + "?productId=" + (arg2 !== null && arg2 !== void 0 ? arg2 : '');
+      } else {
+        link = "/product/detail/" + arg2;
+      }
+
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_DETAIL',
+          offerId: arg1,
+          productId: arg2
+        }
+      };
+      break;
+
+    case _constants.urlType.CATG_PROD_LIST:
+      // 商品列表
+      link = "/product/list/" + arg1;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_LIST',
+          catgId: arg1
+        }
+      };
+      break;
+    // 海报页面
+
+    case _constants.urlType.CUSTOMIZED:
+      link = "/poster/" + arg1;
+      params = {
+        action: 'jump',
+        data: {
+          type: 'WEBVIEW',
+          url: link
+        }
+      };
+      break;
+    // 商品列表
+
+    case _constants.urlType.PROD_FILTER:
+      link = "/product/list?" + arg1;
+      params = {
+        action: 'jump',
+        params: {
+          type: 'PRODUCT_LIST',
+          params: (0, _lodash.pickBy)(_qs["default"].parse(arg1), function (value) {
+            return value;
+          })
+        }
+      };
+      break;
+    // 锚点
+
+    case _constants.urlType.ANCHOR:
+      // document.getElementById(id) && document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
+      params = {
+        action: 'ANCHOR',
+        data: {
+          id: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.GET_COUPON:
+      // 领取优惠券
+      params = {
+        action: 'operation',
+        params: {
+          type: 'GET_COUPON',
+          couponId: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.VIDEO:
+      // 播放视频
+      params = {
+        action: 'operation',
+        params: {
+          type: 'VIDEO',
+          data: (0, _commonUtil.ensure)(function () {
+            return JSON.parse(url.slice('video-'.length));
+          }, {})
+        }
+      };
+      break;
+
+    default:
+      var map = {
+        '/main/cart': 'CART',
+        '/main/account': 'ACCOUNT',
+        '/my-coupon': 'MY_COUPON',
+        '/coupon-center': 'COUPON_CENTER',
+        '/main/community': 'WEBVIEW',
+        '/message-center': 'MESSAGE',
+        '/spike': 'WEBVIEW',
+        '/check-in-gift': 'WEBVIEW',
+        '/invite': 'WEBVIEW',
+        '/special-mission': 'WEBVIEW',
+        '/main/category': 'CATEGORY',
+        '/main/social-commerce': 'WEBVIEW',
+        '/social-commerce/my-cashback': 'CASHBACK',
+        '/account/wallet': 'WEBVIEW',
+        '/product/GroupBuy': 'GROUP',
+        '/search-page': 'SEARCH_PAGE',
+        '/main/my-commission': 'WALLET'
+      };
+      link = url;
+      params = {
+        action: 'jump',
+        params: {
+          type: map[url],
+          link: link
+        }
+      };
+  }
+
+  return {
+    link: link,
+    data: params
+  };
+};
+/** 刷新预览区域 */
+
+
+exports.parseUrl = parseUrl;
+
+var renderPreview = function renderPreview() {
+  var evt = new Event('render-view', {
+    bubbles: false
+  });
+  window.document.dispatchEvent(evt);
+}; // 分类列表 数组转换成树结构
+
+
+exports.renderPreview = renderPreview;
+
+var listToTree = function listToTree(list, idName) {
+  if (idName === void 0) {
+    idName = 'catgId';
+  }
+
+  var map = {};
+  var node;
+  var tree = [];
+
+  for (var i = 0; i < list.length; i++) {
+    map[list[i][idName]] = list[i];
+    list[i].children = list[i].isLeaf == 0 ? null : [];
+  }
+
+  for (var i = 0; i < list.length; i += 1) {
+    node = {
+      catgName: list[i].catgName,
+      title: list[i].catgName,
+      value: list[i][idName],
+      key: list[i][idName],
+      children: list[i].children
+    };
+
+    if (list[i].parentCatgId !== null) {
+      map[list[i].parentCatgId] && map[list[i].parentCatgId].children.push(node);
+    } else {
+      tree.push(node);
+    }
+  }
+
+  return tree;
+}; // 获取商品活动标签 包含秒杀、团规、满系
+
+
+exports.listToTree = listToTree;
+
+var getPromotionList = function getPromotionList(offer) {
+  var PROMOTION_TYPE_MAP = {
+    2: 'FLASH',
+    4: 'Group',
+    C: 'Discount',
+    D: 'Discount',
+    G: 'Gift'
+  };
+  var promotType = offer.promotType,
+      sppType = offer.sppType;
+  var typeList = []; // 满系
+
+  if (promotType) {
+    typeList = promotType.match(/(C|G|D)/g) || [];
+  } // 秒杀团购
+
+
+  if (sppType) {
+    typeList = typeList.concat(sppType.split(','));
+  }
+
+  var promotNames = typeList.map(function (type) {
+    return PROMOTION_TYPE_MAP[type];
+  });
+  return Array.from(new Set(promotNames));
+};
+
+exports.getPromotionList = getPromotionList;
+
+var canNumber = function canNumber(value) {
+  if (isNaN(Number(value))) {
+    return value;
+  }
+
+  return Number(value);
+};
+/** 计算样式 */
+
+
+exports.canNumber = canNumber;
+
+var computeStyle = function computeStyle(_a, device) {
+  var background = _a.background,
+      spacing = _a.spacing;
+  var wrapStyle = {};
+
+  if (background) {
+    if (background.bgType === 'color') {
+      wrapStyle.backgroundColor = background.color;
+      wrapStyle.opacity = background.opacity ? background.opacity : 1;
+    } else {
+      wrapStyle.backgroundImage = "url(" + background.image + ")";
+      wrapStyle.backgroundPosition = 'center';
+    }
+  }
+
+  if (spacing) {
+    Object.keys(spacing[device]).forEach(function (key) {
+      if (!['', undefined].includes(spacing[device][key])) {
+        wrapStyle[key] = canNumber(spacing[device][key]);
+      }
+    });
+  }
+
+  return wrapStyle;
+};
+
+exports.computeStyle = computeStyle;