@fonixtree/magic-design 1.0.167 → 1.0.169

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = FlashDealConfig;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigTitle = _interopRequireDefault(require("./ConfigTitle"));
+
+var _ConfigContent = _interopRequireDefault(require("./ConfigContent"));
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _locale = require("../../../../locale");
+
+var _layout = require("../../../../constants/layout");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function FlashDealConfig(props) {
+  var data = props.data;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+    divider: "bold",
+    headerSize: "large",
+    source: [{
+      key: '1',
+      name: (0, _locale.i18n)('TITLE'),
+      value: /*#__PURE__*/_react["default"].createElement(_ConfigTitle["default"], {
+        panelProps: data.title
+      })
+    }, {
+      key: '2',
+      name: (0, _locale.i18n)('CONTENT'),
+      value: /*#__PURE__*/_react["default"].createElement(_ConfigContent["default"], {
+        panelProps: data
+      })
+    }, {
+      key: '3',
+      name: (0, _locale.i18n)('SPACING'),
+      value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+        configCompSpace: true,
+        data: data.spacing
+      })
+    }, {
+      key: '4',
+      name: (0, _locale.i18n)('CUSTOMIZE'),
+      value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
+        data: data.customize,
+        isHideAlign: true,
+        layoutSource: _layout.campaignLayout
+      })
+    }, {
+      key: '5',
+      name: (0, _locale.i18n)('BACKGROUND'),
+      value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}

package/es/composite-comp/dito/config-panels/FlashDealConfig/FlashDealConfigTitle/index.js

@@ -11,6 +11,8 @@ var _TextConfig = _interopRequireDefault(require("../../../../../meta-comp/confi
 
 var _ButtonConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ButtonConfig"));
 
+var _ImageConfig = _interopRequireDefault(require("../../../../../meta-comp/config-panels/ImageConfig"));
+
 var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _common = require("../../../../../common");
@@ -65,21 +67,7 @@ function (_super) {
   }
 
   FlashDealConfigTitle.prototype.render = function () {
-    var _this = this;
-
     var panelProps = this.props.panelProps;
-
-    var iconSetting = /*#__PURE__*/_react["default"].createElement(_common.Field, {
-      title: ""
-    }, /*#__PURE__*/_react["default"].createElement(_common.IconPicker, {
-      onChange: function onChange(icon) {
-        panelProps.icon.url = icon;
-
-        _this.reRender();
-      },
-      value: panelProps.icon.url
-    }));
-
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "flash_sale_title"
     }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
@@ -88,8 +76,10 @@ function (_super) {
       source: [{
         key: 'iconConfig',
         name: (0, _locale.i18n)('ICON'),
-        value: iconSetting,
-        metaOption: panelProps.icon
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: panelProps.image
+        }),
+        metaOption: panelProps.image
       }, {
         key: 'headlineConfig',
         name: (0, _locale.i18n)('HEADLINE'),
@@ -117,10 +107,7 @@ function (_super) {
 
   FlashDealConfigTitle.defaultProps = {
     panelProps: {
-      icon: {
-        open: true,
-        url: ''
-      },
+      image: {},
       headline: {},
       button: {},
       countDown: {

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

@@ -21,12 +21,23 @@ var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
 
 var _locale = require("../../../../locale");
 
+var _coreUtil = require("../../../../utils/coreUtil");
+
 var _layout = require("../../../../constants/layout");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function FlashDealConfig(props) {
   var data = props.data;
+
+  var getLayout = function getLayout(v) {
+    if ((0, _coreUtil.isPc)()) {
+      data.customize.layout.pcLayout = v;
+    } else {
+      data.customize.layout.h5Layout = v;
+    }
+  };
+
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
     divider: "bold",
     headerSize: "large",
@@ -55,7 +66,10 @@ function FlashDealConfig(props) {
       value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
         data: data.customize,
         isHideAlign: true,
-        layoutSource: _layout.flashDealLayout
+        layoutSource: (0, _coreUtil.isPc)() ? _layout.pcFlashDealLayout : _layout.flashDealLayout,
+        selectedLayoutFun: function selectedLayoutFun(v) {
+          getLayout(v);
+        }
       })
     }, {
       key: '5',

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

@@ -86,6 +86,15 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+
+    var backgroundConfigs = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+      data: data.background,
+      name: (0, _locale.i18n)('PRODUCT_BACKGROUND')
+    }), /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+      data: data.background.tabBackground,
+      name: (0, _locale.i18n)('TAB_BACKGROUND')
+    }));
+
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
       divider: "bold",
       headerSize: "large",
@@ -123,10 +132,7 @@ function (_super) {
       }, {
         key: '5',
         name: (0, _locale.i18n)('BACKGROUND'),
-        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
-          component: "recommend",
-          data: data.background
-        })
+        value: backgroundConfigs
       }],
       type: "triangle"
     }));

package/es/composite-comp/dito/config-panels/SearchDITOConfig/ConfigContent/index.js

@@ -21,6 +21,8 @@ var _coreUtil = require("../../../../../utils/coreUtil");
 
 var _locale = require("../../../../../locale");
 
+var _BackgroundConfig = _interopRequireDefault(require("../../../../common/config-panels/BackgroundConfig"));
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -139,14 +141,21 @@ function (_super) {
       }),
       metaOption: panelProps.login
     }];
-    return /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search_dito_config_content"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
       headerSize: "middle",
       noChange: true,
       onRefresh: this.selfRender,
       showActiveColor: true,
       source: source,
       type: "switch"
-    });
+    }), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+      className: "topLine"
+    }, /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+      data: panelProps.searchBarBg,
+      name: (0, _locale.i18n)('SEARCH_BAR_BACKGROUND')
+    })));
   };
 
   return SearchBarConfigContent;

package/es/composite-comp/dito/config-panels/SearchDITOConfig/ConfigContent/index.less

@@ -1,7 +1,7 @@
-.search_bar_config_box {
-  padding: 12px;
-  background-color: #F5F6F7;
-  margin-top: 16px;
-  padding-bottom: 1px;
-  border-radius: 6px;
+.search_dito_config_content {
+  .topLine {
+    border-top: 1px solid #EDF0F4;
+    padding-top: 20px;
+    margin-top: 5px;
+  }
 }

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

@@ -15,6 +15,8 @@ var _SpacingConfig = _interopRequireDefault(require("../../../common/config-pane
 
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
 
 var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
@@ -59,11 +61,35 @@ function (_super) {
   }
 
   SlideImageConfig.prototype.render = function () {
+    var _a, _b;
+
     var data = this.props.data;
+    var source = [{
+      key: '1',
+      name: (0, _locale.i18n)('MOVE_IN_LOGO'),
+      value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+        data: (_a = data.content) === null || _a === void 0 ? void 0 : _a.moveIcon
+      }),
+      metaOption: (_b = data.content) === null || _b === void 0 ? void 0 : _b.moveIcon
+    }];
+
+    var contentConfig = /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      headerSize: "middle",
+      noChange: true,
+      onRefresh: this.selfRender,
+      showActiveColor: true,
+      source: source,
+      type: "switch"
+    });
+
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
       divider: "bold",
       headerSize: "large",
       source: [{
+        key: '0',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: contentConfig
+      }, {
         key: '1',
         name: (0, _locale.i18n)('GROUP'),
         value: /*#__PURE__*/_react["default"].createElement(_ConfigGroup["default"], {

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

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("../../../../locale");
+
+var _common = require("../../../../common");
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+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 CampaignSecondConfig =
+/** @class */
+function (_super) {
+  __extends(CampaignSecondConfig, _super);
+
+  function CampaignSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.getContentPanel = function () {
+      var panelProps = _this.props.panelProps;
+      var defaultSource = [{
+        key: 'defaultSource_1',
+        name: (0, _locale.i18n)('TITLE'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: panelProps.groupName,
+          editText: true
+        }),
+        metaOption: panelProps.groupName
+      }];
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: defaultSource,
+        type: "switch"
+      }));
+    };
+
+    return _this;
+  }
+
+  CampaignSecondConfig.prototype.render = function () {
+    var _this = this;
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "campaign_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      onRefresh: function onRefresh() {
+        return _this.resetHover();
+      },
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel()
+      }]
+    }));
+  };
+
+  CampaignSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return CampaignSecondConfig;
+}(_BaseConfig["default"]);
+
+var _default = CampaignSecondConfig;
+exports["default"] = _default;

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

@@ -19,6 +19,8 @@ var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-
 
 var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
 
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
 var _locale = require("../../../../locale");
 
 require("./index.less");
@@ -206,6 +208,7 @@ function (_super) {
   }
 
   SlideImageSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "slide_image_second_conf_wrap"
     }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
@@ -218,6 +221,14 @@ function (_super) {
         key: 'video1',
         name: (0, _locale.i18n)('CONTENT'),
         value: this.getVideoContent()
+      }, {
+        key: 'video2',
+        name: (0, _locale.i18n)('BACKGROUND'),
+        value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+          data: panelProps.background,
+          name: "",
+          type: "image"
+        })
       }]
     }));
   };

package/es/constants/component-types.js

@@ -69,6 +69,8 @@ var _SearchDITO = _interopRequireDefault(require("../composite-comp/dito/compone
 
 var _News = _interopRequireDefault(require("../composite-comp/dito/components/News"));
 
+var _Campaign = _interopRequireDefault(require("../composite-comp/dito/components/Campaign"));
+
 var _BannerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/BannerConfig"));
 
 var _DividerConfig = _interopRequireDefault(require("../composite-comp/bol/config-panels/DividerConfig"));
@@ -133,6 +135,8 @@ var _SearchDITOConfig = _interopRequireDefault(require("../composite-comp/dito/c
 
 var _NewsConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/NewsConfig"));
 
+var _CampaignConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/CampaignConfig"));
+
 var _BannerSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/BannerSecondConfig"));
 
 var _TextSecondConfig = _interopRequireDefault(require("../composite-comp/bol/second-config-panels/TextSecondConfig"));
@@ -179,6 +183,8 @@ var _SearchDITOSecondConfig = _interopRequireDefault(require("../composite-comp/
 
 var _NewsSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/NewsSecondConfig"));
 
+var _CampaignSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/CampaignSecondConfig"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _a, _b, _c; // 组件
@@ -187,17 +193,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[_GroupedCarousel["default"].type] = _GroupedCarousel["default"], _a[_SlideImage["default"].type] = _SlideImage["default"], _a[_SearchDITO["default"].type] = _SearchDITO["default"], _a[_News["default"].type] = _News["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[_Campaign["default"].type] = _Campaign["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[_GroupedCarousel["default"].type] = _GroupedCarouselConfig["default"], _b[_SlideImage["default"].type] = _SlideImageConfig["default"], _b[_SearchDITO["default"].type] = _SearchDITOConfig["default"], _b[_News["default"].type] = _NewsConfig["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[_Campaign["default"].type] = _CampaignConfig["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[_GroupedCarousel["default"].type] = _GroupedCarouselSecondConfig["default"], _c[_SlideImage["default"].type] = _SlideImageSecondConfig["default"], _c[_SearchDITO["default"].type] = _SearchDITOSecondConfig["default"], _c[_News["default"].type] = _NewsSecondConfig["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[_Campaign["default"].type] = _CampaignSecondConfig["default"], _c);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/es/constants/index.js

@@ -281,6 +281,10 @@ var compInfoMap = {
   NEWS: {
     name: 'News',
     icon: 'icon-filled-image'
+  },
+  CAMPAIGN: {
+    name: 'Campaign',
+    icon: 'icon-carousel'
   }
 };
 /**

package/es/constants/layout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+exports.videoPCLayout = exports.videoH5Layout = exports.slideImageLayout = exports.searchLayout = exports.searchDitoLayout = exports.recommendLayoutPc = exports.recommendLayoutMobile = exports.pcNavigationLayout = exports.pcFlashDealLayout = exports.newsletterLayout = exports.newsLayout = exports.mobileNavigationLayout = exports.locationLayout = exports.imageTextLayoutPc = exports.imageTextLayoutMobile = exports.imageGalleryPcLayout = exports.imageGalleryLayout = exports.groupedCarouselLayout = exports.flashDealLayout = exports.dividerLayout = exports.carouselLayout = exports.campaignLayout = exports.bannerSlideLayout = exports.affiliateLayoutPc = exports.affiliateLayoutMobile = exports.WalletNuriLayout = exports.WalletLayout = void 0;
 
 var _dividerLayout = _interopRequireDefault(require("../assets/images/layout-icon/dividerLayout.svg"));
 
@@ -13,6 +13,10 @@ var _imageGalleryLayout = _interopRequireDefault(require("../assets/images/layou
 
 var _imageGalleryLayout2 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout2.png"));
 
+var _imageGalleryLayout3 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout3.png"));
+
+var _imageGalleryLayout4 = _interopRequireDefault(require("../assets/images/layout-icon/imageGalleryLayout4.png"));
+
 var _walletNuriLayout = _interopRequireDefault(require("../assets/images/layout-icon/walletNuriLayout1.png"));
 
 var _walletLayout = _interopRequireDefault(require("../assets/images/layout-icon/walletLayout1.png"));
@@ -97,6 +101,8 @@ var _searchDitoLayout = _interopRequireDefault(require("../assets/images/layout-
 
 var _newsLayout = _interopRequireDefault(require("../assets/images/layout-icon/news-layout1.png"));
 
+var _campaignLayout = _interopRequireDefault(require("../assets/images/layout-icon/campaignLayout1.png"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 // import p3 from '../assets/images/layout-icon/layout-imagetext-p3.png';
@@ -126,8 +132,26 @@ var imageGalleryLayout = [{
   id: 'layout2',
   name: 'layout2',
   image: _imageGalleryLayout2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _imageGalleryLayout3["default"]
+}, {
+  id: 'layout4',
+  name: 'layout4',
+  image: _imageGalleryLayout4["default"]
 }];
 exports.imageGalleryLayout = imageGalleryLayout;
+var imageGalleryPcLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _imageGalleryLayout["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _imageGalleryLayout2["default"]
+}];
+exports.imageGalleryPcLayout = imageGalleryPcLayout;
 var WalletLayout = [{
   id: 'layout1',
   name: 'layout1',
@@ -353,6 +377,12 @@ var flashDealLayout = [{
   image: _layoutImagetextM4["default"]
 }];
 exports.flashDealLayout = flashDealLayout;
+var pcFlashDealLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _flashDealLayout["default"]
+}];
+exports.pcFlashDealLayout = pcFlashDealLayout;
 var groupedCarouselLayout = [{
   id: 'layout1',
   name: 'layout1',
@@ -376,4 +406,10 @@ var newsLayout = [{
   name: 'layout1',
   image: _newsLayout["default"]
 }];
-exports.newsLayout = newsLayout;
+exports.newsLayout = newsLayout;
+var campaignLayout = [{
+  id: 'layout1',
+  name: 'layout1',
+  image: _campaignLayout["default"]
+}];
+exports.campaignLayout = campaignLayout;

package/es/core/Designer/ConfigPanel/index.js

@@ -144,6 +144,10 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
     case 'PERSONAL_INFOMATION':
       groupName = panelProps.sourceType;
       break;
+
+    case 'CAMPAIGN':
+      groupName = panelProps.type;
+      break;
   }
 
   return groupName || 'Group Name';

package/es/decorator/compositeDecorator.js

@@ -144,7 +144,7 @@ function compositeDecorator(WrappedComponent) {
         var zIndex = '0';
         var position = 'relative';
 
-        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY') {
+        if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'SEARCH_DITO') {
           zIndex = '1';
         } // 解决pc导航hover上去，类目被下面组件遮罩的问题
 
@@ -196,7 +196,10 @@ function compositeDecorator(WrappedComponent) {
           }
         }
 
-        wrapStyle.overflow = 'hidden';
+        if (nodeData.type === 'SLIDE_IMAGE') {
+          wrapStyle.overflow = 'hidden';
+        }
+
         return wrapStyle;
       };
 

package/es/locale/en/en.json

@@ -1,5 +1,11 @@
 {
+  "FLASH_SALE": "Flash Sale",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
+  "MOVE_IN_LOGO": "Move In Logo",
+  "SEARCH_BAR_BACKGROUND": "Search Bar Background",
+  "CONFIRM_TO_LOGOUT": "Confirm to Logout",
+  "LOG_OUT": "Log Out",
+  "MY_ACCOUNT": "My Account",
   "LOGIN_BUTTON": "Login Button",
   "SEARCH_ICON": "Search Icon",
   "NAVIGATION": "Navigation",
@@ -288,7 +294,6 @@
   "QUERY": "Query",
   "SEARCH": "Search",
   "GROUP_BY": "Group By",
-  "FLASH_SALE": "Flash Sale",
   "THE_PRODUCT_QUANTITY_WILL_BE_AUTOMATICALLY_UPDATED_WITH_THE_ITEMS_THAT_MEET_THE_CATEGORY_CONDITIONS": "The product quantity will be automatically updated with the items that meet the category conditions",
   "OK": "OK",
   "CANCEL": "Cancel",