@fonixtree/magic-design 0.0.49 → 0.0.51

package/es/composite-comp/dito/components/Recommend/pc/index.js

@@ -228,7 +228,7 @@ var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
 
 var LAYOUT_IMAGE_SIZE = {
   layout1: {
-    w: 180,
+    w: '100%',
     h: 180
   },
   layout2: {
@@ -524,7 +524,7 @@ function (_super) {
         hideTabs: hideTabs
       });
     });
-    var curLayout = panelProps.customize.layout.pcLayout;
+    var curLayout = JSON.stringify(panelProps.customize);
 
     if (curLayout !== this.preLayout) {
       this.resetLayout();
@@ -615,7 +615,9 @@ function (_super) {
         showProgress: false
       });
     })), _seeAll.open && products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-      className: "btnSeeAll",
+      className: (0, _classnames["default"])('btnSeeAll', {
+        line: layout === 'layout1'
+      }),
       data: _seeAll
     })) : /*#__PURE__*/_react["default"].createElement("div", {
       key: "scrollContainer",

package/es/composite-comp/dito/components/Recommend/pc/index.less

@@ -75,6 +75,9 @@
     display: block;
     width: fit-content;
     min-width: 80px;
-    margin: 0 auto;
+
+    &.line {
+      margin: 0 auto 10px auto;
+    }
   }
 }

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

@@ -15,6 +15,8 @@ var _coreUtil = require("../../../../utils/coreUtil");
 
 var _layout = require("../../../../constants/layout");
 
+var _SpacingConfig = _interopRequireDefault(require("../../../common/config-panels/SpacingConfig"));
+
 var _BackgroundConfig = _interopRequireDefault(require("../../../common/config-panels/BackgroundConfig"));
 
 var _CustomizeConfig = _interopRequireDefault(require("../../../common/config-panels/CustomizeConfig"));
@@ -81,6 +83,8 @@ function (_super) {
   }
 
   RecommendConfig.prototype.render = function () {
+    var _this = this;
+
     var data = this.props.data;
     return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
       divider: "bold",
@@ -97,14 +101,24 @@ function (_super) {
         value: /*#__PURE__*/_react["default"].createElement(_RecommendConfigContent["default"], {
           panelProps: data.content
         })
-      }, // { key: '3', name: i18n('SPACING'), value: <SpacingConfig configCompSpace configPaddingLR data={data.spacing} /> },
-      {
+      }, {
+        key: '3',
+        name: (0, _locale.i18n)('SPACING'),
+        value: /*#__PURE__*/_react["default"].createElement(_SpacingConfig["default"], {
+          configCompSpace: true,
+          configPaddingLR: true,
+          data: data.spacing
+        })
+      }, {
         key: '4',
         name: (0, _locale.i18n)('CUSTOMIZE'),
         value: /*#__PURE__*/_react["default"].createElement(_CustomizeConfig["default"], {
           data: data.customize,
           isHideAlign: true,
-          layoutSource: (0, _coreUtil.isPc)() ? _layout.recommendLayoutPc : _layout.recommendLayoutMobile
+          layoutSource: (0, _coreUtil.isPc)() ? _layout.recommendLayoutPc : _layout.recommendLayoutMobile,
+          selectedLayoutFun: function selectedLayoutFun(v) {
+            _this.getLayout(v);
+          }
         })
       }, {
         key: '5',

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

@@ -17,12 +17,16 @@ var _common = require("../../../../common");
 
 var _ImageConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ImageConfig"));
 
+var _ButtonConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/ButtonConfig"));
+
 var _TextConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/TextConfig"));
 
 var _BaseConfig = _interopRequireDefault(require("../../../../meta-comp/config-panels/BaseConfig"));
 
 var _coreUtil = require("../../../../utils/coreUtil");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -72,8 +76,9 @@ function (_super) {
         };
       }
 
-      var productSource = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        split: "dashed",
+      var productSource = /*#__PURE__*/_react["default"].createElement("div", {
+        className: "sourceOfProduct"
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
         title: (0, _locale.i18n)('SOURCE_OF_PRODUCT')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
         onChange: function onChange(v) {
@@ -86,7 +91,9 @@ function (_super) {
         value: "select"
       }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
         value: "recommend"
-      }, (0, _locale.i18n)('AI_RECOMMENDATION')))), panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
+      }, (0, _locale.i18n)('AI_RECOMMENDATION')))), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "greyBg"
+      }, panelProps.sourceType === 'select' && /*#__PURE__*/_react["default"].createElement(_common.ProductSource, {
         onChange: function onChange(v) {
           panelProps.prodIds = v;
 
@@ -105,7 +112,6 @@ function (_super) {
           intelligentValue: panelProps.intelligentValue
         }
       }), panelProps.sourceType === 'recommend' && /*#__PURE__*/_react["default"].createElement(_common.Field, {
-        split: "dashed",
         title: (0, _locale.i18n)('PRODUCT_QUANTITY')
       }, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
         onChange: function onChange(e) {
@@ -122,7 +128,7 @@ function (_super) {
         value: 50
       }, "\u226450"), /*#__PURE__*/_react["default"].createElement(_antd.Radio, {
         value: 100
-      }, "\u2264100"))));
+      }, "\u2264100")))));
 
       var hoverSetting = /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
         divider: "dashed",
@@ -158,17 +164,15 @@ function (_super) {
           data: panelProps.groupName
         }),
         metaOption: panelProps.groupName
-      }, // { key: 'defaultSource_3', name: i18n('SEE_ALL'), value: <ButtonConfig data={panelProps.seeAll} />, metaOption: panelProps.seeAll },
-      {
-        key: 'defaultSource_4',
-        name: (0, _locale.i18n)('SECOND_CATEGORY'),
-        value: productSource,
-        toggleType: 'arrow',
-        metaOption: {
-          id: 'productSource',
-          open: true
-        }
       }, {
+        key: 'defaultSource_3',
+        name: (0, _locale.i18n)('SEE_ALL'),
+        value: /*#__PURE__*/_react["default"].createElement(_ButtonConfig["default"], {
+          data: panelProps.seeAll
+        }),
+        metaOption: panelProps.seeAll
+      }];
+      var hoverSource = [{
         key: 'defaultSource_5',
         name: (0, _locale.i18n)('HOVER'),
         value: hoverSetting,
@@ -183,6 +187,14 @@ function (_super) {
         showActiveColor: true,
         source: defaultSource,
         type: "switch"
+      }), productSource, /*#__PURE__*/_react["default"].createElement(_common.Collapse, {
+        headerSize: "middle",
+        onRefresh: function onRefresh() {
+          return (0, _coreUtil.renderPreview)();
+        },
+        showActiveColor: true,
+        source: hoverSource,
+        type: "switch"
       }));
     };
 

package/es/composite-comp/dito/second-config-panels/RecommendSecondConfig/index.less

@@ -1,3 +1,16 @@
 .recommend_second_conf_wrap {
-  width: 354px;
+
+  .sourceOfProduct {
+    border-top: 1px solid #D2D9E5;
+    border-bottom: 1px solid #D2D9E5;
+    padding-top: 20px;
+    padding-bottom: 20px;
+
+    .greyBg {
+      background: #F5F6F7;
+      border-radius: 6px;
+      padding: 12px;
+      padding-bottom: 1px;
+    }
+  }
 }

package/es/constants/layout.js

@@ -39,11 +39,13 @@ var _newsletter = _interopRequireDefault(require("../assets/images/layout-icon/n
 
 var _layoutRecommend = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-1.png"));
 
-var _layoutRecommend2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-3.png"));
+var _layoutRecommend2 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-2.png"));
 
-var _layoutRecommend3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-4.png"));
+var _layoutRecommend3 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-3.png"));
 
-var _layoutRecommend4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-5.png"));
+var _layoutRecommend4 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-4.png"));
+
+var _layoutRecommend5 = _interopRequireDefault(require("../assets/images/layout-icon/layout-recommend-5.png"));
 
 var _layoutNavigationNewline = _interopRequireDefault(require("../assets/images/layout-icon/layout-navigation-newline.png"));
 
@@ -134,20 +136,36 @@ var recommendLayoutMobile = [{
   id: 'layout1',
   name: 'layout1',
   image: _layoutRecommend["default"]
+}, {
+  id: 'layout2',
+  name: 'layout2',
+  image: _layoutRecommend2["default"]
+}, {
+  id: 'layout3',
+  name: 'layout3',
+  image: _layoutRecommend3["default"]
+}, {
+  id: 'layout4',
+  name: 'layout4',
+  image: _layoutRecommend4["default"]
+}, {
+  id: 'layout5',
+  name: 'layout5',
+  image: _layoutRecommend5["default"]
 }];
 exports.recommendLayoutMobile = recommendLayoutMobile;
 var recommendLayoutPc = [{
   id: 'layout1',
   name: 'layout1',
-  image: _layoutRecommend2["default"]
+  image: _layoutRecommend3["default"]
 }, {
   id: 'layout2',
   name: 'layout2',
-  image: _layoutRecommend3["default"]
+  image: _layoutRecommend4["default"]
 }, {
   id: 'layout3',
   name: 'layout3',
-  image: _layoutRecommend4["default"]
+  image: _layoutRecommend5["default"]
 }];
 exports.recommendLayoutPc = recommendLayoutPc;
 var mobileNavigationLayout = [{

package/es/core/Designer/PageCompList/index.less

@@ -121,19 +121,19 @@
       display: block;
     }
   }
-}
 
-.active {
-  background: #E9F0FF;
-  color: #2F54EB;
+  &.active {
+    background: #E9F0FF;
+    color: #2F54EB;
 
-  .left {
-    .card-title {
-      font-weight: 600;
+    .left {
+      .card-title {
+        font-weight: 600;
+      }
     }
-  }
 
-  .more-btn {
-    display: block;
+    .more-btn {
+      display: block;
+    }
   }
 }

package/es/locale/index.js

@@ -30,10 +30,12 @@ function i18n(key, args) {
   var tempString = localeMap[_mobx.store.locale || 'en'][key];
 
   if (tempString) {
+    var str_1 = tempString;
     Object.keys(args).map(function (key) {
       var reg = new RegExp("{" + key + "}", 'g');
-      tempString.replace(reg, args[key]);
+      str_1 = tempString.replace(reg, args[key]);
     });
+    return str_1;
   } else {
     console.log('未找到国际化KEY:' + key);
     return key;

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

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./index.less");
 
+var _defaultImg = _interopRequireDefault(require("./image/default-img.png"));
+
 var _coreUtil = require("../../../utils/coreUtil");
 
 var _decorator = require("../../../decorator");
@@ -161,10 +163,11 @@ function (_super) {
 
     if (window.magicDesign.isShop && (srcImg === null || srcImg === void 0 ? void 0 : srcImg.includes('ecommerce/static'))) {
       srcImg = srcImg.replace('ecommerce/static', 'static');
-    } // if (!srcImg) {
-    //   srcImg = defaultImg;
-    // }
+    }
 
+    if (!srcImg) {
+      srcImg = _defaultImg["default"];
+    }
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('m-meta-image', {