@fonixtree/magic-design 0.0.73 → 0.0.75

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,362 @@
+"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");
+
+var _MessageModal = _interopRequireDefault(require("../common/MessageModal"));
+
+var _locale = require("../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+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 getCoupon = function getCoupon(couponId) {
+  return __awaiter(void 0, void 0, void 0, function () {
+    var err_1;
+    return __generator(this, function (_a) {
+      switch (_a.label) {
+        case 0:
+          _MessageModal["default"].success({
+            content: 'test',
+            okText: 'Ok'
+          });
+
+          _a.label = 1;
+
+        case 1:
+          _a.trys.push([1, 3,, 4]);
+
+          return [4
+          /*yield*/
+          , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/h5/coupons/usercoupon", {
+            couponId: Number(couponId)
+          }, 'POST')];
+
+        case 2:
+          _a.sent();
+
+          _MessageModal["default"].success({
+            content: (0, _locale.i18n)('VOUCHER_SUCCESS'),
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 4];
+
+        case 3:
+          err_1 = _a.sent();
+
+          _MessageModal["default"].success({
+            content: err_1,
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 4];
+
+        case 4:
+          return [2
+          /*return*/
+          ];
+      }
+    });
+  });
+};
+
+var clickUrl = function clickUrl(url) {
+  console.log('url', url);
+  getCoupon(100);
+  return;
+
+  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') {
+    getCoupon(data.couponId);
+    return;
+  }
+
+  if (!(0, _androidUtil.browserVersion)().isApp) {
+    if (url.startsWith('/')) {
+      (0, _commonUtil.navigateTo)(url);
+    } else {
+      var newUrl = isPc() ? pcLink : h5Link;
+      (0, _commonUtil.navigateTo)(newUrl);
+    }
+
+    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;