@fonixtree/magic-design 1.0.74 → 1.0.75

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.
@@ -214,7 +214,7 @@ function (_super) {
214
214
  /** PTO 定制GA */
215
215
  if (window.magicDesign.pushGA) {
216
216
  window.magicDesign.pushGA({}, 'select_promotion', {
217
- event_section: data.type,
217
+ event_section: 'Banner',
218
218
  promotion_name: item.image.content.h5ImgSrc ? item.image.content.h5Name : (0, _locale.i18n)('BANNER_GROUP_NAME')
219
219
  });
220
220
  }
@@ -425,7 +425,7 @@ function (_super) {
425
425
  onItemClick: function onItemClick() {
426
426
  if (window.magicDesign.pushGA) {
427
427
  window.magicDesign.pushGA({}, 'select_promotion', {
428
- event_section: list.type,
428
+ event_section: 'Flash Deal',
429
429
  promotion_name: item === null || item === void 0 ? void 0 : item.offerName
430
430
  });
431
431
  }
@@ -106,7 +106,7 @@ function (_super) {
106
106
  /** PTO 定制GA */
107
107
  if (window.magicDesign.pushGA) {
108
108
  window.magicDesign.pushGA({}, 'select_promotion', {
109
- event_section: data.type,
109
+ event_section: 'Mobile Navigation',
110
110
  promotion_name: source.image.content.h5ImgSrc ? source.image.content.h5Name : (0, _locale.i18n)('NAVIGATION_NAME')
111
111
  });
112
112
  }
@@ -643,7 +643,7 @@ function (_super) {
643
643
  if (window.magicDesign.pushGA) {
644
644
  window.magicDesign.pushGA(item, 'GA_SENSOR_select_item', {
645
645
  event_action: 'Select Item',
646
- event_section: data.type,
646
+ event_section: 'Recommend',
647
647
  promotion_name: item === null || item === void 0 ? void 0 : item.offerName
648
648
  });
649
649
  }
@@ -352,7 +352,7 @@ function (_super) {
352
352
 
353
353
  if (window.magicDesign.pushGA) {
354
354
  window.magicDesign.pushGA({}, 'select_promotion', {
355
- event_section: data.type,
355
+ event_section: 'Search',
356
356
  promotion_name: (_b = (_a = data.content.logo) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.h5Name
357
357
  });
358
358
  }
@@ -387,7 +387,7 @@ function (_super) {
387
387
  className: "store-info-wrap"
388
388
  }, /*#__PURE__*/_react["default"].createElement("div", {
389
389
  className: "number"
390
- }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '50', " "), /*#__PURE__*/_react["default"].createElement("img", {
390
+ }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '5.0', " "), /*#__PURE__*/_react["default"].createElement("img", {
391
391
  alt: "star",
392
392
  src: _star["default"]
393
393
  })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -86,19 +86,36 @@ var Renderer = function Renderer(props) {
86
86
  var filterData = [];
87
87
 
88
88
  if (pageData && pageData.childNodes && pageData.childNodes.length) {
89
+ var graduallySetFloors = function graduallySetFloors(data, step, interval, start) {
90
+ if (step === void 0) {
91
+ step = 5;
92
+ }
93
+
94
+ if (interval === void 0) {
95
+ interval = 200;
96
+ }
97
+
98
+ if (start === void 0) {
99
+ start = 0;
100
+ } // 计算这一步应该显示的最终索引
101
+
102
+
103
+ var end = Math.min(start + step, data.length); // 更新楼层数量
104
+
105
+ setFloors(data.slice(0, end)); // 如果还有更多楼层要显示,设置一个定时器来递归调用此函数
106
+
107
+ if (end < data.length) {
108
+ setTimeout(function () {
109
+ graduallySetFloors(data, step, interval, end);
110
+ }, interval);
111
+ }
112
+ };
113
+
89
114
  filterData = pageData.childNodes.filter(function (node) {
90
115
  return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
91
116
  });
92
- } // 首页组建分批渲染按5个一组
93
-
94
-
95
- setFloors(filterData.slice(0, 5));
96
- setTimeout(function () {
97
- setFloors(filterData.slice(0, 10));
98
- setTimeout(function () {
99
- setFloors(filterData);
100
- }, 200);
101
- }, 200);
117
+ graduallySetFloors(filterData);
118
+ }
102
119
  }, [pageData]);
103
120
  (0, _react.useEffect)(function () {
104
121
  setTimeout(function () {
@@ -214,7 +214,7 @@ function (_super) {
214
214
  /** PTO 定制GA */
215
215
  if (window.magicDesign.pushGA) {
216
216
  window.magicDesign.pushGA({}, 'select_promotion', {
217
- event_section: data.type,
217
+ event_section: 'Banner',
218
218
  promotion_name: item.image.content.h5ImgSrc ? item.image.content.h5Name : (0, _locale.i18n)('BANNER_GROUP_NAME')
219
219
  });
220
220
  }
@@ -425,7 +425,7 @@ function (_super) {
425
425
  onItemClick: function onItemClick() {
426
426
  if (window.magicDesign.pushGA) {
427
427
  window.magicDesign.pushGA({}, 'select_promotion', {
428
- event_section: list.type,
428
+ event_section: 'Flash Deal',
429
429
  promotion_name: item === null || item === void 0 ? void 0 : item.offerName
430
430
  });
431
431
  }
@@ -106,7 +106,7 @@ function (_super) {
106
106
  /** PTO 定制GA */
107
107
  if (window.magicDesign.pushGA) {
108
108
  window.magicDesign.pushGA({}, 'select_promotion', {
109
- event_section: data.type,
109
+ event_section: 'Mobile Navigation',
110
110
  promotion_name: source.image.content.h5ImgSrc ? source.image.content.h5Name : (0, _locale.i18n)('NAVIGATION_NAME')
111
111
  });
112
112
  }
@@ -643,7 +643,7 @@ function (_super) {
643
643
  if (window.magicDesign.pushGA) {
644
644
  window.magicDesign.pushGA(item, 'GA_SENSOR_select_item', {
645
645
  event_action: 'Select Item',
646
- event_section: data.type,
646
+ event_section: 'Recommend',
647
647
  promotion_name: item === null || item === void 0 ? void 0 : item.offerName
648
648
  });
649
649
  }
@@ -352,7 +352,7 @@ function (_super) {
352
352
 
353
353
  if (window.magicDesign.pushGA) {
354
354
  window.magicDesign.pushGA({}, 'select_promotion', {
355
- event_section: data.type,
355
+ event_section: 'Search',
356
356
  promotion_name: (_b = (_a = data.content.logo) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.h5Name
357
357
  });
358
358
  }
@@ -387,7 +387,7 @@ function (_super) {
387
387
  className: "store-info-wrap"
388
388
  }, /*#__PURE__*/_react["default"].createElement("div", {
389
389
  className: "number"
390
- }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '50', " "), /*#__PURE__*/_react["default"].createElement("img", {
390
+ }, /*#__PURE__*/_react["default"].createElement("span", null, (storeInfo === null || storeInfo === void 0 ? void 0 : storeInfo.storeEvalValue) ? Number(storeInfo.storeEvalValue / 100).toFixed(1) : '5.0', " "), /*#__PURE__*/_react["default"].createElement("img", {
391
391
  alt: "star",
392
392
  src: _star["default"]
393
393
  })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -86,19 +86,36 @@ var Renderer = function Renderer(props) {
86
86
  var filterData = [];
87
87
 
88
88
  if (pageData && pageData.childNodes && pageData.childNodes.length) {
89
+ var graduallySetFloors = function graduallySetFloors(data, step, interval, start) {
90
+ if (step === void 0) {
91
+ step = 5;
92
+ }
93
+
94
+ if (interval === void 0) {
95
+ interval = 200;
96
+ }
97
+
98
+ if (start === void 0) {
99
+ start = 0;
100
+ } // 计算这一步应该显示的最终索引
101
+
102
+
103
+ var end = Math.min(start + step, data.length); // 更新楼层数量
104
+
105
+ setFloors(data.slice(0, end)); // 如果还有更多楼层要显示,设置一个定时器来递归调用此函数
106
+
107
+ if (end < data.length) {
108
+ setTimeout(function () {
109
+ graduallySetFloors(data, step, interval, end);
110
+ }, interval);
111
+ }
112
+ };
113
+
89
114
  filterData = pageData.childNodes.filter(function (node) {
90
115
  return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
91
116
  });
92
- } // 首页组建分批渲染按5个一组
93
-
94
-
95
- setFloors(filterData.slice(0, 5));
96
- setTimeout(function () {
97
- setFloors(filterData.slice(0, 10));
98
- setTimeout(function () {
99
- setFloors(filterData);
100
- }, 200);
101
- }, 200);
117
+ graduallySetFloors(filterData);
118
+ }
102
119
  }, [pageData]);
103
120
  (0, _react.useEffect)(function () {
104
121
  setTimeout(function () {
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.74",
4
+ "version": "1.0.75",
5
5
  "description": "Magic Design",
6
6
  "license": "MIT",
7
7
  "module": "es/index.js",