@fonixtree/magic-design 1.0.175 → 1.0.176

package/es/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/es/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/es/constants/component-types.js

@@ -55,6 +55,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"));
@@ -121,6 +123,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"));
@@ -169,7 +173,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"));
 
@@ -193,17 +199,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[_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[_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[_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[_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[_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[_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[_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[_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[_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

@@ -258,6 +258,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/es/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/es/decorator/compositeDecorator.js

@@ -149,7 +149,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/composite-comp/dito/components/PersonalInformationSecond/defaultJSON.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultJSON = exports.PersonalInfoGroupSourceJSON = exports.OrdersGroupSourceJSON = void 0;
+
+var _uuid = require("uuid");
+
+var PersonalInfoGroupSourceJSON = function PersonalInfoGroupSourceJSON(text) {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    title: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'TEXT',
+      specialContent: [],
+      text: text || 'Name',
+      content: {
+        sizeType: 'Customize font styles',
+        fontFamily: 'Montserrat',
+        fontWeight: 500,
+        fontSize: 10,
+        color: '#fff',
+        width: 0,
+        textAlign: 'center'
+      },
+      underline: {
+        open: false,
+        textDecorationColor: '',
+        textDecorationStyle: 'solid'
+      },
+      vertical: {}
+    },
+    number: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'TEXT',
+      specialContent: [],
+      text: 0,
+      content: {
+        sizeType: 'Customize font styles',
+        fontFamily: 'Montserrat',
+        fontWeight: 600,
+        fontSize: 18,
+        color: '#fff',
+        width: 0,
+        textAlign: 'center'
+      },
+      underline: {
+        open: false,
+        textDecorationColor: '',
+        textDecorationStyle: 'solid'
+      },
+      vertical: {}
+    },
+    sourceType: text
+  };
+};
+
+exports.PersonalInfoGroupSourceJSON = PersonalInfoGroupSourceJSON;
+
+var OrdersGroupSourceJSON = function OrdersGroupSourceJSON(text) {
+  var groupId = (0, _uuid.v4)();
+  return {
+    id: groupId,
+    title: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'TEXT',
+      specialContent: [],
+      text: text || 'Name',
+      content: {
+        sizeType: 'Customize font styles',
+        fontFamily: 'Montserrat',
+        fontWeight: 600,
+        fontSize: 10,
+        color: '#3E3E3E',
+        width: 0,
+        textAlign: 'center'
+      },
+      underline: {
+        open: false,
+        textDecorationColor: '',
+        textDecorationStyle: 'solid'
+      },
+      vertical: {}
+    },
+    image: {
+      parentId: groupId,
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'IMAGE',
+      content: {
+        h5Name: 'name2',
+        pcName: 'name2',
+        h5ImgSrc: '',
+        pcImgSrc: '',
+        clickUrl: ''
+      },
+      hover: {
+        open: false,
+        backgroundType: 'enlarge',
+        magnification: 1.5,
+        pcImgHoverUrl: '',
+        h5ImgHoverUrl: ''
+      }
+    },
+    sourceType: text
+  };
+};
+
+exports.OrdersGroupSourceJSON = OrdersGroupSourceJSON;
+
+var getDefaultJSON = function getDefaultJSON() {
+  return {
+    id: (0, _uuid.v4)(),
+    type: 'PERSONAL_INFOMATION_SECOND',
+    login: {
+      open: true
+    },
+    decorationIcon: {
+      id: (0, _uuid.v4)(),
+      open: true,
+      type: 'IMAGE',
+      content: {
+        h5Name: 'name2',
+        pcName: 'name2',
+        h5ImgSrc: '',
+        pcImgSrc: '',
+        clickUrl: ''
+      },
+      hover: {
+        open: false,
+        backgroundType: 'enlarge',
+        magnification: 1.5,
+        pcImgHoverUrl: '',
+        h5ImgHoverUrl: ''
+      }
+    },
+    groupSource: [],
+    groupSource2: [OrdersGroupSourceJSON('To Pay'), OrdersGroupSourceJSON('To Ship'), OrdersGroupSourceJSON('To Receive')],
+    spacing: {
+      pc: {
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginBottom: 0
+      },
+      mobile: {
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginBottom: 0
+      }
+    },
+    background: {
+      opacity: 100,
+      color: '#fff',
+      image: '',
+      bgType: 'color'
+    }
+  };
+};
+
+exports.getDefaultJSON = getDefaultJSON;

package/lib/composite-comp/dito/components/PersonalInformationSecond/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobile = _interopRequireDefault(require("./mobile"));
+
+var _defaultJSON = require("./defaultJSON");
+
+var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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; }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var PersonalInformation =
+/** @class */
+function (_super) {
+  __extends(PersonalInformation, _super);
+
+  function PersonalInformation() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  PersonalInformation.prototype.render = function () {
+    var nodeData = this.props.nodeData;
+    return /*#__PURE__*/_react["default"].createElement("div", null, window.magicDesign.device === 'pc' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null) : /*#__PURE__*/_react["default"].createElement(_mobile["default"], {
+      data: nodeData
+    }));
+  };
+
+  PersonalInformation.defaultProps = {};
+  PersonalInformation.type = 'PERSONAL_INFOMATION_SECOND';
+  PersonalInformation.getDefaultJSON = _defaultJSON.getDefaultJSON;
+  PersonalInformation = __decorate([_compositeDecorator["default"]], PersonalInformation);
+  return PersonalInformation;
+}(_react.Component);
+
+var _default = PersonalInformation;
+exports["default"] = _default;