@fonixtree/magic-design 0.0.186 → 0.0.188

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

@@ -19,6 +19,8 @@ var _components = require("../../../../../meta-comp/components");
 
 var _businessUtil = require("../../../../../utils/businessUtil");
 
+var _ConfigPanel = require("../../../../../core/Designer/ConfigPanel");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -152,6 +154,10 @@ function (_super) {
         currentMaxWidth = _a.currentMaxWidth;
     var wrapStyle = {};
     wrapStyle.alignItems = _AlignSelector.alignItemMap[data.customize.align];
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('image-text-pc', data.customize.layout.pcLayout),
       style: wrapStyle
@@ -176,30 +182,54 @@ function (_super) {
         style: _this.getCardStyle(source, i)
       }, (source.title.open && data.customize.layout.pcLayout === 'center' && hoverIndex != i || hoverIndex == i && source.hover.title.open && data.customize.layout.pcLayout === 'center') && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-title",
-        data: hoverIndex == i ? source.hover.title : source.title
+        data: hoverIndex == i ? source.hover.title : source.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), (source.image.open && hoverIndex != i || hoverIndex == i && source.hover.image.open) && /*#__PURE__*/_react["default"].createElement("div", {
         className: "card-image-wrap"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
         className: "card-image",
         data: hoverIndex == i ? source.hover.image : source.image,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        }),
         limitWidthHeight: true,
         maxHeight: maxWidthAndHeight[data.customize.layout.pcLayout],
         maxWidth: currentMaxWidth,
         scale: 0.5
       })), (source.title.open && data.customize.layout.pcLayout !== 'center' && hoverIndex != i || hoverIndex == i && source.hover.title.open && data.customize.layout.pcLayout !== 'center') && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-title",
-        data: hoverIndex == i ? source.hover.title : source.title
+        data: hoverIndex == i ? source.hover.title : source.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), (source.text.open && hoverIndex != i || hoverIndex == i && source.hover.text.open) && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         className: "card-text",
-        data: hoverIndex == i ? source.hover.text : source.text
+        data: hoverIndex == i ? source.hover.text : source.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: data.customize.pcRowNum <= 3 ? 'card-btn-wrap' : 'card-btn-wrap-column'
       }, (source.button.open && hoverIndex != i || source.hover.button.open && hoverIndex == i) && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "card-first-btn",
-        data: hoverIndex == i ? source.hover.button : source.button
+        data: hoverIndex == i ? source.hover.button : source.button,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       }), (source.secondButton.open && hoverIndex != i || source.hover.secondButton.open && hoverIndex == i) && /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
         className: "card-second-btn",
-        data: hoverIndex == i ? source.hover.secondButton : source.secondButton
+        data: hoverIndex == i ? source.hover.secondButton : source.secondButton,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: source.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, source.id)
+        })
       })));
     })));
   };

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

@@ -100,6 +100,11 @@ function (_super) {
     //   wrapStyle.backgroundPosition = 'center';
     // }
 
+    var GAData = {
+      moduleId: nodeData.id,
+      moduleName: nodeData.moduleIndex + '.' + nodeData.type
+    };
+
     var style = __assign({}, (0, _Text.contentStyle)(nodeData.content.inputField.content));
 
     Reflect.deleteProperty(style, 'width');
@@ -117,11 +122,13 @@ function (_super) {
     })), nodeData.content.inputField.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "btn-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-      data: nodeData.content.button
+      data: nodeData.content.button,
+      GAData: GAData
     }))), nodeData.content.button.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "confirmation-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      data: nodeData.content.confirmation
+      data: nodeData.content.confirmation,
+      GAData: GAData
     })));
   };
 

package/es/composite-comp/bol/components/Tag/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,18 +92,27 @@ 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"])('tag-comp-wrap', (_a = {}, _a[nodeData.customize.layout] = true, _a[nodeData.customize.align] = true, _a)),
       onClick: this.onComponentClick
     }, nodeData.content.image.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "tag-image"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: nodeData.content.image
+      data: nodeData.content.image,
+      GAData: GAData
     })), nodeData.groupSource && nodeData.groupSource.map(function (m) {
       return m.button.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "first-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/Text/index.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _defaultJSON = require("./defaultJSON");
 
+var _ConfigPanel = require("../../../../core/Designer/ConfigPanel");
+
 var _components = require("../../../../meta-comp/components");
 
 var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
@@ -49,6 +51,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,
@@ -75,6 +93,10 @@ function (_super) {
         nodeData = _b.nodeData,
         mode = _b.mode,
         outputType = _b.outputType;
+    var GAData = {
+      moduleId: nodeData.id,
+      moduleName: nodeData.moduleIndex + '.' + nodeData.type
+    };
     var groupWrapContainerStyle = window.magicDesign.device === 'pc' ? 'padding: 16px 20px;' : 'padding: 12px 20px;';
     var style = ".m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title-text{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{" + groupWrapContainerStyle + "}.m-text .group-content-wrap .group-wrap{display:flex;flex-direction:column;width:100%;}.m-text .group-content-wrap .group-wrap .group-title{font-size:14px;}.m-text .group-content-wrap.col-1 .group-wrap{width:100%;}.m-text .group-content-wrap.col-2{display:grid;grid-template-columns:50% 50%;}.m-text .group-content-wrap.col-3{display:grid;grid-template-columns:33.3% 33.3% 33.3%;}.m-text .group-content-wrap.mobile{display:block;}";
     return /*#__PURE__*/_react["default"].createElement("div", {
@@ -84,12 +106,14 @@ function (_super) {
       className: "title-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: nodeData.title.headline,
+      GAData: GAData,
       mode: mode,
       outputType: outputType
     })), nodeData.title.subtitle.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sub-title-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: nodeData.title.subtitle,
+      GAData: GAData,
       mode: mode,
       outputType: outputType
     })), /*#__PURE__*/_react["default"].createElement("div", {
@@ -107,12 +131,20 @@ function (_super) {
         className: "group-title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         data: group.title,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(nodeData, group.id)
+        }),
         mode: mode,
         outputType: outputType
       })), group.text.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "group-content"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
         data: group.text,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(nodeData, group.id)
+        }),
         mode: mode,
         outputType: outputType
       }))));

package/es/composite-comp/bol/components/Video/components/ShareBtn/index.js

@@ -64,6 +64,37 @@ function (_super) {
     _this.state = {
       show: false
     };
+
+    _this.onShareClick = function (type) {
+      return function (e) {
+        e.stopPropagation();
+        var _a = _this.props,
+            _b = _a.shareUrl,
+            shareUrl = _b === void 0 ? window.location.href : _b,
+            data = _a.data;
+
+        if (type == 'fb') {
+          (0, _commonUtil.shareFacebook)(data);
+        }
+
+        if (type == 'linked') {
+          (0, _commonUtil.shareLinkedin)(data);
+        }
+
+        if (type == 'twitter') {
+          (0, _commonUtil.shareTwitter)(data);
+        }
+
+        if (type == 'link') {
+          (0, _commonUtil.copy2ClipBoard)(shareUrl);
+
+          _this.setState({
+            show: false
+          });
+        }
+      };
+    };
+
     return _this;
   }
 
@@ -72,10 +103,7 @@ function (_super) {
 
     var _a = this.props,
         pc = _a.pc,
-        padding = _a.padding,
-        data = _a.data,
-        _b = _a.shareUrl,
-        shareUrl = _b === void 0 ? window.location.href : _b;
+        padding = _a.padding;
     var show = this.state.show;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('video-share-btn', {
@@ -101,38 +129,22 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        (0, _commonUtil.shareFacebook)(data);
-      },
+      onClick: this.onShareClick('fb'),
       src: _facebookIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        (0, _commonUtil.shareLinkedin)(data);
-      },
+      onClick: this.onShareClick('linked'),
       src: _linkedInIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        (0, _commonUtil.shareTwitter)(data);
-      },
+      onClick: this.onShareClick('twitter'),
       src: _twitterIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        (0, _commonUtil.copy2ClipBoard)(shareUrl);
-
-        _this.setState({
-          show: false
-        });
-      },
+      onClick: this.onShareClick('link'),
       src: _linkIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",

package/es/composite-comp/bol/components/Video/components/VideoTag/index.js

@@ -71,7 +71,8 @@ function (_super) {
         padding = _a.padding,
         share = _a.share,
         layout = _a.layout,
-        align = _a.align;
+        align = _a.align,
+        GAData = _a.GAData;
     var showBtn = data.video.playButton == 'Bottom Left' && !['h5-layout3', 'pc-layout4', 'pc-layout5'].includes(layout);
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-tag-container",
@@ -97,15 +98,18 @@ function (_super) {
     }, data.imageTag.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "tag-image"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaImage, {
-      data: data.imageTag
+      data: data.imageTag,
+      GAData: GAData
     })), data.buttonTag.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "first-button"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-      data: data.buttonTag
+      data: data.buttonTag,
+      GAData: GAData
     })), data.secondButtonTag.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "secondary-button"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
-      data: data.secondButtonTag
+      data: data.secondButtonTag,
+      GAData: GAData
     }))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "text-wrap",
       style: {
@@ -114,13 +118,15 @@ function (_super) {
     }, data.title.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "title-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      data: data.title
+      data: data.title,
+      GAData: GAData
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('text-text', {
         position: !data.text.open
       })
     }, data.text.open && /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      data: data.text
+      data: data.text,
+      GAData: GAData
     }), !noShare && /*#__PURE__*/_react["default"].createElement(_index["default"], {
       data: share
     })))));

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

@@ -19,6 +19,8 @@ var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -109,6 +111,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-layout1-wrap"
     }, data.groupSource.map(function (group) {
@@ -158,6 +164,10 @@ function (_super) {
       }), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         noShare: true,
         onPlayClick: function onPlayClick() {
           return _this.playOrPause(group);

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

@@ -19,6 +19,8 @@ var _coreUtil = require("../../../../../../utils/coreUtil");
 
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -134,6 +136,10 @@ function (_super) {
 
     var sliderIndex = this.state.sliderIndex;
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-layout2-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -188,6 +194,10 @@ function (_super) {
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         noShare: true,
         onPlayClick: function onPlayClick() {
           return _this.playOrPause(group);

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

@@ -21,6 +21,8 @@ var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -109,6 +111,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-layout3-wrap"
     }, data.groupSource.map(function (group) {
@@ -163,6 +169,10 @@ function (_super) {
       })), /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         layout: 'h5-' + data.customize.layout.h5Layout,
         noShare: true,
         onPlayClick: function onPlayClick() {

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

@@ -17,6 +17,8 @@ var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
 require("./index.less");
@@ -105,6 +107,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
       return _this.videoRefMap[key].playing;
     });
@@ -155,6 +161,10 @@ function (_super) {
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         noShare: true,
         onPlayClick: function onPlayClick() {
           return _this.playOrPause(group);

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

@@ -15,6 +15,8 @@ var _commonUtil = require("../../../../../../utils/commonUtil");
 
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
 var _coreUtil = require("../../../../../../utils/coreUtil");
@@ -107,6 +109,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
       return _this.videoRefMap[key].playing;
     });
@@ -157,6 +163,10 @@ function (_super) {
     })), !isFirstGroupPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
       align: data.customize.align,
       data: firstGroup,
+      GAData: __assign(__assign({}, GAData), {
+        groupId: group.id,
+        groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+      }),
       noShare: true,
       onPlayClick: function onPlayClick() {
         return _this.playOrPause(firstGroup);
@@ -206,6 +216,10 @@ function (_super) {
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         noShare: true,
         onPlayClick: function onPlayClick() {
           return _this.playOrPause(group);

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

@@ -17,6 +17,8 @@ var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
 require("./index.less");
@@ -107,6 +109,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
       return _this.videoRefMap[key].playing;
     });
@@ -164,6 +170,10 @@ function (_super) {
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         noShare: true,
         onPlayClick: function onPlayClick() {
           return _this.playOrPause(group);

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

@@ -21,6 +21,8 @@ var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -109,6 +111,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-layout4-wrap"
     }, data.groupSource.map(function (group) {
@@ -171,6 +177,10 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         layout: 'pc-' + data.customize.layout.pcLayout,
         noShare: true,
         onPlayClick: function onPlayClick() {

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

@@ -15,14 +15,16 @@ var _playCircle = _interopRequireDefault(require("../../imgs/play-circle.png"));
 
 var _commonUtil = require("../../../../../../utils/commonUtil");
 
-require("./index.less");
-
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
+var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
+
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
 var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -109,6 +111,10 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    var GAData = {
+      moduleId: data.id,
+      moduleName: data.moduleIndex + '.' + data.type
+    };
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-layout5-wrap"
     }, data.groupSource.map(function (group) {
@@ -171,6 +177,10 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         align: data.customize.align,
         data: group,
+        GAData: __assign(__assign({}, GAData), {
+          groupId: group.id,
+          groupName: (0, _ConfigPanel.getSecondConfigName)(data, group.id)
+        }),
         layout: 'pc-' + data.customize.layout.pcLayout,
         noShare: true,
         onPlayClick: function onPlayClick() {