@fonixtree/magic-design 0.0.7 → 0.0.10

package/src/components/utils/commonUtil.js

@@ -0,0 +1,223 @@
+import axios from 'axios';
+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 };

package/src/components/utils/dataTreeUtils.js

@@ -0,0 +1,93 @@
+import isEmpty_1 from '../../../node_modules/lodash/isEmpty.js';
+import isObject_1 from '../../../node_modules/lodash/isObject.js';
+import mapKeys_1 from '../../../node_modules/lodash/mapKeys.js';
+import cloneDeep_1 from '../../../node_modules/lodash/cloneDeep.js';
+
+/**
+ * 处理树相关的工具
+ */
+
+var treeUtils = {
+  /** 将一维数组转换为树结构 */
+  translateDataToTree: function (jsonData, id, pid, mapProps) {
+    var newData = cloneDeep_1(jsonData);
+    var result = [];
+    var temp = {};
+
+    for (var i = 0; i < newData.length; i += 1) {
+      temp[newData[i][id]] = newData[i]; // 以id作为索引存储元素，可以无需遍历直接定位元素
+    }
+
+    var _loop_1 = function (j) {
+      var currentElement = newData[j]; // 添加需要的属性
+
+      if (mapProps && isObject_1(mapProps) && !isEmpty_1(mapProps)) {
+        mapKeys_1(mapProps, function (value, key) {
+          currentElement[key] = currentElement[value];
+        });
+      }
+
+      var tempCurrentElementParent = temp[currentElement[pid]]; // 临时变量里面的当前元素的父元素
+
+      if (tempCurrentElementParent) {
+        // 如果存在父元素
+        if (!tempCurrentElementParent.children) {
+          // 如果父元素没有chindren键
+          tempCurrentElementParent.children = []; // 设上父元素的children键
+        }
+
+        tempCurrentElementParent.children.push(currentElement); // 给父元素加上当前元素作为子元素
+      } else {
+        // 不存在父元素，意味着当前元素是一级元素
+        result.push(currentElement);
+      }
+    };
+
+    for (var j = 0; j < newData.length; j += 1) {
+      _loop_1(j);
+    }
+
+    return result;
+  },
+
+  /**
+   * jsonData 输入数据
+   * 需要查找的id
+   * pk 主键的名称
+   * childKeys返回值
+   */
+  findChildKeys: function (jsonData, id, pk, childKeys) {
+    var target = {};
+    this.dsFilter(jsonData, id, pk, target);
+
+    if (target && JSON.stringify(target) !== '{}') {
+      childKeys.push(target[pk]);
+
+      if (target.children && target.children.length) {
+        this.getChildKey(target.children, pk, childKeys);
+      }
+    }
+  },
+  dsFilter: function (dealData, id, pk, target) {
+    for (var i = 0; i < dealData.length; i += 1) {
+      if (dealData[i].children && dealData[i].children.length) {
+        this.dsFilter(dealData[i].children, id, pk, target);
+      }
+
+      if (dealData[i][pk] === id) {
+        Object.assign(target, dealData[i]);
+      }
+    }
+  },
+  getChildKey: function (dealData, pk, childKeys) {
+    for (var i = 0; i < dealData.length; i += 1) {
+      if (dealData[i].children && dealData[i].children.length) {
+        this.getChildKey(dealData[i].children, pk, childKeys);
+      }
+
+      childKeys.push(dealData[i][pk]);
+    }
+  }
+};
+
+export { treeUtils as default };

package/src/components/utils/dateUtil.js

@@ -0,0 +1,30 @@
+import moment from 'moment';
+
+var dateFmt = 'YYYY-MM-DD';
+/**
+ * new Date 解决ios 安卓兼容问题
+ * @param {*} date 时间
+ */
+
+var newDate = function (date) {
+  if (date instanceof Date) {
+    return date;
+  }
+
+  if (date) {
+    var reg = /^[0-9]+.?[0-9]*$/;
+
+    if (reg.test(date)) {
+      return new Date(Number(date));
+    }
+
+    return new Date(date.replace(/-/g, '/'));
+  }
+
+  return new Date();
+};
+var formatDate = function (date) {
+  return moment(date).format(dateFmt);
+};
+
+export { formatDate, newDate };

package/src/components/utils/storeUtil.js

@@ -0,0 +1,113 @@
+import { ensure } from './commonUtil.js';
+import { formatDate } from './dateUtil.js';
+
+var debug = require('debug')('worker:store');
+/** 持久化渠道 */
+
+
+var CHANNEL = window.localStorage;
+/**
+ * 获取缓存数据 localStorage
+ * @param {*} key
+ * @param {*} isJson 是否是json 默认是
+ */
+
+var getStore = function (key, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  return ensure(function () {
+    return JSON.parse(channel.getItem(key));
+  }, channel.getItem(key));
+};
+/**
+ * 设置缓存 localStorage
+ * @param {string} key 键
+ * @param {any} data 值
+ */
+
+var setStore = function (key, data, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  if (data instanceof Object) {
+    channel.setItem(key, JSON.stringify(data));
+  } else {
+    channel.setItem(key, data);
+  }
+};
+/**
+ * 清空 localStorage
+ * @param {string} key 键
+ */
+
+var clearStore = function (key, channel) {
+  if (channel === void 0) {
+    channel = CHANNEL;
+  }
+
+  if (key) {
+    channel.removeItem(key);
+  } else {
+    channel.clear();
+  }
+};
+/** 设计器定制的 一套缓存机制 */
+
+/**
+ * 获取缓存数据 localStorage
+ * @param {*} key
+ * @param {*} isJson 是否是json 默认是
+ */
+// export const getStore = key => ensure(() => JSON.parse(CHANNEL.getItem(key)), CHANNEL.getItem(key));
+
+var localStorageKey = 'magicBoxCache';
+/** 清楚缓存 */
+
+var clearMagicStore = function () {
+  clearStore(localStorageKey);
+};
+/**
+ * 设置缓存 localStorage
+ * @param {string} key 键
+ * @param {any} data 值
+ */
+
+var setMagicStore = function (key, data) {
+  try {
+    var localStore = getStore(localStorageKey) || {
+      date: formatDate(),
+      data: {}
+    };
+    localStore.data[key] = data;
+    setStore(localStorageKey, localStore);
+  } catch (error) {
+    debug(error);
+    clearMagicStore();
+  }
+};
+/** 获取设计器缓存 */
+
+var getMagicStore = function (key) {
+  try {
+    var localStore = getStore(localStorageKey) || {
+      date: formatDate(),
+      data: {}
+    };
+
+    if (localStore.date !== formatDate()) {
+      throw new Error('清除设计器缓存');
+    }
+
+    return localStore.data[key];
+  } catch (error) {
+    debug(error);
+    clearMagicStore();
+  }
+
+  return null;
+};
+
+export { clearMagicStore, clearStore, getMagicStore, getStore, setMagicStore, setStore };