@fonixtree/magic-design 2.0.123 → 2.0.126

package/lib/composite-comp/common/components/MonpayProductItem/index.less

@@ -2,14 +2,15 @@
   display: flex;
   flex-direction: column;
   background: #FFFFFF;
-  border: 1px solid #D2D9E5;
   width: 142px;
   cursor: pointer;
   position: relative;
-  margin-right: 12px;
+  margin-right: 16px;
 
   .img-wrap {
     position: relative;
+    border-radius: 8px;
+    overflow: hidden;
 
     .product-img {
       width: 140px;
@@ -31,7 +32,6 @@
   }
 
   .content-wrap {
-    padding: 12px;
 
     .promotions-wrap {
       display: flex;
@@ -64,14 +64,13 @@
       line-height: 18px;
       max-height: 40px;
       white-space: wrap;
+      margin-top: 8px;
     }
 
     .price-wrap {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
-      margin-top: 6px;
-      margin-bottom: 4px;
 
       .price {
         width: auto !important;
@@ -84,7 +83,6 @@
 
     .price-sold-wrap {
       display: flex;
-      margin-top: 0;
       align-items: center;
       white-space: nowrap;
       overflow: hidden;
@@ -106,12 +104,12 @@
           color: #fff;
           padding: 0 4px;
           background-color: #CE1126;
+          margin-right: 4px;
         }
 
         .old-price {
           text-decoration: line-through;
           width: fit-content;
-          margin-left: 4px;
         }
       }
 
@@ -185,12 +183,13 @@
           font-size: 10px;
           font-weight: 800;
           width: 40px;
+          white-space: nowrap;
         }
       }
     }
 
     .progress-wrap {
-      margin-top: 10px;
+      margin-top: 8px;
 
       .text {
         font-family: 'Montserrat';
@@ -231,11 +230,17 @@
 
   &.horizontal {
     flex-direction: row;
+    border: 1px solid #D2D9E5;
+    border-radius: 8px;
 
-    .product-img {
-      width: 100px;
-      height: 100%;
-      min-height: 100px;
+    .img-wrap {
+      border-radius: 8px 0 0 8px;
+
+      .product-img {
+        width: 100px;
+        height: 100%;
+        min-height: 100px;
+      }
     }
 
     .content-wrap {

package/lib/composite-comp/common/components/ProductItem/index.js

@@ -135,9 +135,9 @@ function (_super) {
 
     var pricePrefix = (0, _commonUtil.ensure)(function () {
       return window.systemParams.prefix;
-    }, 'Rp');
+    }, 'Rp'); // 蒙古项目货币符号在后面
 
-    var _price = pricePrefix + " " + integerPart + " " + (decimalPart ? '.' + decimalPart : '');
+    var _price = integerPart + " " + (decimalPart ? '.' + decimalPart : '') + " " + pricePrefix;
 
     var oldPrice = data.marketPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.marketPrice) : null;
     var discount = Number(data.discountPercent) || 0;

package/lib/composite-comp/common/config-panels/InputField/index.js

@@ -92,11 +92,7 @@ function (_super) {
         inputLabel = _a.inputLabel;
     var textData = data.content;
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-text-config",
-      style: {
-        paddingTop: 12,
-        borderRadius: 6
-      }
+      className: "m-text-config"
     }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: inputLabel || (0, _locale.i18n)('PLACEHOLDER')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
@@ -143,7 +139,9 @@ function (_super) {
       value: "Montserrat"
     }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "Open Sans"
-    }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, (0, _locale.i18n)('OPEN_SANS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "Inter"
+    }, (0, _locale.i18n)('INTER')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_WEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {

package/lib/composite-comp/dito/components/MenuNavigation/MenuNavMetaImage/index.less

@@ -4,10 +4,12 @@
   height: 100%;
   display: flex;
   justify-content: center;
+  max-height: 65px;
+
   // overflow: hidden;
   &>img {
     width: 100%;
-    height: 100%;
+    // height: 100%;
     // object-fit: contain;
     transition: all .2s linear;
     vertical-align: initial;

package/lib/composite-comp/dito/components/MobileNavigation/mobile/index.js

@@ -118,7 +118,7 @@ function (_super) {
         className: "card-image",
         data: source.image,
         limitWidthHeight: true,
-        maxHeight: 82,
+        maxHeight: 120,
         scale: 0.5
       })), source.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-text",

package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js

@@ -57,6 +57,11 @@ var getDefaultJSON = function getDefaultJSON() {
           color: '#CE1126'
         }
       },
+      placeholder: {
+        id: (0, _uuid.v4)(),
+        open: true,
+        text: 'Search product, store, or brand'
+      },
       icon: {
         id: (0, _uuid.v4)(),
         open: true,

package/lib/composite-comp/dito/components/SearchBar/mobile/index.js

@@ -307,13 +307,13 @@ function (_super) {
     };
 
     _this.onBlur = function () {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
 
       var value = _this.state.value;
 
-      if (!value) {
+      if (((_c = (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !value) {
         _this.setState({
-          value: (_c = (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder,
+          value: (_f = (_e = (_d = _this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder,
           editing: false
         });
       }
@@ -323,42 +323,54 @@ function (_super) {
   }
 
   SearchMobile.prototype.componentDidMount = function () {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
 
     this.getMessageNum();
     this.getCartNum();
-    this.setState({
-      value: (_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder
-    });
+
+    if ((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) {
+      this.setState({
+        value: (_f = (_e = (_d = this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
   };
 
   SearchMobile.prototype.componentWillReceiveProps = function (nextProps) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 
-    if (!this.state.editing) {
+    if (((_c = (_b = (_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !this.state.editing) {
       this.setState({
-        value: (_c = (_b = (_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder
+        value: (_f = (_e = (_d = nextProps.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
+
+    if (!((_j = (_h = (_g = nextProps.data) === null || _g === void 0 ? void 0 : _g.content) === null || _h === void 0 ? void 0 : _h.keyword) === null || _j === void 0 ? void 0 : _j.open)) {
+      this.setState({
+        value: ''
       });
     }
   };
 
   SearchMobile.prototype.render = function () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
 
     var data = this.props.data;
-    var _t = this.state,
-        messageNum = _t.messageNum,
-        cartNum = _t.cartNum,
-        value = _t.value;
+    var _v = this.state,
+        messageNum = _v.messageNum,
+        cartNum = _v.cartNum,
+        value = _v.value;
 
     var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
 
     Reflect.deleteProperty(style, 'width');
+
+    var _placeholder = ((_b = data.content.placeholder) === null || _b === void 0 ? void 0 : _b.open) ? (_c = data.content.placeholder) === null || _c === void 0 ? void 0 : _c.text : '';
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-search-bar"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "right"
-    }, data.content && ((_b = data.content.box) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, data.content && ((_d = data.content.box) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "search-input-wrap",
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/search-page', {
@@ -366,8 +378,8 @@ function (_super) {
         });
       },
       style: {
-        borderColor: (_d = (_c = data.content.box) === null || _c === void 0 ? void 0 : _c.color) === null || _d === void 0 ? void 0 : _d.mobile,
-        backgroundColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.backgroundColor) === null || _f === void 0 ? void 0 : _f.mobile
+        borderColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.mobile,
+        backgroundColor: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.mobile
       }
     }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
       className: "search-input",
@@ -376,15 +388,16 @@ function (_super) {
       onFocus: this.onFocus,
       style: (0, _commonUtil.pxToRem)(style),
       type: "text",
-      value: value
+      value: value,
+      placeholder: _placeholder
     }), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.color) === null || _h === void 0 ? void 0 : _h.mobile,
+      color: (_k = (_j = data.content.box) === null || _j === void 0 ? void 0 : _j.color) === null || _k === void 0 ? void 0 : _k.mobile,
       size: (0, _commonUtil.convertToRem)(24),
       type: "icon-search2"
-    })), data.content && ((_k = (_j = data.content.icon) === null || _j === void 0 ? void 0 : _j.cartIcon) === null || _k === void 0 ? void 0 : _k.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
+    })), data.content && ((_m = (_l = data.content.icon) === null || _l === void 0 ? void 0 : _l.cartIcon) === null || _m === void 0 ? void 0 : _m.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "message-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_m = (_l = data.content.icon) === null || _l === void 0 ? void 0 : _l.color) === null || _m === void 0 ? void 0 : _m.mobile,
+      color: (_p = (_o = data.content.icon) === null || _o === void 0 ? void 0 : _o.color) === null || _p === void 0 ? void 0 : _p.mobile,
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/main/cart');
       },
@@ -395,10 +408,10 @@ function (_super) {
       type: "icon-ShoppingCartSimple1"
     }), !!cartNum && /*#__PURE__*/_react["default"].createElement("span", {
       className: "num"
-    }, cartNum)), data.content && ((_p = (_o = data.content.icon) === null || _o === void 0 ? void 0 : _o.messageIcon) === null || _p === void 0 ? void 0 : _p.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, cartNum)), data.content && ((_r = (_q = data.content.icon) === null || _q === void 0 ? void 0 : _q.messageIcon) === null || _r === void 0 ? void 0 : _r.mobile) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "message-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
-      color: (_r = (_q = data.content.icon) === null || _q === void 0 ? void 0 : _q.color) === null || _r === void 0 ? void 0 : _r.mobile,
+      color: (_t = (_s = data.content.icon) === null || _s === void 0 ? void 0 : _s.color) === null || _t === void 0 ? void 0 : _t.mobile,
       onClick: function onClick() {
         return (0, _coreUtil.clickUrl)('/message-center');
       },
@@ -409,7 +422,7 @@ function (_super) {
       type: "icon-message"
     }), !!messageNum && /*#__PURE__*/_react["default"].createElement("span", {
       className: "num"
-    }, messageNum))), data.content && ((_s = data.content.logo) === null || _s === void 0 ? void 0 : _s.open) && /*#__PURE__*/_react["default"].createElement("div", {
+    }, messageNum))), data.content && ((_u = data.content.logo) === null || _u === void 0 ? void 0 : _u.open) && /*#__PURE__*/_react["default"].createElement("div", {
       className: "logo",
       onClick: function onClick() {
         var _a, _b;

package/lib/composite-comp/dito/components/SearchBar/mobile/index.less

@@ -10,7 +10,6 @@
 .m-search-bar .right {
   display: flex;
   flex: 1;
-  margin-left: 0.3rem;
   align-items: center;
   justify-content: space-between;
 }
@@ -29,6 +28,8 @@
   background-color: transparent;
   border: none;
   height: 100%;
+  width: 100%;
+  padding: 0;
   box-shadow: none;
   font-family: 'Open Sans';
   font-style: normal;
@@ -56,6 +57,9 @@
   font-size: 0.16rem;
   color: #FFFFFF;
 }
+.m-search-bar .logo {
+  margin-right: 0.3rem;
+}
 .m-search-bar .logo img {
   width: auto;
 }

package/lib/composite-comp/dito/components/SearchBar/pc/index.js

@@ -25,6 +25,8 @@ var _Text = require("../../../../../meta-comp/components/Text");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -101,13 +103,13 @@ function (_super) {
     };
 
     _this.onBlur = function () {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
 
       var inputVal = _this.state.inputVal;
 
-      if (!inputVal) {
+      if (((_c = (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !inputVal) {
         _this.setState({
-          inputVal: (_c = (_b = (_a = _this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder,
+          inputVal: (_f = (_e = (_d = _this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder,
           editing: false
         });
       }
@@ -127,19 +129,27 @@ function (_super) {
   }
 
   SearchPc.prototype.componentDidMount = function () {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
 
-    this.setState({
-      inputVal: (_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder
-    });
+    if ((_c = (_b = (_a = this.props.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) {
+      this.setState({
+        inputVal: (_f = (_e = (_d = this.props.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
   };
 
   SearchPc.prototype.componentWillReceiveProps = function (nextProps) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+
+    if (((_c = (_b = (_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.open) && !this.state.editing) {
+      this.setState({
+        inputVal: (_f = (_e = (_d = nextProps.data) === null || _d === void 0 ? void 0 : _d.content) === null || _e === void 0 ? void 0 : _e.keyword) === null || _f === void 0 ? void 0 : _f.placeholder
+      });
+    }
 
-    if (!this.state.editing) {
+    if (!((_j = (_h = (_g = nextProps.data) === null || _g === void 0 ? void 0 : _g.content) === null || _h === void 0 ? void 0 : _h.keyword) === null || _j === void 0 ? void 0 : _j.open)) {
       this.setState({
-        inputVal: (_c = (_b = (_a = nextProps.data) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.keyword) === null || _c === void 0 ? void 0 : _c.placeholder
+        inputVal: ''
       });
     }
   };
@@ -147,7 +157,7 @@ function (_super) {
   SearchPc.prototype.render = function () {
     var _this = this;
 
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
 
     var data = this.props.data;
     var inputVal = this.state.inputVal;
@@ -155,6 +165,9 @@ function (_super) {
     var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
 
     Reflect.deleteProperty(style, 'width');
+
+    var _placeholder = ((_b = data.content.placeholder) === null || _b === void 0 ? void 0 : _b.open) ? (_c = data.content.placeholder) === null || _c === void 0 ? void 0 : _c.text : '';
+
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "pc-search-bar"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -163,9 +176,9 @@ function (_super) {
       className: "search-input-wrap",
       style: {
         borderColor: data.content.box.color.pc,
-        backgroundColor: (_c = (_b = data.content.box) === null || _b === void 0 ? void 0 : _b.backgroundColor) === null || _c === void 0 ? void 0 : _c.pc
+        backgroundColor: (_e = (_d = data.content.box) === null || _d === void 0 ? void 0 : _d.backgroundColor) === null || _e === void 0 ? void 0 : _e.pc
       }
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+    }, /*#__PURE__*/_react["default"].createElement(_antd.Input, _defineProperty({
       className: "search-input",
       onBlur: this.onBlur,
       onChange: function onChange(e) {
@@ -176,7 +189,7 @@ function (_super) {
       placeholder: (0, _locale.i18n)('PLEASE_INPUT_KEYWORDS'),
       style: (0, _commonUtil.pxToRem)(style),
       value: inputVal
-    }), /*#__PURE__*/_react["default"].createElement("div", {
+    }, "placeholder", _placeholder)), /*#__PURE__*/_react["default"].createElement("div", {
       className: "search-icon",
       onClick: this.searchProduct,
       style: {

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

@@ -166,7 +166,9 @@ function (_super) {
       value: "Montserrat"
     }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
       value: "Open Sans"
-    }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
+    }, (0, _locale.i18n)('OPEN_SANS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
+      value: "Inter"
+    }, (0, _locale.i18n)('INTER')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('FONT_WEIGHT')
     }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
       onChange: function onChange(v) {

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

@@ -140,6 +140,26 @@ function (_super) {
       metaOption: panelProps.keyword
     }, {
       key: 'search4',
+      name: (0, _locale.i18n)('SEARCH_BAR_PLACEHOLDER'),
+      toggleType: 'switch',
+      value: /*#__PURE__*/_react["default"].createElement("div", {
+        className: "m-text-config",
+        style: {
+          marginTop: 10
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
+        title: "Input Placeholder"
+      }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
+        onChange: function onChange(e) {
+          panelProps.placeholder.text = e.target.value;
+
+          _this.selfRender();
+        },
+        value: panelProps.placeholder.text
+      }))),
+      metaOption: panelProps.placeholder
+    }, {
+      key: 'search5',
       name: (0, _locale.i18n)('ICON'),
       toggleType: 'triangle',
       value: /*#__PURE__*/_react["default"].createElement("div", {

package/lib/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.less

@@ -28,7 +28,6 @@
   overflow: scroll;
 }
 .BundleItemWrap .prodList img {
-  height: 2.08rem;
   width: 1.9rem;
 }
 .BundleItemWrap .bottomWrap {

package/lib/composite-comp/monpay/components/InterestProducts/mobile/index.js

@@ -21,8 +21,6 @@ var _components = require("../../../../../meta-comp/components");
 
 var _commonUtil = require("../../../../../utils/commonUtil");
 
-var _storeUtil = require("../../../../../utils/storeUtil");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -270,9 +268,7 @@ function (_super) {
 
     _this.state = {
       interest: {},
-      list: (0, _coreUtil.isDesignMode)() ? defaultData : (0, _commonUtil.ensure)(function () {
-        return (0, _storeUtil.getMagicStore)("interestProducts_" + (window.magicDesign.pageId || '') + "_" + _this.props.panelProps.id);
-      }, [])
+      list: (0, _coreUtil.isDesignMode)() ? defaultData : []
     };
 
     _this.getMacy = function () {
@@ -282,8 +278,8 @@ function (_super) {
         waitForImages: false,
         useOwnImageLoader: false,
         margin: {
-          x: 12,
-          y: 12
+          x: 16,
+          y: 16
         },
         columns: 2
       });
@@ -295,8 +291,11 @@ function (_super) {
     _this.getData = function () {
       return __awaiter(_this, void 0, void 0, function () {
         var maxProdNum, res, list;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
+
+        var _a;
+
+        return __generator(this, function (_b) {
+          switch (_b.label) {
             case 0:
               maxProdNum = this.props.panelProps.content.maxProdNum;
               return [4
@@ -308,14 +307,13 @@ function (_super) {
               }, 'POST')];
 
             case 1:
-              res = _a.sent();
-              list = res.pageInfo.list;
+              res = _b.sent();
+              list = ((_a = res.pageInfo) === null || _a === void 0 ? void 0 : _a.list) || [];
               this.setState({
                 interest: res.interest || {},
                 list: list
               });
               if (list.length > 0) this.getMacy();
-              (0, _storeUtil.setMagicStore)("interestProducts_" + (window.magicDesign.pageId || '') + "_" + this.props.panelProps.id, list);
               return [2
               /*return*/
               ];

package/lib/composite-comp/monpay/components/MonpayFlashDeal/defaultJSON.js

@@ -75,7 +75,7 @@ var getDefaultJSON = function getDefaultJSON() {
         id: (0, _uuid.v4)(),
         open: true,
         type: 'BUTTON',
-        text: 'Shop More',
+        text: 'See All',
         content: {
           url: '',
           backgroundColor: ''
@@ -83,10 +83,10 @@ var getDefaultJSON = function getDefaultJSON() {
         buttonText: {
           sizeType: 'Customize font styles',
           fontFamily: 'Open Sans',
-          fontWeight: 600,
-          fontSize: 12,
+          fontWeight: 400,
+          fontSize: 14,
           fontStyle: 'normal',
-          color: '#0038A8',
+          color: '#FF8650',
           padding: '0'
         },
         buttonBorder: {
@@ -109,7 +109,7 @@ var getDefaultJSON = function getDefaultJSON() {
           }
         },
         buttonIcon: {
-          iconUrl: '/get/resource/platform/conf/20220719/picture/icon-arrow-right-s1549371733179686912.png',
+          iconUrl: '',
           layout: 'right'
         },
         hover: null
@@ -300,7 +300,7 @@ var getDefaultJSON = function getDefaultJSON() {
       mobile: {
         paddingTop: 0,
         paddingBottom: 0,
-        paddingLeft: 0,
+        paddingLeft: 20,
         paddingRight: 0,
         marginBottom: window.magicDesign.compSpacing
       }

package/lib/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.less

@@ -1,6 +1,3 @@
-.monpay-flash-deal-mobile {
-  padding: 0.32rem;
-}
 .monpay-flash-deal-mobile .flash-deal-title {
   display: flex;
   justify-content: space-between;
@@ -36,6 +33,7 @@
 .monpay-flash-deal-mobile .flash-deal-title .right {
   display: flex;
   align-items: center;
+  margin-right: 0.4rem;
 }
 .monpay-flash-deal-mobile .flash-deal-title .right .text {
   font-family: 'Montserrat';