@fonixtree/magic-design 0.0.6 → 0.0.9

package/src/components/utils/businessUtil.js

@@ -0,0 +1,214 @@
+import { urlType } from '../constants/index.js';
+
+var parseUrl = function (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 urlType.PRODUCT_DETAIL:
+      pcLink = "/offer-detail/".concat(arg1);
+      h5Link = "/product/detail/".concat(arg1, "?productId=").concat(arg2 !== null && arg2 !== void 0 ? arg2 : '');
+      params = {
+        type: 'PROD_DETAIL',
+        data: {
+          offerId: arg1,
+          productId: arg2
+        }
+      };
+      break;
+
+    case urlType.CATG_PROD_LIST:
+      // 商品列表
+      pcLink = "/offer-list/catg/".concat(arg1);
+      h5Link = "/product/list/".concat(arg1);
+      params = {
+        type: 'PROD_LIST',
+        data: {
+          catgId: arg1
+        }
+      };
+      break;
+
+    case urlType.GIVEAWAY_MISSION:
+      // 零元购
+      pcLink = '';
+      h5Link = "/special-mission?campaignId=".concat(arg1);
+      params = {
+        type: 'GIVEAWAY_MISSION',
+        data: {
+          campaignId: arg1
+        }
+      };
+      break;
+
+    case urlType.CUSTOMIZED:
+      // 自定义页面
+      pcLink = "/promotion/".concat(arg1);
+      h5Link = "/group/".concat(arg1);
+      params = {
+        type: 'CUSTOMIZED',
+        data: {
+          url: "/group/".concat(arg1)
+        }
+      };
+      break;
+
+    case urlType.PROD_FILTER:
+      pcLink = '';
+      h5Link = "/product/list?".concat(arg1);
+      params = {
+        type: 'PROD_FILTER',
+        data: {
+          params: arg1
+        }
+      };
+      break;
+
+    case urlType.ANCHOR:
+      // document.getElementById(id) && document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
+      params = {
+        type: 'ANCHOR',
+        data: {
+          id: arg1
+        }
+      };
+      break;
+
+    case 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
+  };
+};
+/** 刷新预览区域 */
+
+var renderPreview = function () {
+  var evt = new Event('render-view', {
+    bubbles: false
+  });
+  window.document.dispatchEvent(evt);
+}; // 分类列表 数组转换成树结构
+
+var listToTree = function (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;
+}; // 获取商品活动标签 包含秒杀、团规、满系
+
+var getPromotionList = function (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));
+};
+var canNumber = function (value) {
+  if (isNaN(Number(value))) {
+    return value;
+  }
+
+  return Number(value);
+};
+/** 计算样式 */
+
+var computeStyle = function (_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(".concat(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;
+};
+
+export { canNumber, computeStyle, getPromotionList, listToTree, parseUrl, renderPreview };

package/src/components/utils/commonUtil.js

@@ -0,0 +1,223 @@
+import axios from '../../../node_modules/axios/index.js';
+import lib from '../../../node_modules/qs/lib/index.js';
+
+/**
+ * 安全获取数据
+ * @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.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.post(url, isLoginUrl ? lib.stringify(data) : data, {
+        headers: headers
+      }).then(function (res) {
+        resolve(res.data);
+      });
+    }
+  });
+}
+var navigateTo = function (url) {
+  if (!window.magicDesign || !window.magicDesign.history) {
+    window.location.href = url;
+    return;
+  }
+
+  window.magicDesign.history.push(url);
+};
+var dragSource = function (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;
+}; // 校验文件名称,不能存在 / \ ,
+
+var checkFileName = function (fileName) {
+  if (fileName === undefined || fileName === null || fileName === '') {
+    return false;
+  }
+
+  var reg = /[\\,/]+/;
+
+  if (reg.test(fileName)) {
+    return false;
+  }
+
+  return true;
+}; // 获取浏览器参数
+/**
+ * 补0 函数
+ * @param {*} num 数字
+ */
+
+var addZero = function (num) {
+  return String(num).length === 1 ? "0".concat(String(num)) : String(num);
+};
+/**
+ * 计算倒计时
+ * @param {number} lastTime 剩余时间 单位：毫秒
+ * @param {string?} type 'day' 以日为单位
+ * @returns
+ */
+
+var calcLastTime = function (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 "".concat(day, "DAYS  ").concat(addZero(hours), ":").concat(addZero(mines), ":").concat(addZero(second));
+  }
+
+  if (type === '_hour') {
+    return hours;
+  }
+
+  if (type === '_mines') {
+    return mines;
+  }
+
+  return "".concat(addZero(hours), ":").concat(addZero(mines), ":").concat(addZero(second));
+};
+/**
+ * 获取图片URL
+ * @param {object} imageObj 图片对象
+ * @param {string?} type small | big
+ */
+
+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 (style, _a) {
+  var _b = _a === void 0 ? {} : _a,
+      _c = _b.suffix,
+      suffix = _c === void 0 ? 'px' : _c;
+
+  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 "".concat(styleStr).concat(newName, ": ").concat(value).concat(needSuffix ? suffix : '', "; ");
+  }, '');
+};
+/** 十六进制色值转换成rgba */
+
+var getColorRgba = function (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;
+  }
+};
+
+export { addZero, calcLastTime, checkFileName, commonFetch, convertImageUrl, dragSource, ensure, getColorRgba, navigateTo, styleStringify };

package/src/components/utils/coreUtil.js

@@ -0,0 +1,108 @@
+import uuid_1 from '../../../node_modules/uuid/index.js';
+import { parseUrl } from './businessUtil.js';
+import { navigateTo } from './commonUtil.js';
+import { browserVersion } from './androidUtil.js';
+
+var _this = undefined;
+var isDesignMode = function () {
+  return window.magicDesign.mode === 'designer';
+};
+var isPc = function () {
+  return window.magicDesign.device === 'pc';
+};
+/** 刷新预览区域 */
+
+var renderPreview = function () {
+  var evt = new Event('render-view', {
+    bubbles: false
+  });
+  window.document.dispatchEvent(evt);
+};
+var clickUrl = function (url) {
+  console.log('url', url);
+
+  if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url) {
+    return;
+  }
+
+  var _a = parseUrl(url),
+      h5Link = _a.h5Link,
+      params = _a.params;
+
+  var type = params.type,
+      data = params.data; // 领取优惠券
+
+  if (type === 'GET_COUPON') {
+    _this.getCoupon(data.couponId);
+
+    return;
+  }
+
+  if (!browserVersion().isApp) {
+    if (url.startsWith('/')) {
+      navigateTo(url);
+    } else {
+      location.href = url;
+    }
+
+    return;
+  }
+
+  if (browserVersion().android) {
+    sendToAndroid({
+      type: 'jump',
+      params: {
+        url: h5Link
+      }
+    });
+  } else if (browserVersion().ios) {
+    if (type === 'CUSTOMIZED') {
+      // 适配ios 从首页跳转自定义页面
+      _this.goH5Page(h5Link);
+    }
+
+    sendToIos(params);
+  }
+};
+
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type === 'object' || type === 'function');
+} // 拷贝节点方法，重新生成节点中的id和parentId字段
+
+
+var copyNode = function (value, parentId) {
+  if (!isObject(value)) {
+    return value;
+  }
+
+  var isArr = Array.isArray(value);
+
+  if (isArr) {
+    var newArray_1 = [];
+    value.forEach(function (data) {
+      newArray_1.push(copyNode(data));
+    });
+    return newArray_1;
+  }
+
+  var newNode = {};
+
+  if (value.id) {
+    newNode.id = uuid_1.v4();
+  }
+
+  var names = Object.getOwnPropertyNames(value);
+  names.forEach(function (name) {
+    if (name === 'id') return;
+
+    if (name === 'parentId') {
+      newNode.parentId = parentId;
+    } else {
+      newNode[name] = copyNode(value[name], newNode.id);
+    }
+  });
+  return newNode;
+};
+
+export { clickUrl, copyNode, isDesignMode, isPc, renderPreview };

package/src/components/utils/currencyUtil.js

@@ -0,0 +1,110 @@
+import divide_1 from '../../../node_modules/lodash/divide.js';
+import isEmpty_1 from '../../../node_modules/lodash/isEmpty.js';
+import { ensure } from './commonUtil.js';
+
+/* eslint-disable */
+ensure(function () {
+  return window.ecommerce.precision;
+}, '0'); // 千分位展示
+
+var addSeparators = function (nStr, thousandsSep, decimalSep) {
+  if (!Number(nStr)) {
+    return nStr;
+  }
+
+  var x1;
+  var x2;
+  nStr += '';
+  var x = nStr.split('.');
+  x1 = x[0];
+  x2 = x.length > 1 ? decimalSep + x[1] : '';
+  var rgx = /(\d+)(\d{3})/;
+
+  while (rgx.test(x1)) {
+    x1 = x1.replace(rgx, "$1".concat(thousandsSep, "$2"));
+  }
+
+  return x1 + x2;
+};
+var getPricePrefix = function () {
+  var pricePrefix = ensure(function () {
+    return window.ecommerce.prefix;
+  }, 'Rp');
+  return pricePrefix;
+};
+var getPrecision = function () {
+  var ret = ensure(function () {
+    return window.ecommerce.precision;
+  }, '0');
+  return Number(ret);
+}; // 格式化金额
+
+var formatCurrency = function (num) {
+  var displayPrecision = ensure(function () {
+    return window.ecommerce.displayCurrencyPrecision;
+  }, '0');
+  var precision = ensure(function () {
+    return window.ecommerce.precision;
+  }, '0');
+  var pricePrefix = ensure(function () {
+    return window.ecommerce.prefix;
+  }, 'Rp');
+  var numVal = num;
+
+  if (Number.isNaN(num) || !Number.isFinite(num)) {
+    numVal = 0;
+  }
+
+  var displayNum = displayPrecision != null && displayPrecision !== '' ? displayPrecision : precision;
+  var ret = numVal / Math.pow(10, precision);
+  return addSeparators(ret.toFixed(displayNum), pricePrefix === "IDR" || pricePrefix === "Rp" ? '.' : ',', '.');
+};
+var formatCurrencyWithSymbol = function (num) {
+  var ret = formatCurrency(num);
+  return "".concat(getPricePrefix(), " ").concat(ret);
+};
+/**
+ * 格式化数值,不加前缀 (前台使用) 例如:缩小100倍
+ * @param {*} value 数值
+ * @param {*} customPrecision 精度转换,默认读配置项
+ * @param {*} customDisplayPrecision 保留小数位数,默认读配置项(传null,表示不作处理只转换精度)
+ * @returns 格式化后的数值字符串
+ */
+
+var currencyToFont = function (value, customPrecision, customDisplayPrecision) {
+  if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {
+    return value;
+  }
+
+  var precision; // 优先使用参数上的精度
+
+  if (!isEmpty_1(customPrecision) && !Number.isNaN(Number(customPrecision))) {
+    precision = Number(customPrecision);
+  } else {
+    precision = ensure(function () {
+      return window.ecommerce.precision;
+    }, '0');
+  }
+
+  var number = Number(value);
+  var temp = divide_1(number, Math.pow(10, precision)); // 特殊处理,不需要格式化小数位
+
+  if (customDisplayPrecision === null) {
+    return "".concat(temp);
+  } // 精度格式化
+
+
+  var displayPrecision; // 优先使用参数上的精度
+
+  if (!isEmpty_1(customDisplayPrecision) && !Number.isNaN(Number(customDisplayPrecision))) {
+    displayPrecision = Number(customDisplayPrecision);
+  } else {
+    displayPrecision = ensure(function () {
+      return window.ecommerce.displayCurrencyPrecision;
+    }, 'Rp');
+  }
+
+  return temp.toFixed(Number(displayPrecision));
+};
+
+export { addSeparators, currencyToFont, formatCurrency, formatCurrencyWithSymbol, getPrecision, getPricePrefix };