@fonixtree/magic-design 2.0.93 → 2.0.95

package/lib/core/Renderer/index.js

@@ -88,19 +88,36 @@ var Renderer = function Renderer(props) {
     var filterData = [];
 
     if (pageData && pageData.childNodes && pageData.childNodes.length) {
+      var graduallySetFloors = function graduallySetFloors(data, step, interval, start) {
+        if (step === void 0) {
+          step = 5;
+        }
+
+        if (interval === void 0) {
+          interval = 200;
+        }
+
+        if (start === void 0) {
+          start = 0;
+        } // 计算这一步应该显示的最终索引
+
+
+        var end = Math.min(start + step, data.length); // 更新楼层数量
+
+        setFloors(data.slice(0, end)); // 如果还有更多楼层要显示，设置一个定时器来递归调用此函数
+
+        if (end < data.length) {
+          setTimeout(function () {
+            graduallySetFloors(data, step, interval, end);
+          }, interval);
+        }
+      };
+
       filterData = pageData.childNodes.filter(function (node) {
         return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
       });
-    } // 首页组建分批渲染按5个一组
-
-
-    setFloors(filterData.slice(0, 5));
-    setTimeout(function () {
-      setFloors(filterData.slice(0, 10));
-      setTimeout(function () {
-        setFloors(filterData);
-      }, 200);
-    }, 200);
+      graduallySetFloors(filterData);
+    }
   }, [pageData]);
   (0, _react.useEffect)(function () {
     setTimeout(function () {

package/lib/decorator/metaDecorator.js

@@ -93,10 +93,14 @@ function metaDecorator(WrappedComponent) {
           var _c = _this.props,
               data = _c.data,
               GAData = _c.GAData;
-          (0, _commonUtil.pushGA)(__assign(__assign({}, GAData), {
+
+          var eventData = __assign(__assign({}, GAData), {
             elementId: data.id,
             elementName: data.text || (GAData === null || GAData === void 0 ? void 0 : GAData.groupName)
-          }));
+          });
+
+          (0, _commonUtil.pushGA)(eventData); // triggerBuryingPointEvent(eventData);
+
           return;
         } // 组织冒泡
 

package/lib/locale/en/en.json

@@ -1,4 +1,8 @@
 {
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
+  "PROGRESS_BAR_COLOR": "Progress Bar Color",
+  "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",
   "CANCELLED": "Cancelled",
   "DONE": "Done",
@@ -88,7 +92,7 @@
   "CONTENT_WIDTH": "Content Width",
   "MAGNIFICATION": "Magnification",
   "RECOMMENDED_RULES": "Recommended Rules",
-  "PRODUCT_SORT_BY": "product sort by",
+  "PRODUCT_SORT_BY": "Product Sort By",
   "PADDING": "Padding",
   "COMPONENT_SPACING": "Component spacing",
   "ALIGNMENT": "Alignment",

package/lib/locale/es/es.json

@@ -1,4 +1,8 @@
 {
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
+  "PROGRESS_BAR_COLOR": "Progress Bar Color",
+  "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",
   "CANCELLED": "Cancelled",
   "DONE": "Hecho",

package/lib/locale/id/id.json

@@ -1,4 +1,8 @@
 {
+  "BOX_BACKGROUND": "Box Background",
+  "BOX_COLOR": "Box Color",
+  "PROGRESS_BAR_COLOR": "Progress Bar Color",
+  "GROUP_LABEL": "Group Label",
   "SUBMIT": "Submit",
   "CANCELLED": "Cancelled",
   "DONE": "Done",
@@ -88,7 +92,7 @@
   "CONTENT_WIDTH": "Content Width",
   "MAGNIFICATION": "Magnification",
   "RECOMMENDED_RULES": "Recommended Rules",
-  "PRODUCT_SORT_BY": "product sort by",
+  "PRODUCT_SORT_BY": "Product Sort By",
   "PADDING": "Padding",
   "COMPONENT_SPACING": "Component spacing",
   "ALIGNMENT": "Alignment",

package/lib/utils/commonUtil.js

@@ -28,6 +28,7 @@ exports.shareLinkedin = shareLinkedin;
 exports.shareTwitter = shareTwitter;
 exports.sleep = sleep;
 exports.styleStringify = void 0;
+exports.triggerBuryingPointEvent = triggerBuryingPointEvent;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -758,6 +759,21 @@ function pushGA(data, eventName) {
     console.error(error);
   }
 }
+/** 触发埋点事件
+ *
+  window.document.addEventListener('magic-design-burying-point', e => {
+    console.log(e.data);
+  });
+ */
+
+
+function triggerBuryingPointEvent(data) {
+  var evt = new Event('magic-design-burying-point', {
+    bubbles: false
+  });
+  evt.data = data;
+  window.document.dispatchEvent(evt);
+}
 /** react key 计算 */
 
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "2.0.93",
+  "version": "2.0.95",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",