@fonixtree/magic-design 2.0.115 → 2.0.117

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/es/assets/fonts/.DS_Store +0 -0
  2. package/es/common/PopUpModal/index.less +2 -2
  3. package/es/common/ProductFilterModal/index.less +1 -1
  4. package/es/composite-comp/common/components/MonpayProductItem/index.js +2 -2
  5. package/es/composite-comp/common/components/MonpayProductItem/index.less +1 -1
  6. package/es/composite-comp/dito/components/HeadNavigation/mobile/index.js +1 -1
  7. package/es/composite-comp/dito/components/SearchBar/mobile/index.js +3 -1
  8. package/es/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.js +2 -1
  9. package/es/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +7 -38
  10. package/es/composite-comp/monpay/components/InterestProducts/mobile/index.js +7 -7
  11. package/es/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js +1 -1
  12. package/es/composite-comp/monpay/components/MonpayRecommend/defaultJSON.js +1 -0
  13. package/es/composite-comp/monpay/components/MonpayRecommend/mobile/SearchCondition/index.js +21 -1
  14. package/es/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +15 -13
  15. package/es/composite-comp/monpay/components/MonpayRecommend/mobile/index.less +0 -3
  16. package/es/constants/index.js +5 -2
  17. package/es/core/Designer/QuickMenuBar/index.js +2 -1
  18. package/es/decorator/compositeDecorator.js +1 -1
  19. package/es/utils/businessUtil.js +36 -0
  20. package/es/utils/commonUtil.js +1 -1
  21. package/es/utils/coreUtil.js +4 -4
  22. package/lib/assets/fonts/.DS_Store +0 -0
  23. package/lib/common/PopUpModal/index.less +2 -2
  24. package/lib/common/ProductFilterModal/index.less +1 -1
  25. package/lib/composite-comp/common/components/MonpayProductItem/index.js +2 -2
  26. package/lib/composite-comp/common/components/MonpayProductItem/index.less +1 -1
  27. package/lib/composite-comp/dito/components/HeadNavigation/mobile/index.js +1 -1
  28. package/lib/composite-comp/dito/components/SearchBar/mobile/index.js +3 -1
  29. package/lib/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.js +2 -1
  30. package/lib/composite-comp/monpay/components/InterestProducts/mobile/ProductItem/index.js +7 -38
  31. package/lib/composite-comp/monpay/components/InterestProducts/mobile/index.js +7 -7
  32. package/lib/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.js +1 -1
  33. package/lib/composite-comp/monpay/components/MonpayRecommend/defaultJSON.js +1 -0
  34. package/lib/composite-comp/monpay/components/MonpayRecommend/mobile/SearchCondition/index.js +21 -1
  35. package/lib/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +15 -13
  36. package/lib/composite-comp/monpay/components/MonpayRecommend/mobile/index.less +0 -3
  37. package/lib/constants/index.js +5 -2
  38. package/lib/core/Designer/QuickMenuBar/index.js +2 -1
  39. package/lib/decorator/compositeDecorator.js +1 -1
  40. package/lib/utils/businessUtil.js +36 -0
  41. package/lib/utils/commonUtil.js +1 -1
  42. package/lib/utils/coreUtil.js +4 -4
  43. package/package.json +1 -1
Binary file
@@ -37,9 +37,9 @@
37
37
  flex-direction: column;
38
38
  background-color: #fff;
39
39
  box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
40
- animation: bounceIn .5s linear;
40
+ animation: all .5s linear;
41
41
  margin-top: -80px;
42
- max-height: 60%;
42
+ padding-bottom: 80px;
43
43
  border-radius: 10px 10px 0 0;
44
44
 
45
45
  .topLineWrap {
@@ -1,7 +1,7 @@
1
1
  .productFilterModal {
2
2
  .productFilterWrap {
3
3
  background: #ffffff;
4
- height: calc(80vh - 40px);
4
+ height: 60vh;
5
5
  overflow-y: scroll;
6
6
  overflow-x: hidden;
7
7
  box-sizing: border-box;
@@ -175,7 +175,7 @@ function (_super) {
175
175
  var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
176
176
  return f.position === '7';
177
177
  })) || [];
178
- var soldNumber = data.salesCnt - data.salesCnt % 250;
178
+ var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
179
179
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
180
180
  className: (0, _classnames["default"])('monpay-product-item-wrap', {
181
181
  fixHeight: fixHeight,
@@ -270,7 +270,7 @@ function (_super) {
270
270
  className: "sold"
271
271
  }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
272
272
  data: __assign(__assign({}, panelProps.sold), {
273
- text: "Sold " + (soldNumber || 0) + "+"
273
+ text: "Sold " + soldNumber
274
274
  }),
275
275
  readonly: true
276
276
  }))), data.coupons && data.coupons.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
@@ -163,7 +163,7 @@
163
163
  height: 20px;
164
164
  color: #F47A46;
165
165
  background: url('./imgs/coupon-orange.png') no-repeat center;
166
- background-size: 100%;
166
+ background-size: 100% !important;
167
167
  margin-right: 6px;
168
168
  margin-bottom: 4px;
169
169
  line-height: 1;
@@ -53,7 +53,7 @@ function (_super) {
53
53
 
54
54
  _this.carouselRef = /*#__PURE__*/_react["default"].createRef();
55
55
  _this.state = {
56
- showNav: false
56
+ showNav: true
57
57
  };
58
58
  return _this;
59
59
  }
@@ -361,7 +361,9 @@ function (_super) {
361
361
  }, data.content && ((_b = data.content.box) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
362
362
  className: "search-input-wrap",
363
363
  onClick: function onClick() {
364
- return (0, _coreUtil.clickUrl)('/search-page');
364
+ return (0, _coreUtil.clickUrl)('/search-page', {
365
+ searchValue: value
366
+ });
365
367
  },
366
368
  style: {
367
369
  borderColor: (_d = (_c = data.content.box) === null || _c === void 0 ? void 0 : _c.color) === null || _d === void 0 ? void 0 : _d.mobile,
@@ -65,7 +65,8 @@ function BundleItem(props) {
65
65
  prodSpcAttrs: productDetail.specAttrValues,
66
66
  offerCnt: offer.num,
67
67
  inCmpIdList: [data.campaignId],
68
- salesPrice: productDetail.salesPrice
68
+ salesPrice: productDetail.salesPrice,
69
+ isBundleOffer: true
69
70
  };
70
71
  })
71
72
  }];
@@ -17,8 +17,6 @@ var _common = require("../../../../../../common");
17
17
 
18
18
  var _ImageLabel = _interopRequireDefault(require("../../../../../common/components/ImageLabel"));
19
19
 
20
- var _businessUtil = require("../../../../../../utils/businessUtil");
21
-
22
20
  require("./index.less");
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -82,39 +80,10 @@ function (_super) {
82
80
  var _d = this.props,
83
81
  data = _d.data,
84
82
  onItemClick = _d.onItemClick,
85
- unknownPrice = _d.unknownPrice,
86
- rest = __rest(_d, ["data", "onItemClick", "unknownPrice"]);
87
-
88
- var promotions = (0, _businessUtil.getPromotionList)(data);
89
- var price = (0, _currencyUtil.formatCurrency)(data.salesPrice);
90
- /** 当是拼团时 显示价格 */
91
-
92
- if (data.sppType && promotions.length) {
93
- price = data.specialPrice !== null ? (0, _currencyUtil.formatCurrency)(data.specialPrice) : (0, _currencyUtil.formatCurrency)(data.salesPrice);
94
- }
95
-
96
- var integerPart = price;
97
- var decimalPart = null;
98
-
99
- if (unknownPrice) {
100
- if (price.length > 5) {
101
- integerPart = price.slice(0, -5).replace(/\d/g, '? ') + price.slice(-5);
102
- } else {
103
- integerPart = price.replace(/\d/, '? ');
104
- }
105
- } else if (Array.isArray(price)) {
106
- integerPart = price[0];
107
- decimalPart = price[1];
108
- }
109
-
110
- var pricePrefix = (0, _commonUtil.ensure)(function () {
111
- return window.systemParams.prefix;
112
- }, 'Rp');
113
-
114
- var _price = pricePrefix + " " + integerPart + " " + (decimalPart ? '.' + decimalPart : '');
115
-
116
- var oldPrice = data.marketPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.marketPrice) : null; // const discount = Number(data.discountPercent) || 0;
83
+ rest = __rest(_d, ["data", "onItemClick"]);
117
84
 
85
+ var price = data.specialPrice !== null ? (0, _currencyUtil.formatCurrency)(data.specialPrice) : null;
86
+ var oldPrice = data.salesPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice) : null;
118
87
  var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
119
88
  return f.position !== '6' && f.position !== '7';
120
89
  })) || [];
@@ -124,7 +93,7 @@ function (_super) {
124
93
  var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
125
94
  return f.position === '7';
126
95
  })) || [];
127
- var soldNumber = data.salesCnt - data.salesCnt % 250;
96
+ var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
128
97
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
129
98
  className: (0, _classnames["default"])('monpay-interest-product-item-wrap'),
130
99
  onClick: function onClick() {
@@ -139,7 +108,7 @@ function (_super) {
139
108
  }), /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
140
109
  labels: imgLabels,
141
110
  small: true
142
- }), /*#__PURE__*/_react["default"].createElement("div", {
111
+ }), data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
143
112
  className: "discount-tag"
144
113
  }, data.discountPercent, "% off")), /*#__PURE__*/_react["default"].createElement("div", {
145
114
  className: "content-wrap"
@@ -156,7 +125,7 @@ function (_super) {
156
125
  className: "price-wrap"
157
126
  }, /*#__PURE__*/_react["default"].createElement("div", {
158
127
  className: "price"
159
- }, _price), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
128
+ }, price, " "), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
160
129
  labels: priceLabels,
161
130
  small: true
162
131
  })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -177,7 +146,7 @@ function (_super) {
177
146
  className: "line"
178
147
  }), /*#__PURE__*/_react["default"].createElement("div", {
179
148
  className: "sold"
180
- }, "Sold ", soldNumber || 0, "+"))));
149
+ }, "Sold ", soldNumber))));
181
150
  };
182
151
 
183
152
  ProductItem.defaultProps = {
@@ -215,7 +215,7 @@ var defaultData = [{
215
215
  url: _card["default"]
216
216
  },
217
217
  offerName: 'Product Name',
218
- salesPrice: 18000000,
218
+ salesPrice: 20000000,
219
219
  specialPrice: 18000000,
220
220
  marketPrice: 19000000,
221
221
  discountPercent: 10,
@@ -227,10 +227,10 @@ var defaultData = [{
227
227
  url: _card["default"]
228
228
  },
229
229
  offerName: 'Product Name',
230
- salesPrice: 18000000,
230
+ salesPrice: 20000000,
231
231
  specialPrice: 18000000,
232
232
  marketPrice: 19000000,
233
- discountPercent: 10,
233
+ discountPercent: null,
234
234
  salePercent: 500,
235
235
  salesCnt: 501,
236
236
  sppType: '2'
@@ -239,7 +239,7 @@ var defaultData = [{
239
239
  url: _card["default"]
240
240
  },
241
241
  offerName: 'Product Name',
242
- salesPrice: 18000000,
242
+ salesPrice: 20000000,
243
243
  specialPrice: 18000000,
244
244
  marketPrice: 19000000,
245
245
  discountPercent: 10,
@@ -251,12 +251,12 @@ var defaultData = [{
251
251
  url: _card["default"]
252
252
  },
253
253
  offerName: 'Product Name',
254
- salesPrice: 18000000,
254
+ salesPrice: 20000000,
255
255
  specialPrice: 18000000,
256
256
  marketPrice: 19000000,
257
257
  discountPercent: 10,
258
258
  salePercent: 500,
259
- salesCnt: 501,
259
+ salesCnt: 200,
260
260
  sppType: '2'
261
261
  }];
262
262
 
@@ -354,7 +354,7 @@ function (_super) {
354
354
  data: __assign(__assign({}, panelProps.title.headline), {
355
355
  text: interest.interestName
356
356
  })
357
- }), panelProps.title.seeAll.open && /*#__PURE__*/_react["default"].createElement("span", {
357
+ }), panelProps.title.seeAll.open && /*#__PURE__*/_react["default"].createElement("div", {
358
358
  className: "btn",
359
359
  onClick: function onClick() {
360
360
  return (0, _coreUtil.clickUrl)("/product/recommend/" + (interest.interestId || ''));
@@ -402,7 +402,7 @@ function (_super) {
402
402
  }), panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
403
403
  className: "title",
404
404
  data: panelProps.title.headline
405
- }), panelProps.title.countdown.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
405
+ }), panelProps.title.countdown.open && panelProps.title.countdown.number.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
406
406
  bgColor: panelProps.title.countdown.backgroundColor,
407
407
  effDate: effDate,
408
408
  expDate: expDate,
@@ -343,6 +343,7 @@ var getDefaultJSON = function getDefaultJSON() {
343
343
  }
344
344
  },
345
345
  filter: {
346
+ id: (0, _uuid.v4)(),
346
347
  open: false
347
348
  }
348
349
  },
@@ -104,7 +104,27 @@ function SearchCondition(props) {
104
104
  setVisible(false);
105
105
  };
106
106
 
107
- (0, _react.useEffect)(function () {}, []);
107
+ var hideBottomBar = function hideBottomBar() {
108
+ var homeNavBar = document.querySelector('#bottom-menu');
109
+ if (homeNavBar) homeNavBar.style.visibility = 'hidden';
110
+ var toTop = document.querySelector('#homeToTop');
111
+ if (toTop) toTop.style.visibility = 'hidden';
112
+ };
113
+
114
+ var showBottomBar = function showBottomBar() {
115
+ var homeNavBar = document.querySelector('#bottom-menu');
116
+ if (homeNavBar) homeNavBar.style.visibility = 'visible';
117
+ var toTop = document.querySelector('#homeToTop');
118
+ if (toTop) toTop.style.visibility = 'visible';
119
+ };
120
+
121
+ (0, _react.useEffect)(function () {
122
+ if (visible) {
123
+ hideBottomBar();
124
+ } else {
125
+ showBottomBar();
126
+ }
127
+ }, [visible]);
108
128
  return /*#__PURE__*/_react["default"].createElement("div", {
109
129
  className: "searchCondWrap",
110
130
  id: "sortCond"
@@ -238,7 +238,14 @@ var defaultData = [{
238
238
  salesPrice: 18000000,
239
239
  specialPrice: 18000000,
240
240
  marketPrice: 19000000,
241
- salePercent: 500
241
+ salePercent: 500,
242
+ coupons: [{
243
+ couponId: '1',
244
+ discountMethod: 'DISC'
245
+ }, {
246
+ couponId: '2',
247
+ discountMethod: 'AMT'
248
+ }]
242
249
  }, {
243
250
  imgUrlContent: {
244
251
  url: _card["default"]
@@ -281,12 +288,12 @@ var LAYOUT_IMAGE_SIZE = {
281
288
  h: 126
282
289
  },
283
290
  'layout3-2': {
284
- w: 150,
285
- h: 150
291
+ w: 130,
292
+ h: 130
286
293
  },
287
294
  'layout3-3': {
288
- w: 96,
289
- h: 96
295
+ w: 90,
296
+ h: 90
290
297
  },
291
298
  layout4: {
292
299
  w: 110,
@@ -379,10 +386,7 @@ function (_super) {
379
386
  _this.resetLayout();
380
387
  });
381
388
  /** 如果数据未过期 */
382
-
383
- if (cache.endTime > Date.now()) return [2
384
- /*return*/
385
- ];
389
+ // if (cache.endTime > Date.now()) return;
386
390
  }
387
391
  }
388
392
  }
@@ -832,9 +836,7 @@ function (_super) {
832
836
  }, /*#__PURE__*/_react["default"].createElement("div", {
833
837
  className: "scrollProductList"
834
838
  }, _products.map(function (item) {
835
- return /*#__PURE__*/_react["default"].createElement("div", {
836
- className: "productCard"
837
- }, /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
839
+ return /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
838
840
  key: "scroll_" + item.productId,
839
841
  data: item,
840
842
  imgHeight: imgHeight,
@@ -849,7 +851,7 @@ function (_super) {
849
851
  },
850
852
  panelProps: panelProps.content,
851
853
  showProgress: false
852
- }));
854
+ });
853
855
  })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
854
856
  className: "btnSeeAll",
855
857
  data: _seeAll
@@ -69,9 +69,6 @@
69
69
  flex-direction: row;
70
70
  align-items: flex-start;
71
71
  }
72
- .monpay-recommend-mobile .scrollContainer .scrollProductList .productCard {
73
- margin-right: 0.24rem;
74
- }
75
72
  .monpay-recommend-mobile .btnSeeAll {
76
73
  display: block;
77
74
  width: fit-content;
@@ -87,7 +87,10 @@ var urlTypeMap = {
87
87
  AFFILIATE_STORE: 'AffiliateStore',
88
88
  ANCHOR: 'Anchor',
89
89
  MINI_API: 'MiniApi',
90
- AFFILIATE_PLATFORM: 'AffiliatePlatform'
90
+ AFFILIATE_PLATFORM: 'AffiliatePlatform',
91
+ INTERESTED_MERCHANTS: 'InterestedMerchants',
92
+ INTERESTED_PRODUCTS: 'InterestedProducts',
93
+ MERCHANT_STORY: 'MerchantStory'
91
94
  };
92
95
  exports.urlTypeMap = urlTypeMap;
93
96
  var respCodeMap = {
@@ -151,7 +154,7 @@ var compInfoMap = {
151
154
  icon: 'icon-flash-deal'
152
155
  },
153
156
  BARGAIN: {
154
- name: 'Bargain',
157
+ name: 'Refer and Bargain',
155
158
  icon: 'icon-kanjia'
156
159
  },
157
160
  MONPAY_FLASH_DEAL: {
@@ -130,10 +130,11 @@ function (_super) {
130
130
  _this.isShowSetTemplate = function () {
131
131
  return _constants.pageStateMap.DRAFT === _this.props.pageState;
132
132
  }; // 拒绝审核 和 草稿状态展示保存按钮
133
+ // isShowSave = () => [pageStateMap.REJECTED, pageStateMap.DRAFT].includes(this.props.pageState)
133
134
 
134
135
 
135
136
  _this.isShowSave = function () {
136
- return [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
137
+ return true;
137
138
  };
138
139
 
139
140
  return _this;
@@ -121,7 +121,7 @@ function compositeDecorator(WrappedComponent) {
121
121
  var zIndex = '0';
122
122
  var position = 'relative';
123
123
 
124
- if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS') {
124
+ if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS' || nodeData.type === 'MONPAY_RECOMMEND') {
125
125
  zIndex = '1';
126
126
  } // 解决pc导航hover上去,类目被下面组件遮罩的问题
127
127
 
@@ -219,6 +219,42 @@ var newParseUrl = function newParseUrl(urlObj) {
219
219
  };
220
220
  break;
221
221
 
222
+ case _constants.urlTypeMap.INTERESTED_MERCHANTS:
223
+ // 兴趣商家
224
+ link = "/store/list/" + value;
225
+ params = {
226
+ action: 'jump',
227
+ params: {
228
+ type: 'INTERESTED_MERCHANTS',
229
+ url: value
230
+ }
231
+ };
232
+ break;
233
+
234
+ case _constants.urlTypeMap.INTERESTED_PRODUCTS:
235
+ // 兴趣列表
236
+ link = "/product/recommend/" + value;
237
+ params = {
238
+ action: 'jump',
239
+ params: {
240
+ type: 'INTERESTED_PRODUCTS',
241
+ url: value
242
+ }
243
+ };
244
+ break;
245
+
246
+ case _constants.urlTypeMap.MERCHANT_STORY:
247
+ // 商家故事
248
+ link = "/merchant-story/" + value;
249
+ params = {
250
+ action: 'jump',
251
+ params: {
252
+ type: 'MERCHANT_STORY',
253
+ url: value
254
+ }
255
+ };
256
+ break;
257
+
222
258
  default:
223
259
  var map = {
224
260
  '/main/cart': 'CART',
@@ -298,7 +298,7 @@ function commonFetch(url, data, method) {
298
298
  }
299
299
 
300
300
  var navigateTo = function navigateTo(url, state) {
301
- console.log('navigateTo', url);
301
+ console.log('navigateTo', url, state);
302
302
 
303
303
  if (!url) {
304
304
  return;
@@ -302,14 +302,14 @@ function isUrl(string) {
302
302
  }
303
303
  }
304
304
 
305
- var clickUrl = function clickUrl(url) {
305
+ var clickUrl = function clickUrl(url, state) {
306
306
  var _a;
307
307
 
308
308
  if (url === void 0) {
309
309
  url = '';
310
310
  }
311
311
 
312
- console.log('clickUrl...', url); // 只读模式,设计模式,url为空,邮箱模版
312
+ console.log('clickUrl...', url, state); // 只读模式,设计模式,url为空,邮箱模版
313
313
  // if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
314
314
  // return;
315
315
  // }
@@ -394,10 +394,10 @@ var clickUrl = function clickUrl(url) {
394
394
  window.open(link);
395
395
  }
396
396
  } else {
397
- (0, _commonUtil.navigateTo)(link);
397
+ (0, _commonUtil.navigateTo)(link, state);
398
398
  }
399
399
  } else {
400
- (0, _commonUtil.navigateTo)(link);
400
+ (0, _commonUtil.navigateTo)(link, state);
401
401
  }
402
402
  }
403
403
  };
Binary file
@@ -37,9 +37,9 @@
37
37
  flex-direction: column;
38
38
  background-color: #fff;
39
39
  box-shadow: 0px 4px 8px rgba(96, 97, 112, 0.16);
40
- animation: bounceIn .5s linear;
40
+ animation: all .5s linear;
41
41
  margin-top: -80px;
42
- max-height: 60%;
42
+ padding-bottom: 80px;
43
43
  border-radius: 10px 10px 0 0;
44
44
 
45
45
  .topLineWrap {
@@ -1,7 +1,7 @@
1
1
  .productFilterModal {
2
2
  .productFilterWrap {
3
3
  background: #ffffff;
4
- height: calc(80vh - 40px);
4
+ height: 60vh;
5
5
  overflow-y: scroll;
6
6
  overflow-x: hidden;
7
7
  box-sizing: border-box;
@@ -175,7 +175,7 @@ function (_super) {
175
175
  var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
176
176
  return f.position === '7';
177
177
  })) || [];
178
- var soldNumber = data.salesCnt - data.salesCnt % 250;
178
+ var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
179
179
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
180
180
  className: (0, _classnames["default"])('monpay-product-item-wrap', {
181
181
  fixHeight: fixHeight,
@@ -270,7 +270,7 @@ function (_super) {
270
270
  className: "sold"
271
271
  }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
272
272
  data: __assign(__assign({}, panelProps.sold), {
273
- text: "Sold " + (soldNumber || 0) + "+"
273
+ text: "Sold " + soldNumber
274
274
  }),
275
275
  readonly: true
276
276
  }))), data.coupons && data.coupons.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
@@ -163,7 +163,7 @@
163
163
  height: 20px;
164
164
  color: #F47A46;
165
165
  background: url('./imgs/coupon-orange.png') no-repeat center;
166
- background-size: 100%;
166
+ background-size: 100% !important;
167
167
  margin-right: 6px;
168
168
  margin-bottom: 4px;
169
169
  line-height: 1;
@@ -53,7 +53,7 @@ function (_super) {
53
53
 
54
54
  _this.carouselRef = /*#__PURE__*/_react["default"].createRef();
55
55
  _this.state = {
56
- showNav: false
56
+ showNav: true
57
57
  };
58
58
  return _this;
59
59
  }
@@ -361,7 +361,9 @@ function (_super) {
361
361
  }, data.content && ((_b = data.content.box) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
362
362
  className: "search-input-wrap",
363
363
  onClick: function onClick() {
364
- return (0, _coreUtil.clickUrl)('/search-page');
364
+ return (0, _coreUtil.clickUrl)('/search-page', {
365
+ searchValue: value
366
+ });
365
367
  },
366
368
  style: {
367
369
  borderColor: (_d = (_c = data.content.box) === null || _c === void 0 ? void 0 : _c.color) === null || _d === void 0 ? void 0 : _d.mobile,
@@ -65,7 +65,8 @@ function BundleItem(props) {
65
65
  prodSpcAttrs: productDetail.specAttrValues,
66
66
  offerCnt: offer.num,
67
67
  inCmpIdList: [data.campaignId],
68
- salesPrice: productDetail.salesPrice
68
+ salesPrice: productDetail.salesPrice,
69
+ isBundleOffer: true
69
70
  };
70
71
  })
71
72
  }];
@@ -17,8 +17,6 @@ var _common = require("../../../../../../common");
17
17
 
18
18
  var _ImageLabel = _interopRequireDefault(require("../../../../../common/components/ImageLabel"));
19
19
 
20
- var _businessUtil = require("../../../../../../utils/businessUtil");
21
-
22
20
  require("./index.less");
23
21
 
24
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -82,39 +80,10 @@ function (_super) {
82
80
  var _d = this.props,
83
81
  data = _d.data,
84
82
  onItemClick = _d.onItemClick,
85
- unknownPrice = _d.unknownPrice,
86
- rest = __rest(_d, ["data", "onItemClick", "unknownPrice"]);
87
-
88
- var promotions = (0, _businessUtil.getPromotionList)(data);
89
- var price = (0, _currencyUtil.formatCurrency)(data.salesPrice);
90
- /** 当是拼团时 显示价格 */
91
-
92
- if (data.sppType && promotions.length) {
93
- price = data.specialPrice !== null ? (0, _currencyUtil.formatCurrency)(data.specialPrice) : (0, _currencyUtil.formatCurrency)(data.salesPrice);
94
- }
95
-
96
- var integerPart = price;
97
- var decimalPart = null;
98
-
99
- if (unknownPrice) {
100
- if (price.length > 5) {
101
- integerPart = price.slice(0, -5).replace(/\d/g, '? ') + price.slice(-5);
102
- } else {
103
- integerPart = price.replace(/\d/, '? ');
104
- }
105
- } else if (Array.isArray(price)) {
106
- integerPart = price[0];
107
- decimalPart = price[1];
108
- }
109
-
110
- var pricePrefix = (0, _commonUtil.ensure)(function () {
111
- return window.systemParams.prefix;
112
- }, 'Rp');
113
-
114
- var _price = pricePrefix + " " + integerPart + " " + (decimalPart ? '.' + decimalPart : '');
115
-
116
- var oldPrice = data.marketPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.marketPrice) : null; // const discount = Number(data.discountPercent) || 0;
83
+ rest = __rest(_d, ["data", "onItemClick"]);
117
84
 
85
+ var price = data.specialPrice !== null ? (0, _currencyUtil.formatCurrency)(data.specialPrice) : null;
86
+ var oldPrice = data.salesPrice !== null ? (0, _currencyUtil.formatCurrencyWithSymbol)(data.salesPrice) : null;
118
87
  var imgLabels = ((_a = data.labels) === null || _a === void 0 ? void 0 : _a.filter(function (f) {
119
88
  return f.position !== '6' && f.position !== '7';
120
89
  })) || [];
@@ -124,7 +93,7 @@ function (_super) {
124
93
  var priceLabels = ((_c = data.labels) === null || _c === void 0 ? void 0 : _c.filter(function (f) {
125
94
  return f.position === '7';
126
95
  })) || [];
127
- var soldNumber = data.salesCnt - data.salesCnt % 250;
96
+ var soldNumber = data.salesCnt > 250 ? data.salesCnt - data.salesCnt % 250 + "+" : data.salesCnt || 0;
128
97
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
129
98
  className: (0, _classnames["default"])('monpay-interest-product-item-wrap'),
130
99
  onClick: function onClick() {
@@ -139,7 +108,7 @@ function (_super) {
139
108
  }), /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
140
109
  labels: imgLabels,
141
110
  small: true
142
- }), /*#__PURE__*/_react["default"].createElement("div", {
111
+ }), data.discountPercent && /*#__PURE__*/_react["default"].createElement("div", {
143
112
  className: "discount-tag"
144
113
  }, data.discountPercent, "% off")), /*#__PURE__*/_react["default"].createElement("div", {
145
114
  className: "content-wrap"
@@ -156,7 +125,7 @@ function (_super) {
156
125
  className: "price-wrap"
157
126
  }, /*#__PURE__*/_react["default"].createElement("div", {
158
127
  className: "price"
159
- }, _price), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
128
+ }, price, " "), priceLabels.length > 0 && /*#__PURE__*/_react["default"].createElement(_ImageLabel["default"], {
160
129
  labels: priceLabels,
161
130
  small: true
162
131
  })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -177,7 +146,7 @@ function (_super) {
177
146
  className: "line"
178
147
  }), /*#__PURE__*/_react["default"].createElement("div", {
179
148
  className: "sold"
180
- }, "Sold ", soldNumber || 0, "+"))));
149
+ }, "Sold ", soldNumber))));
181
150
  };
182
151
 
183
152
  ProductItem.defaultProps = {
@@ -215,7 +215,7 @@ var defaultData = [{
215
215
  url: _card["default"]
216
216
  },
217
217
  offerName: 'Product Name',
218
- salesPrice: 18000000,
218
+ salesPrice: 20000000,
219
219
  specialPrice: 18000000,
220
220
  marketPrice: 19000000,
221
221
  discountPercent: 10,
@@ -227,10 +227,10 @@ var defaultData = [{
227
227
  url: _card["default"]
228
228
  },
229
229
  offerName: 'Product Name',
230
- salesPrice: 18000000,
230
+ salesPrice: 20000000,
231
231
  specialPrice: 18000000,
232
232
  marketPrice: 19000000,
233
- discountPercent: 10,
233
+ discountPercent: null,
234
234
  salePercent: 500,
235
235
  salesCnt: 501,
236
236
  sppType: '2'
@@ -239,7 +239,7 @@ var defaultData = [{
239
239
  url: _card["default"]
240
240
  },
241
241
  offerName: 'Product Name',
242
- salesPrice: 18000000,
242
+ salesPrice: 20000000,
243
243
  specialPrice: 18000000,
244
244
  marketPrice: 19000000,
245
245
  discountPercent: 10,
@@ -251,12 +251,12 @@ var defaultData = [{
251
251
  url: _card["default"]
252
252
  },
253
253
  offerName: 'Product Name',
254
- salesPrice: 18000000,
254
+ salesPrice: 20000000,
255
255
  specialPrice: 18000000,
256
256
  marketPrice: 19000000,
257
257
  discountPercent: 10,
258
258
  salePercent: 500,
259
- salesCnt: 501,
259
+ salesCnt: 200,
260
260
  sppType: '2'
261
261
  }];
262
262
 
@@ -354,7 +354,7 @@ function (_super) {
354
354
  data: __assign(__assign({}, panelProps.title.headline), {
355
355
  text: interest.interestName
356
356
  })
357
- }), panelProps.title.seeAll.open && /*#__PURE__*/_react["default"].createElement("span", {
357
+ }), panelProps.title.seeAll.open && /*#__PURE__*/_react["default"].createElement("div", {
358
358
  className: "btn",
359
359
  onClick: function onClick() {
360
360
  return (0, _coreUtil.clickUrl)("/product/recommend/" + (interest.interestId || ''));
@@ -402,7 +402,7 @@ function (_super) {
402
402
  }), panelProps.title.headline.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
403
403
  className: "title",
404
404
  data: panelProps.title.headline
405
- }), panelProps.title.countdown.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
405
+ }), panelProps.title.countdown.open && panelProps.title.countdown.number.open && /*#__PURE__*/_react["default"].createElement(_MonpayCountDown["default"], {
406
406
  bgColor: panelProps.title.countdown.backgroundColor,
407
407
  effDate: effDate,
408
408
  expDate: expDate,
@@ -343,6 +343,7 @@ var getDefaultJSON = function getDefaultJSON() {
343
343
  }
344
344
  },
345
345
  filter: {
346
+ id: (0, _uuid.v4)(),
346
347
  open: false
347
348
  }
348
349
  },
@@ -104,7 +104,27 @@ function SearchCondition(props) {
104
104
  setVisible(false);
105
105
  };
106
106
 
107
- (0, _react.useEffect)(function () {}, []);
107
+ var hideBottomBar = function hideBottomBar() {
108
+ var homeNavBar = document.querySelector('#bottom-menu');
109
+ if (homeNavBar) homeNavBar.style.visibility = 'hidden';
110
+ var toTop = document.querySelector('#homeToTop');
111
+ if (toTop) toTop.style.visibility = 'hidden';
112
+ };
113
+
114
+ var showBottomBar = function showBottomBar() {
115
+ var homeNavBar = document.querySelector('#bottom-menu');
116
+ if (homeNavBar) homeNavBar.style.visibility = 'visible';
117
+ var toTop = document.querySelector('#homeToTop');
118
+ if (toTop) toTop.style.visibility = 'visible';
119
+ };
120
+
121
+ (0, _react.useEffect)(function () {
122
+ if (visible) {
123
+ hideBottomBar();
124
+ } else {
125
+ showBottomBar();
126
+ }
127
+ }, [visible]);
108
128
  return /*#__PURE__*/_react["default"].createElement("div", {
109
129
  className: "searchCondWrap",
110
130
  id: "sortCond"
@@ -238,7 +238,14 @@ var defaultData = [{
238
238
  salesPrice: 18000000,
239
239
  specialPrice: 18000000,
240
240
  marketPrice: 19000000,
241
- salePercent: 500
241
+ salePercent: 500,
242
+ coupons: [{
243
+ couponId: '1',
244
+ discountMethod: 'DISC'
245
+ }, {
246
+ couponId: '2',
247
+ discountMethod: 'AMT'
248
+ }]
242
249
  }, {
243
250
  imgUrlContent: {
244
251
  url: _card["default"]
@@ -281,12 +288,12 @@ var LAYOUT_IMAGE_SIZE = {
281
288
  h: 126
282
289
  },
283
290
  'layout3-2': {
284
- w: 150,
285
- h: 150
291
+ w: 130,
292
+ h: 130
286
293
  },
287
294
  'layout3-3': {
288
- w: 96,
289
- h: 96
295
+ w: 90,
296
+ h: 90
290
297
  },
291
298
  layout4: {
292
299
  w: 110,
@@ -379,10 +386,7 @@ function (_super) {
379
386
  _this.resetLayout();
380
387
  });
381
388
  /** 如果数据未过期 */
382
-
383
- if (cache.endTime > Date.now()) return [2
384
- /*return*/
385
- ];
389
+ // if (cache.endTime > Date.now()) return;
386
390
  }
387
391
  }
388
392
  }
@@ -832,9 +836,7 @@ function (_super) {
832
836
  }, /*#__PURE__*/_react["default"].createElement("div", {
833
837
  className: "scrollProductList"
834
838
  }, _products.map(function (item) {
835
- return /*#__PURE__*/_react["default"].createElement("div", {
836
- className: "productCard"
837
- }, /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
839
+ return /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
838
840
  key: "scroll_" + item.productId,
839
841
  data: item,
840
842
  imgHeight: imgHeight,
@@ -849,7 +851,7 @@ function (_super) {
849
851
  },
850
852
  panelProps: panelProps.content,
851
853
  showProgress: false
852
- }));
854
+ });
853
855
  })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
854
856
  className: "btnSeeAll",
855
857
  data: _seeAll
@@ -69,9 +69,6 @@
69
69
  flex-direction: row;
70
70
  align-items: flex-start;
71
71
  }
72
- .monpay-recommend-mobile .scrollContainer .scrollProductList .productCard {
73
- margin-right: 0.24rem;
74
- }
75
72
  .monpay-recommend-mobile .btnSeeAll {
76
73
  display: block;
77
74
  width: fit-content;
@@ -87,7 +87,10 @@ var urlTypeMap = {
87
87
  AFFILIATE_STORE: 'AffiliateStore',
88
88
  ANCHOR: 'Anchor',
89
89
  MINI_API: 'MiniApi',
90
- AFFILIATE_PLATFORM: 'AffiliatePlatform'
90
+ AFFILIATE_PLATFORM: 'AffiliatePlatform',
91
+ INTERESTED_MERCHANTS: 'InterestedMerchants',
92
+ INTERESTED_PRODUCTS: 'InterestedProducts',
93
+ MERCHANT_STORY: 'MerchantStory'
91
94
  };
92
95
  exports.urlTypeMap = urlTypeMap;
93
96
  var respCodeMap = {
@@ -151,7 +154,7 @@ var compInfoMap = {
151
154
  icon: 'icon-flash-deal'
152
155
  },
153
156
  BARGAIN: {
154
- name: 'Bargain',
157
+ name: 'Refer and Bargain',
155
158
  icon: 'icon-kanjia'
156
159
  },
157
160
  MONPAY_FLASH_DEAL: {
@@ -130,10 +130,11 @@ function (_super) {
130
130
  _this.isShowSetTemplate = function () {
131
131
  return _constants.pageStateMap.DRAFT === _this.props.pageState;
132
132
  }; // 拒绝审核 和 草稿状态展示保存按钮
133
+ // isShowSave = () => [pageStateMap.REJECTED, pageStateMap.DRAFT].includes(this.props.pageState)
133
134
 
134
135
 
135
136
  _this.isShowSave = function () {
136
- return [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
137
+ return true;
137
138
  };
138
139
 
139
140
  return _this;
@@ -121,7 +121,7 @@ function compositeDecorator(WrappedComponent) {
121
121
  var zIndex = '0';
122
122
  var position = 'relative';
123
123
 
124
- if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS') {
124
+ if (nodeData.type === 'CAROUSEL' || nodeData.type === 'IMAGE_GALLERY' || nodeData.type === 'ORDERS' || nodeData.type === 'MONPAY_RECOMMEND') {
125
125
  zIndex = '1';
126
126
  } // 解决pc导航hover上去,类目被下面组件遮罩的问题
127
127
 
@@ -219,6 +219,42 @@ var newParseUrl = function newParseUrl(urlObj) {
219
219
  };
220
220
  break;
221
221
 
222
+ case _constants.urlTypeMap.INTERESTED_MERCHANTS:
223
+ // 兴趣商家
224
+ link = "/store/list/" + value;
225
+ params = {
226
+ action: 'jump',
227
+ params: {
228
+ type: 'INTERESTED_MERCHANTS',
229
+ url: value
230
+ }
231
+ };
232
+ break;
233
+
234
+ case _constants.urlTypeMap.INTERESTED_PRODUCTS:
235
+ // 兴趣列表
236
+ link = "/product/recommend/" + value;
237
+ params = {
238
+ action: 'jump',
239
+ params: {
240
+ type: 'INTERESTED_PRODUCTS',
241
+ url: value
242
+ }
243
+ };
244
+ break;
245
+
246
+ case _constants.urlTypeMap.MERCHANT_STORY:
247
+ // 商家故事
248
+ link = "/merchant-story/" + value;
249
+ params = {
250
+ action: 'jump',
251
+ params: {
252
+ type: 'MERCHANT_STORY',
253
+ url: value
254
+ }
255
+ };
256
+ break;
257
+
222
258
  default:
223
259
  var map = {
224
260
  '/main/cart': 'CART',
@@ -298,7 +298,7 @@ function commonFetch(url, data, method) {
298
298
  }
299
299
 
300
300
  var navigateTo = function navigateTo(url, state) {
301
- console.log('navigateTo', url);
301
+ console.log('navigateTo', url, state);
302
302
 
303
303
  if (!url) {
304
304
  return;
@@ -302,14 +302,14 @@ function isUrl(string) {
302
302
  }
303
303
  }
304
304
 
305
- var clickUrl = function clickUrl(url) {
305
+ var clickUrl = function clickUrl(url, state) {
306
306
  var _a;
307
307
 
308
308
  if (url === void 0) {
309
309
  url = '';
310
310
  }
311
311
 
312
- console.log('clickUrl...', url); // 只读模式,设计模式,url为空,邮箱模版
312
+ console.log('clickUrl...', url, state); // 只读模式,设计模式,url为空,邮箱模版
313
313
  // if (window.magicDesign.readOnly || window.magicDesign.mode !== 'renderer' || !url || window.magicDesign.outputType == 'html') {
314
314
  // return;
315
315
  // }
@@ -394,10 +394,10 @@ var clickUrl = function clickUrl(url) {
394
394
  window.open(link);
395
395
  }
396
396
  } else {
397
- (0, _commonUtil.navigateTo)(link);
397
+ (0, _commonUtil.navigateTo)(link, state);
398
398
  }
399
399
  } else {
400
- (0, _commonUtil.navigateTo)(link);
400
+ (0, _commonUtil.navigateTo)(link, state);
401
401
  }
402
402
  }
403
403
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "2.0.115",
4
+ "version": "2.0.117",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",