@fonixtree/magic-design 1.0.9 → 1.0.10

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.
Binary file
@@ -208,6 +208,12 @@ function (_super) {
208
208
  style: _this.getBackgroundStyle(item)
209
209
  }, /*#__PURE__*/_react["default"].createElement("div", {
210
210
  className: "carouselItem",
211
+ onClick: function onClick() {
212
+ /** PTO 定制GA */
213
+ if (window.magicDesign.pushGA) {
214
+ window.magicDesign.pushGA({}, 'select_promotion');
215
+ }
216
+ },
211
217
  onMouseEnter: _this.mouseEnterWrap,
212
218
  onMouseLeave: _this.mouseLeaveWrap,
213
219
  style: _this.getItemStyle(item)
@@ -226,7 +226,9 @@ function (_super) {
226
226
  style: {
227
227
  width: salePercent + "%"
228
228
  }
229
- })))));
229
+ }))), !showProgress && data.salesCnt > 0 && /*#__PURE__*/_react["default"].createElement("div", {
230
+ className: "sold-count"
231
+ }, (0, _commonUtil.convertCount)(data.salesCnt), " sold")));
230
232
  };
231
233
 
232
234
  ProductItem.defaultProps = {
@@ -5,6 +5,15 @@
5
5
  border: 1px solid #D2D9E5;
6
6
  width: 142px;
7
7
  cursor: pointer;
8
+ position: relative;
9
+
10
+ .sold-count {
11
+ color: #7b7b7b;
12
+ font-size: 12px;
13
+ position: absolute;
14
+ right: 8px;
15
+ bottom: 8px;
16
+ }
8
17
 
9
18
  .img-wrap {
10
19
  position: relative;
@@ -635,7 +635,14 @@ function (_super) {
635
635
  layout: layout === 'layout2' ? 'horizontal' : 'vertical' // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId || item.productId || ''}`)}
636
636
  ,
637
637
  onItemClick: function onItemClick() {
638
- return (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
638
+ /** PTO 定制GA */
639
+ if (window.magicDesign.pushGA) {
640
+ window.magicDesign.pushGA(item, 'select_item', {
641
+ event_action: 'Select Item'
642
+ });
643
+ }
644
+
645
+ (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
639
646
  },
640
647
  panelProps: panelProps.content,
641
648
  showProgress: false
@@ -661,7 +668,12 @@ function (_super) {
661
668
  imgWidth: imgWidth // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId || item.productId || ''}`)}
662
669
  ,
663
670
  onItemClick: function onItemClick() {
664
- return (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
671
+ /** PTO 定制GA */
672
+ if (window.magicDesign.pushGA) {
673
+ window.magicDesign.pushGA({}, 'select_item', item);
674
+ }
675
+
676
+ (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
665
677
  },
666
678
  panelProps: panelProps.content,
667
679
  showProgress: false
@@ -81,6 +81,18 @@ function (_super) {
81
81
 
82
82
  _this.state = {};
83
83
 
84
+ _this.hasSource = function (type) {
85
+ if (!window.systemParams || !window.systemParams.recommendSource) {
86
+ return true;
87
+ }
88
+
89
+ if (window.systemParams.recommendSource && window.systemParams.recommendSource.includes(type)) {
90
+ return true;
91
+ }
92
+
93
+ return false;
94
+ };
95
+
84
96
  _this.getContentPanel = function () {
85
97
  var panelProps = _this.props.panelProps;
86
98
 
@@ -95,9 +107,9 @@ function (_super) {
95
107
  _this.selfRender();
96
108
  },
97
109
  value: panelProps.sourceType
98
- }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
110
+ }, _this.hasSource('P') && /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
99
111
  value: "select"
100
- }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
112
+ }, (0, _locale.i18n)('SELECT_PRODUCT')), _this.hasSource('A') && /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
101
113
  value: "recommend"
102
114
  }, (0, _locale.i18n)('AI_RECOMMENDATION')))), /*#__PURE__*/_react["default"].createElement("div", {
103
115
  className: "greyBg"
@@ -7,7 +7,7 @@ exports.addZero = exports.addUrlQuery = void 0;
7
7
  exports.asyncDataURLtoImage = asyncDataURLtoImage;
8
8
  exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
9
9
  exports.commonFetch = commonFetch;
10
- exports.compatibleNewPageData = void 0;
10
+ exports.convertCount = exports.compatibleNewPageData = void 0;
11
11
  exports.convertImageUrl = convertImageUrl;
12
12
  exports.convertToRem = void 0;
13
13
  exports.copy2ClipBoard = copy2ClipBoard;
@@ -884,4 +884,18 @@ var downloadBase64Image = function downloadBase64Image(base64String, filename) {
884
884
  link.click();
885
885
  };
886
886
 
887
- exports.downloadBase64Image = downloadBase64Image;
887
+ exports.downloadBase64Image = downloadBase64Image;
888
+
889
+ var convertCount = function convertCount(value) {
890
+ var newValue = value;
891
+
892
+ if (value >= 1000000) {
893
+ newValue = Number(value / 1000000).toFixed(1) + "M";
894
+ } else if (value >= 1000) {
895
+ newValue = Number(value / 1000).toFixed(1) + "K";
896
+ }
897
+
898
+ return newValue;
899
+ };
900
+
901
+ exports.convertCount = convertCount;
Binary file
@@ -208,6 +208,12 @@ function (_super) {
208
208
  style: _this.getBackgroundStyle(item)
209
209
  }, /*#__PURE__*/_react["default"].createElement("div", {
210
210
  className: "carouselItem",
211
+ onClick: function onClick() {
212
+ /** PTO 定制GA */
213
+ if (window.magicDesign.pushGA) {
214
+ window.magicDesign.pushGA({}, 'select_promotion');
215
+ }
216
+ },
211
217
  onMouseEnter: _this.mouseEnterWrap,
212
218
  onMouseLeave: _this.mouseLeaveWrap,
213
219
  style: _this.getItemStyle(item)
@@ -226,7 +226,9 @@ function (_super) {
226
226
  style: {
227
227
  width: salePercent + "%"
228
228
  }
229
- })))));
229
+ }))), !showProgress && data.salesCnt > 0 && /*#__PURE__*/_react["default"].createElement("div", {
230
+ className: "sold-count"
231
+ }, (0, _commonUtil.convertCount)(data.salesCnt), " sold")));
230
232
  };
231
233
 
232
234
  ProductItem.defaultProps = {
@@ -5,6 +5,15 @@
5
5
  border: 1px solid #D2D9E5;
6
6
  width: 142px;
7
7
  cursor: pointer;
8
+ position: relative;
9
+
10
+ .sold-count {
11
+ color: #7b7b7b;
12
+ font-size: 12px;
13
+ position: absolute;
14
+ right: 8px;
15
+ bottom: 8px;
16
+ }
8
17
 
9
18
  .img-wrap {
10
19
  position: relative;
@@ -635,7 +635,14 @@ function (_super) {
635
635
  layout: layout === 'layout2' ? 'horizontal' : 'vertical' // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId || item.productId || ''}`)}
636
636
  ,
637
637
  onItemClick: function onItemClick() {
638
- return (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
638
+ /** PTO 定制GA */
639
+ if (window.magicDesign.pushGA) {
640
+ window.magicDesign.pushGA(item, 'select_item', {
641
+ event_action: 'Select Item'
642
+ });
643
+ }
644
+
645
+ (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
639
646
  },
640
647
  panelProps: panelProps.content,
641
648
  showProgress: false
@@ -661,7 +668,12 @@ function (_super) {
661
668
  imgWidth: imgWidth // onItemClick={() => clickUrl(`/product/detail/${item.offerId}?productId=${item.sppProductId || item.productId || ''}`)}
662
669
  ,
663
670
  onItemClick: function onItemClick() {
664
- return (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
671
+ /** PTO 定制GA */
672
+ if (window.magicDesign.pushGA) {
673
+ window.magicDesign.pushGA({}, 'select_item', item);
674
+ }
675
+
676
+ (0, _coreUtil.clickUrl)("proDetail-" + item.offerId + "-" + (item.sppProductId || item.productId || ''));
665
677
  },
666
678
  panelProps: panelProps.content,
667
679
  showProgress: false
@@ -81,6 +81,18 @@ function (_super) {
81
81
 
82
82
  _this.state = {};
83
83
 
84
+ _this.hasSource = function (type) {
85
+ if (!window.systemParams || !window.systemParams.recommendSource) {
86
+ return true;
87
+ }
88
+
89
+ if (window.systemParams.recommendSource && window.systemParams.recommendSource.includes(type)) {
90
+ return true;
91
+ }
92
+
93
+ return false;
94
+ };
95
+
84
96
  _this.getContentPanel = function () {
85
97
  var panelProps = _this.props.panelProps;
86
98
 
@@ -95,9 +107,9 @@ function (_super) {
95
107
  _this.selfRender();
96
108
  },
97
109
  value: panelProps.sourceType
98
- }, /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
110
+ }, _this.hasSource('P') && /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
99
111
  value: "select"
100
- }, (0, _locale.i18n)('SELECT_PRODUCT')), /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
112
+ }, (0, _locale.i18n)('SELECT_PRODUCT')), _this.hasSource('A') && /*#__PURE__*/_react["default"].createElement(_antd.Select.Option, {
101
113
  value: "recommend"
102
114
  }, (0, _locale.i18n)('AI_RECOMMENDATION')))), /*#__PURE__*/_react["default"].createElement("div", {
103
115
  className: "greyBg"
@@ -7,7 +7,7 @@ exports.addZero = exports.addUrlQuery = void 0;
7
7
  exports.asyncDataURLtoImage = asyncDataURLtoImage;
8
8
  exports.checkFileName = exports.calcLastTime = exports.asyncNextTick = void 0;
9
9
  exports.commonFetch = commonFetch;
10
- exports.compatibleNewPageData = void 0;
10
+ exports.convertCount = exports.compatibleNewPageData = void 0;
11
11
  exports.convertImageUrl = convertImageUrl;
12
12
  exports.convertToRem = void 0;
13
13
  exports.copy2ClipBoard = copy2ClipBoard;
@@ -884,4 +884,18 @@ var downloadBase64Image = function downloadBase64Image(base64String, filename) {
884
884
  link.click();
885
885
  };
886
886
 
887
- exports.downloadBase64Image = downloadBase64Image;
887
+ exports.downloadBase64Image = downloadBase64Image;
888
+
889
+ var convertCount = function convertCount(value) {
890
+ var newValue = value;
891
+
892
+ if (value >= 1000000) {
893
+ newValue = Number(value / 1000000).toFixed(1) + "M";
894
+ } else if (value >= 1000) {
895
+ newValue = Number(value / 1000).toFixed(1) + "K";
896
+ }
897
+
898
+ return newValue;
899
+ };
900
+
901
+ exports.convertCount = convertCount;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fonixtree/magic-design",
3
3
  "author": "Cylon Team",
4
- "version": "1.0.9",
4
+ "version": "1.0.10",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",