@fonixtree/magic-design 2.0.207 → 2.0.209

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

@@ -0,0 +1,206 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
+
+var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
+
+var _common = require("../../../../common");
+
+var _coreUtil = require("../../../../utils/coreUtil");
+
+var _locale = require("../../../../locale");
+
+var _index = require("../../../../constants/index");
+
+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 PersonalInfoSecondConfig =
+/** @class */
+function (_super) {
+  __extends(PersonalInfoSecondConfig, _super);
+
+  function PersonalInfoSecondConfig() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {};
+
+    _this.selfRender = function () {
+      (0, _coreUtil.renderPreview)();
+
+      _this.setState({});
+    };
+
+    _this.getContentPanel = function (data) {
+      var source = [{
+        key: 'secondContent1',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }, {
+        key: 'secondContent2',
+        name: (0, _locale.i18n)('Number'),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.number
+        }),
+        metaOption: data.number
+      }];
+      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: source,
+        type: "switch"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfAmount"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('SOURCE_OF_AMOUNT')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          data.sourceType = v;
+
+          _this.selfRender();
+        },
+        value: data.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.WISHLIST
+      }, (0, _locale.i18n)('WISHLIST')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.STORES
+      }, (0, _locale.i18n)('STORES')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.VOUCHERS
+      }, (0, _locale.i18n)('VOUCHERS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.personalInfoType.VIEWED
+      }, (0, _locale.i18n)('RECENTLY_VIEWED'))))));
+    };
+
+    _this.getOrdersPanel = function (data) {
+      var source = [{
+        key: 'secondContent3',
+        name: (0, _locale.i18n)('Icon'),
+        value: /*#__PURE__*/_react["default"].createElement(_ImageConfig["default"], {
+          data: data.image
+        }),
+        metaOption: data.image
+      }, {
+        key: 'secondContent4',
+        name: /*#__PURE__*/_react["default"].createElement("span", {
+          dangerouslySetInnerHTML: {
+            __html: data.title.text
+          }
+        }),
+        value: /*#__PURE__*/_react["default"].createElement(_TextConfig["default"], {
+          data: data.title
+        }),
+        metaOption: data.title
+      }];
+      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: source,
+        type: "switch"
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfAmount"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: (0, _locale.i18n)('SOURCE_OF_AMOUNT')
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
+        onChange: function onChange(v) {
+          data.sourceType = v;
+          data.title.text = v;
+
+          _this.selfRender();
+        },
+        value: data.sourceType
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.PAY
+      }, (0, _locale.i18n)('TO_PAY')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.SHIP
+      }, (0, _locale.i18n)('TO_SHIP')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.RECEIVE
+      }, (0, _locale.i18n)('TO_RECEIVE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.DONE
+      }, (0, _locale.i18n)('DONE')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+        value: _index.orderStatusType.CANCELLED
+      }, (0, _locale.i18n)('CANCELLED'))))));
+    };
+
+    return _this;
+  }
+
+  PersonalInfoSecondConfig.prototype.render = function () {
+    var panelProps = this.props.panelProps;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "personal_info_second_conf_wrap"
+    }, panelProps.image ? /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig2',
+        name: (0, _locale.i18n)('ORDERS'),
+        value: this.getOrdersPanel(panelProps, true)
+      }]
+    }) : /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+      divider: "bold",
+      headerSize: "large",
+      source: [{
+        key: 'secondConfig1',
+        name: (0, _locale.i18n)('CONTENT'),
+        value: this.getContentPanel(panelProps, true)
+      }]
+    }));
+  };
+
+  PersonalInfoSecondConfig.defaultProps = {
+    panelProps: {}
+  };
+  return PersonalInfoSecondConfig;
+}(_react["default"].Component);
+
+var _default = PersonalInfoSecondConfig;
+exports["default"] = _default;

package/lib/composite-comp/dito/second-config-panels/PersonalInformationSecondSecondConfig/index.less

@@ -0,0 +1,9 @@
+.personal_info_second_conf_wrap {
+
+  .sourceOfAmount {
+    border-top: 1px dashed #D2D9E5;
+    border-bottom: 1px dashed #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 10px;
+  }
+}

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

@@ -207,6 +207,20 @@ function (_super) {
     return _this;
   }
 
+  SlideImageSecondConfig.prototype.componentDidMount = function () {
+    var panelProps = this.props.panelProps;
+
+    if (!panelProps.background) {
+      panelProps.background = {
+        opacity: 100,
+        color: '#fff',
+        image: '',
+        bgType: 'image'
+      };
+      this.reRender();
+    }
+  };
+
   SlideImageSecondConfig.prototype.render = function () {
     var panelProps = this.props.panelProps;
     return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/constants/component-types.js

@@ -53,6 +53,8 @@ var _HeadNavigation = _interopRequireDefault(require("../composite-comp/dito/com
 
 var _PersonalInformation = _interopRequireDefault(require("../composite-comp/dito/components/PersonalInformation"));
 
+var _PersonalInformationSecond = _interopRequireDefault(require("../composite-comp/dito/components/PersonalInformationSecond"));
+
 var _CommonFunctions = _interopRequireDefault(require("../composite-comp/dito/components/CommonFunctions"));
 
 var _Bargain = _interopRequireDefault(require("../composite-comp/dito/components/Bargain"));
@@ -135,6 +137,8 @@ var _HeadNavigationConfig = _interopRequireDefault(require("../composite-comp/di
 
 var _PersonalInformationConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/PersonalInformationConfig"));
 
+var _PersonalInformationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/PersonalInformationSecondConfig"));
+
 var _CommonFunctionsConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/CommonFunctionsConfig"));
 
 var _BargainConfig = _interopRequireDefault(require("../composite-comp/dito/config-panels/BargainConfig"));
@@ -201,7 +205,9 @@ var _MenuNavigationSecondConfig = _interopRequireDefault(require("../composite-c
 
 var _HeadNavigationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/HeadNavigationSecondConfig"));
 
-var _PersonalInformationSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/PersonalInformationSecondConfig"));
+var _PersonalInformationSecondConfig2 = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/PersonalInformationSecondConfig"));
+
+var _PersonalInformationSecondSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/PersonalInformationSecondSecondConfig"));
 
 var _CommonFunctionsSecondConfig = _interopRequireDefault(require("../composite-comp/dito/second-config-panels/CommonFunctionsSecondConfig"));
 
@@ -229,17 +235,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[_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[_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);
+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[_PersonalInformationSecond["default"].type] = _PersonalInformationSecond["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[_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[_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[_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[_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);
+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[_PersonalInformationSecond["default"].type] = _PersonalInformationSecondConfig["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[_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[_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[_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[_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);
+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] = _PersonalInformationSecondConfig2["default"], _c[_PersonalInformationSecond["default"].type] = _PersonalInformationSecondSecondConfig["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[_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/lib/constants/index.js

@@ -348,6 +348,10 @@ var compInfoMap = {
     name: 'Personal Information',
     icon: 'icon-account'
   },
+  PERSONAL_INFOMATION_SECOND: {
+    name: 'Personal Information',
+    icon: 'icon-account'
+  },
   COMMON_FUNCTIONS: {
     name: 'Common Functions',
     icon: 'icon-function'

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

@@ -142,6 +142,7 @@ var getSecondConfigName = function getSecondConfigName(selectedNode, clickedGrou
       break;
 
     case 'PERSONAL_INFOMATION':
+    case 'PERSONAL_INFOMATION_SECOND':
       groupName = panelProps.sourceType;
       break;
 

package/lib/core/Designer/index.js

@@ -31,6 +31,8 @@ var _History = _interopRequireDefault(require("./History"));
 
 var _AppointmentModal = _interopRequireDefault(require("./AppointmentModal"));
 
+var _LeftTitle = _interopRequireDefault(require("./LeftTitle"));
+
 var _RenderHtml = _interopRequireDefault(require("./RenderHtml"));
 
 var _ToolBarModal = _interopRequireDefault(require("./ToolBarModal"));
@@ -784,9 +786,13 @@ function (_super) {
         leftTitle = _b.leftTitle,
         outputType = _b.outputType,
         pageType = _b.pageType;
-    var renderPagesManage = pagesManager; // if (outputType == 'html') {
-    //   renderPagesManage = <LeftTitle title={leftTitle} />;
-    // }
+    var renderPagesManage = pagesManager;
+
+    if (outputType == 'html') {
+      renderPagesManage = /*#__PURE__*/_react["default"].createElement(_LeftTitle["default"], {
+        title: leftTitle
+      });
+    }
 
     return /*#__PURE__*/_react["default"].createElement(_mobxReact.Provider, {
       store: _mobx.store

package/lib/core/Renderer/index.js

@@ -46,7 +46,8 @@ var setDesignConfig = function setDesignConfig(props) {
       device = props.device,
       isPreview = props.isPreview,
       projectCode = props.projectCode,
-      showRecommendAds = props.showRecommendAds;
+      showRecommendAds = props.showRecommendAds,
+      h5JumpUrlConfig = props.h5JumpUrlConfig;
   window.magicDesign = __assign(__assign({
     pageBackground: '#f2f2f2',
     mode: 'renderer',
@@ -57,7 +58,8 @@ var setDesignConfig = function setDesignConfig(props) {
     projectCode: projectCode,
     compSpacing: Number(config.compSpacing),
     compWidth: Number(config.compWidth),
-    showRecommendAds: showRecommendAds
+    showRecommendAds: showRecommendAds,
+    h5JumpUrlConfig: h5JumpUrlConfig
   });
 };
 /**

package/lib/decorator/compositeDecorator.js

@@ -151,7 +151,7 @@ function compositeDecorator(WrappedComponent) {
         } // 解决pc导航hover上去，类目被下面组件遮罩的问题
 
 
-        if (nodeData.type === 'PC_NAVIGATION' || nodeData.type === 'PERSONAL_INFOMATION') {
+        if (nodeData.type === 'PC_NAVIGATION' || nodeData.type === 'PERSONAL_INFOMATION' || nodeData.type === 'PERSONAL_INFOMATION_SECOND') {
           zIndex = '2';
         }
 

package/lib/locale/ar/ar.json

@@ -1,4 +1,8 @@
 {
+  "ADULT": "Adult",
+  "ENDS_IN": "Ends in",
+  "STARTS_IN": "Starts in",
+  "ICON_COLOR": "Icon Color",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",
   "SEARCH_BAR_BACKGROUND": "Search Bar Background",

package/lib/locale/en/en.json

@@ -1,4 +1,8 @@
 {
+  "ADULT": "Adult",
+  "ENDS_IN": "Ends in",
+  "STARTS_IN": "Starts in",
+  "ICON_COLOR": "Icon Color",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",
   "SEARCH_BAR_BACKGROUND": "Search Bar Background",

package/lib/locale/es/es.json

@@ -1,4 +1,8 @@
 {
+  "ADULT": "Adult",
+  "ENDS_IN": "Ends in",
+  "STARTS_IN": "Starts in",
+  "ICON_COLOR": "Icon Color",
   "COLLECT_VOUCHER_SUCCESS": "Voucher collection successful!",
   "MOVE_IN_LOGO": "Move In Logo",
   "SEARCH_BAR_BACKGROUND": "Search Bar Background",

package/lib/locale/mn/mn.json

@@ -1,4 +1,22 @@
 {
+  "ADULT": "Adult",
+  "ENDS_IN": "Ends in",
+  "STARTS_IN": "Starts in",
+  "ICON_COLOR": "Icon Color",
+  "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",
+  "COLUMN_SPACING": "Column spacing",
+  "LINE_SPACING": "Мөр хоорондын зай",
+  "CHATBOT_ICON": "Chatbot icon",
+  "FESTIVAL_DECORATION": "Festival Decoration",
+  "PRICE_REDUCTION": "Price Reduction",
   "PRODUCT_LABEL": "Product Label",
   "LABELS": "Labels",
   "TAB_BACKGROUND": "Tab Background",
@@ -294,7 +312,6 @@
   "FONT_FAMILY": "Фонтын гэр бүл",
   "FONT_WEIGHT": "Фонтын жин",
   "FONT_SIZE": "Үсгийн хэмжээ",
-  "LINE_SPACING": "Мөр хоорондын зай",
   "LINE_COLOR": "Шугамын өнгө",
   "LINE_WEIGHT": "Шугамын жин",
   "LINE_STYLE": "Шугамын хэв маяг",

package/lib/meta-comp/components/Text/index.js

@@ -139,6 +139,7 @@ function (_super) {
     var _this = _super !== null && _super.apply(this, arguments) || this;
 
     _this.textRef = /*#__PURE__*/_react["default"].createRef();
+    _this.quillWrapRef = /*#__PURE__*/_react["default"].createRef();
     _this.quillRef = null;
     _this.state = {
       editabled: false
@@ -175,10 +176,22 @@ function (_super) {
               close: _this.onEditorClose
             }
           });
+
+          document.addEventListener('mousedown', _this.onEditorBlur);
         }, 100);
       });
     };
 
+    _this.onEditorBlur = function (event) {
+      var _a, _b;
+
+      var toolbarDom = document.querySelector('.toolbar-wrap');
+
+      if (((_a = _this.quillWrapRef) === null || _a === void 0 ? void 0 : _a.current) && !((_b = _this.quillWrapRef) === null || _b === void 0 ? void 0 : _b.current.contains(event.target)) && !toolbarDom.contains(event.target)) {
+        _this.onEditorClose();
+      }
+    };
+
     _this.onContentClick = function () {
       var data = _this.props.data;
 
@@ -190,6 +203,7 @@ function (_super) {
     };
 
     _this.onEditorClose = function () {
+      document.removeEventListener('mousedown', _this.onEditorBlur);
       _this.props.data.html = _this.quillRef.root.innerHTML;
 
       _this.setState({
@@ -253,10 +267,9 @@ function (_super) {
     }
 
     if (editabled) {
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "editor-shadow",
-        onClick: this.onEditorClose
-      }), /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        ref: this.quillWrapRef
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "quill-text-content-wrap",
         style: {
           zIndex: 3

package/lib/meta-comp/config-panels/ImageConfig/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.imageJson = exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,6 +11,8 @@ var _antd = require("antd4");
 
 require("./index.less");
 
+var _uuid = require("uuid");
+
 var _HotAreaConfig = _interopRequireDefault(require("./HotAreaConfig"));
 
 var _commonUtil = require("../../../utils/commonUtil");
@@ -194,6 +196,26 @@ var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
   }
 };
 
+var imageJson = {
+  id: (0, _uuid.v4)(),
+  open: true,
+  type: 'IMAGE',
+  content: {
+    clickUrl: '',
+    pcImgSrc: '',
+    h5ImgSrc: '',
+    name: ''
+  },
+  hover: {
+    open: false,
+    backgroundType: 'enlarge',
+    h5ImgHoverUrl: '',
+    pcImgHoverUrl: '',
+    magnification: 1
+  }
+};
+exports.imageJson = imageJson;
+
 var ImageConfig =
 /** @class */
 function (_super) {
@@ -422,21 +444,7 @@ function (_super) {
   };
 
   ImageConfig.defaultProps = {
-    data: {
-      content: {
-        clickUrl: '',
-        pcImgSrc: '',
-        h5ImgSrc: '',
-        name: ''
-      },
-      hover: {
-        open: false,
-        backgroundType: 'enlarge',
-        h5ImgHoverUrl: '',
-        pcImgHoverUrl: '',
-        magnification: 1
-      }
-    },
+    data: imageJson,
     needHover: true,
     needClickArea: true,
     needURL: true

package/lib/meta-comp/config-panels/TextConfig/index.js

@@ -151,6 +151,15 @@ function (_super) {
 
     _this.state = {};
     _this.containerRef = /*#__PURE__*/_react["default"].createRef();
+    _this.editInputRef = /*#__PURE__*/_react["default"].createRef();
+
+    _this.onEditInputBlur = function (event) {
+      var _a, _b;
+
+      if (((_a = _this.editInputRef) === null || _a === void 0 ? void 0 : _a.current) && !((_b = _this.editInputRef) === null || _b === void 0 ? void 0 : _b.current.contains(event.target))) {
+        _this.selfRender();
+      }
+    };
 
     _this.onSizeTypeChange = function (v, obj) {
       _extends(obj, sizeTypeMap[v]);
@@ -165,11 +174,23 @@ function (_super) {
   }
 
   TextConfig.prototype.componentDidMount = function () {
+    var _a, _b;
+
+    var data = this.props.data;
     window.document.addEventListener('text-render', this.selfRender);
+    (_b = (_a = this.editInputRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.addEventListener('input', function () {
+      if (data.html) {
+        data.html = this.textContent;
+      } else {
+        data.text = this.textContent;
+      }
+    });
+    document.addEventListener('mousedown', this.onEditInputBlur);
   };
 
   TextConfig.prototype.componentWillUnmount = function () {
     window.document.removeEventListener('text-render', this.selfRender);
+    document.removeEventListener('mousedown', this.onEditInputBlur);
   };
 
   TextConfig.prototype.render = function () {
@@ -367,13 +388,13 @@ function (_super) {
       className: "text-input",
       split: "solid",
       title: (0, _locale.i18n)('TEXT')
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
-      onChange: function onChange(e) {
-        data.text = e.target.value;
-
-        _this.selfRender();
-      },
-      value: data.text
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      ref: this.editInputRef,
+      className: "edit-input",
+      contentEditable: "true",
+      dangerouslySetInnerHTML: {
+        __html: data.html || data.text
+      }
     })), /*#__PURE__*/_react["default"].createElement(_common.Collapse // divider="dashed"
     // headerSize="small"
     , {