@fonixtree/magic-design 0.0.13 → 0.0.16

package/es/utils/businessUtil.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderPreview = exports.parseUrl = exports.listToTree = exports.getPromotionList = exports.computeStyle = exports.canNumber = void 0;
+
+var _constants = require("../constants");
+
+var parseUrl = function parseUrl(url) {
+  var h5Link = url;
+  var pcLink = url;
+  var params;
+
+  var _a = url.split('-'),
+      type = _a[0],
+      arg1 = _a[1],
+      arg2 = _a[2];
+
+  switch (type) {
+    // 商品详情
+    case _constants.urlType.PRODUCT_DETAIL:
+      pcLink = "/offer-detail/" + arg1;
+      h5Link = "/product/detail/" + arg1 + "?productId=" + (arg2 !== null && arg2 !== void 0 ? arg2 : '');
+      params = {
+        type: 'PROD_DETAIL',
+        data: {
+          offerId: arg1,
+          productId: arg2
+        }
+      };
+      break;
+
+    case _constants.urlType.CATG_PROD_LIST:
+      // 商品列表
+      pcLink = "/offer-list/catg/" + arg1;
+      h5Link = "/product/list/" + arg1;
+      params = {
+        type: 'PROD_LIST',
+        data: {
+          catgId: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.GIVEAWAY_MISSION:
+      // 零元购
+      pcLink = '';
+      h5Link = "/special-mission?campaignId=" + arg1;
+      params = {
+        type: 'GIVEAWAY_MISSION',
+        data: {
+          campaignId: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.CUSTOMIZED:
+      // 自定义页面
+      pcLink = "/promotion/" + arg1;
+      h5Link = "/group/" + arg1;
+      params = {
+        type: 'CUSTOMIZED',
+        data: {
+          url: "/group/" + arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.PROD_FILTER:
+      pcLink = '';
+      h5Link = "/product/list?" + arg1;
+      params = {
+        type: 'PROD_FILTER',
+        data: {
+          params: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.ANCHOR:
+      // document.getElementById(id) && document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
+      params = {
+        type: 'ANCHOR',
+        data: {
+          id: arg1
+        }
+      };
+      break;
+
+    case _constants.urlType.GET_COUPON:
+      // 领取优惠券
+      params = {
+        type: 'GET_COUPON',
+        data: {
+          couponId: arg1
+        }
+      };
+      break;
+
+    case '/spike':
+      params = {
+        type: 'FLASH_SHOP_MORE'
+      };
+      break;
+
+    default:
+      pcLink = url;
+      h5Link = url;
+      params = {
+        type: url
+      };
+  }
+
+  return {
+    pcLink: pcLink,
+    h5Link: h5Link,
+    params: 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) {
+  var map = {};
+  var node;
+  var tree = [];
+
+  for (var i = 0; i < list.length; i++) {
+    map[list[i].catgId] = 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].catgId,
+      key: list[i].catgId,
+      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: 'SPECIAL PROMO',
+    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;

package/es/utils/commonUtil.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addZero = void 0;
+exports.asyncDataURLtoImage = asyncDataURLtoImage;
+exports.checkFileName = exports.calcLastTime = void 0;
+exports.commonFetch = commonFetch;
+exports.convertImageUrl = convertImageUrl;
+exports.dragSource = void 0;
+exports.ensure = ensure;
+exports.styleStringify = exports.navigateTo = exports.getUrlParams = exports.getColorRgba = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _qs = _interopRequireDefault(require("qs"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * 安全获取数据
+ * @param {function} func 获取函数
+ * @param {any} defaults 默认值
+ */
+function ensure(func, defaults) {
+  try {
+    return func() || defaults;
+  } catch (error) {
+    return defaults;
+  }
+}
+/**
+ * fish fetch
+ * @param {*} url 请求地址
+ * @param {*} data 入参
+ * @param {*} method 请求方法
+ */
+
+
+function commonFetch(url, data, method) {
+  if (data === void 0) {
+    data = {};
+  }
+
+  if (method === void 0) {
+    method = 'GET';
+  }
+
+  var _method = method.toUpperCase();
+
+  return new Promise(function (resolve) {
+    var _a, _b;
+
+    var isLoginUrl = url.includes('portal/login');
+    var headers = {
+      'Content-Type': isLoginUrl ? 'application/x-www-form-urlencoded' : 'application/json; charset=UTF-8'
+    };
+
+    if (_method === 'GET') {
+      if ((_a = window.magicDesign) === null || _a === void 0 ? void 0 : _a.fetch) {
+        window.magicDesign.fetch(url, {
+          method: 'GET',
+          params: data
+        }).then(function (res) {
+          resolve(res);
+        });
+        return;
+      }
+
+      _axios["default"].get(url, {
+        params: data,
+        headers: headers
+      }).then(function (res) {
+        resolve(res.data);
+      });
+    }
+
+    if (_method === 'POST') {
+      if ((_b = window.magicDesign) === null || _b === void 0 ? void 0 : _b.fetch) {
+        window.magicDesign.fetch(url, {
+          method: 'POST',
+          data: data
+        }).then(function (res) {
+          resolve(res);
+        });
+        return;
+      }
+
+      _axios["default"].post(url, isLoginUrl ? _qs["default"].stringify(data) : data, {
+        headers: headers
+      }).then(function (res) {
+        resolve(res.data);
+      });
+    }
+  });
+}
+
+var navigateTo = function navigateTo(url) {
+  if (!window.magicDesign || !window.magicDesign.history) {
+    window.location.href = url;
+    return;
+  }
+
+  window.magicDesign.history.push(url);
+};
+
+exports.navigateTo = navigateTo;
+
+var dragSource = function dragSource(source, from, to) {
+  var out = source.splice(from, 1);
+
+  if (from > to) {
+    source.splice(to, 0, out[0]);
+  } else {
+    source.splice(to, 0, out[0]);
+  }
+
+  return source;
+}; // 校验文件名称,不能存在 / \ ,
+
+
+exports.dragSource = dragSource;
+
+var checkFileName = function checkFileName(fileName) {
+  if (fileName === undefined || fileName === null || fileName === '') {
+    return false;
+  }
+
+  var reg = /[\\,/]+/;
+
+  if (reg.test(fileName)) {
+    return false;
+  }
+
+  return true;
+}; // 获取浏览器参数
+
+
+exports.checkFileName = checkFileName;
+
+var getUrlParams = function getUrlParams(name) {
+  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", 'i'); // 定义正则表达式
+
+  var r = ensure(function () {
+    return window.location.href.split('?')[1].match(reg);
+  }, null);
+  if (r != null) return unescape(r[2]);
+  return null;
+};
+/**
+ * 补0 函数
+ * @param {*} num 数字
+ */
+
+
+exports.getUrlParams = getUrlParams;
+
+var addZero = function addZero(num) {
+  return String(num).length === 1 ? "0" + String(num) : String(num);
+};
+/**
+ * 计算倒计时
+ * @param {number} lastTime 剩余时间 单位：毫秒
+ * @param {string?} type 'day' 以日为单位
+ * @returns
+ */
+
+
+exports.addZero = addZero;
+
+var calcLastTime = function calcLastTime(lastTime, type) {
+  if (lastTime <= 0) {
+    return 0;
+  }
+
+  var day = ~~(lastTime / 1000 / 60 / 60 / 24);
+  var hours = ~~(lastTime / 1000 / 60 / 60);
+  var mines = ~~(lastTime / 1000 / 60 % 60);
+  var second = ~~(lastTime / 1000 % 60);
+
+  if (type === 'day') {
+    hours = ~~(lastTime / 1000 / 60 / 60 % 24);
+    return day + "DAYS  " + addZero(hours) + ":" + addZero(mines) + ":" + addZero(second);
+  }
+
+  if (type === '_hour') {
+    return hours;
+  }
+
+  if (type === '_mines') {
+    return mines;
+  }
+
+  return addZero(hours) + ":" + addZero(mines) + ":" + addZero(second);
+};
+/**
+ * 获取图片URL
+ * @param {object} imageObj 图片对象
+ * @param {string?} type small | big
+ */
+
+
+exports.calcLastTime = calcLastTime;
+
+function convertImageUrl(imageObj, type) {
+  if (imageObj === void 0) {
+    imageObj = {};
+  }
+
+  if (!imageObj) return '';
+  var typeMap = {
+    small: 'smallImgUrl',
+    big: 'bigImgUrl'
+  }[type];
+  return ensure(function () {
+    return encodeURI(imageObj[typeMap] || imageObj.url);
+  }, '');
+}
+/** 序列化 style对象 */
+
+
+var styleStringify = function styleStringify(style, _a) {
+  var _b = (_a === void 0 ? {} : _a).suffix,
+      suffix = _b === void 0 ? 'px' : _b;
+  var numericProperties = ['height', 'width', 'top', 'left', 'right', 'bottom', 'fontSize', 'maxHeight', 'maxWidth', 'lineHeight', 'margin', 'marginTop', 'marginLeft', 'marginRight', 'marginBottom', 'padding', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom'];
+  return Object.keys(style).reduce(function (styleStr, key) {
+    var value = style[key];
+    if (value == null) return styleStr;
+    var needSuffix = numericProperties.includes(key) && typeof value === 'number';
+    var newName = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+    return "" + styleStr + newName + ": " + value + (needSuffix ? suffix : '') + "; ";
+  }, '');
+};
+/** 十六进制色值转换成rgba */
+
+
+exports.styleStringify = styleStringify;
+
+var getColorRgba = function getColorRgba(sHex, alpha) {
+  if (alpha === void 0) {
+    alpha = 1;
+  }
+
+  var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+  var sColor = sHex.toLowerCase();
+
+  if (sColor && reg.test(sColor)) {
+    if (sColor.length === 4) {
+      var sColorNew = '#';
+
+      for (var i = 1; i < 4; i += 1) {
+        sColorNew += sColor.slice(i, i + 1).concat(sColor.slice(i, i + 1));
+      }
+
+      sColor = sColorNew;
+    }
+
+    var sColorChange = [];
+
+    for (var i = 1; i < 7; i += 2) {
+      sColorChange.push(parseInt('0x' + sColor.slice(i, i + 2)));
+    }
+
+    return 'rgba(' + sColorChange.join(',') + ',' + alpha + ')';
+  } else {
+    return sColor;
+  }
+};
+/** url to image */
+
+
+exports.getColorRgba = getColorRgba;
+
+function asyncDataURLtoImage(dataUrl) {
+  return new Promise(function (resolve, reject) {
+    var img = new Image();
+
+    img.onload = function () {
+      resolve(img);
+    };
+
+    img.onerror = function () {
+      reject(new Error('img error'));
+    };
+
+    img.src = dataUrl;
+  });
+}