@fonixtree/magic-design 0.0.11 → 0.0.16

package/{src/components → es}/utils/businessUtil.js

@@ -1,6 +1,13 @@
-import { urlType } from '../constants/index.js';
+"use strict";
 
-var parseUrl = function (url) {
+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;
@@ -12,9 +19,9 @@ var parseUrl = function (url) {
 
   switch (type) {
     // 商品详情
-    case urlType.PRODUCT_DETAIL:
-      pcLink = "/offer-detail/".concat(arg1);
-      h5Link = "/product/detail/".concat(arg1, "?productId=").concat(arg2 !== null && arg2 !== void 0 ? arg2 : '');
+    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: {
@@ -24,10 +31,10 @@ var parseUrl = function (url) {
       };
       break;
 
-    case urlType.CATG_PROD_LIST:
+    case _constants.urlType.CATG_PROD_LIST:
       // 商品列表
-      pcLink = "/offer-list/catg/".concat(arg1);
-      h5Link = "/product/list/".concat(arg1);
+      pcLink = "/offer-list/catg/" + arg1;
+      h5Link = "/product/list/" + arg1;
       params = {
         type: 'PROD_LIST',
         data: {
@@ -36,10 +43,10 @@ var parseUrl = function (url) {
       };
       break;
 
-    case urlType.GIVEAWAY_MISSION:
+    case _constants.urlType.GIVEAWAY_MISSION:
       // 零元购
       pcLink = '';
-      h5Link = "/special-mission?campaignId=".concat(arg1);
+      h5Link = "/special-mission?campaignId=" + arg1;
       params = {
         type: 'GIVEAWAY_MISSION',
         data: {
@@ -48,21 +55,21 @@ var parseUrl = function (url) {
       };
       break;
 
-    case urlType.CUSTOMIZED:
+    case _constants.urlType.CUSTOMIZED:
       // 自定义页面
-      pcLink = "/promotion/".concat(arg1);
-      h5Link = "/group/".concat(arg1);
+      pcLink = "/promotion/" + arg1;
+      h5Link = "/group/" + arg1;
       params = {
         type: 'CUSTOMIZED',
         data: {
-          url: "/group/".concat(arg1)
+          url: "/group/" + arg1
         }
       };
       break;
 
-    case urlType.PROD_FILTER:
+    case _constants.urlType.PROD_FILTER:
       pcLink = '';
-      h5Link = "/product/list?".concat(arg1);
+      h5Link = "/product/list?" + arg1;
       params = {
         type: 'PROD_FILTER',
         data: {
@@ -71,7 +78,7 @@ var parseUrl = function (url) {
       };
       break;
 
-    case urlType.ANCHOR:
+    case _constants.urlType.ANCHOR:
       // document.getElementById(id) && document.getElementById(id).scrollIntoView({ behavior: 'smooth' });
       params = {
         type: 'ANCHOR',
@@ -81,7 +88,7 @@ var parseUrl = function (url) {
       };
       break;
 
-    case urlType.GET_COUPON:
+    case _constants.urlType.GET_COUPON:
       // 领取优惠券
       params = {
         type: 'GET_COUPON',
@@ -113,14 +120,20 @@ var parseUrl = function (url) {
 };
 /** 刷新预览区域 */
 
-var renderPreview = function () {
+
+exports.parseUrl = parseUrl;
+
+var renderPreview = function renderPreview() {
   var evt = new Event('render-view', {
     bubbles: false
   });
   window.document.dispatchEvent(evt);
 }; // 分类列表 数组转换成树结构
 
-var listToTree = function (list) {
+
+exports.renderPreview = renderPreview;
+
+var listToTree = function listToTree(list) {
   var map = {};
   var node;
   var tree = [];
@@ -149,14 +162,16 @@ var listToTree = function (list) {
   return tree;
 }; // 获取商品活动标签 包含秒杀、团规、满系
 
-var getPromotionList = function (offer) {
+
+exports.listToTree = listToTree;
+
+var getPromotionList = function getPromotionList(offer) {
   var PROMOTION_TYPE_MAP = {
     2: 'SPECIAL PROMO',
     4: 'Group',
     C: 'Discount',
     D: 'Discount',
-    G: 'Gift' // 满赠
-
+    G: 'Gift'
   };
   var promotType = offer.promotType,
       sppType = offer.sppType;
@@ -176,7 +191,10 @@ var getPromotionList = function (offer) {
   });
   return Array.from(new Set(promotNames));
 };
-var canNumber = function (value) {
+
+exports.getPromotionList = getPromotionList;
+
+var canNumber = function canNumber(value) {
   if (isNaN(Number(value))) {
     return value;
   }
@@ -185,7 +203,10 @@ var canNumber = function (value) {
 };
 /** 计算样式 */
 
-var computeStyle = function (_a, device) {
+
+exports.canNumber = canNumber;
+
+var computeStyle = function computeStyle(_a, device) {
   var background = _a.background,
       spacing = _a.spacing;
   var wrapStyle = {};
@@ -195,7 +216,7 @@ var computeStyle = function (_a, device) {
       wrapStyle.backgroundColor = background.color;
       wrapStyle.opacity = background.opacity ? background.opacity : 1;
     } else {
-      wrapStyle.backgroundImage = "url(".concat(background.image, ")");
+      wrapStyle.backgroundImage = "url(" + background.image + ")";
       wrapStyle.backgroundPosition = 'center';
     }
   }
@@ -211,4 +232,4 @@ var computeStyle = function (_a, device) {
   return wrapStyle;
 };
 
-export { canNumber, computeStyle, getPromotionList, listToTree, parseUrl, renderPreview };
+exports.computeStyle = computeStyle;

package/{src/components → es}/utils/commonUtil.js

@@ -1,12 +1,28 @@
-import axios from 'axios';
-import lib from '../../../node_modules/qs/lib/index.js';
-
-/**
- * 安全获取数据
- * @param {function} func 获取函数
- * @param {any} defaults 默认值
+"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;
@@ -14,13 +30,14 @@ function ensure(func, defaults) {
     return defaults;
   }
 }
-/**
- * fish fetch
- * @param {*} url 请求地址
- * @param {*} data 入参
- * @param {*} method 请求方法
+/**
+ * fish fetch
+ * @param {*} url 请求地址
+ * @param {*} data 入参
+ * @param {*} method 请求方法
  */
 
+
 function commonFetch(url, data, method) {
   if (data === void 0) {
     data = {};
@@ -51,7 +68,7 @@ function commonFetch(url, data, method) {
         return;
       }
 
-      axios.get(url, {
+      _axios["default"].get(url, {
         params: data,
         headers: headers
       }).then(function (res) {
@@ -70,7 +87,7 @@ function commonFetch(url, data, method) {
         return;
       }
 
-      axios.post(url, isLoginUrl ? lib.stringify(data) : data, {
+      _axios["default"].post(url, isLoginUrl ? _qs["default"].stringify(data) : data, {
         headers: headers
       }).then(function (res) {
         resolve(res.data);
@@ -78,7 +95,8 @@ function commonFetch(url, data, method) {
     }
   });
 }
-var navigateTo = function (url) {
+
+var navigateTo = function navigateTo(url) {
   if (!window.magicDesign || !window.magicDesign.history) {
     window.location.href = url;
     return;
@@ -86,7 +104,10 @@ var navigateTo = function (url) {
 
   window.magicDesign.history.push(url);
 };
-var dragSource = function (source, from, to) {
+
+exports.navigateTo = navigateTo;
+
+var dragSource = function dragSource(source, from, to) {
   var out = source.splice(from, 1);
 
   if (from > to) {
@@ -98,7 +119,10 @@ var dragSource = function (source, from, to) {
   return source;
 }; // 校验文件名称,不能存在 / \ ,
 
-var checkFileName = function (fileName) {
+
+exports.dragSource = dragSource;
+
+var checkFileName = function checkFileName(fileName) {
   if (fileName === undefined || fileName === null || fileName === '') {
     return false;
   }
@@ -111,22 +135,41 @@ var checkFileName = function (fileName) {
 
   return true;
 }; // 获取浏览器参数
-/**
- * 补0 函数
- * @param {*} num 数字
+
+
+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 数字
  */
 
-var addZero = function (num) {
-  return String(num).length === 1 ? "0".concat(String(num)) : String(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
+/**
+ * 计算倒计时
+ * @param {number} lastTime 剩余时间 单位：毫秒
+ * @param {string?} type 'day' 以日为单位
+ * @returns
  */
 
-var calcLastTime = function (lastTime, type) {
+
+exports.addZero = addZero;
+
+var calcLastTime = function calcLastTime(lastTime, type) {
   if (lastTime <= 0) {
     return 0;
   }
@@ -138,7 +181,7 @@ var calcLastTime = function (lastTime, type) {
 
   if (type === 'day') {
     hours = ~~(lastTime / 1000 / 60 / 60 % 24);
-    return "".concat(day, "DAYS  ").concat(addZero(hours), ":").concat(addZero(mines), ":").concat(addZero(second));
+    return day + "DAYS  " + addZero(hours) + ":" + addZero(mines) + ":" + addZero(second);
   }
 
   if (type === '_hour') {
@@ -149,14 +192,17 @@ var calcLastTime = function (lastTime, type) {
     return mines;
   }
 
-  return "".concat(addZero(hours), ":").concat(addZero(mines), ":").concat(addZero(second));
+  return addZero(hours) + ":" + addZero(mines) + ":" + addZero(second);
 };
-/**
- * 获取图片URL
- * @param {object} imageObj 图片对象
- * @param {string?} type small | big
+/**
+ * 获取图片URL
+ * @param {object} imageObj 图片对象
+ * @param {string?} type small | big
  */
 
+
+exports.calcLastTime = calcLastTime;
+
 function convertImageUrl(imageObj, type) {
   if (imageObj === void 0) {
     imageObj = {};
@@ -173,23 +219,25 @@ function convertImageUrl(imageObj, type) {
 }
 /** 序列化 style对象 */
 
-var styleStringify = function (style, _a) {
-  var _b = _a === void 0 ? {} : _a,
-      _c = _b.suffix,
-      suffix = _c === void 0 ? 'px' : _c;
 
+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 "".concat(styleStr).concat(newName, ": ").concat(value).concat(needSuffix ? suffix : '', "; ");
+    return "" + styleStr + newName + ": " + value + (needSuffix ? suffix : '') + "; ";
   }, '');
 };
 /** 十六进制色值转换成rgba */
 
-var getColorRgba = function (sHex, alpha) {
+
+exports.styleStringify = styleStringify;
+
+var getColorRgba = function getColorRgba(sHex, alpha) {
   if (alpha === void 0) {
     alpha = 1;
   }
@@ -219,5 +267,23 @@ var getColorRgba = function (sHex, alpha) {
     return sColor;
   }
 };
+/** url to image */
+
 
-export { addZero, calcLastTime, checkFileName, commonFetch, convertImageUrl, dragSource, ensure, getColorRgba, navigateTo, styleStringify };
+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;
+  });
+}

package/es/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;