@fonixtree/magic-design 0.0.11 → 0.0.16

package/es/meta-comp/components/Image/index.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.less");
+
+var _coreUtil = require("../../../utils/coreUtil");
+
+var _decorator = require("../../../decorator");
+
+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 __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 __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var Image =
+/** @class */
+function (_super) {
+  __extends(Image, _super);
+
+  function Image() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      // 当仅作为一个图片时，鼠标移上去，hover状态
+      hoverImgSrc: false
+    };
+
+    _this.getStyle = function () {
+      var _a = _this.props,
+          data = _a.data,
+          hoverState = _a.hoverState,
+          maxHeight = _a.maxHeight,
+          maxWidth = _a.maxWidth,
+          limitWidthHeight = _a.limitWidthHeight;
+      var hoverImgSrc = _this.state.hoverImgSrc;
+      var obj = {};
+
+      if (data.hover.open && data.hover.backgroundType === 'enlarge' && (hoverState || hoverImgSrc)) {
+        // return { transform: `scale(${data.hover.magnification})` };
+        obj.transform = "scale(" + data.hover.magnification / 2 + ")";
+      }
+
+      if (maxHeight) {
+        obj.maxHeight = maxHeight;
+      }
+
+      if (maxWidth) {
+        obj.maxWidth = maxWidth;
+      }
+
+      if (limitWidthHeight) {
+        if ((0, _coreUtil.isPc)()) {
+          if (data.content.pcImgWidth) obj.width = data.content.pcImgWidth;
+          if (data.content.pcImgHeight) obj.height = data.content.pcImgHeight;
+        } else {
+          if (data.content.h5ImgWidth) obj.width = data.content.h5ImgWidth;
+          if (data.content.h5ImgHeight) obj.height = data.content.h5ImgHeight;
+        }
+      }
+
+      return obj;
+    };
+
+    _this.mouseEnterImg = function () {
+      var _a = _this.props,
+          data = _a.data,
+          isBackground = _a.isBackground;
+
+      if (data.hover.open && !isBackground) {
+        _this.setState({
+          hoverImgSrc: true
+        });
+      }
+    };
+
+    _this.mouseLeaveImg = function () {
+      var _a = _this.props,
+          data = _a.data,
+          isBackground = _a.isBackground;
+
+      if (data.hover.open && !isBackground) {
+        _this.setState({
+          hoverImgSrc: false
+        });
+      }
+    };
+
+    return _this;
+  }
+
+  Image.prototype.render = function () {
+    var _a, _b;
+
+    var _c = this.props,
+        data = _c.data,
+        isBackground = _c.isBackground,
+        hoverState = _c.hoverState;
+    var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
+    // console.log('--metaImage ', this.props);
+
+    var srcImg = (0, _coreUtil.isPc)() ? (_a = data.content) === null || _a === void 0 ? void 0 : _a.pcImgSrc : (_b = data.content) === null || _b === void 0 ? void 0 : _b.h5ImgSrc;
+
+    if (data.hover.open && data.hover.backgroundType === 'new' && (hoverState || hoverImgSrc)) {
+      srcImg = (0, _coreUtil.isPc)() ? data.hover.pcImgHoverUrl : data.hover.h5ImgHoverUrl;
+    }
+
+    if (window.magicDesign.isShop && (srcImg === null || srcImg === void 0 ? void 0 : srcImg.includes('ecommerce/static'))) {
+      srcImg = srcImg.replace('ecommerce/static', 'static');
+    }
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('m-meta-image', {
+        backgroundImg: isBackground
+      }),
+      onClick: function onClick() {
+        (0, _coreUtil.clickUrl)(data.content.clickUrl);
+      }
+    }, srcImg && /*#__PURE__*/_react["default"].createElement("img", {
+      onMouseEnter: this.mouseEnterImg,
+      onMouseLeave: this.mouseLeaveImg,
+      src: srcImg,
+      style: this.getStyle()
+    }));
+  };
+
+  Image.defaultProps = {
+    data: {
+      content: {},
+      hover: {}
+    },
+    isBackground: false,
+    hoverState: false,
+    limitWidthHeight: false
+  };
+  Image = __decorate([_decorator.metaDecorator], Image);
+  return Image;
+}(_react["default"].Component);
+
+var _default = Image;
+exports["default"] = _default;

package/{src/components → es}/meta-comp/components/Text/index.js

@@ -1,16 +1,101 @@
-import { __extends, __assign, __decorate, __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import classNames from '../../../../../node_modules/classnames/index.js';
-import { debounce, isEmpty } from 'lodash';
-import './index.less.js';
-import { convertIconClass } from '../../../common/Iconfont/index.js';
-import { store } from '../../../mobx/index.js';
-import metaDecorator from '../../../decorator/metaDecorator.js';
-import { computeStyle } from '../../../utils/businessUtil.js';
-import { isDesignMode } from '../../../utils/coreUtil.js';
-import { styleStringify } from '../../../utils/commonUtil.js';
-
-var contentStyle = function (content) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.contentStyle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _lodash = require("lodash");
+
+require("./index.less");
+
+var _Iconfont = require("../../../common/Iconfont");
+
+var _decorator = require("../../../decorator");
+
+var _businessUtil = require("../../../utils/businessUtil");
+
+var _coreUtil = require("../../../utils/coreUtil");
+
+var _mobx = require("../../../mobx");
+
+var _commonUtil = require("../../../utils/commonUtil");
+
+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 __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);
+};
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
+
+var contentStyle = function contentStyle(content) {
   return {
     fontSize: window.magicDesign.device == 'pc' ? content.pcFontSize : content.fontSize,
     fontFamily: content.fontFamily,
@@ -24,7 +109,10 @@ var contentStyle = function (content) {
 };
 /** 从父级数组中 分离出 片段数组 */
 
-var calcSplitRange = function (parentRange, splitRange) {
+
+exports.contentStyle = contentStyle;
+
+var calcSplitRange = function calcSplitRange(parentRange, splitRange) {
   if (parentRange[0] == splitRange[0]) {
     if (parentRange[1] == splitRange[1]) {
       return parentRange;
@@ -42,7 +130,7 @@ var calcSplitRange = function (parentRange, splitRange) {
 /** 驱动配置面板渲染 */
 
 
-var triggerTextConfigRender = function () {
+var triggerTextConfigRender = function triggerTextConfigRender() {
   window.document.dispatchEvent(new Event('text-render', {
     bubbles: false
   }));
@@ -50,9 +138,9 @@ var triggerTextConfigRender = function () {
 /** 初始化监听事件 */
 
 
-var initSelectionEvent = function () {
+var initSelectionEvent = function initSelectionEvent() {
   if (!window.document.onselectionchange) {
-    window.document.onselectionchange = debounce(function (e) {
+    window.document.onselectionchange = (0, _lodash.debounce)(function (e) {
       var _a;
 
       var _b, _c, _d, _e;
@@ -66,10 +154,11 @@ var initSelectionEvent = function () {
       /** 所有选中状态清楚 */
 
 
-      var clearSelection = function () {
-        store.setState({
+      var clearSelection = function clearSelection() {
+        _mobx.store.setState({
           textSelection: null
         });
+
         triggerTextConfigRender();
       };
 
@@ -111,7 +200,8 @@ var initSelectionEvent = function () {
             var findSelectionRange = (_b = findSelectionTarget.data.specialContent) === null || _b === void 0 ? void 0 : _b.find(function (c) {
               return JSON.stringify(c.range) == JSON.stringify(nowRange_1);
             });
-            store.setState({
+
+            _mobx.store.setState({
               textSelection: findSelectionRange.content
             });
           } else {
@@ -127,7 +217,7 @@ var initSelectionEvent = function () {
             });
             /** 选中没配置过的区域 可以进行拆分 */
 
-            if (isEmpty(findSelectionRangeTarget_1.content)) {
+            if ((0, _lodash.isEmpty)(findSelectionRangeTarget_1.content)) {
               /** 计算偏移值 */
               nowRange_2[0] += findSelectionRangeTarget_1.range[0];
               nowRange_2[1] += findSelectionRangeTarget_1.range[0];
@@ -139,29 +229,30 @@ var initSelectionEvent = function () {
                   return c == findSelectionRangeTarget_1;
                 });
 
-                (_a = findSelectionTarget.data.specialContent).splice.apply(_a, __spreadArray([nowContentIndex, 1], rangeList.map(function (range) {
+                (_a = findSelectionTarget.data.specialContent).splice.apply(_a, __spreadArrays([nowContentIndex, 1], rangeList.map(function (range) {
                   return {
                     range: range,
                     content: {}
                   };
-                }), false));
+                })));
               }
 
               var findSelectionRange = (_e = findSelectionTarget.data.specialContent) === null || _e === void 0 ? void 0 : _e.find(function (c) {
                 return JSON.stringify(c.range) == JSON.stringify(nowRange_2);
               });
-              store.setState({
+
+              _mobx.store.setState({
                 textSelection: findSelectionRange.content
               });
             } else {
               /** 选中已经配置过的区域 不能拆分 */
-              store.setState({
+              _mobx.store.setState({
                 textSelection: findSelectionRangeTarget_1.content
               });
             }
           }
         } else {
-          store.setState({
+          _mobx.store.setState({
             textSelection: null
           });
         }
@@ -176,7 +267,7 @@ var initSelectionEvent = function () {
 /** 添加选择区域监听目标 */
 
 
-var appendSelectionTarget = function (data) {
+var appendSelectionTarget = function appendSelectionTarget(data) {
   if (!window._selectionTarget) {
     window._selectionTarget = [__assign({}, data)];
   } else {
@@ -186,7 +277,7 @@ var appendSelectionTarget = function (data) {
 /** 删除监听目标 */
 
 
-var deleteSelectionTarget = function (deleteTarget) {
+var deleteSelectionTarget = function deleteSelectionTarget(deleteTarget) {
   window._selectionTarget = window._selectionTarget.filter(function (_a) {
     var target = _a.target;
     return target != deleteTarget;
@@ -205,7 +296,7 @@ function (_super) {
     /** 分割区域dom映射 */
 
     _this.selectionRefMap = {};
-    _this.textRef = /*#__PURE__*/React__default.createRef();
+    _this.textRef = /*#__PURE__*/_react["default"].createRef();
     /** 备份历史数据 比对不一致时渲染 */
 
     _this.preData = '';
@@ -214,7 +305,7 @@ function (_super) {
 
     _this.createHoverClose = function (node, onCloseClick) {
       if (onCloseClick === void 0) {
-        onCloseClick = function () {};
+        onCloseClick = function onCloseClick() {};
       }
 
       node.className = 'select-container';
@@ -223,7 +314,7 @@ function (_super) {
       closeNode.contentEditable = 'false';
       var iconNode = document.createElement('span');
       iconNode.contentEditable = 'false';
-      iconNode.className = convertIconClass('icon-close-circle');
+      iconNode.className = (0, _Iconfont.convertIconClass)('icon-close-circle');
       iconNode.onclick = onCloseClick;
       closeNode.appendChild(iconNode);
       node.appendChild(closeNode);
@@ -237,7 +328,7 @@ function (_super) {
 
 
       _this.preData = JSON.stringify(data);
-      _this.preTextSelection = store.textSelection;
+      _this.preTextSelection = _mobx.store.textSelection;
       _this.preDevice = window.magicDesign.device;
       /** 渲染html */
 
@@ -249,7 +340,7 @@ function (_super) {
           var _a;
 
           var node = document.createElement('span');
-          node.style = styleStringify(contentStyle(c.content));
+          node.style = (0, _commonUtil.styleStringify)(contentStyle(c.content));
           node.innerText = (_a = data.text).slice.apply(_a, c.range);
           _this.selectionRefMap[JSON.stringify(c.range)] = node;
 
@@ -257,21 +348,22 @@ function (_super) {
           /** 找到当前选中的区域 */
 
 
-          if (store.textSelection == c.content) {
+          if (_mobx.store.textSelection == c.content) {
             /** 添加删除按钮 */
             _this.createHoverClose(node, function () {
               /** 第一步去除选中区域 */
-              store.setState({
+              _mobx.store.setState({
                 textSelection: null
               });
               /** 清空区间配置 */
 
+
               data.specialContent[index].content = {};
               /** 合并区间无配置区间 */
 
               for (var i = 0; i < data.specialContent.length - 1;) {
                 /** 如果本级和下级都是空值 那么合并 */
-                if (isEmpty(data.specialContent[i].content) && isEmpty(data.specialContent[i + 1].content)) {
+                if ((0, _lodash.isEmpty)(data.specialContent[i].content) && (0, _lodash.isEmpty)(data.specialContent[i + 1].content)) {
                   data.specialContent[i].range = [data.specialContent[i].range[0], data.specialContent[i + 1].range[1]];
                   data.specialContent.splice(i + 1, 1);
                 } else {
@@ -308,7 +400,7 @@ function (_super) {
       target: this.textRef.current,
       data: this.props.data,
       selectionRefMap: this.selectionRefMap,
-      refresh: function () {
+      refresh: function refresh() {
         _this.renderText(_this.props.data);
       }
     });
@@ -316,7 +408,7 @@ function (_super) {
 
   Text.prototype.shouldComponentUpdate = function (nextProps) {
     var should1 = JSON.stringify(nextProps.data) != this.preData;
-    var should2 = store.textSelection != this.preTextSelection;
+    var should2 = _mobx.store.textSelection != this.preTextSelection;
     var should3 = window.magicDesign.device != this.preDevice;
     var result = should1 || should2 || should3;
 
@@ -346,12 +438,12 @@ function (_super) {
       textDecorationStyle: data.underline.textDecorationStyle
     });
 
-    var wrapStyle = computeStyle(data, window.magicDesign.device);
-    return /*#__PURE__*/React__default.createElement("div", {
+    var wrapStyle = (0, _businessUtil.computeStyle)(data, window.magicDesign.device);
+    return /*#__PURE__*/_react["default"].createElement("div", {
       ref: this.textRef,
-      className: classNames('m-meta-text', className),
-      contentEditable: isDesignMode() && !readonly,
-      onInput: function (e) {
+      className: (0, _classnames["default"])('m-meta-text', className),
+      contentEditable: (0, _coreUtil.isDesignMode)() && !readonly,
+      onInput: function onInput(e) {
         var text = e.target.textContent;
         data.text = text;
         /** 毁灭吧 累了 */
@@ -366,7 +458,7 @@ function (_super) {
 
         onTextInput(text);
       },
-      onKeyDown: function (e) {
+      onKeyDown: function onKeyDown(e) {
         e.stopPropagation();
       },
       style: __assign(__assign({}, style), wrapStyle),
@@ -376,10 +468,11 @@ function (_super) {
 
   Text.defaultProps = {
     readonly: false,
-    onTextInput: function () {}
+    onTextInput: function onTextInput() {}
   };
-  Text = __decorate([metaDecorator], Text);
+  Text = __decorate([_decorator.metaDecorator], Text);
   return Text;
-}(React__default.Component);
+}(_react["default"].Component);
 
-export { contentStyle, Text as default };
+var _default = Text;
+exports["default"] = _default;

package/es/meta-comp/components/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MetaButton", {
+  enumerable: true,
+  get: function get() {
+    return _Button["default"];
+  }
+});
+Object.defineProperty(exports, "MetaImage", {
+  enumerable: true,
+  get: function get() {
+    return _Image["default"];
+  }
+});
+Object.defineProperty(exports, "MetaText", {
+  enumerable: true,
+  get: function get() {
+    return _Text["default"];
+  }
+});
+
+var _Text = _interopRequireDefault(require("./Text"));
+
+var _Button = _interopRequireDefault(require("./Button"));
+
+var _Image = _interopRequireDefault(require("./Image"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/es/meta-comp/config-panels/BaseConfig.js

@@ -0,0 +1,87 @@
+"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 _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 __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 BaseConfig =
+/** @class */
+function (_super) {
+  __extends(BaseConfig, _super);
+
+  function BaseConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    /**
+     *重新渲染展示区域
+     */
+
+
+    _this.reRenderViewArea = function () {
+      (0, _coreUtil.renderPreview)();
+    };
+    /**
+     * 重新渲染一级配置面板
+     */
+
+
+    _this.reRenderConfig = function () {};
+    /**
+     * 重新渲染当前面板
+     */
+
+
+    _this.selfRender = function () {
+      _this.setState({});
+
+      _this.reRenderViewArea();
+    };
+
+    return _this;
+  }
+
+  BaseConfig.prototype.render = function () {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "BaseMetaComponent");
+  };
+
+  return BaseConfig;
+}(_react.Component);
+
+var _default = BaseConfig;
+exports["default"] = _default;