@fonixtree/magic-design 2.0.125 → 2.0.127

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 (69) hide show
  1. package/es/assets/fonts/Inter-Bold.ttf +0 -0
  2. package/es/assets/fonts/Inter-Regular.ttf +0 -0
  3. package/es/assets/fonts/Inter-SemiBold.ttf +0 -0
  4. package/es/assets/less/font.less +22 -1
  5. package/es/composite-comp/bol/components/WalletNuri/mobile/index.js +8 -4
  6. package/es/composite-comp/common/components/MonpayProductItem/index.js +9 -35
  7. package/es/composite-comp/common/components/MonpayProductItem/index.less +16 -12
  8. package/es/composite-comp/common/components/ProductItem/index.js +2 -2
  9. package/es/composite-comp/common/config-panels/InputField/index.js +4 -6
  10. package/es/composite-comp/dito/components/MenuNavigation/MenuNavMetaImage/index.less +3 -1
  11. package/es/composite-comp/dito/components/MobileNavigation/mobile/index.js +1 -1
  12. package/es/composite-comp/dito/components/SearchBar/defaultJSON.js +5 -0
  13. package/es/composite-comp/dito/components/SearchBar/mobile/index.js +38 -25
  14. package/es/composite-comp/dito/components/SearchBar/mobile/index.less +4 -1
  15. package/es/composite-comp/dito/components/SearchBar/pc/index.js +27 -14
  16. package/es/composite-comp/dito/config-panels/PcNavigationConfig/TextOnlyFontConfig/index.js +3 -1
  17. package/es/composite-comp/dito/config-panels/SearchBarConfig/SearchBarConfigContent/index.js +21 -1
  18. package/es/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.less +1 -1
  19. package/es/composite-comp/monpay/components/InterestProducts/mobile/index.js +2 -2
  20. package/es/composite-comp/monpay/components/MonpayFlashDeal/defaultJSON.js +6 -6
  21. package/es/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.less +1 -3
  22. package/es/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +22 -24
  23. package/es/composite-comp/monpay/components/MonpaySignBoard/mobile/index.js +2 -7
  24. package/es/composite-comp/monpay/components/MonpaySignBoard/mobile/index.less +1 -1
  25. package/es/constants/index.js +1 -1
  26. package/es/core/Renderer/index.js +2 -1
  27. package/es/locale/en/en.json +2 -0
  28. package/es/locale/es/es.json +2 -0
  29. package/es/locale/id/id.json +2 -0
  30. package/es/locale/index.js +2 -1
  31. package/es/meta-comp/config-panels/ButtonConfig/index.js +3 -1
  32. package/es/meta-comp/config-panels/TextConfig/index.js +7 -2
  33. package/es/meta-comp/config-panels/TextConfig/index.less +2 -0
  34. package/es/utils/currencyUtil.js +9 -1
  35. package/lib/assets/fonts/Inter-Bold.ttf +0 -0
  36. package/lib/assets/fonts/Inter-Regular.ttf +0 -0
  37. package/lib/assets/fonts/Inter-SemiBold.ttf +0 -0
  38. package/lib/assets/less/font.less +22 -1
  39. package/lib/composite-comp/bol/components/WalletNuri/mobile/index.js +8 -4
  40. package/lib/composite-comp/common/components/MonpayProductItem/index.js +9 -35
  41. package/lib/composite-comp/common/components/MonpayProductItem/index.less +16 -12
  42. package/lib/composite-comp/common/components/ProductItem/index.js +2 -2
  43. package/lib/composite-comp/common/config-panels/InputField/index.js +4 -6
  44. package/lib/composite-comp/dito/components/MenuNavigation/MenuNavMetaImage/index.less +3 -1
  45. package/lib/composite-comp/dito/components/MobileNavigation/mobile/index.js +1 -1
  46. package/lib/composite-comp/dito/components/SearchBar/defaultJSON.js +5 -0
  47. package/lib/composite-comp/dito/components/SearchBar/mobile/index.js +38 -25
  48. package/lib/composite-comp/dito/components/SearchBar/mobile/index.less +4 -1
  49. package/lib/composite-comp/dito/components/SearchBar/pc/index.js +27 -14
  50. package/lib/composite-comp/dito/config-panels/PcNavigationConfig/TextOnlyFontConfig/index.js +3 -1
  51. package/lib/composite-comp/dito/config-panels/SearchBarConfig/SearchBarConfigContent/index.js +21 -1
  52. package/lib/composite-comp/monpay/components/Bundle/mobile/BundleItem/index.less +1 -1
  53. package/lib/composite-comp/monpay/components/InterestProducts/mobile/index.js +2 -2
  54. package/lib/composite-comp/monpay/components/MonpayFlashDeal/defaultJSON.js +6 -6
  55. package/lib/composite-comp/monpay/components/MonpayFlashDeal/mobile/index.less +1 -3
  56. package/lib/composite-comp/monpay/components/MonpayRecommend/mobile/index.js +22 -24
  57. package/lib/composite-comp/monpay/components/MonpaySignBoard/mobile/index.js +2 -7
  58. package/lib/composite-comp/monpay/components/MonpaySignBoard/mobile/index.less +1 -1
  59. package/lib/constants/index.js +1 -1
  60. package/lib/core/Renderer/index.js +2 -1
  61. package/lib/locale/en/en.json +2 -0
  62. package/lib/locale/es/es.json +2 -0
  63. package/lib/locale/id/id.json +2 -0
  64. package/lib/locale/index.js +2 -1
  65. package/lib/meta-comp/config-panels/ButtonConfig/index.js +3 -1
  66. package/lib/meta-comp/config-panels/TextConfig/index.js +7 -2
  67. package/lib/meta-comp/config-panels/TextConfig/index.less +2 -0
  68. package/lib/utils/currencyUtil.js +9 -1
  69. package/package.json +1 -1
@@ -57,6 +57,11 @@ var getDefaultJSON = function getDefaultJSON() {
57
57
  color: '#CE1126'
58
58
  }
59
59
  },
60
+ placeholder: {
61
+ id: (0, _uuid.v4)(),
62
+ open: true,
63
+ text: 'Search product, store, or brand'
64
+ },
60
65
  icon: {
61
66
  id: (0, _uuid.v4)(),
62
67
  open: true,
@@ -307,13 +307,13 @@ function (_super) {
307
307
  };
308
308
 
309
309
  _this.onBlur = function () {
310
- var _a, _b, _c;
310
+ var _a, _b, _c, _d, _e, _f;
311
311
 
312
312
  var value = _this.state.value;
313
313
 
314
- if (!value) {
314
+ 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) {
315
315
  _this.setState({
316
- 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,
316
+ 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,
317
317
  editing: false
318
318
  });
319
319
  }
@@ -323,42 +323,54 @@ function (_super) {
323
323
  }
324
324
 
325
325
  SearchMobile.prototype.componentDidMount = function () {
326
- var _a, _b, _c;
326
+ var _a, _b, _c, _d, _e, _f;
327
327
 
328
328
  this.getMessageNum();
329
329
  this.getCartNum();
330
- this.setState({
331
- 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
332
- });
330
+
331
+ 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) {
332
+ this.setState({
333
+ 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
334
+ });
335
+ }
333
336
  };
334
337
 
335
338
  SearchMobile.prototype.componentWillReceiveProps = function (nextProps) {
336
- var _a, _b, _c;
339
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
337
340
 
338
- if (!this.state.editing) {
341
+ 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) {
339
342
  this.setState({
340
- 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
343
+ 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
344
+ });
345
+ }
346
+
347
+ 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)) {
348
+ this.setState({
349
+ value: ''
341
350
  });
342
351
  }
343
352
  };
344
353
 
345
354
  SearchMobile.prototype.render = function () {
346
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
355
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
347
356
 
348
357
  var data = this.props.data;
349
- var _t = this.state,
350
- messageNum = _t.messageNum,
351
- cartNum = _t.cartNum,
352
- value = _t.value;
358
+ var _v = this.state,
359
+ messageNum = _v.messageNum,
360
+ cartNum = _v.cartNum,
361
+ value = _v.value;
353
362
 
354
363
  var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
355
364
 
356
365
  Reflect.deleteProperty(style, 'width');
366
+
367
+ 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 : '';
368
+
357
369
  return /*#__PURE__*/_react["default"].createElement("div", {
358
370
  className: "m-search-bar"
359
371
  }, /*#__PURE__*/_react["default"].createElement("div", {
360
372
  className: "right"
361
- }, data.content && ((_b = data.content.box) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
373
+ }, data.content && ((_d = data.content.box) === null || _d === void 0 ? void 0 : _d.open) && /*#__PURE__*/_react["default"].createElement("div", {
362
374
  className: "search-input-wrap",
363
375
  onClick: function onClick() {
364
376
  return (0, _coreUtil.clickUrl)('/search-page', {
@@ -366,8 +378,8 @@ function (_super) {
366
378
  });
367
379
  },
368
380
  style: {
369
- borderColor: (_d = (_c = data.content.box) === null || _c === void 0 ? void 0 : _c.color) === null || _d === void 0 ? void 0 : _d.mobile,
370
- backgroundColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.backgroundColor) === null || _f === void 0 ? void 0 : _f.mobile
381
+ borderColor: (_f = (_e = data.content.box) === null || _e === void 0 ? void 0 : _e.color) === null || _f === void 0 ? void 0 : _f.mobile,
382
+ backgroundColor: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.mobile
371
383
  }
372
384
  }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
373
385
  className: "search-input",
@@ -376,15 +388,16 @@ function (_super) {
376
388
  onFocus: this.onFocus,
377
389
  style: (0, _commonUtil.pxToRem)(style),
378
390
  type: "text",
379
- value: value
391
+ value: value,
392
+ placeholder: _placeholder
380
393
  }), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
381
- color: (_h = (_g = data.content.box) === null || _g === void 0 ? void 0 : _g.color) === null || _h === void 0 ? void 0 : _h.mobile,
394
+ color: (_k = (_j = data.content.box) === null || _j === void 0 ? void 0 : _j.color) === null || _k === void 0 ? void 0 : _k.mobile,
382
395
  size: (0, _commonUtil.convertToRem)(24),
383
396
  type: "icon-search2"
384
- })), 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", {
397
+ })), 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", {
385
398
  className: "message-wrap"
386
399
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
387
- color: (_m = (_l = data.content.icon) === null || _l === void 0 ? void 0 : _l.color) === null || _m === void 0 ? void 0 : _m.mobile,
400
+ color: (_p = (_o = data.content.icon) === null || _o === void 0 ? void 0 : _o.color) === null || _p === void 0 ? void 0 : _p.mobile,
388
401
  onClick: function onClick() {
389
402
  return (0, _coreUtil.clickUrl)('/main/cart');
390
403
  },
@@ -395,10 +408,10 @@ function (_super) {
395
408
  type: "icon-ShoppingCartSimple1"
396
409
  }), !!cartNum && /*#__PURE__*/_react["default"].createElement("span", {
397
410
  className: "num"
398
- }, 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", {
411
+ }, 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", {
399
412
  className: "message-wrap"
400
413
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
401
- color: (_r = (_q = data.content.icon) === null || _q === void 0 ? void 0 : _q.color) === null || _r === void 0 ? void 0 : _r.mobile,
414
+ color: (_t = (_s = data.content.icon) === null || _s === void 0 ? void 0 : _s.color) === null || _t === void 0 ? void 0 : _t.mobile,
402
415
  onClick: function onClick() {
403
416
  return (0, _coreUtil.clickUrl)('/message-center');
404
417
  },
@@ -409,7 +422,7 @@ function (_super) {
409
422
  type: "icon-message"
410
423
  }), !!messageNum && /*#__PURE__*/_react["default"].createElement("span", {
411
424
  className: "num"
412
- }, messageNum))), data.content && ((_s = data.content.logo) === null || _s === void 0 ? void 0 : _s.open) && /*#__PURE__*/_react["default"].createElement("div", {
425
+ }, messageNum))), data.content && ((_u = data.content.logo) === null || _u === void 0 ? void 0 : _u.open) && /*#__PURE__*/_react["default"].createElement("div", {
413
426
  className: "logo",
414
427
  onClick: function onClick() {
415
428
  var _a, _b;
@@ -10,7 +10,6 @@
10
10
  .m-search-bar .right {
11
11
  display: flex;
12
12
  flex: 1;
13
- margin-left: 0.3rem;
14
13
  align-items: center;
15
14
  justify-content: space-between;
16
15
  }
@@ -30,6 +29,7 @@
30
29
  border: none;
31
30
  height: 100%;
32
31
  width: 100%;
32
+ padding: 0;
33
33
  box-shadow: none;
34
34
  font-family: 'Open Sans';
35
35
  font-style: normal;
@@ -57,6 +57,9 @@
57
57
  font-size: 0.16rem;
58
58
  color: #FFFFFF;
59
59
  }
60
+ .m-search-bar .logo {
61
+ margin-right: 0.3rem;
62
+ }
60
63
  .m-search-bar .logo img {
61
64
  width: auto;
62
65
  }
@@ -25,6 +25,8 @@ var _Text = require("../../../../../meta-comp/components/Text");
25
25
 
26
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
27
 
28
+ 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; }
29
+
28
30
  var __extends = void 0 && (void 0).__extends || function () {
29
31
  var _extendStatics = function extendStatics(d, b) {
30
32
  _extendStatics = Object.setPrototypeOf || {
@@ -101,13 +103,13 @@ function (_super) {
101
103
  };
102
104
 
103
105
  _this.onBlur = function () {
104
- var _a, _b, _c;
106
+ var _a, _b, _c, _d, _e, _f;
105
107
 
106
108
  var inputVal = _this.state.inputVal;
107
109
 
108
- if (!inputVal) {
110
+ 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) {
109
111
  _this.setState({
110
- 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,
112
+ 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,
111
113
  editing: false
112
114
  });
113
115
  }
@@ -127,19 +129,27 @@ function (_super) {
127
129
  }
128
130
 
129
131
  SearchPc.prototype.componentDidMount = function () {
130
- var _a, _b, _c;
132
+ var _a, _b, _c, _d, _e, _f;
131
133
 
132
- this.setState({
133
- 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
134
- });
134
+ 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) {
135
+ this.setState({
136
+ 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
137
+ });
138
+ }
135
139
  };
136
140
 
137
141
  SearchPc.prototype.componentWillReceiveProps = function (nextProps) {
138
- var _a, _b, _c;
142
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
143
+
144
+ 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) {
145
+ this.setState({
146
+ 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
147
+ });
148
+ }
139
149
 
140
- if (!this.state.editing) {
150
+ 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)) {
141
151
  this.setState({
142
- 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
152
+ inputVal: ''
143
153
  });
144
154
  }
145
155
  };
@@ -147,7 +157,7 @@ function (_super) {
147
157
  SearchPc.prototype.render = function () {
148
158
  var _this = this;
149
159
 
150
- var _a, _b, _c;
160
+ var _a, _b, _c, _d, _e;
151
161
 
152
162
  var data = this.props.data;
153
163
  var inputVal = this.state.inputVal;
@@ -155,6 +165,9 @@ function (_super) {
155
165
  var style = __assign({}, (0, _Text.contentStyle)(((_a = data.content.keyword) === null || _a === void 0 ? void 0 : _a.content) || {}));
156
166
 
157
167
  Reflect.deleteProperty(style, 'width');
168
+
169
+ 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 : '';
170
+
158
171
  return /*#__PURE__*/_react["default"].createElement("div", {
159
172
  className: "pc-search-bar"
160
173
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -163,9 +176,9 @@ function (_super) {
163
176
  className: "search-input-wrap",
164
177
  style: {
165
178
  borderColor: data.content.box.color.pc,
166
- backgroundColor: (_c = (_b = data.content.box) === null || _b === void 0 ? void 0 : _b.backgroundColor) === null || _c === void 0 ? void 0 : _c.pc
179
+ backgroundColor: (_e = (_d = data.content.box) === null || _d === void 0 ? void 0 : _d.backgroundColor) === null || _e === void 0 ? void 0 : _e.pc
167
180
  }
168
- }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
181
+ }, /*#__PURE__*/_react["default"].createElement(_antd.Input, _defineProperty({
169
182
  className: "search-input",
170
183
  onBlur: this.onBlur,
171
184
  onChange: function onChange(e) {
@@ -176,7 +189,7 @@ function (_super) {
176
189
  placeholder: (0, _locale.i18n)('PLEASE_INPUT_KEYWORDS'),
177
190
  style: (0, _commonUtil.pxToRem)(style),
178
191
  value: inputVal
179
- }), /*#__PURE__*/_react["default"].createElement("div", {
192
+ }, "placeholder", _placeholder)), /*#__PURE__*/_react["default"].createElement("div", {
180
193
  className: "search-icon",
181
194
  onClick: this.searchProduct,
182
195
  style: {
@@ -166,7 +166,9 @@ function (_super) {
166
166
  value: "Montserrat"
167
167
  }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
168
168
  value: "Open Sans"
169
- }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
169
+ }, (0, _locale.i18n)('OPEN_SANS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
170
+ value: "Inter"
171
+ }, (0, _locale.i18n)('INTER')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
170
172
  title: (0, _locale.i18n)('FONT_WEIGHT')
171
173
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
172
174
  onChange: function onChange(v) {
@@ -75,7 +75,7 @@ function (_super) {
75
75
  SearchBarConfigContent.prototype.render = function () {
76
76
  var _this = this;
77
77
 
78
- var _a, _b, _c, _d;
78
+ var _a, _b, _c, _d, _e;
79
79
 
80
80
  var panelProps = this.props.panelProps;
81
81
  var source = [{
@@ -140,6 +140,26 @@ function (_super) {
140
140
  metaOption: panelProps.keyword
141
141
  }, {
142
142
  key: 'search4',
143
+ name: (0, _locale.i18n)('SEARCH_BAR_PLACEHOLDER'),
144
+ toggleType: 'switch',
145
+ value: /*#__PURE__*/_react["default"].createElement("div", {
146
+ className: "m-text-config",
147
+ style: {
148
+ marginTop: 10
149
+ }
150
+ }, /*#__PURE__*/_react["default"].createElement(_common.Field, {
151
+ title: "Input Placeholder"
152
+ }, /*#__PURE__*/_react["default"].createElement(_antd.Input, {
153
+ onChange: function onChange(e) {
154
+ panelProps.placeholder.text = e.target.value;
155
+
156
+ _this.selfRender();
157
+ },
158
+ value: (_e = panelProps.placeholder) === null || _e === void 0 ? void 0 : _e.text
159
+ }))),
160
+ metaOption: panelProps.placeholder
161
+ }, {
162
+ key: 'search5',
143
163
  name: (0, _locale.i18n)('ICON'),
144
164
  toggleType: 'triangle',
145
165
  value: /*#__PURE__*/_react["default"].createElement("div", {
@@ -25,10 +25,10 @@
25
25
  .BundleItemWrap .prodList {
26
26
  display: flex;
27
27
  align-items: center;
28
+ justify-content: center;
28
29
  overflow: scroll;
29
30
  }
30
31
  .BundleItemWrap .prodList img {
31
- height: 2.08rem;
32
32
  width: 1.9rem;
33
33
  }
34
34
  .BundleItemWrap .bottomWrap {
@@ -278,8 +278,8 @@ function (_super) {
278
278
  waitForImages: false,
279
279
  useOwnImageLoader: false,
280
280
  margin: {
281
- x: 12,
282
- y: 12
281
+ x: 16,
282
+ y: 16
283
283
  },
284
284
  columns: 2
285
285
  });
@@ -75,7 +75,7 @@ var getDefaultJSON = function getDefaultJSON() {
75
75
  id: (0, _uuid.v4)(),
76
76
  open: true,
77
77
  type: 'BUTTON',
78
- text: 'Shop More',
78
+ text: 'See All',
79
79
  content: {
80
80
  url: '',
81
81
  backgroundColor: ''
@@ -83,10 +83,10 @@ var getDefaultJSON = function getDefaultJSON() {
83
83
  buttonText: {
84
84
  sizeType: 'Customize font styles',
85
85
  fontFamily: 'Open Sans',
86
- fontWeight: 600,
87
- fontSize: 12,
86
+ fontWeight: 400,
87
+ fontSize: 14,
88
88
  fontStyle: 'normal',
89
- color: '#0038A8',
89
+ color: '#FF8650',
90
90
  padding: '0'
91
91
  },
92
92
  buttonBorder: {
@@ -109,7 +109,7 @@ var getDefaultJSON = function getDefaultJSON() {
109
109
  }
110
110
  },
111
111
  buttonIcon: {
112
- iconUrl: '/get/resource/platform/conf/20220719/picture/icon-arrow-right-s1549371733179686912.png',
112
+ iconUrl: '',
113
113
  layout: 'right'
114
114
  },
115
115
  hover: null
@@ -300,7 +300,7 @@ var getDefaultJSON = function getDefaultJSON() {
300
300
  mobile: {
301
301
  paddingTop: 0,
302
302
  paddingBottom: 0,
303
- paddingLeft: 0,
303
+ paddingLeft: 20,
304
304
  paddingRight: 0,
305
305
  marginBottom: window.magicDesign.compSpacing
306
306
  }
@@ -1,6 +1,3 @@
1
- .monpay-flash-deal-mobile {
2
- padding: 0.32rem;
3
- }
4
1
  .monpay-flash-deal-mobile .flash-deal-title {
5
2
  display: flex;
6
3
  justify-content: space-between;
@@ -36,6 +33,7 @@
36
33
  .monpay-flash-deal-mobile .flash-deal-title .right {
37
34
  display: flex;
38
35
  align-items: center;
36
+ margin-right: 0.4rem;
39
37
  }
40
38
  .monpay-flash-deal-mobile .flash-deal-title .right .text {
41
39
  font-family: 'Montserrat';
@@ -235,25 +235,27 @@ var defaultData = [{
235
235
  url: _card["default"]
236
236
  },
237
237
  offerName: 'Product Name',
238
- salesPrice: 18000000,
239
- specialPrice: 18000000,
240
- marketPrice: 19000000,
238
+ salesPrice: 10000,
239
+ specialPrice: 8000,
240
+ marketPrice: 20000,
241
241
  salePercent: 500,
242
242
  coupons: [{
243
243
  couponId: '1',
244
- discountMethod: 'DISC'
244
+ discountMethod: 'DISC',
245
+ discountAmount: 30
245
246
  }, {
246
247
  couponId: '2',
247
- discountMethod: 'AMT'
248
+ discountMethod: 'AMT',
249
+ discountAmount: 10000
248
250
  }]
249
251
  }, {
250
252
  imgUrlContent: {
251
253
  url: _card["default"]
252
254
  },
253
255
  offerName: 'Product Name',
254
- salesPrice: 18000000,
255
- specialPrice: 18000000,
256
- marketPrice: 19000000,
256
+ salesPrice: 10000,
257
+ specialPrice: null,
258
+ marketPrice: 20000,
257
259
  salePercent: 500
258
260
  }, {
259
261
  imgUrlContent: {
@@ -263,6 +265,7 @@ var defaultData = [{
263
265
  salesPrice: 18000000,
264
266
  specialPrice: 18000000,
265
267
  marketPrice: 19000000,
268
+ discountPercent: 10,
266
269
  salePercent: 500
267
270
  }, {
268
271
  imgUrlContent: {
@@ -607,8 +610,8 @@ function (_super) {
607
610
  waitForImages: false,
608
611
  useOwnImageLoader: false,
609
612
  margin: {
610
- x: 12,
611
- y: 12
613
+ x: 16,
614
+ y: 16
612
615
  },
613
616
  columns: columns
614
617
  });
@@ -645,18 +648,7 @@ function (_super) {
645
648
  return _this;
646
649
  }
647
650
 
648
- RecommendMobile.prototype.componentDidMount = function () {// const { panelProps } = this.props;
649
- // const source = [];
650
- // panelProps.groupSource.map(m => {
651
- // const show = m.image.open || m.groupName.open;
652
- // if (show) source.push(m);
653
- // });
654
- // this.setState({ groupSource: source }, () => {
655
- // this.initTab(0);
656
- // this.getProductList(0);
657
- // });
658
- // this.listenWidth();
659
- };
651
+ RecommendMobile.prototype.componentDidMount = function () {};
660
652
 
661
653
  RecommendMobile.prototype.componentWillReceiveProps = function (nextProps) {
662
654
  var _this = this;
@@ -805,6 +797,8 @@ function (_super) {
805
797
  key: "macyContainer",
806
798
  className: "macyContainer macyContainer_" + panelProps.id
807
799
  }, _products.map(function (item) {
800
+ var _a;
801
+
808
802
  return /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
809
803
  key: item.productId,
810
804
  data: item,
@@ -824,7 +818,8 @@ function (_super) {
824
818
  (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
825
819
  },
826
820
  panelProps: panelProps.content,
827
- showProgress: false
821
+ showProgress: false,
822
+ intelligentType: (_a = groupSource[tabIndex]) === null || _a === void 0 ? void 0 : _a.intelligentType
828
823
  });
829
824
  })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
830
825
  className: "btnSeeAll",
@@ -837,6 +832,8 @@ function (_super) {
837
832
  }, /*#__PURE__*/_react["default"].createElement("div", {
838
833
  className: "scrollProductList"
839
834
  }, _products.map(function (item) {
835
+ var _a;
836
+
840
837
  return /*#__PURE__*/_react["default"].createElement(_MonpayProductItem["default"], {
841
838
  key: "scroll_" + item.productId,
842
839
  data: item,
@@ -851,7 +848,8 @@ function (_super) {
851
848
  (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
852
849
  },
853
850
  panelProps: panelProps.content,
854
- showProgress: false
851
+ showProgress: false,
852
+ intelligentType: (_a = groupSource[tabIndex]) === null || _a === void 0 ? void 0 : _a.intelligentType
855
853
  });
856
854
  })), _seeAll.open && _products.length > 0 && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
857
855
  className: "btnSeeAll",
@@ -351,7 +351,7 @@ function (_super) {
351
351
  }, /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
352
352
  onClick: _commonUtil.navigateBack,
353
353
  color: "#000",
354
- size: (0, _commonUtil.convertToRem)(20),
354
+ size: (0, _commonUtil.convertToRem)(16),
355
355
  type: "icon-outlined-left"
356
356
  }), ((_b = (_a = data.content) === null || _a === void 0 ? void 0 : _a.box) === null || _b === void 0 ? void 0 : _b.open) && /*#__PURE__*/_react["default"].createElement("div", {
357
357
  className: "input-wrap",
@@ -374,12 +374,7 @@ function (_super) {
374
374
  size: (0, _commonUtil.convertToRem)(20),
375
375
  fontWeight: 600,
376
376
  type: "icon-search2"
377
- }))), /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
378
- color: "#000",
379
- size: (0, _commonUtil.convertToRem)(20),
380
- type: "icon-share-points",
381
- onClick: this.onShare
382
- })), /*#__PURE__*/_react["default"].createElement("div", {
377
+ })))), /*#__PURE__*/_react["default"].createElement("div", {
383
378
  className: "store-info-wrap"
384
379
  }, /*#__PURE__*/_react["default"].createElement("img", {
385
380
  className: "store-logo",
@@ -1,7 +1,6 @@
1
1
  .m-sign-board-wrap .header-wrap {
2
2
  display: flex;
3
3
  align-items: center;
4
- justify-content: space-between;
5
4
  background-color: #fff;
6
5
  padding: 0.16rem 0.4rem;
7
6
  height: 1.14rem;
@@ -14,6 +13,7 @@
14
13
  display: flex;
15
14
  justify-content: space-between;
16
15
  align-items: center;
16
+ margin-left: 0.4rem;
17
17
  }
18
18
  .m-sign-board-wrap .header-wrap .input-wrap input {
19
19
  width: 3.7rem;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.walletType = exports.urlTypeMap = exports.urlType = exports.tempTypeMap = exports.respCodeMap = exports.quickMenuCode = exports.personalInfoType = exports.partyTypeMap = exports.pageStateMap = exports.orderStatusType = exports.metaType = exports.metaInst = exports.metaInsType = exports.magicMode = exports.eventType = exports.deviceTypeWidthMap = exports.deviceTypeMap = exports.compInfoMap = exports.baseUrlMap = exports.STORE_KEY = exports.STORAGE_KEY = exports.ORDER_TYPE = exports.CREDIT_STATE = void 0;
7
7
  var STORAGE_KEY = {
8
- LOCALE: 'magicLocale',
8
+ LOCALE: 'ZSMART_LOCALE',
9
9
  MAGIC_RENDER_HTML: 'MAGIC_RENDER_HTML',
10
10
  MAGIC_RENDER_PAGEDATA: 'MAGIC_RENDER_PAGEDATA',
11
11
  FONIXTREE_AI_IMG_HIS: 'fonixtree_ai_img_his'
@@ -157,7 +157,8 @@ var Renderer = function Renderer(props) {
157
157
  }
158
158
 
159
159
  return {
160
- overflow: 'auto'
160
+ overflowY: 'auto',
161
+ overflowX: 'hidden'
161
162
  };
162
163
  };
163
164
 
@@ -1,4 +1,6 @@
1
1
  {
2
+ "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
3
+ "INTER": "Inter",
2
4
  "STORE_SERVICES": "Store services",
3
5
  "SHIP_ON_TIME": "Ship on time",
4
6
  "COMMODITY_QUALITY": "Commodity Quality",
@@ -1,4 +1,6 @@
1
1
  {
2
+ "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
3
+ "INTER": "Inter",
2
4
  "STORE_SERVICES": "Store services",
3
5
  "SHIP_ON_TIME": "Ship on time",
4
6
  "COMMODITY_QUALITY": "Commodity Quality",
@@ -1,4 +1,6 @@
1
1
  {
2
+ "SEARCH_BAR_PLACEHOLDER": "Search Bar Placeholder",
3
+ "INTER": "Inter",
2
4
  "STORE_SERVICES": "Store services",
3
5
  "SHIP_ON_TIME": "Ship on time",
4
6
  "COMMODITY_QUALITY": "Commodity Quality",
@@ -27,7 +27,8 @@ function i18n(key, args) {
27
27
  args = {};
28
28
  }
29
29
 
30
- var tempString = localeMap[_mobx.store.locale || 'en'][key];
30
+ var locale = localeMap[_mobx.store.locale || 'en'] || _en["default"];
31
+ var tempString = locale[key];
31
32
 
32
33
  if (tempString) {
33
34
  var str_1 = tempString;
@@ -195,7 +195,9 @@ function (_super) {
195
195
  value: "Montserrat"
196
196
  }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
197
197
  value: "Open Sans"
198
- }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
198
+ }, (0, _locale.i18n)('OPEN_SANS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
199
+ value: "Inter"
200
+ }, (0, _locale.i18n)('INTER')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
199
201
  title: (0, _locale.i18n)('FONT_WEIGHT')
200
202
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
201
203
  onChange: function onChange(v) {
@@ -232,7 +232,9 @@ function (_super) {
232
232
  value: "Montserrat"
233
233
  }, (0, _locale.i18n)('MONTSERRAT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
234
234
  value: "Open Sans"
235
- }, (0, _locale.i18n)('OPEN_SANS')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
235
+ }, (0, _locale.i18n)('OPEN_SANS')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
236
+ value: "Inter"
237
+ }, (0, _locale.i18n)('INTER')))), /*#__PURE__*/_react["default"].createElement(_common.Field, {
236
238
  title: (0, _locale.i18n)('FONT_WEIGHT')
237
239
  }, /*#__PURE__*/_react["default"].createElement(_antd.Select, {
238
240
  onChange: function onChange(v) {
@@ -360,7 +362,10 @@ function (_super) {
360
362
 
361
363
  return /*#__PURE__*/_react["default"].createElement("div", {
362
364
  ref: this.containerRef,
363
- className: "m-text-config"
365
+ className: "m-text-config",
366
+ style: {
367
+ paddingTop: 0
368
+ }
364
369
  }, /*#__PURE__*/_react["default"].createElement(_common.Collapse // divider="dashed"
365
370
  // headerSize="small"
366
371
  , {