@fonixtree/magic-design 2.0.39 → 2.0.40

package/lib/core/Designer/index.less

@@ -1,6 +0,0 @@
-.designer-wrap {
-  display: flex;
-  width: 100%;
-  height: 100vh;
-  background-color: #F5F6F7;
-}

package/lib/core/Renderer/index.js

@@ -1,139 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _commonUtil = require("../../utils/commonUtil");
-
-var _componentTypes = require("../../constants/component-types");
-
-var _coreUtil = require("../../utils/coreUtil");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 setDesignConfig = function setDesignConfig(props) {
-  var config = props.config,
-      device = props.device;
-  window.magicDesign = __assign(__assign({
-    pageBackground: '#f2f2f2',
-    mode: 'renderer',
-    device: device,
-    navigatePreUrl: ''
-  }, config), {
-    compSpacing: Number(config.compSpacing),
-    compWidth: Number(config.compWidth)
-  });
-};
-/**
- * @class Renderer 页面预览器，外部工程使用此类来渲染出页面。
- */
-
-
-var Renderer = function Renderer(props) {
-  var pageData = props.pageData,
-      outputType = props.outputType,
-      noSetWindow = props.noSetWindow;
-
-  var _a = (0, _react.useState)([]),
-      floors = _a[0],
-      setFloors = _a[1];
-
-  if (!noSetWindow) {
-    setDesignConfig(props);
-  }
-
-  window.magicDesignPageData = pageData;
-  var pageBackground = window.magicDesign.pageBackground;
-  (0, _react.useEffect)(function () {
-    console.log('----pageData change', pageData);
-    var filterData = [];
-
-    if (pageData && pageData.childNodes && pageData.childNodes.length) {
-      filterData = pageData.childNodes.filter(function (node) {
-        return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
-      });
-    } // 首页组建分批渲染按5个一组
-
-
-    setFloors(filterData.slice(0, 5));
-    setTimeout(function () {
-      setFloors(filterData.slice(0, 10));
-      setTimeout(function () {
-        setFloors(filterData);
-      }, 200);
-    }, 200);
-  }, [pageData]);
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _a;
-
-      var scrollId = (0, _commonUtil.getUrlParams)('scroll');
-      (_a = document.querySelector("#" + scrollId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-        behavior: 'smooth'
-      });
-    }, 300);
-  });
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "render_wrap",
-    magic_design: "",
-    style: {
-      height: '100%',
-      background: pageBackground,
-      overflow: 'auto'
-    }
-  }, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
-    var Clazz = _componentTypes.componentMap[nodeData.type];
-
-    if (!Clazz) {
-      console.error("[MagicBox] Can not find type " + nodeData.type);
-      return;
-    }
-    /** 添加模块需要 给GA使用 */
-
-
-    nodeData.moduleIndex = moduleIndex + 1;
-
-    var newInstanceProps = __assign(__assign({}, nodeData), {
-      nodeData: nodeData,
-      mode: 'renderer',
-      outputType: outputType
-    });
-
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: nodeData.id,
-      id: 'node-' + nodeData.id
-    }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
-  }));
-};
-
-Renderer.defaultProps = {
-  pageData: {},
-  device: 'pc',
-  config: {}
-};
-var _default = Renderer;
-exports["default"] = _default;

package/lib/decorator/compositeDecorator.js

@@ -1,276 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = compositeDecorator;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mobx = require("../mobx");
-
-var _constants = require("../constants");
-
-var _commonUtil = require("../utils/commonUtil");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-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);
-};
-
-function compositeDecorator(WrappedComponent) {
-  var floorNameStyle = {
-    backgroundColor: '#2F54EB',
-    height: '18px',
-    color: '#FFF',
-    fontSize: '10px',
-    padding: '0 5px',
-    display: 'flex',
-    alignItems: 'center',
-    width: 'fit-content'
-  };
-
-  var Wrapper =
-  /** @class */
-  function (_super) {
-    __extends(Wrapper, _super);
-
-    function Wrapper() {
-      var _this = _super !== null && _super.apply(this, arguments) || this;
-
-      _this.state = {
-        clickedFloor: '',
-        hoveredFloor: ''
-      }; // 复合组件点击事件
-
-      _this.onCompositeCompClick = function (event) {
-        // 触发左侧楼层的滚动
-        if (document.getElementById("card" + _this.props.nodeData.id)) {
-          document.getElementById("card" + _this.props.nodeData.id).scrollIntoView({
-            behavior: 'smooth'
-          });
-        } // 这里必须阻止事件冒泡，然后再触发自定义的事件
-
-
-        event.preventDefault();
-        event.stopPropagation(); // 触发点击组件事件
-
-        var evt = new Event('component-click', {
-          bubbles: false
-        });
-        evt.data = _this.props.nodeData;
-        window.document.dispatchEvent(evt);
-      };
-
-      _this.getCompositeStyle = function () {
-        var _a;
-
-        var nodeData = _this.props.nodeData;
-        var spacing = nodeData.spacing,
-            background = nodeData.background;
-        var _b = window.magicDesign,
-            device = _b.device,
-            compWidth = _b.compWidth;
-        var zIndex = '0';
-
-        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY') {
-          zIndex = '1';
-        } // 解决pc导航hover上去，类目被下面组件遮罩的问题
-
-
-        if (nodeData.type === 'PC_NAVIGATION') {
-          zIndex = '2';
-        }
-
-        var wrapStyle = {
-          border: 'none',
-          position: 'relative',
-          zIndex: zIndex,
-          margin: '0 auto'
-        }; // 复合组件内边距
-
-        if (spacing && spacing[device]) {
-          wrapStyle = __assign(__assign({}, wrapStyle), spacing[device]);
-        } // 复合组件背景
-
-
-        if (background) {
-          if (background.bgType === 'color') {
-            wrapStyle.backgroundColor = background.color;
-            wrapStyle.opacity = background.opacity ? background.opacity : 1;
-          } else {
-            wrapStyle.backgroundImage = "url(" + background.image + ")";
-            wrapStyle.backgroundPosition = 'center center';
-            wrapStyle.backgroundSize = 'cover';
-            wrapStyle.backgroundRepeat = 'no-repeat';
-          }
-        } // 复合组件宽度
-        // 此处特殊处理一些占满整屏的组件： spacing.pc.fillUp = true时，沾满全屏
-
-
-        if (device === _constants.deviceTypeMap.PC && compWidth && !((_a = spacing === null || spacing === void 0 ? void 0 : spacing.pc) === null || _a === void 0 ? void 0 : _a.fillUp)) {
-          wrapStyle.width = compWidth;
-        }
-
-        return wrapStyle;
-      };
-
-      _this.getMaskStyle = function () {
-        var nodeData = _this.props.nodeData;
-        var mode = window.magicDesign.mode;
-        var _a = _this.state,
-            hoveredFloor = _a.hoveredFloor,
-            clickedFloor = _a.clickedFloor; // 选中状态
-
-        var maskStyle = {
-          border: '2px solid #2F54EB',
-          position: 'absolute',
-          inset: '0px',
-          zIndex: '0',
-          opacity: '0'
-        }; // 处理复合组件的hover状态
-
-        if (mode === 'designer') {
-          if (clickedFloor !== hoveredFloor && hoveredFloor === nodeData.id) {
-            maskStyle.backgroundColor = 'rgba(47, 84, 235, 0.08)';
-            maskStyle.opacity = '100%';
-            maskStyle.zIndex = '3';
-          } // 处理复合组件的选中状态
-
-
-          if (clickedFloor === nodeData.id) {
-            maskStyle.backgroundColor = 'transparent';
-            maskStyle.opacity = '100%';
-            maskStyle.zIndex = '0';
-          }
-        }
-
-        return maskStyle;
-      };
-
-      _this.getWrapStyle = function () {
-        var mode = window.magicDesign.mode; // const { nodeData } = this.props;
-
-        var style = {
-          position: 'relative',
-          zIndex: '1'
-        }; // const { clickedFloor } = this.state;
-        // banner 和 recommend 在选中状态需要加padding,让选中的外边框展示出来
-        // if (mode === 'designer' && clickedFloor === nodeData.id && ['BANNER', 'RECOMMEND'].includes(nodeData.type)) {
-
-        if (mode === 'designer') {
-          style.padding = '2px';
-        }
-
-        return style;
-      };
-
-      _this.onMouseEnter = function () {
-        if (window.magicDesign.mode === 'renderer') {
-          return;
-        }
-
-        _mobx.store.setState({
-          hoveredFloor: _this.props.nodeData.id
-        });
-      };
-
-      _this.onMouseLeave = function () {
-        if (window.magicDesign.mode === 'renderer') {
-          return;
-        }
-
-        _mobx.store.setState({
-          hoveredFloor: ''
-        });
-      };
-
-      return _this;
-    }
-
-    Wrapper.prototype.componentDidMount = function () {
-      var _this = this;
-
-      this.distroy = (0, _mobx.autorun)(function () {
-        _this.setState({
-          clickedFloor: _mobx.store.clickedFloor,
-          hoveredFloor: _mobx.store.hoveredFloor
-        });
-      });
-    };
-
-    Wrapper.prototype.componentWillUnmount = function () {
-      this.distroy();
-    };
-
-    Wrapper.prototype.render = function () {
-      var _a;
-
-      var nodeData = this.props.nodeData;
-      var clickedFloor = this.state.clickedFloor;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "composite_wrap",
-        onClick: this.onCompositeCompClick,
-        onMouseEnter: this.onMouseEnter,
-        onMouseLeave: this.onMouseLeave,
-        style: (0, _commonUtil.pxToRem)(this.getCompositeStyle())
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "composite_mask",
-        style: this.getMaskStyle()
-      }, clickedFloor !== nodeData.id && /*#__PURE__*/_react["default"].createElement("span", {
-        style: floorNameStyle
-      }, (_a = _constants.compInfoMap[nodeData.type]) === null || _a === void 0 ? void 0 : _a.name)), /*#__PURE__*/_react["default"].createElement("div", {
-        style: (0, _commonUtil.pxToRem)(this.getWrapStyle())
-      }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, this.props)));
-    };
-
-    Wrapper.getDefaultJSON = WrappedComponent.getDefaultJSON;
-    Wrapper.type = WrappedComponent.type;
-    return Wrapper;
-  }(_react.Component);
-
-  return Wrapper;
-}

package/lib/decorator/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "compositeDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _compositeDecorator["default"];
-  }
-});
-Object.defineProperty(exports, "lazy", {
-  enumerable: true,
-  get: function get() {
-    return _lazyLoadDecorator.lazy;
-  }
-});
-Object.defineProperty(exports, "lazyDestroy", {
-  enumerable: true,
-  get: function get() {
-    return _lazyLoadDecorator.lazyDestroy;
-  }
-});
-Object.defineProperty(exports, "metaDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _metaDecorator["default"];
-  }
-});
-exports.shouldUpdate = shouldUpdate;
-Object.defineProperty(exports, "updateConfigDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _updateConfigDecorator["default"];
-  }
-});
-
-var _compositeDecorator = _interopRequireDefault(require("./compositeDecorator"));
-
-var _metaDecorator = _interopRequireDefault(require("./metaDecorator"));
-
-var _updateConfigDecorator = _interopRequireDefault(require("./updateConfigDecorator"));
-
-var _lazyLoadDecorator = require("./lazyLoadDecorator");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-
-/** props 和 state 改变时才会render */
-function shouldUpdate() {
-  return function (target, name, descriptor) {
-    var fn = descriptor.value;
-
-    descriptor.value = function (nextProps, nextState) {
-      var nowPropsJson = JSON.stringify(nextProps);
-      var nowStateJson = JSON.stringify(nextState);
-      var should1 = nowPropsJson != this.preProps;
-      var should2 = nowStateJson != this.preState;
-      this.preProps = nowPropsJson;
-      this.preState = nowStateJson;
-      var result = should1 || should2;
-      return result && fn.apply(this, {
-        nextProps: nextProps
-      });
-    };
-  };
-}

package/lib/decorator/lazyLoadDecorator.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lazy = lazy;
-exports.lazyDestroy = void 0;
-
-/**
- * 组件懒加载
- * @param refName 所需懒加载的组件ref名
- * @returns
- */
-function lazy(refName) {
-  return function (target, name, descriptor) {
-    var fn = descriptor.value;
-
-    descriptor.value = function () {
-      var _this = this;
-
-      var rest = [];
-
-      for (var _i = 0; _i < arguments.length; _i++) {
-        rest[_i] = arguments[_i];
-      }
-
-      this.intersectionObserver = new IntersectionObserver(function (entries) {
-        if (entries[0].isIntersecting) {
-          if (!_this.state.lazyShow) {
-            _this.setState({
-              lazyShow: true
-            });
-          }
-        }
-      }, {
-        root: null,
-        // threshold: 0.8,
-        rootMargin: '0px 0px 100px 0px'
-      });
-      this.intersectionObserver.observe(this[refName].current);
-      /** 监听状态变化 */
-
-      this._intersectionObserverDestroy = function () {
-        _this.intersectionObserver.disconnect(_this[refName].current);
-      };
-
-      fn.apply(this, rest);
-    };
-  };
-}
-/**
- * 销毁lazy监听
- */
-
-
-var lazyDestroy = function lazyDestroy(target, name, descriptor) {
-  var fn = descriptor.value;
-
-  descriptor.value = function () {
-    var rest = [];
-
-    for (var _i = 0; _i < arguments.length; _i++) {
-      rest[_i] = arguments[_i];
-    }
-
-    if (this._intersectionObserverDestroy) {
-      this._intersectionObserverDestroy();
-    } // this._intersectionObserverDestroy && this._intersectionObserverDestroy();
-
-
-    fn.apply(this, rest);
-  };
-};
-
-exports.lazyDestroy = lazyDestroy;