@fonixtree/magic-design 0.0.13 → 0.0.16

package/lib/utils/compJsonUtil.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initMap = exports.getTextInitJson = exports.getBannerNodeJson = exports.getBannerJson = void 0;
+
+var _uuid = require("uuid");
+
+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);
+};
+
+/**
+ * 获取 text 元组件json
+ */
+var getMetaTextJson = function getMetaTextJson() {
+  return {
+    open: false,
+    type: 'TEXT',
+    text: 'Title',
+    specialContent: [],
+    content: {
+      fontFamily: '',
+      size: '',
+      fontSize: '',
+      width: ''
+    },
+    underline: {
+      open: false,
+      borderBottomColor: '',
+      borderBottomStyle: '',
+      borderBottomWidth: ''
+    },
+    vertical: {
+      open: false,
+      lineHeight: ''
+    }
+  };
+};
+/**
+ *
+ * 获取 image 元组件json
+ */
+
+
+var getMetaImageJson = function getMetaImageJson() {
+  return {
+    open: true,
+    type: 'IMAGE',
+    content: {
+      pcImgSrc: '',
+      h5ImgSrc: '',
+      name: 'image name',
+      clickUrl: ''
+    },
+    hover: {
+      open: false,
+      backgroundType: 'enlarge',
+      magnification: 1,
+      pcImgHoverUrl: '',
+      h5ImgHoverUrl: ''
+    }
+  };
+};
+/**
+ *
+ * 获取 button 元组件json
+ */
+
+
+var getMetaButtonJson = function getMetaButtonJson() {
+  return {
+    open: false,
+    type: 'BUTTON',
+    name: 'Button',
+    text: 'Button',
+    content: {
+      url: '',
+      backgroundColor: '#2F54EB'
+    },
+    buttonText: {
+      fontFamily: 'st',
+      fontStyles: {
+        fontStyle: 'normal',
+        color: '#fff',
+        textAlign: 'left'
+      }
+    },
+    buttonBorder: {
+      open: false,
+      borderColor: '',
+      borderRadius: 0
+    },
+    buttonIcon: {
+      iconUrl: '',
+      layout: 'right'
+    },
+    hover: {
+      open: false,
+      content: {
+        backgroundColor: '#051c7b'
+      },
+      buttonText: {
+        fontFamily: 'st',
+        fontStyles: {
+          fontStyle: 'normal',
+          color: '#fff',
+          textAlign: 'left'
+        }
+      },
+      buttonBorder: {
+        open: false,
+        borderColor: '',
+        borderRadius: 0
+      },
+      buttonIcon: {
+        iconUrl: '',
+        layout: 'right'
+      }
+    }
+  };
+};
+/**
+ * 获取banner组件的初始化json
+ */
+
+
+var getBannerJson = function getBannerJson() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'BANNER',
+    setting: {
+      // 自动轮播
+      autoplay: {
+        open: false,
+        interval: 4
+      },
+      // 切换按钮
+      navigation: {
+        open: false,
+        size: 16,
+        hoverSize: 16,
+        color: '#384966',
+        hoverColor: '#384966'
+      },
+      // 面板指示点
+      dots: {
+        open: false,
+        color: '#ff',
+        hoverColor: '#fff',
+        size: 16,
+        hoverSize: 16
+      }
+    },
+    groupSource: []
+  };
+};
+/**
+ *  获取banner组件节点json, 用于存入banner 的 groupSource中
+ */
+
+
+exports.getBannerJson = getBannerJson;
+
+var getBannerNodeJson = function getBannerNodeJson() {
+  return {
+    id: (0, _uuid.v4)(),
+    image: __assign({}, getMetaImageJson()),
+    title: __assign({}, getMetaTextJson()),
+    text: __assign({}, getMetaTextJson()),
+    button: __assign({}, getMetaButtonJson()),
+    secondButton: __assign({}, getMetaButtonJson()),
+    customize: {
+      layout: 1,
+      align: 'left'
+    },
+    background: {
+      opacity: 100,
+      color: '#232F46',
+      image: ''
+    }
+  };
+};
+/**
+ * 获取text组件的初始化json
+ */
+
+
+exports.getBannerNodeJson = getBannerNodeJson;
+
+var getTextInitJson = function getTextInitJson() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'TEXT',
+    setting: {
+      layout: 'left',
+      title: __assign({
+        open: false,
+        type: 'TEXT'
+      }, getMetaTextJson()),
+      subtitle: __assign({
+        open: false,
+        type: 'TEXT'
+      }, getMetaTextJson())
+    },
+    source: [{
+      title: {
+        type: 'TEXT'
+      },
+      content: {
+        type: 'TEXT'
+      }
+    }],
+    style: {
+      align: 'left',
+      backgroundColor: 'red',
+      backgroundImage: '../image.png'
+    }
+  };
+};
+
+exports.getTextInitJson = getTextInitJson;
+var initMap = {
+  TEXT: getTextInitJson,
+  BANNER: getBannerJson
+};
+exports.initMap = initMap;

package/lib/utils/coreUtil.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.copyNode = exports.clickUrl = void 0;
+
+var _uuid = require("uuid");
+
+var _businessUtil = require("./businessUtil");
+
+var _commonUtil = require("./commonUtil");
+
+var _androidUtil = require("./androidUtil");
+
+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 _this = void 0;
+
+var isDesignMode = function isDesignMode() {
+  return window.magicDesign.mode === 'designer';
+};
+
+exports.isDesignMode = isDesignMode;
+
+var isPc = function isPc() {
+  return window.magicDesign.device === 'pc';
+};
+
+exports.isPc = isPc;
+
+var setMagicDesign = function setMagicDesign(magicDesignObj) {
+  window.magicDesign = __assign(__assign({}, window.magicDesign), magicDesignObj);
+};
+/** 刷新预览区域 */
+
+
+exports.setMagicDesign = setMagicDesign;
+
+var renderPreview = function renderPreview() {
+  var evt = new Event('render-view', {
+    bubbles: false
+  });
+  window.document.dispatchEvent(evt);
+};
+
+exports.renderPreview = renderPreview;
+
+var clickUrl = function clickUrl(url) {
+  console.log('url', url);
+
+  if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url) {
+    return;
+  }
+
+  var _a = (0, _businessUtil.parseUrl)(url),
+      h5Link = _a.h5Link,
+      pcLink = _a.pcLink,
+      params = _a.params;
+
+  var type = params.type,
+      data = params.data; // 领取优惠券
+
+  if (type === 'GET_COUPON') {
+    _this.getCoupon(data.couponId);
+
+    return;
+  }
+
+  if (!(0, _androidUtil.browserVersion)().isApp) {
+    if (url.startsWith('/')) {
+      (0, _commonUtil.navigateTo)(url);
+    } else {
+      location.href = url;
+    }
+
+    return;
+  }
+
+  if ((0, _androidUtil.browserVersion)().android) {
+    sendToAndroid({
+      type: 'jump',
+      params: {
+        url: h5Link
+      }
+    });
+  } else if ((0, _androidUtil.browserVersion)().ios) {
+    if (type === 'CUSTOMIZED') {
+      // 适配ios 从首页跳转自定义页面
+      _this.goH5Page(h5Link);
+    }
+
+    sendToIos(params);
+  }
+};
+
+exports.clickUrl = clickUrl;
+
+function isObject(value) {
+  var type = _typeof(value);
+
+  return value != null && (type === 'object' || type === 'function');
+} // 拷贝节点方法，重新生成节点中的id和parentId字段
+
+
+var copyNode = function copyNode(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 = (0, _uuid.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;
+};
+
+exports.copyNode = copyNode;

package/lib/utils/currencyUtil.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.numberToFixed = exports.getPricePrefix = exports.getPrecision = exports.formatCurrencyWithSymbol = exports.formatCurrency = exports.currencyToFont = exports.calcFloatCount = exports.addSeparators = void 0;
+
+var _divide = _interopRequireDefault(require("lodash/divide"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _commonUtil = require("./commonUtil");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable */
+var precision = (0, _commonUtil.ensure)(function () {
+  return window.ecommerce.precision;
+}, '0'); // 千分位展示
+
+var addSeparators = function addSeparators(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" + thousandsSep + "$2");
+  }
+
+  return x1 + x2;
+};
+
+exports.addSeparators = addSeparators;
+
+var getPricePrefix = function getPricePrefix() {
+  var pricePrefix = (0, _commonUtil.ensure)(function () {
+    return window.ecommerce.prefix;
+  }, 'Rp');
+  return pricePrefix;
+};
+
+exports.getPricePrefix = getPricePrefix;
+
+var getPrecision = function getPrecision() {
+  var ret = (0, _commonUtil.ensure)(function () {
+    return window.ecommerce.precision;
+  }, '0');
+  return Number(ret);
+}; // 格式化金额
+
+
+exports.getPrecision = getPrecision;
+
+var formatCurrency = function formatCurrency(num) {
+  var displayPrecision = (0, _commonUtil.ensure)(function () {
+    return window.ecommerce.displayCurrencyPrecision;
+  }, '0');
+  var precision = (0, _commonUtil.ensure)(function () {
+    return window.ecommerce.precision;
+  }, '0');
+  var pricePrefix = (0, _commonUtil.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" ? '.' : ',', '.');
+};
+
+exports.formatCurrency = formatCurrency;
+
+var formatCurrencyWithSymbol = function formatCurrencyWithSymbol(num) {
+  var ret = formatCurrency(num);
+  return getPricePrefix() + " " + ret;
+};
+/**
+ * TODO 未兼容科学计数法（小数点后7位）
+ * 计算浮点位数
+ * @param {*} number 数字
+ * @returns count
+ */
+
+
+exports.formatCurrencyWithSymbol = formatCurrencyWithSymbol;
+
+var calcFloatCount = function calcFloatCount(number) {
+  var numbString = String(number);
+  var findIndex = numbString.indexOf('.');
+  if (findIndex === -1) return 0;
+  return numbString.length - findIndex - 1;
+};
+/**
+ * 保留小数位
+ * @param {number} number 数字
+ * @param {int?} precision 位数 默认：2
+ */
+
+
+exports.calcFloatCount = calcFloatCount;
+
+var numberToFixed = function numberToFixed(numb, precision) {
+  if (precision === void 0) {
+    precision = 2;
+  }
+
+  var multiple = Math.pow(10, precision);
+  var floatCount = calcFloatCount(numb);
+
+  if (floatCount <= precision) {
+    if (floatCount === 0) {
+      if (precision <= 0) {
+        return "" + String(~~numb);
+      }
+
+      return String(~~numb) + "." + new Array(precision - floatCount).fill('0').join('');
+    }
+
+    return String(numb) + new Array(precision - floatCount).fill('0').join('');
+  }
+
+  var bigMultiple = multiple * 10;
+  var tempNumb = ~~(numb * bigMultiple);
+  var lastNumber = String(tempNumb).slice(-1);
+  var resultNumber = ~~(numb * multiple);
+  if (~~lastNumber >= 5) resultNumber += 1;
+  var result = resultNumber / multiple;
+  var resultFloatCount = calcFloatCount(result);
+  return result + new Array(precision - resultFloatCount).fill('0').join('');
+};
+/**
+ * 格式化数值,不加前缀 (前台使用) 例如:缩小100倍
+ * @param {*} value 数值
+ * @param {*} customPrecision 精度转换,默认读配置项
+ * @param {*} customDisplayPrecision 保留小数位数,默认读配置项(传null,表示不作处理只转换精度)
+ * @returns 格式化后的数值字符串
+ */
+
+
+exports.numberToFixed = numberToFixed;
+
+var currencyToFont = function currencyToFont(value, customPrecision, customDisplayPrecision) {
+  if (value === null || value === undefined || value === '' || Number.isNaN(Number(value))) {
+    return value;
+  }
+
+  var precision; // 优先使用参数上的精度
+
+  if (!(0, _isEmpty["default"])(customPrecision) && !Number.isNaN(Number(customPrecision))) {
+    precision = Number(customPrecision);
+  } else {
+    precision = (0, _commonUtil.ensure)(function () {
+      return window.ecommerce.precision;
+    }, '0');
+  }
+
+  var number = Number(value);
+  var temp = (0, _divide["default"])(number, Math.pow(10, precision)); // 特殊处理,不需要格式化小数位
+
+  if (customDisplayPrecision === null) {
+    return "" + temp;
+  } // 精度格式化
+
+
+  var displayPrecision; // 优先使用参数上的精度
+
+  if (!(0, _isEmpty["default"])(customDisplayPrecision) && !Number.isNaN(Number(customDisplayPrecision))) {
+    displayPrecision = Number(customDisplayPrecision);
+  } else {
+    displayPrecision = (0, _commonUtil.ensure)(function () {
+      return window.ecommerce.displayCurrencyPrecision;
+    }, 'Rp');
+  }
+
+  return temp.toFixed(Number(displayPrecision));
+};
+
+exports.currencyToFont = currencyToFont;

package/lib/utils/dataTreeUtils.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _isObject = _interopRequireDefault(require("lodash/isObject"));
+
+var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
+
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * 处理树相关的工具
+ */
+var _default = {
+  /** 将一维数组转换为树结构 */
+  translateDataToTree: function translateDataToTree(jsonData, id, pid, mapProps) {
+    var newData = (0, _cloneDeep["default"])(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 _loop_1(j) {
+      var currentElement = newData[j]; // 添加需要的属性
+
+      if (mapProps && (0, _isObject["default"])(mapProps) && !(0, _isEmpty["default"])(mapProps)) {
+        (0, _mapKeys["default"])(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 findChildKeys(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 dsFilter(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) {
+        _extends(target, dealData[i]);
+      }
+    }
+  },
+  getChildKey: function getChildKey(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]);
+    }
+  }
+};
+exports["default"] = _default;