@fonixtree/magic-design 1.0.131 → 1.0.133

package/es/composite-comp/dito/second-config-panels/SlideImageSecondConfig/index.js

@@ -0,0 +1,330 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _common = require("../../../../common");
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _locale = require("../../../../locale");
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 SlideImageSecondConfig =
+/** @class */
+function (_super) {
+  __extends(SlideImageSecondConfig, _super);
+
+  function SlideImageSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.reRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getImageRecommendSize = function (customize) {
+      var _a;
+
+      var obj = null;
+
+      if ((0, _coreUtil.isPc)()) {
+        switch ((_a = customize === null || customize === void 0 ? void 0 : customize.layout) === null || _a === void 0 ? void 0 : _a.pcLayout) {
+          case 'layout1':
+            obj = {
+              width: 1280,
+              height: 600
+            };
+            break;
+
+          case 'layout2':
+            obj = {
+              width: 640,
+              height: 600
+            };
+            break;
+
+          case 'layout3':
+            obj = {
+              width: 410,
+              height: 300
+            };
+            break;
+
+          default:
+            obj = {
+              width: 440,
+              height: 272
+            };
+            break;
+        }
+      } else {
+        obj = {
+          width: 343,
+          height: 212
+        };
+      }
+
+      return obj;
+    };
+
+    _this.getVideoContent = function () {
+      var _a = _this.props,
+          panelProps = _a.panelProps,
+          parentNode = _a.parentNode;
+
+      var size = _this.getImageRecommendSize(parentNode.customize);
+
+      var source = [{
+        key: '1',
+        name: 'Overlay',
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.overilay,
+          needClickArea: false,
+          needHover: false,
+          needURL: false,
+          recommendImgSize: size
+        }),
+        metaOption: panelProps.overilay
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "Select Video"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          panelProps.video.sourceType = v;
+
+          _this.reRender();
+        },
+        value: panelProps.video.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "Upload"
+      }, "Upload"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "URL"
+      }, "URL"))), panelProps.video.sourceType === 'URL' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "URL"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "input-url"
+      }, /*#__PURE__*/_react["default"].createElement("input", {
+        onChange: function onChange(e) {
+          panelProps.video.sourceUrl = e.target.value;
+
+          _this.reRender();
+        },
+        placeholder: (0, _locale.i18n)('PLEASE_ADD_A_LINK'),
+        type: "text",
+        value: panelProps.video.sourceUrl
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "icon-btns"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
+        color: "#FF4141",
+        onClick: function onClick() {
+          panelProps.video.sourceUrl = '';
+
+          _this.reRender();
+        },
+        size: "20px",
+        type: "icon-delete1"
+      })))), panelProps.video.sourceType === 'Upload' && /*#__PURE__*/_react["default"].createElement(_common.VideoUpload, {
+        onChange: function onChange(v) {
+          panelProps.video.sourceUrl = v;
+
+          _this.reRender();
+        },
+        value: panelProps.video.sourceUrl
+      }), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: source,
+        type: "switch"
+      }));
+    };
+
+    _this.getSettingPanel = function () {
+      var panelProps = _this.props.panelProps;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        layout: "horizontal",
+        split: true,
+        title: "Progress bar"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+        checked: panelProps.video.progressBar,
+        onChange: function onChange(v) {
+          panelProps.video.progressBar = v;
+
+          _this.reRender();
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        layout: "horizontal",
+        split: true,
+        title: "Play in loop"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+        checked: panelProps.video.loop,
+        onChange: function onChange(v) {
+          panelProps.video.loop = v;
+
+          _this.reRender();
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        layout: "horizontal",
+        split: true,
+        title: "Autoplays"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+        checked: panelProps.video.autoplay,
+        onChange: function onChange(v) {
+          panelProps.video.autoplay = v;
+
+          _this.reRender();
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        layout: "horizontal",
+        split: true,
+        title: "Video Sound"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Switch, {
+        checked: panelProps.video.videoSound,
+        onChange: function onChange(v) {
+          panelProps.video.videoSound = v;
+
+          _this.reRender();
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "Play Speed"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Slider, {
+        inputType: "float",
+        maxVal: 2,
+        minVal: 0.5,
+        onChange: function onChange(_a) {
+          var count = _a.count;
+          panelProps.video.speed = count;
+
+          _this.reRender();
+        },
+        value: {
+          count: panelProps.video.speed
+        }
+      })), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "Play Position"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          panelProps.video.playPosition = v;
+
+          _this.reRender();
+        },
+        value: panelProps.video.playPosition
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "Play in Box"
+      }, "Play in Box"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "Popup"
+      }, "Popup"))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "Play button position"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          panelProps.video.playButton = v;
+
+          _this.reRender();
+        },
+        value: panelProps.video.playButton
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "Bottom Left"
+      }, "Bottom Left"), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: "Middle"
+      }, "Middle"))));
+    };
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [// { key: 'defaultSource_1', name: i18n('IMAGE'), value: <ImageConfig data={panelProps.image} />, metaOption: panelProps.image },
+      {
+        key: panelProps.groupName.id,
+        name: (0, _locale.i18n)('TEXT'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.groupName
+        }),
+        metaOption: panelProps.groupName
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  SlideImageSecondConfig.prototype.render = function () {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "slide_image_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'video1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getVideoContent()
+      }, // { key: 'video2', name: i18n('SETTING'), value: this.getSettingPanel() },
+      {
+        key: 'video2',
+        name: (0, _locale.i18n)('TITLE'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  SlideImageSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return SlideImageSecondConfig;
+}(_react["default"].Component);
+
+var _default = SlideImageSecondConfig;
+exports["default"] = _default;

package/es/constants/component-types.js

@@ -61,6 +61,14 @@ var _Bargain = _interopRequireDefault(require("../composite-comp/dito/components
 
 var _SearchBanner = _interopRequireDefault(require("../composite-comp/dito/components/SearchBanner"));
 
+var _GroupedCarousel = _interopRequireDefault(require("../composite-comp/dito/components/GroupedCarousel"));
+
+var _SlideImage = _interopRequireDefault(require("../composite-comp/dito/components/SlideImage"));
+
+var _SearchDITO = _interopRequireDefault(require("../composite-comp/dito/components/SearchDITO"));
+
+var _News = _interopRequireDefault(require("../composite-comp/dito/components/News"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -117,6 +125,14 @@ var _BargainConfig = _interopRequireDefault(require("../composite-comp/dito/conf
 
 var _SearchBannerConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SearchBannerConfig"));
 
+var _GroupedCarouselConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/GroupedCarouselConfig"));
+
+var _SlideImageConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SlideImageConfig"));
+
+var _SearchDITOConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SearchDITOConfig"));
+
+var _NewsConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/NewsConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -155,6 +171,14 @@ var _CommonFunctionsSecondConfig = _interopRequireDefault(require("../composite-
 
 var _SearchBannerSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/SearchBannerSecondConfig"));
 
+var _GroupedCarouselSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/GroupedCarouselSecondConfig"));
+
+var _SlideImageSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/SlideImageSecondConfig"));
+
+var _SearchDITOSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/SearchDITOSecondConfig"));
+
+var _NewsSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/NewsSecondConfig"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _a, _b, _c; // 组件
@@ -163,17 +187,17 @@ var _a, _b, _c; // 组件
 /**
  * 渲染组件索引
  */
-var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a[_Bargain["default"].type] = _Bargain["default"], _a[_SearchBanner["default"].type] = _SearchBanner["default"], _a);
+var componentMap = (_a = {}, _a[_Banner["default"].type] = _Banner["default"], _a[_Video["default"].type] = _Video["default"], _a[_Text["default"].type] = _Text["default"], _a[_FlashDeal["default"].type] = _FlashDeal["default"], _a[_GroupBuy["default"].type] = _GroupBuy["default"], _a[_SearchBar["default"].type] = _SearchBar["default"], _a[_SignBoard["default"].type] = _SignBoard["default"], _a[_MenuNavigation["default"].type] = _MenuNavigation["default"], _a[_HeadNavigation["default"].type] = _HeadNavigation["default"], _a[_PersonalInformation["default"].type] = _PersonalInformation["default"], _a[_CommonFunctions["default"].type] = _CommonFunctions["default"], _a[_ImageText["default"].type] = _ImageText["default"], _a[_Recommend["default"].type] = _Recommend["default"], _a[_AffiliateRecommend["default"].type] = _AffiliateRecommend["default"], _a[_MobileNavigation["default"].type] = _MobileNavigation["default"], _a[_PcNavigation["default"].type] = _PcNavigation["default"], _a[_Divider["default"].type] = _Divider["default"], _a[_ImageGallery["default"].type] = _ImageGallery["default"], _a[_Newsletter["default"].type] = _Newsletter["default"], _a[_Carousel["default"].type] = _Carousel["default"], _a[_Button["default"].type] = _Button["default"], _a[_Tag["default"].type] = _Tag["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a[_Bargain["default"].type] = _Bargain["default"], _a[_SearchBanner["default"].type] = _SearchBanner["default"], _a[_GroupedCarousel["default"].type] = _GroupedCarousel["default"], _a[_SlideImage["default"].type] = _SlideImage["default"], _a[_SearchDITO["default"].type] = _SearchDITO["default"], _a[_News["default"].type] = _News["default"], _a);
 /**
  * 一级配置面板索引
  */
 
 exports.componentMap = componentMap;
-var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b[_Bargain["default"].type] = _BargainConfig["default"], _b[_SearchBanner["default"].type] = _SearchBannerConfig["default"], _b);
+var configPanelMap = (_b = {}, _b[_Banner["default"].type] = _BannerConfig["default"], _b[_Video["default"].type] = _VideoConfig["default"], _b[_Text["default"].type] = _TextCompConfig["default"], _b[_FlashDeal["default"].type] = _FlashDealConfig["default"], _b[_GroupBuy["default"].type] = _GroupBuyConfig["default"], _b[_SearchBar["default"].type] = _SearchBarConfig["default"], _b[_SignBoard["default"].type] = _SignBoardConfig["default"], _b[_MenuNavigation["default"].type] = _MenuNavigationConfig["default"], _b[_HeadNavigation["default"].type] = _HeadNavigationConfig["default"], _b[_PersonalInformation["default"].type] = _PersonalInformationConfig["default"], _b[_CommonFunctions["default"].type] = _CommonFunctionsConfig["default"], _b[_ImageText["default"].type] = _ImageTextConfig["default"], _b[_Recommend["default"].type] = _RecommendConfig["default"], _b[_AffiliateRecommend["default"].type] = _AffiliateRecommendConfig["default"], _b[_MobileNavigation["default"].type] = _MobileNavigationConfig["default"], _b[_PcNavigation["default"].type] = _PcNavigationConfig["default"], _b[_Divider["default"].type] = _DividerConfig["default"], _b[_ImageGallery["default"].type] = _ImageGalleryConfig["default"], _b[_Newsletter["default"].type] = _NewsletterConfig["default"], _b[_Carousel["default"].type] = _CarouselConfig["default"], _b[_Button["default"].type] = _ButtonCompConfig["default"], _b[_Tag["default"].type] = _TagCompConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b[_Bargain["default"].type] = _BargainConfig["default"], _b[_SearchBanner["default"].type] = _SearchBannerConfig["default"], _b[_GroupedCarousel["default"].type] = _GroupedCarouselConfig["default"], _b[_SlideImage["default"].type] = _SlideImageConfig["default"], _b[_SearchDITO["default"].type] = _SearchDITOConfig["default"], _b[_News["default"].type] = _NewsConfig["default"], _b);
 /**
  * 二级配置面板索引
  */
 
 exports.configPanelMap = configPanelMap;
-var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_MenuNavigation["default"].type] = _MenuNavigationSecondConfig["default"], _c[_HeadNavigation["default"].type] = _HeadNavigationSecondConfig["default"], _c[_PersonalInformation["default"].type] = _PersonalInformationSecondConfig["default"], _c[_CommonFunctions["default"].type] = _CommonFunctionsSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c[_SearchBanner["default"].type] = _SearchBannerSecondConfig["default"], _c);
+var secondConfigPanelMap = (_c = {}, _c[_Banner["default"].type] = _BannerSecondConfig["default"], _c[_Video["default"].type] = _VideoSecondConfig["default"], _c[_Text["default"].type] = _TextSecondConfig["default"], _c[_ImageText["default"].type] = _ImageTextSecondConfig["default"], _c[_Recommend["default"].type] = _RecommendSecondConfig["default"], _c[_AffiliateRecommend["default"].type] = _AffiliateRecommendSecondConfig["default"], _c[_MobileNavigation["default"].type] = _MobileNavigationSecondConfig["default"], _c[_PcNavigation["default"].type] = _PcNavigationSecondConfig["default"], _c[_MenuNavigation["default"].type] = _MenuNavigationSecondConfig["default"], _c[_HeadNavigation["default"].type] = _HeadNavigationSecondConfig["default"], _c[_PersonalInformation["default"].type] = _PersonalInformationSecondConfig["default"], _c[_CommonFunctions["default"].type] = _CommonFunctionsSecondConfig["default"], _c[_Carousel["default"].type] = _CarouselSecondConfig["default"], _c[_ImageGallery["default"].type] = _ImageGallerySecondConfig["default"], _c[_Tag["default"].type] = _TagSecondConfig["default"], _c[_Button["default"].type] = _ButtonSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c[_SearchBanner["default"].type] = _SearchBannerSecondConfig["default"], _c[_GroupedCarousel["default"].type] = _GroupedCarouselSecondConfig["default"], _c[_SlideImage["default"].type] = _SlideImageSecondConfig["default"], _c[_SearchDITO["default"].type] = _SearchDITOSecondConfig["default"], _c[_News["default"].type] = _NewsSecondConfig["default"], _c);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/es/constants/index.js

@@ -231,6 +231,22 @@ var compInfoMap = {
   SEARCH_BANNER: {
     name: 'Search Banner',
     icon: 'icon-carousel'
+  },
+  GROUPED_CAROUSEL: {
+    name: 'Grouped Carousel',
+    icon: 'icon-image-gallery'
+  },
+  SLIDE_IMAGE: {
+    name: 'Slide Image',
+    icon: 'icon-three-column'
+  },
+  SEARCH_DITO: {
+    name: 'Search DITO',
+    icon: 'icon-carousel'
+  },
+  NEWS: {
+    name: 'News',
+    icon: 'icon-filled-image'
   }
 };
 /**

package/es/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.videoPCLayout = exports.videoH5Layout = exports.searchLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.flashDealLayout = exports.dividerLayout = exports.carouselLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
+exports.videoPCLayout = exports.videoH5Layout = exports.slideImageLayout = exports.searchLayout = exports.searchDitoLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.newsletterLayout = exports.newsLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryLayout = exports.groupedCarouselLayout = exports.flashDealLayout = exports.dividerLayout = exports.carouselLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -87,6 +87,14 @@ var _bannerSlideLayout2 = _interopRequireDefault(require("../assets/images/layou
 
 var _flashDealLayout = _interopRequireDefault(require("../assets/images/layout-icon/flash-deal-layout1.png"));
 
+var _groupedCarouselLayout = _interopRequireDefault(require("../assets/images/layout-icon/grouped-carousel-layout1.png"));
+
+var _slideImageLayout = _interopRequireDefault(require("../assets/images/layout-icon/slide-image-layout1.png"));
+
+var _searchDitoLayout = _interopRequireDefault(require("../assets/images/layout-icon/search-dito-layout1.png"));
+
+var _newsLayout = _interopRequireDefault(require("../assets/images/layout-icon/news-layout1.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -338,4 +346,28 @@ var flashDealLayout = [{
   name: 'layout2',
   image: _layoutImagetextM4["default"]
 }];
-exports.flashDealLayout = flashDealLayout;
+exports.flashDealLayout = flashDealLayout;
+var groupedCarouselLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _groupedCarouselLayout["default"]
+}];
+exports.groupedCarouselLayout = groupedCarouselLayout;
+var slideImageLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _slideImageLayout["default"]
+}];
+exports.slideImageLayout = slideImageLayout;
+var searchDitoLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _searchDitoLayout["default"]
+}];
+exports.searchDitoLayout = searchDitoLayout;
+var newsLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _newsLayout["default"]
+}];
+exports.newsLayout = newsLayout;

package/es/locale/en/en.json

@@ -1,4 +1,9 @@
 {
+  "LOGIN_BUTTON": "Login Button",
+  "SEARCH_ICON": "Search Icon",
+  "NAVIGATION": "Navigation",
+  "COLUMN_SPACING": "Column spacing",
+  "LINE_SPACING": "Line Spacing",
   "CHATBOT_ICON": "Chatbot icon",
   "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
@@ -195,7 +200,6 @@
   "FONT_FAMILY": "Font Family",
   "FONT_WEIGHT": "Font Weight",
   "FONT_SIZE": "Font Size",
-  "LINE_SPACING": "Line Spacing",
   "LINE_COLOR": "Line Color",
   "LINE_WEIGHT": "Line Weight",
   "LINE_STYLE": "Line Style",

package/es/locale/es/es.json

@@ -1,4 +1,9 @@
 {
+  "LOGIN_BUTTON": "Login Button",
+  "SEARCH_ICON": "Search Icon",
+  "NAVIGATION": "Navigation",
+  "COLUMN_SPACING": "Column spacing",
+  "LINE_SPACING": "Espaciado entre líneas",
   "CHATBOT_ICON": "Chatbot icon",
   "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
@@ -195,7 +200,6 @@
   "FONT_FAMILY": "Familia de fuentes",
   "FONT_WEIGHT": "Peso de fuente",
   "FONT_SIZE": "Tamaño de fuente",
-  "LINE_SPACING": "Espaciado entre líneas",
   "LINE_COLOR": "Color de línea",
   "LINE_WEIGHT": "Grosor de línea",
   "LINE_STYLE": "Estilo de línea",

package/es/locale/id/id.json

@@ -1,4 +1,9 @@
 {
+  "LOGIN_BUTTON": "Login Button",
+  "SEARCH_ICON": "Search Icon",
+  "NAVIGATION": "Navigation",
+  "COLUMN_SPACING": "Column spacing",
+  "LINE_SPACING": "Line Spacing",
   "CHATBOT_ICON": "Chatbot icon",
   "FESTIVAL_DECORATION": "Festival Decoration",
   "PRICE_REDUCTION": "Price Reduction",
@@ -195,7 +200,6 @@
   "FONT_FAMILY": "Font Family",
   "FONT_WEIGHT": "Font Weight",
   "FONT_SIZE": "Font Size",
-  "LINE_SPACING": "Line Spacing",
   "LINE_COLOR": "Line Color",
   "LINE_WEIGHT": "Line Weight",
   "LINE_STYLE": "Line Style",

package/es/meta-comp/components/Button/editable.js

@@ -95,7 +95,8 @@ function (_super) {
 
     var _a = this.props,
         data = _a.data,
-        readonly = _a.readonly;
+        readonly = _a.readonly,
+        onTextInput = _a.onTextInput;
     this.preData = JSON.stringify(data);
     this.preDevice = window.magicDesign.device;
     return /*#__PURE__*/_react["default"].createElement("span", {
@@ -104,6 +105,7 @@ function (_super) {
       onInput: function onInput(e) {
         var text = e.target.textContent;
         data.text = text;
+        onTextInput(text);
         /** 主动更新历史数据避免render */
 
         _this.preData = JSON.stringify(__assign(__assign({}, JSON.parse(_this.preData)), {

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

@@ -170,7 +170,8 @@ function (_super) {
   Button.defaultProps = {
     data: {},
     className: '',
-    readonly: false
+    readonly: false,
+    onTextInput: function onTextInput() {}
   };
 
   __decorate([(0, _decorator.shouldUpdate)()], Button.prototype, "shouldComponentUpdate", null);

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _defaultImg = _interopRequireDefault(require("./image/default-img.png"));
+
 var _h5DefImg = _interopRequireDefault(require("./image/h5DefImg.png"));
 
 var _pcDefImg = _interopRequireDefault(require("./image/pcDefImg.png"));
@@ -173,8 +175,10 @@ function (_super) {
     var _e = this.props,
         data = _e.data,
         isBackground = _e.isBackground,
+        imgCover = _e.imgCover,
         hoverState = _e.hoverState,
-        notNeedLazy = _e.notNeedLazy;
+        notNeedLazy = _e.notNeedLazy,
+        square = _e.square;
     var hoverImgSrc = this.state.hoverImgSrc; // const { hoverSrc } = this.state;
     // console.log('--metaImage ', this.props);
 
@@ -188,13 +192,14 @@ function (_super) {
 
 
     if (!srcImg) {
-      srcImg = (0, _coreUtil.isPc)() ? _pcDefImg["default"] : _h5DefImg["default"];
+      srcImg = square ? _defaultImg["default"] : (0, _coreUtil.isPc)() ? _pcDefImg["default"] : _h5DefImg["default"];
     }
 
     var areas = data.content.openHotArea && ((0, _coreUtil.isPc)() ? data.content.pcAreas : data.content.h5Areas);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('m-meta-image', {
-        backgroundImg: isBackground
+        backgroundImg: isBackground,
+        cover: imgCover
       }),
       onClick: function onClick() {
         (0, _coreUtil.clickUrl)(data.content.clickUrl);
@@ -249,10 +254,12 @@ function (_super) {
       hover: {}
     },
     isBackground: false,
+    imgCover: false,
     hoverState: false,
     limitWidthHeight: false,
     scale: 1,
-    notNeedLazy: false
+    notNeedLazy: false,
+    square: false
   };
   Image = __decorate([_decorator.metaDecorator], Image);
   return Image;

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

@@ -4,6 +4,7 @@
   height: 100%;
   display: flex;
   justify-content: center;
+
   // overflow: hidden;
   &>img {
     width: 100%;
@@ -22,4 +23,10 @@
       max-width: none;
     }
   }
+
+  &.cover {
+    &>img {
+      object-fit: cover;
+    }
+  }
 }