@fonixtree/magic-design 2.0.162 → 2.0.163

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,482 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.isAutoAudit = exports.isActiveFloor = exports.getVideoCover = exports.copyNode = exports.clickUrl = void 0;
+
+var _uuid = require("uuid");
+
+var _businessUtil = require("./businessUtil");
+
+var _commonUtil = require("./commonUtil");
+
+var _androidUtil = require("./androidUtil");
+
+var _constants = require("../constants");
+
+var _MessageModal = _interopRequireDefault(require("../common/MessageModal"));
+
+var _locale = require("../locale");
+
+var _Video = require("../common/Video");
+
+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 isActiveFloor = function isActiveFloor(activeTerminal) {
+  return !activeTerminal || activeTerminal === 'ALL' || activeTerminal === window.magicDesign.device.toUpperCase();
+};
+
+exports.isActiveFloor = isActiveFloor;
+
+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 getVideoCover = function getVideoCover(group) {
+  if (group.overilay.open) return isPc() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc;
+  return '';
+};
+/** 刷新预览区域 */
+
+
+exports.getVideoCover = getVideoCover;
+
+var renderPreview = function renderPreview(changeHistory) {
+  if (changeHistory === void 0) {
+    changeHistory = true;
+  }
+
+  var evt = new Event('render-view', {
+    bubbles: false
+  });
+  evt.changeHistory = changeHistory;
+  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:
+          _a.trys.push([0, 2,, 3]);
+
+          return [4
+          /*yield*/
+          , (0, _commonUtil.commonFetch)('/designer/v1/h5/coupons/usercoupon', {
+            couponId: Number(couponId)
+          }, 'POST')];
+
+        case 1:
+          _a.sent();
+
+          _MessageModal["default"].success({
+            content: (0, _locale.i18n)('VOUCHER_SUCCESS'),
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 2:
+          err_1 = _a.sent();
+
+          if (err_1.code === _constants.respCodeMap.NOT_LOGGED_IN) {
+            return [2
+            /*return*/
+            ];
+          }
+
+          _MessageModal["default"].success({
+            content: err_1.message,
+            okText: 'Ok'
+          });
+
+          return [3
+          /*break*/
+          , 3];
+
+        case 3:
+          return [2
+          /*return*/
+          ];
+      }
+    });
+  });
+};
+
+function isUrl(string) {
+  // var pattern = new RegExp('^(https?:\\/\\/)?' + // 协议
+  //   '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 域名
+  //   '((\\d{1,3}\\.){3}\\d{1,3}))' + // 或者 IP (v4) 地址
+  //   '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 端口和路径
+  //   '(\\?[;&a-z\\d%_.~+=-]*)?' + // 查询字符串
+  //   '(\\#[-a-z\\d_]*)?$', 'i'); // fragment locator
+  // return !!pattern.test(string);
+  try {
+    new URL(string);
+    return true;
+  } catch (_) {
+    return false;
+  }
+}
+
+var clickUrl = function clickUrl(url, state) {
+  var _a, _b;
+
+  if (url === void 0) {
+    url = '';
+  }
+
+  console.log('clickUrl...', url, state); // 只读模式，设计模式，url为空，邮箱模版
+
+  if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
+    return;
+  }
+
+  var _c = _typeof(url) === 'object' ? (0, _businessUtil.newParseUrl)(url) : (0, _businessUtil.parseUrl)(url),
+      link = _c.link,
+      data = _c.data;
+
+  var _d = data.params,
+      params = _d === void 0 ? {} : _d; // console.log('clicked data:', data);
+  // console.log({ type: 'jumpBrowser', params: { url: params.link } });
+
+  /** 锚点跳转 */
+
+  if (params.type === 'ANCHOR') {
+    (0, _commonUtil.ensure)(function () {
+      var nodeId = isPc() ? params.data.pcNodeId : params.data.mobileNodeId;
+      document.querySelector("#node-" + nodeId).scrollIntoView({
+        behavior: 'smooth'
+      });
+    });
+    return;
+  }
+
+  if ((0, _androidUtil.browserVersion)().isAshitaApp || (0, _androidUtil.browserVersion)().flutterApp) {
+    (0, _androidUtil.sendToApp)(data);
+  } else if ((0, _androidUtil.browserVersion)().isApp && params.link && params.link.startsWith('http')) {
+    // 跳转链接是个绝对路径
+    if (params.type === 'Gamezop') {
+      // Nuri 对接 Gamezop 特殊情况
+      (0, _androidUtil.sendToApp)(data);
+    } else {
+      // Nuri 抽奖系统对接
+      var urlTemp = "" + params.link + (params.link.includes('?') ? '&' : '?') + "userToken=" + (localStorage.getItem('h5Token') || '');
+      (0, _androidUtil.sendToApp)({
+        type: 'jumpBrowser',
+        params: {
+          url: urlTemp
+        }
+      });
+    }
+  } else if ((0, _androidUtil.browserVersion)().isDitoApp && params.link && params.link.startsWith('http')) {
+    // pto 抽奖系统对接
+    var urlTemp = "" + params.link + (params.link.includes('?') ? '&' : '?') + "token=" + (localStorage.getItem('h5Token') || '');
+    window.location.href = urlTemp;
+  } else {
+    // 视频
+    if (params.type === 'VIDEO') {
+      (0, _Video.createVideoModal)((0, _uuid.v4)(), __assign(__assign({}, params.data), {
+        source: params.data.sourceUrl
+      }));
+      return;
+    } // 领取优惠券
+
+
+    if (params.type === 'GET_COUPON') {
+      getCoupon(params.couponId);
+      return;
+    }
+
+    if (params.type === 'SHARE_URL' || params.type === 'AFFILIATE_PRODUCT') {
+      if (window.magicDesign.handleAction) {
+        window.magicDesign.handleAction(params);
+      }
+
+      return;
+    } // 判断是否是nuri， nuri跳外链需要带token
+    // 判断是否是pto， pto跳外链需要带token
+
+
+    if (((_a = window === null || window === void 0 ? void 0 : window.magicDesign) === null || _a === void 0 ? void 0 : _a.projectCode) === 'nuri') {
+      // 输入的是完整的跳转地址
+      if (isUrl(link)) {
+        if (params.type === 'Gamezop') {
+          // Nuri 对接游戏页面
+          window.open(link);
+        } else if (!link.includes(window.location.host)) {
+          // 跳转外链 需要把userToken带上
+          if (link.includes('?')) {
+            var a = link + "&userToken=" + (localStorage.getItem('h5Token') || '');
+            window.open(a);
+          } else {
+            var a = link + "?userToken=" + (localStorage.getItem('h5Token') || '');
+            window.open(a);
+          }
+        } else {
+          window.open(link);
+        }
+      } else {
+        (0, _commonUtil.navigateTo)(link, state);
+      }
+    } else if (((_b = window === null || window === void 0 ? void 0 : window.magicDesign) === null || _b === void 0 ? void 0 : _b.projectCode) === 'pto') {
+      // 输入的是完整的跳转地址
+      if (isUrl(link)) {
+        if (!link.includes(window.location.host)) {
+          // 跳转外链 需要把token带上
+          if (link.includes('?')) {
+            var a = link + "&token=" + (localStorage.getItem('h5Token') || '');
+            window.location.href = a;
+          } else {
+            var a = link + "?token=" + (localStorage.getItem('h5Token') || '');
+            window.location.href = a;
+          }
+        } else {
+          window.open(link);
+        }
+      } else {
+        (0, _commonUtil.navigateTo)(link, state);
+      }
+    } else {
+      (0, _commonUtil.navigateTo)(link, state);
+    }
+  }
+};
+
+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 || parentId);
+    }
+  });
+  return newNode;
+};
+/**
+ * 是否开启自动审核
+ */
+
+
+exports.copyNode = copyNode;
+
+var isAutoAudit = function isAutoAudit() {
+  return window.magicDesign.autoAudit || window.partyType === _constants.partyTypeMap.PLATFORM;
+};
+
+exports.isAutoAudit = isAutoAudit;