@fonixtree/magic-design 2.0.198 → 2.0.202

package/lib/composite-comp/dito/config-panels/SearchBannerConfig/index.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Config;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ConfigImageGroup = _interopRequireDefault(require("./ConfigImageGroup"));
+
+var _ConfigContent = _interopRequireDefault(require("./ConfigContent"));
+
+var _ConfigSetting = _interopRequireDefault(require("./ConfigSetting"));
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
+var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
+
+var _locale = require("../../../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Config(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)('CONTENT'),
+      value: /*#__PURE__*/_react["default"].createElement(_ConfigContent["default"], {
+        panelProps: data.content
+      })
+    }, {
+      key: '2',
+      name: (0, _locale.i18n)('GROUP'),
+      value: /*#__PURE__*/_react["default"].createElement(_ConfigImageGroup["default"], {
+        id: data.id,
+        source: data.groupSource
+      })
+    }, {
+      key: '3',
+      name: (0, _locale.i18n)('SETTING'),
+      value: /*#__PURE__*/_react["default"].createElement(_ConfigSetting["default"], {
+        setting: data.setting
+      })
+    }, {
+      key: '4',
+      name: (0, _locale.i18n)('SPACING'),
+      value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+        data: data.spacing
+      })
+    }, {
+      key: '5',
+      name: (0, _locale.i18n)('BACKGROUND'),
+      value: /*#__PURE__*/_react["default"].createElement(_BackgroundConfig["default"], {
+        data: data.background
+      })
+    }],
+    type: "triangle"
+  }));
+}

package/lib/composite-comp/dito/second-config-panels/SearchBannerSecondConfig/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _Collapse = _interopRequireDefault(require("../../../../common/Collapse"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _locale = require("../../../../locale");
+
+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 SearchBannerSecondConfig =
+/** @class */
+function (_super) {
+  __extends(SearchBannerSecondConfig, _super);
+
+  function SearchBannerSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+    return _this;
+  }
+
+  SearchBannerSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+
+    var getConfig = function getConfig() {
+      return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        source: [{
+          key: panelProps.image.id,
+          name: (0, _locale.i18n)('IMAGE'),
+          value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+            data: panelProps.image
+          }),
+          metaOption: panelProps.image
+        }]
+      });
+    };
+
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "search_banner_second_conf_wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: '1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: getConfig()
+      }]
+    }));
+  };
+
+  SearchBannerSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return SearchBannerSecondConfig;
+}(_react["default"].Component);
+
+var _default = SearchBannerSecondConfig;
+exports["default"] = _default;

package/lib/composite-comp/nuri/components/AffiliateRecommend/mobile/index.js

@@ -553,7 +553,7 @@ function (_super) {
     if (layout === 'layout1' && contentWidth) imgHeight = (contentWidth - 12) / 2;
     if (layout === 'layout3' && contentWidth) imgHeight = (contentWidth - 12 * 2) / 3;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-recommend-mobile recommend_" + panelProps.id
+      className: "m-affiliate-recommend-mobile recommend_" + panelProps.id
     }, !hideTabs && /*#__PURE__*/_react["default"].createElement("div", {
       className: "tab-select-wrap"
     }, groupSource.map(function (tab, index) {

package/lib/composite-comp/nuri/components/AffiliateRecommend/mobile/index.less

@@ -1,16 +1,16 @@
-.m-recommend-mobile {
+.m-affiliate-recommend-mobile {
   display: flex;
   flex-direction: column;
 }
-.m-recommend-mobile .cylon-tabs-nav-operations {
+.m-affiliate-recommend-mobile .cylon-tabs-nav-operations {
   display: none !important;
 }
-.m-recommend-mobile ::-webkit-scrollbar {
+.m-affiliate-recommend-mobile ::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.m-recommend-mobile .tab-select-wrap {
+.m-affiliate-recommend-mobile .tab-select-wrap {
   display: flex;
   align-items: center;
   height: 1rem;
@@ -19,7 +19,7 @@
   position: relative;
   margin-bottom: 0.3rem;
 }
-.m-recommend-mobile .tab-select-wrap .tabTitle {
+.m-affiliate-recommend-mobile .tab-select-wrap .tabTitle {
   display: flex;
   align-items: center;
   text-align: center;
@@ -30,12 +30,12 @@
   white-space: nowrap;
   flex-direction: column;
 }
-.m-recommend-mobile .tab-select-wrap .tabTitle img {
+.m-affiliate-recommend-mobile .tab-select-wrap .tabTitle img {
   height: 0.4rem;
   width: 0.4rem;
   margin-bottom: 0.04rem;
 }
-.m-recommend-mobile .tab-select-wrap .active-line {
+.m-affiliate-recommend-mobile .tab-select-wrap .active-line {
   position: absolute;
   bottom: 0;
   width: 4rem;
@@ -44,11 +44,11 @@
   transition: 0.2s all linear;
   border-radius: 0.03rem;
 }
-.m-recommend-mobile .macyContainer {
+.m-affiliate-recommend-mobile .macyContainer {
   display: flex;
   margin: 0 0.32rem;
 }
-.m-recommend-mobile .scrollContainer {
+.m-affiliate-recommend-mobile .scrollContainer {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -56,26 +56,26 @@
   overflow-x: auto;
   padding-bottom: 0.3rem;
 }
-.m-recommend-mobile .scrollContainer.pl_140 {
+.m-affiliate-recommend-mobile .scrollContainer.pl_140 {
   padding-left: 2.8rem;
 }
-.m-recommend-mobile .scrollContainer .scrollProductList {
+.m-affiliate-recommend-mobile .scrollContainer .scrollProductList {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
 }
-.m-recommend-mobile .scrollContainer .scrollProductList .productCard {
+.m-affiliate-recommend-mobile .scrollContainer .scrollProductList .productCard {
   margin-right: 0.24rem;
 }
-.m-recommend-mobile .scrollContainer .scrollProductListRow {
+.m-affiliate-recommend-mobile .scrollContainer .scrollProductListRow {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
 }
-.m-recommend-mobile .scrollContainer .scrollProductListRow .productCardRow {
+.m-affiliate-recommend-mobile .scrollContainer .scrollProductListRow .productCardRow {
   margin-right: 0.16rem;
 }
-.m-recommend-mobile .btnSeeAll {
+.m-affiliate-recommend-mobile .btnSeeAll {
   display: block;
   width: fit-content;
   min-width: 1.6rem;

package/lib/composite-comp/public/components/Stores/mobile/StoreItem/index.js

@@ -93,6 +93,11 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.state = {};
+
+    _this.formatDistance = function (val) {
+      return (Number(val) / 1000).toFixed(2).replace(/(\.0+|0+)$/, '');
+    };
+
     return _this;
   }
 
@@ -172,7 +177,7 @@ function (_super) {
     }), distance.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       className: "distance",
       data: __assign(__assign({}, distance), {
-        text: (data.distance || 0) + " " + (0, _locale.i18n)('KM')
+        text: this.formatDistance(data.distance) + " " + (0, _locale.i18n)('KM')
       }),
       readonly: true
     })))) : /*#__PURE__*/_react["default"].createElement("div", _extends({
@@ -244,7 +249,7 @@ function (_super) {
     }), distance.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       className: "distance",
       data: __assign(__assign({}, distance), {
-        text: (data.distance || 0) + " " + (0, _locale.i18n)('KM')
+        text: this.formatDistance(data.distance) + " " + (0, _locale.i18n)('KM')
       }),
       readonly: true
     })))));

package/lib/composite-comp/public/components/Stores/mobile/index.less

@@ -31,3 +31,6 @@
   margin-right: 0;
   margin-left: 0.32rem;
 }
+.m-stores-mobile.reversed-layout .m-store-item-wrap .content-wrap .score {
+  margin-left: 0;
+}

package/lib/constants/component-types.js

@@ -59,6 +59,8 @@ var _CommonFunctions = _interopRequireDefault(require("../composite-comp/dito/co
 
 var _Bargain = _interopRequireDefault(require("../composite-comp/dito/components/Bargain"));
 
+var _SearchBanner = _interopRequireDefault(require("../composite-comp/dito/components/SearchBanner"));
+
 var _MonpayRecommend = _interopRequireDefault(require("../composite-comp/monpay/components/MonpayRecommend"));
 
 var _MonpayFlashDeal = _interopRequireDefault(require("../composite-comp/monpay/components/MonpayFlashDeal"));
@@ -131,6 +133,8 @@ var _CommonFunctionsConfig = _interopRequireDefault(require("../composite-comp/d
 
 var _BargainConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/BargainConfig"));
 
+var _SearchBannerConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/SearchBannerConfig"));
+
 var _MonpayRecommendConfig = _interopRequireDefault(require("../composite-comp/monpay/config-panels/MonpayRecommendConfig"));
 
 var _MonpayFlashDealConfig = _interopRequireDefault(require("../composite-comp/monpay/config-panels/MonpayFlashDealConfig"));
@@ -187,6 +191,8 @@ var _OrdersSecondConfig = _interopRequireDefault(require("../composite-comp/dito
 
 var _CommonFunctionsSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/CommonFunctionsSecondConfig"));
 
+var _SearchBannerSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/SearchBannerSecondConfig"));
+
 var _MonpayRecommendSecondConfig = _interopRequireDefault(require("../composite-comp/monpay/second-config-panels/MonpayRecommendSecondConfig"));
 
 var _WalletSecondConfig = _interopRequireDefault(require("../composite-comp/public/second-config-panels/WalletSecondConfig"));
@@ -199,17 +205,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[_MonpayFlashDeal["default"].type] = _MonpayFlashDeal["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[_Orders["default"].type] = _Orders["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[_MonpayRecommend["default"].type] = _MonpayRecommend["default"], _a[_InterestProducts["default"].type] = _InterestProducts["default"], _a[_Bundle["default"].type] = _Bundle["default"], _a[_MerchantSales["default"].type] = _MerchantSales["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[_WalletAshita["default"].type] = _WalletAshita["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a[_Stores["default"].type] = _Stores["default"], _a[_Bargain["default"].type] = _Bargain["default"], _a[_MonpaySignBoard["default"].type] = _MonpaySignBoard["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[_MonpayFlashDeal["default"].type] = _MonpayFlashDeal["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[_Orders["default"].type] = _Orders["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[_MonpayRecommend["default"].type] = _MonpayRecommend["default"], _a[_InterestProducts["default"].type] = _InterestProducts["default"], _a[_Bundle["default"].type] = _Bundle["default"], _a[_MerchantSales["default"].type] = _MerchantSales["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[_WalletAshita["default"].type] = _WalletAshita["default"], _a[_WalletNuri["default"].type] = _WalletNuri["default"], _a[_Wallet["default"].type] = _Wallet["default"], _a[_CustomCode["default"].type] = _CustomCode["default"], _a[_Location["default"].type] = _Location["default"], _a[_Stores["default"].type] = _Stores["default"], _a[_Bargain["default"].type] = _Bargain["default"], _a[_MonpaySignBoard["default"].type] = _MonpaySignBoard["default"], _a[_SearchBanner["default"].type] = _SearchBanner["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[_MonpayFlashDeal["default"].type] = _MonpayFlashDealConfig["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[_Orders["default"].type] = _OrdersConfig["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[_MonpayRecommend["default"].type] = _MonpayRecommendConfig["default"], _b[_InterestProducts["default"].type] = _InterestProductsConfig["default"], _b[_Bundle["default"].type] = _BundleConfig["default"], _b[_MerchantSales["default"].type] = _MerchantSalesConfig["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[_WalletAshita["default"].type] = _WalletAshitaConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b[_Stores["default"].type] = _StoresConfig["default"], _b[_Bargain["default"].type] = _BargainConfig["default"], _b[_MonpaySignBoard["default"].type] = _MonpaySignBoardConfig["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[_MonpayFlashDeal["default"].type] = _MonpayFlashDealConfig["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[_Orders["default"].type] = _OrdersConfig["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[_MonpayRecommend["default"].type] = _MonpayRecommendConfig["default"], _b[_InterestProducts["default"].type] = _InterestProductsConfig["default"], _b[_Bundle["default"].type] = _BundleConfig["default"], _b[_MerchantSales["default"].type] = _MerchantSalesConfig["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[_WalletAshita["default"].type] = _WalletAshitaConfig["default"], _b[_WalletNuri["default"].type] = _WalletNuriConfig["default"], _b[_Wallet["default"].type] = _WalletConfig["default"], _b[_CustomCode["default"].type] = _CustomCodeConfig["default"], _b[_Location["default"].type] = _LocationConfig["default"], _b[_Stores["default"].type] = _StoresConfig["default"], _b[_Bargain["default"].type] = _BargainConfig["default"], _b[_MonpaySignBoard["default"].type] = _MonpaySignBoardConfig["default"], _b[_SearchBanner["default"].type] = _SearchBannerConfig["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[_MonpayRecommend["default"].type] = _MonpayRecommendSecondConfig["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[_Orders["default"].type] = _OrdersSecondConfig["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[_WalletAshita["default"].type] = _WalletAshitaSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["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[_MonpayRecommend["default"].type] = _MonpayRecommendSecondConfig["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[_Orders["default"].type] = _OrdersSecondConfig["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[_WalletAshita["default"].type] = _WalletAshitaSecondConfig["default"], _c[_WalletNuri["default"].type] = _WalletNuriSecondConfig["default"], _c[_Wallet["default"].type] = _WalletSecondConfig["default"], _c[_SearchBanner["default"].type] = _SearchBannerSecondConfig["default"], _c);
 exports.secondConfigPanelMap = secondConfigPanelMap;

package/lib/constants/index.js

@@ -350,6 +350,10 @@ var compInfoMap = {
   COMMON_FUNCTIONS: {
     name: 'Common Functions',
     icon: 'icon-function'
+  },
+  SEARCH_BANNER: {
+    name: 'Search Banner',
+    icon: 'icon-carousel'
   }
 };
 /**

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

@@ -82,6 +82,7 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
   switch (selectedNode.type) {
     case 'IMAGE_GALLERY':
     case 'BANNER':
+    case 'SEARCH_BANNER':
       groupName = ''; // if (!groupName) {
       //   groupName = isPc() ? panelProps.image?.content?.pcName : panelProps.image?.content?.h5Name;
       // }

package/lib/core/Designer/index.js

@@ -388,6 +388,8 @@ function (_super) {
 
       _this.closeConfigPanel();
 
+      window.magicDesign.device = device;
+
       _this.setState(__assign(__assign({}, _this.state), {
         device: device
       }));
@@ -397,8 +399,6 @@ function (_super) {
       _mobx.store.setState({
         clickedFloor: ''
       });
-
-      window.magicDesign.device = device;
     };
 
     _this.onAdd = function () {

package/lib/decorator/compositeDecorator.js

@@ -17,6 +17,8 @@ var _commonUtil = require("../utils/commonUtil");
 
 var _storeUtil = require("../utils/storeUtil");
 
+var _common = require("../common");
+
 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; }
@@ -90,7 +92,9 @@ function compositeDecorator(WrappedComponent) {
 
       _this.switchLanguage = function (value) {
         // const lang = 'ar';
-        (0, _storeUtil.setStore)(_constants.STORAGE_KEY.LOCALE, value); // 实时更新问题待优化;
+        (0, _storeUtil.setStore)(_constants.STORAGE_KEY.LOCALE, value);
+
+        _this.setState({});
       };
 
       _this.getUserAddress = function (value) {
@@ -300,7 +304,7 @@ function compositeDecorator(WrappedComponent) {
     };
 
     Wrapper.prototype.render = function () {
-      var _a;
+      var _a, _b;
 
       var nodeData = this.props.nodeData;
       var clickedFloor = this.state.clickedFloor;
@@ -317,7 +321,9 @@ function compositeDecorator(WrappedComponent) {
         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)));
+      }, /*#__PURE__*/_react["default"].createElement(_common.ErrorBoundary, {
+        name: (_b = _constants.compInfoMap[nodeData.type]) === null || _b === void 0 ? void 0 : _b.name
+      }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, this.props))));
     };
 
     Wrapper.getDefaultJSON = WrappedComponent.getDefaultJSON;

package/lib/locale/ar/ar.json

@@ -1,4 +1,11 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
+  "PRICE_REDUCTION": "Price Reduction",
+  "PRODUCT_LABEL": "Product Label",
+  "LABELS": "Labels",
+  "TAB_BACKGROUND": "Tab Background",
+  "PRODUCT_BACKGROUND": "Product Background",
   "KM": "km",
   "MINS": "mins",
   "NEW": "New",

package/lib/locale/en/en.json

@@ -1,4 +1,11 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
+  "PRICE_REDUCTION": "Price Reduction",
+  "PRODUCT_LABEL": "Product Label",
+  "LABELS": "Labels",
+  "TAB_BACKGROUND": "Tab Background",
+  "PRODUCT_BACKGROUND": "Product Background",
   "KM": "km",
   "MINS": "mins",
   "NEW": "New",

package/lib/locale/es/es.json

@@ -1,4 +1,11 @@
 {
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
+  "PRICE_REDUCTION": "Price Reduction",
+  "PRODUCT_LABEL": "Product Label",
+  "LABELS": "Labels",
+  "TAB_BACKGROUND": "Tab Background",
+  "PRODUCT_BACKGROUND": "Product Background",
   "KM": "km",
   "MINS": "mins",
   "NEW": "New",

package/lib/locale/mn/mn.json

@@ -1,4 +1,8 @@
 {
+  "PRODUCT_LABEL": "Product Label",
+  "LABELS": "Labels",
+  "TAB_BACKGROUND": "Tab Background",
+  "PRODUCT_BACKGROUND": "Product Background",
   "KM": "km",
   "MINS": "mins",
   "NEW": "New",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.198",
+  "version": "2.0.202",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",