@fonixtree/magic-design 0.0.187 → 0.0.188

package/es/composite-comp/bol/components/Banner/mobile/index.js

@@ -21,6 +21,8 @@ var _AlignSelector = require("../../../../../common/AlignSelector");
 
 var _components = require("../../../../../meta-comp/components");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -161,6 +163,10 @@ function (_super) {
         carouseIndex = _a.carouseIndex,
         hoverState = _a.hoverState;
     var autoplay = data.setting.autoplay.open;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     /** 设计器模式下 如果选中特定group 自动播放关闭 */
 
     if ((0, _coreUtil.isDesignMode)() && _mobx.store.clickedGroup) {
@@ -191,6 +197,10 @@ function (_super) {
         style: _this.getItemStyle(item)
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
         hoverState: hoverState && carouseIndex === index,
         isBackground: true,
         style: {
@@ -206,18 +216,34 @@ function (_super) {
         }
       }, item.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "title",
-        data: item.title
+        data: item.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "sub-title",
-        data: item.text
+        data: item.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "btn-wrap"
       }, item.button.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "btn",
-        data: item.button
+        data: item.button,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.secondButton.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "btn",
-        data: item.secondButton
+        data: item.secondButton,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }))))));
     })), data.setting.dots.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"

package/es/composite-comp/bol/components/Banner/pc/index.js

@@ -23,6 +23,8 @@ var _AlignSelector = require("../../../../../common/AlignSelector");
 
 var _common = require("../../../../../common");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -203,6 +205,10 @@ function (_super) {
       autoplay = false;
     }
 
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-banner-pc"
     }, data.setting.navigation.open && /*#__PURE__*/_react["default"].createElement(_common.Iconfont, {
@@ -236,6 +242,10 @@ function (_super) {
         style: _this.getItemStyle(item)
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
         hoverState: hoverState && carouseIndex === index,
         isBackground: true,
         style: {
@@ -251,18 +261,34 @@ function (_super) {
         }
       }, item.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "title",
-        data: item.title
+        data: item.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "sub-title",
-        data: item.text
+        data: item.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "btn-wrap"
       }, item.button.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "btn",
-        data: item.button
+        data: item.button,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.secondButton.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "btn",
-        data: item.secondButton
+        data: item.secondButton,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }))))));
     })), data.setting.dots.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"

package/es/composite-comp/bol/components/Button/index.js

@@ -15,6 +15,8 @@ var _components = require("../../../../meta-comp/components");
 
 var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
 
+var _ConfigPanel = require("../../../../core/Designer/ConfigPanel");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -51,6 +53,22 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -74,6 +92,10 @@ function (_super) {
     var _a;
 
     var nodeData = this.props.nodeData;
+    var GAData = {
+      moduleId: nodeData.id,
+      moduleName: nodeData.moduleIndex + '.' + nodeData.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('button-comp-wrap', (_a = {}, _a[nodeData.customize.layout] = true, _a[nodeData.customize.align] = true, _a)),
       onClick: this.onComponentClick
@@ -81,7 +103,11 @@ function (_super) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "secondary-button"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-        data: m.button
+        data: m.button,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: m.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(nodeData, m.id)
+        })
       }));
     }));
   };

package/es/composite-comp/bol/components/Carousel/mobile/index.js

@@ -21,6 +21,8 @@ require("slick-carousel/slick/slick.css");
 
 require("slick-carousel/slick/slick-theme.css");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
 var _mobx = require("../../../../../mobx");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -185,6 +187,10 @@ function (_super) {
     var sliderIndex = this.state.sliderIndex;
     var showText = data.customize.layout === 'layout2';
     var colNum = showText ? 1 : Math.min(data.customize.rowNum, data.groupSource.length);
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var autoplay = data.setting.autoplay.open;
     /** 设计器模式下 如果选中特定group 自动播放关闭 */
 
@@ -227,24 +233,48 @@ function (_super) {
       }, item.image.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "img"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-        data: item.image
+        data: item.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       })), showText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.title.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: item.title
+        data: item.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       })), item.text.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "text"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: item.text
+        data: item.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: "tags"
       }, item.imageTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.imageTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
         maxHeight: 20
       }), item.buttonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-        data: item.buttonTag
+        data: item.buttonTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.secondButtonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-        data: item.secondButtonTag
+        data: item.secondButtonTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }))));
     })), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"

package/es/composite-comp/bol/components/Carousel/pc/index.js

@@ -19,6 +19,8 @@ var _mobx = require("../../../../../mobx");
 
 var _components = require("../../../../../meta-comp/components");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
 var _Iconfont = _interopRequireDefault(require("../../../../../common/Iconfont"));
 
 require("slick-carousel/slick/slick.css");
@@ -55,6 +57,22 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var PC_IMG_SIZE = {
   1: {
     minW: 150,
@@ -179,6 +197,10 @@ function (_super) {
     var sliderIndex = this.state.sliderIndex;
     var showText = data.customize.layout === 'layout2';
     var colNum = showText ? 1 : Math.min(data.customize.pcRowNum, data.groupSource.length);
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var autoplay = data.setting.autoplay.open;
     /** 设计器模式下 如果选中特定group 自动播放关闭 */
 
@@ -241,26 +263,50 @@ function (_super) {
         className: "img"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
         maxHeight: item.image.content.pcImgSrc ? 'unset' : PC_IMG_SIZE[colNum].defH,
         minHeight: PC_IMG_SIZE[colNum].minH,
         minWidth: PC_IMG_SIZE[colNum].minW
       })), showText && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, item.title.open && !((0, _coreUtil.isPc)() && item.title.pcText === '') && /*#__PURE__*/_react["default"].createElement("div", {
         className: "title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: item.title
+        data: item.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       })), item.text.open && !((0, _coreUtil.isPc)() && item.text.pcText === '') && /*#__PURE__*/_react["default"].createElement("div", {
         className: "text"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: item.text
+        data: item.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: "tags"
       }, item.imageTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         data: item.imageTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        }),
         maxHeight: 30
       }), item.buttonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-        data: item.buttonTag
+        data: item.buttonTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }), item.secondButtonTag.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-        data: item.secondButtonTag
+        data: item.secondButtonTag,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: item.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+        })
       }))));
     }))), data.setting.dots.open && Math.ceil(data.groupSource.length / colNum) > 1 && /*#__PURE__*/_react["default"].createElement("div", {
       className: "swiper-ban"

package/es/composite-comp/bol/components/ImageGallery/mobile/index.js

@@ -9,10 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./index.less");
-
 var _components = require("../../../../../meta-comp/components");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -41,6 +43,22 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
   for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
     s += arguments[i].length;
@@ -92,6 +110,10 @@ function (_super) {
 
   ImageGalleryMobile.prototype.render = function () {
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var isHorizontal = data.customize.layout.h5Layout === 'layout2';
     var colNum = isHorizontal ? data.customize.rowNum : 1;
     var newData = data.groupSource.reduce(function (prev, curr, index) {
@@ -120,7 +142,11 @@ function (_super) {
             width: "calc((100% - " + MOBILE_IMG_SIZE[colNum].gap * (colNum - 1) + "px) / " + colNum + ")"
           }
         }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-          data: item.image // maxHeight={MOBILE_IMG_SIZE[colNum].maxH}
+          data: item.image,
+          GAData: __assign(__assign({}, GAData), {
+            groupId: item.id,
+            groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+          }) // maxHeight={MOBILE_IMG_SIZE[colNum].maxH}
           ,
           maxWidth: "100%"
         }));

package/es/composite-comp/bol/components/ImageGallery/pc/index.js

@@ -9,10 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./index.less");
-
 var _components = require("../../../../../meta-comp/components");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -41,6 +43,22 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var __spreadArrays = void 0 && (void 0).__spreadArrays || function () {
   for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
     s += arguments[i].length;
@@ -110,6 +128,10 @@ function (_super) {
 
   ImageGalleryPc.prototype.render = function () {
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var isHorizontal = data.customize.layout.pcLayout === 'layout2';
     var colNum = isHorizontal ? data.customize.pcRowNum : 1;
     var newData = data.groupSource.reduce(function (prev, curr, index) {
@@ -139,6 +161,10 @@ function (_super) {
           }
         }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
           data: item.image,
+          GAData: __assign(__assign({}, GAData), {
+            groupId: item.id,
+            groupName: (0, _ConfigPanel.getSecondConfigName)(data, item.id)
+          }),
           maxHeight: item.image.content.pcImgSrc ? 'unset' : PC_IMG_SIZE[colNum].defH,
           maxWidth: item.image.content.pcImgSrc ? '100%' : PC_IMG_SIZE[colNum].defW // minHeight={PC_IMG_SIZE[colNum].minH}
           ,

package/es/composite-comp/bol/components/ImageText/mobile/index.js

@@ -9,12 +9,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-require("./index.less");
-
 var _AlignSelector = require("../../../../../common/AlignSelector");
 
 var _components = require("../../../../../meta-comp/components");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -43,6 +45,22 @@ var __extends = void 0 && (void 0).__extends || function () {
   };
 }();
 
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 var maxWidth = {
   normal1: 60,
   normal2: '100%',
@@ -104,6 +122,10 @@ function (_super) {
 
     var data = this.props.data; // console.log('----imagetext mobile', data);
 
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var wrapStyle = {};
     wrapStyle.textAlign = data.customize.align; // if (data.background.bgType === 'color') {
     //   wrapStyle.backgroundColor = data.background.color;
@@ -123,7 +145,6 @@ function (_super) {
       cardBtnStyle.justifyContent = _AlignSelector.alignItemMap[data.customize.align];
     }
 
-    console.log('source', data);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('image-text-mobile', data.customize.layout.h5Layout),
       style: wrapStyle
@@ -139,6 +160,10 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         className: "card-image",
         data: source.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        }),
         limitWidthHeight: true,
         maxHeight: maxHeight[data.customize.layout.h5Layout],
         maxWidth: maxWidth[data.customize.layout.h5Layout],
@@ -147,7 +172,11 @@ function (_super) {
         className: "card-content-wrap"
       }, data.customize.layout.h5Layout === 'centerM' ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, source.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-title",
-        data: source.title
+        data: source.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "image-subtext-wrap"
       }, source.image.open && /*#__PURE__*/_react["default"].createElement("div", {
@@ -155,28 +184,52 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         className: "card-image",
         data: source.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        }),
         limitWidthHeight: true,
         maxHeight: 60,
         maxWidth: 60,
         scale: 0.5
       })), source.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-text",
-        data: source.text
+        data: source.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, source.title.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-title",
-        data: source.title
+        data: source.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), source.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-text",
-        data: source.text
+        data: source.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: "card-btn-wrap",
         style: cardBtnStyle
       }, source.button.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "card-first-btn",
-        data: source.button
+        data: source.button,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), source.secondButton.open && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "card-second-btn",
-        data: source.secondButton
+        data: source.secondButton,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }))));
     })));
   };