@fonixtree/magic-design 0.0.112 → 0.0.115

package/es/common/Video/index.js

@@ -311,7 +311,7 @@ function (_super) {
       shadowWrap.onclick = function () {
         var _a;
 
-        (_a = document.querySelector("[video-id=" + videoId + "]")) === null || _a === void 0 ? void 0 : _a.remove();
+        (_a = document.querySelector("[video-id=\"" + videoId + "\"]")) === null || _a === void 0 ? void 0 : _a.remove();
       };
 
       var contentWrap = document.createElement('div');

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _videoShare = _interopRequireDefault(require("./imgs/video-share.png"));
 
 var _facebookIcon = _interopRequireDefault(require("./imgs/facebook-icon.png"));
@@ -19,9 +21,9 @@ var _twitterIcon = _interopRequireDefault(require("./imgs/twitter-icon.png"));
 
 var _arrowRight = _interopRequireDefault(require("./imgs/arrow-right.png"));
 
-require("./index.less");
+var _commonUtil = require("../../../../../../utils/commonUtil");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -70,7 +72,8 @@ function (_super) {
 
     var _a = this.props,
         pc = _a.pc,
-        padding = _a.padding;
+        padding = _a.padding,
+        data = _a.data;
     var show = this.state.show;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('video-share-btn', {
@@ -96,18 +99,38 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareFacebook)(data);
+      },
       src: _facebookIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareLinkedin)(data);
+      },
       src: _linkedInIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareTwitter)(data);
+      },
       src: _twitterIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.copy2ClipBoard)(data.url);
+
+        _this.setState({
+          show: false
+        });
+      },
       src: _linkIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",

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

@@ -63,7 +63,8 @@ function (_super) {
         _b = _a.position,
         position = _b === void 0 ? 'absolute' : _b,
         noShare = _a.noShare,
-        padding = _a.padding;
+        padding = _a.padding,
+        share = _a.share;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-tag-container",
       style: {
@@ -103,11 +104,14 @@ function (_super) {
       className: "text-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: data.text
-    }), !noShare && /*#__PURE__*/_react["default"].createElement(_index["default"], null)))));
+    }), !noShare && /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      data: share
+    })))));
   };
 
   VideoTag.defaultProps = {
-    data: {}
+    data: {},
+    noShare: false
   };
   return VideoTag;
 }(_react["default"].Component);

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

@@ -131,7 +131,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -141,7 +141,13 @@ function (_super) {
         alt: "",
         src: _playCircle["default"]
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        data: group
+        data: group,
+        noShare: !data.share.open,
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }));
   };

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

@@ -13,8 +13,6 @@ var _playCircle = _interopRequireDefault(require("../../imgs/play-circle.png"));
 
 var _commonUtil = require("../../../../../../utils/commonUtil");
 
-var _coreUtil = require("../../../../../../utils/coreUtil");
-
 require("./index.less");
 
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
@@ -166,7 +164,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: getVideoCover(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -176,7 +174,13 @@ function (_super) {
         alt: "",
         src: _playCircle["default"]
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        data: group
+        data: group,
+        noShare: !data.share.open,
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }))), /*#__PURE__*/_react["default"].createElement(_common.SwiperBan, {
       data: data.groupSource,

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

@@ -133,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -144,7 +144,13 @@ function (_super) {
         src: _playCircle["default"]
       }))), /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
-        position: "relative"
+        noShare: !data.share.open,
+        position: "relative",
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }));
   };

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

@@ -86,6 +86,7 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    console.log('data: ', data);
     var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
       return _this.videoRefMap[key].playing;
     });
@@ -134,7 +135,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -148,7 +149,12 @@ function (_super) {
         noShare: true,
         padding: 48
       }));
-    })), !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+    })), data.share.open && !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }));
   };

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

@@ -160,9 +160,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -180,7 +184,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -189,12 +193,17 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
         noShare: true,
         padding: 32
       }));
     })), !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }));
   };

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

@@ -95,6 +95,11 @@ function (_super) {
         height: data.pcHeight
       }
     }, !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }), data.groupSource.map(function (group) {
       var _a;
@@ -112,9 +117,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -132,7 +141,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -141,7 +150,7 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
         noShare: true,
         padding: 20

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

@@ -106,9 +106,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -129,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -138,7 +142,12 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+        data: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share),
         padding: 20,
         pc: true
       })), /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -106,9 +106,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -129,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -138,7 +142,12 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+        data: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share),
         padding: 20,
         pc: true
       })), /*#__PURE__*/_react["default"].createElement("div", {

package/es/composite-comp/bol/config-panels/VideoConfig/VideoShareConfig/index.js

@@ -66,7 +66,6 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
-    console.log('data: ', data);
 
     var ShareSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('SOCIAL_IMAGE')

package/es/core/Renderer/index.js

@@ -1,17 +1,23 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _commonUtil = require("../../utils/commonUtil");
 
 var _componentTypes = require("../../constants/component-types");
 
 var _coreUtil = require("../../utils/coreUtil");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -31,6 +37,7 @@ var __assign = void 0 && (void 0).__assign || function () {
 /* eslint-disable consistent-return */
 
 
+// import { deviceTypeMap } from '../../constants';
 var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
       device = props.device,
@@ -67,6 +74,16 @@ var Renderer = function Renderer(props) {
     return source;
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _a;
+
+      var scrollId = (0, _commonUtil.getUrlParams)('scroll');
+      (_a = document.querySelector("#" + scrollId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+        behavior: 'smooth'
+      });
+    }, 300);
+  });
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
@@ -86,7 +103,8 @@ var Renderer = function Renderer(props) {
     });
 
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: nodeData.id
+      key: nodeData.id,
+      id: 'node-' + nodeData.id
     }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
   }));
 };

package/es/utils/commonUtil.js

@@ -3,14 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addZero = void 0;
+exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
 exports.checkFileName = exports.calcLastTime = void 0;
 exports.commonFetch = commonFetch;
 exports.convertImageUrl = convertImageUrl;
+exports.copy2ClipBoard = copy2ClipBoard;
 exports.dragSource = void 0;
 exports.ensure = ensure;
-exports.styleStringify = exports.navigateTo = exports.importAsync = exports.getUrlParams = exports.getColorRgba = void 0;
+exports.navigateTo = exports.importAsync = exports.getUrlParams = exports.getColorRgba = void 0;
+exports.shareFacebook = shareFacebook;
+exports.shareLinkedin = shareLinkedin;
+exports.shareTwitter = shareTwitter;
+exports.styleStringify = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -115,6 +120,16 @@ var navigateTo = function navigateTo(url) {
 
 exports.navigateTo = navigateTo;
 
+var addUrlQuery = function addUrlQuery(url, queryObj) {
+  if (/\?/.test(url)) {
+    return url + '&' + _qs["default"].stringify(queryObj);
+  } else {
+    return url + '?' + _qs["default"].stringify(queryObj);
+  }
+};
+
+exports.addUrlQuery = addUrlQuery;
+
 var dragSource = function dragSource(source, from, to) {
   var out = source.splice(from, 1);
 
@@ -318,4 +333,62 @@ var importAsync = function importAsync(fileUrl) {
   });
 };
 
-exports.importAsync = importAsync;
+exports.importAsync = importAsync;
+
+function shareFacebook(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://www.facebook.com/sharer.php' + _qs["default"].stringify({
+    u: url,
+    t: title
+  }, {
+    addQueryPrefix: true
+  }));
+}
+
+function shareTwitter(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://twitter.com/share' + _qs["default"].stringify({
+    url: url,
+    text: title
+  }, {
+    addQueryPrefix: true
+  }));
+} // export function sharewhatsApp({ url, image, title, description }) {
+//   window.open(`https://api.whatsapp.com/send?text=${encodeURIComponent(url)}`, '_self');
+// }
+
+
+function shareLinkedin(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://www.linkedin.com/shareArticle' + _qs["default"].stringify({
+    mini: true,
+    url: url,
+    title: title
+  }, {
+    addQueryPrefix: true
+  }));
+}
+/**
+ * 复制到剪切板
+ * @param {*} text 复制内容
+ */
+
+
+function copy2ClipBoard(text) {
+  var tag = document.createElement('input');
+  tag.setAttribute('id', 'cp_hgz_input');
+  tag.value = text;
+  document.getElementsByTagName('body')[0].appendChild(tag);
+  document.getElementById('cp_hgz_input').select();
+  document.execCommand('copy');
+  document.getElementById('cp_hgz_input').remove();
+}

package/es/utils/coreUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.isActiveFloor = exports.copyNode = exports.clickUrl = void 0;
+exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.isActiveFloor = exports.getVideoCover = exports.copyNode = exports.clickUrl = void 0;
 
 var _uuid = require("uuid");
 
@@ -206,10 +206,17 @@ exports.isPc = isPc;
 var setMagicDesign = function setMagicDesign(magicDesignObj) {
   window.magicDesign = __assign(__assign({}, window.magicDesign), magicDesignObj);
 };
+
+exports.setMagicDesign = setMagicDesign;
+
+var getVideoCover = function getVideoCover(group) {
+  if (group.overilay.open) return isPc() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc;
+  return '';
+};
 /** 刷新预览区域 */
 
 
-exports.setMagicDesign = setMagicDesign;
+exports.getVideoCover = getVideoCover;
 
 var renderPreview = function renderPreview(changeHistory) {
   if (changeHistory === void 0) {

package/lib/common/Video/index.js

@@ -311,7 +311,7 @@ function (_super) {
       shadowWrap.onclick = function () {
         var _a;
 
-        (_a = document.querySelector("[video-id=" + videoId + "]")) === null || _a === void 0 ? void 0 : _a.remove();
+        (_a = document.querySelector("[video-id=\"" + videoId + "\"]")) === null || _a === void 0 ? void 0 : _a.remove();
       };
 
       var contentWrap = document.createElement('div');

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _videoShare = _interopRequireDefault(require("./imgs/video-share.png"));
 
 var _facebookIcon = _interopRequireDefault(require("./imgs/facebook-icon.png"));
@@ -19,9 +21,9 @@ var _twitterIcon = _interopRequireDefault(require("./imgs/twitter-icon.png"));
 
 var _arrowRight = _interopRequireDefault(require("./imgs/arrow-right.png"));
 
-require("./index.less");
+var _commonUtil = require("../../../../../../utils/commonUtil");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -70,7 +72,8 @@ function (_super) {
 
     var _a = this.props,
         pc = _a.pc,
-        padding = _a.padding;
+        padding = _a.padding,
+        data = _a.data;
     var show = this.state.show;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('video-share-btn', {
@@ -96,18 +99,38 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareFacebook)(data);
+      },
       src: _facebookIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareLinkedin)(data);
+      },
       src: _linkedInIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.shareTwitter)(data);
+      },
       src: _twitterIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",
       className: "share-img",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _commonUtil.copy2ClipBoard)(data.url);
+
+        _this.setState({
+          show: false
+        });
+      },
       src: _linkIcon["default"]
     }), /*#__PURE__*/_react["default"].createElement("img", {
       alt: "",

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

@@ -63,7 +63,8 @@ function (_super) {
         _b = _a.position,
         position = _b === void 0 ? 'absolute' : _b,
         noShare = _a.noShare,
-        padding = _a.padding;
+        padding = _a.padding,
+        share = _a.share;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "video-tag-container",
       style: {
@@ -103,11 +104,14 @@ function (_super) {
       className: "text-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
       data: data.text
-    }), !noShare && /*#__PURE__*/_react["default"].createElement(_index["default"], null)))));
+    }), !noShare && /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      data: share
+    })))));
   };
 
   VideoTag.defaultProps = {
-    data: {}
+    data: {},
+    noShare: false
   };
   return VideoTag;
 }(_react["default"].Component);

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

@@ -131,7 +131,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -141,7 +141,13 @@ function (_super) {
         alt: "",
         src: _playCircle["default"]
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        data: group
+        data: group,
+        noShare: !data.share.open,
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }));
   };

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

@@ -13,8 +13,6 @@ var _playCircle = _interopRequireDefault(require("../../imgs/play-circle.png"));
 
 var _commonUtil = require("../../../../../../utils/commonUtil");
 
-var _coreUtil = require("../../../../../../utils/coreUtil");
-
 require("./index.less");
 
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
@@ -166,7 +164,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: getVideoCover(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -176,7 +174,13 @@ function (_super) {
         alt: "",
         src: _playCircle["default"]
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        data: group
+        data: group,
+        noShare: !data.share.open,
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }))), /*#__PURE__*/_react["default"].createElement(_common.SwiperBan, {
       data: data.groupSource,

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

@@ -133,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -144,7 +144,13 @@ function (_super) {
         src: _playCircle["default"]
       }))), /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
-        position: "relative"
+        noShare: !data.share.open,
+        position: "relative",
+        share: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share)
       }));
     }));
   };

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

@@ -86,6 +86,7 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
+    console.log('data: ', data);
     var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
       return _this.videoRefMap[key].playing;
     });
@@ -134,7 +135,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -148,7 +149,12 @@ function (_super) {
         noShare: true,
         padding: 48
       }));
-    })), !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+    })), data.share.open && !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }));
   };

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

@@ -160,9 +160,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -180,7 +184,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -189,12 +193,17 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
         noShare: true,
         padding: 32
       }));
     })), !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }));
   };

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

@@ -95,6 +95,11 @@ function (_super) {
         height: data.pcHeight
       }
     }, !hasPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      data: __assign({
+        url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+          scroll: 'node-' + data.id
+        })
+      }, data.share),
       pc: true
     }), data.groupSource.map(function (group) {
       var _a;
@@ -112,9 +117,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -132,7 +141,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -141,7 +150,7 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
         data: group,
         noShare: true,
         padding: 20

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

@@ -106,9 +106,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -129,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -138,7 +142,12 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+        data: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share),
         padding: 20,
         pc: true
       })), /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -106,9 +106,13 @@ function (_super) {
 
               _this.videoRefMap[group.id].el.player.pause();
             } else {
-              _this.videoRefMap[group.id].playing = true;
+              if (group.video.playPosition == 'Popup') {
+                _this.videoRefMap[group.id].el.fullPlay('pc');
+              } else {
+                _this.videoRefMap[group.id].playing = true;
 
-              _this.videoRefMap[group.id].el.player.play();
+                _this.videoRefMap[group.id].el.player.play();
+              }
             }
 
             _this.setState({});
@@ -129,7 +133,7 @@ function (_super) {
           }
         },
         opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.isPc)() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc,
+          cover: (0, _coreUtil.getVideoCover)(group),
           source: group.video.sourceUrl
         }),
         videoId: group.id
@@ -138,7 +142,12 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
+        data: __assign({
+          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
+            scroll: 'node-' + data.id
+          })
+        }, data.share),
         padding: 20,
         pc: true
       })), /*#__PURE__*/_react["default"].createElement("div", {

package/lib/composite-comp/bol/config-panels/VideoConfig/VideoShareConfig/index.js

@@ -66,7 +66,6 @@ function (_super) {
     var _this = this;
 
     var data = this.props.data;
-    console.log('data: ', data);
 
     var ShareSetting = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_common.Field, {
       title: (0, _locale.i18n)('SOCIAL_IMAGE')

package/lib/core/Renderer/index.js

@@ -1,17 +1,23 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _commonUtil = require("../../utils/commonUtil");
 
 var _componentTypes = require("../../constants/component-types");
 
 var _coreUtil = require("../../utils/coreUtil");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
@@ -31,6 +37,7 @@ var __assign = void 0 && (void 0).__assign || function () {
 /* eslint-disable consistent-return */
 
 
+// import { deviceTypeMap } from '../../constants';
 var setDesignConfig = function setDesignConfig(props) {
   var config = props.config,
       device = props.device,
@@ -67,6 +74,16 @@ var Renderer = function Renderer(props) {
     return source;
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _a;
+
+      var scrollId = (0, _commonUtil.getUrlParams)('scroll');
+      (_a = document.querySelector("#" + scrollId)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
+        behavior: 'smooth'
+      });
+    }, 300);
+  });
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "render_wrap",
     magic_design: "",
@@ -86,7 +103,8 @@ var Renderer = function Renderer(props) {
     });
 
     return /*#__PURE__*/_react["default"].createElement("div", {
-      key: nodeData.id
+      key: nodeData.id,
+      id: 'node-' + nodeData.id
     }, /*#__PURE__*/_react["default"].createElement(Clazz, __assign({}, newInstanceProps), null));
   }));
 };

package/lib/utils/commonUtil.js

@@ -3,14 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.addZero = void 0;
+exports.addZero = exports.addUrlQuery = void 0;
 exports.asyncDataURLtoImage = asyncDataURLtoImage;
 exports.checkFileName = exports.calcLastTime = void 0;
 exports.commonFetch = commonFetch;
 exports.convertImageUrl = convertImageUrl;
+exports.copy2ClipBoard = copy2ClipBoard;
 exports.dragSource = void 0;
 exports.ensure = ensure;
-exports.styleStringify = exports.navigateTo = exports.importAsync = exports.getUrlParams = exports.getColorRgba = void 0;
+exports.navigateTo = exports.importAsync = exports.getUrlParams = exports.getColorRgba = void 0;
+exports.shareFacebook = shareFacebook;
+exports.shareLinkedin = shareLinkedin;
+exports.shareTwitter = shareTwitter;
+exports.styleStringify = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
@@ -115,6 +120,16 @@ var navigateTo = function navigateTo(url) {
 
 exports.navigateTo = navigateTo;
 
+var addUrlQuery = function addUrlQuery(url, queryObj) {
+  if (/\?/.test(url)) {
+    return url + '&' + _qs["default"].stringify(queryObj);
+  } else {
+    return url + '?' + _qs["default"].stringify(queryObj);
+  }
+};
+
+exports.addUrlQuery = addUrlQuery;
+
 var dragSource = function dragSource(source, from, to) {
   var out = source.splice(from, 1);
 
@@ -318,4 +333,62 @@ var importAsync = function importAsync(fileUrl) {
   });
 };
 
-exports.importAsync = importAsync;
+exports.importAsync = importAsync;
+
+function shareFacebook(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://www.facebook.com/sharer.php' + _qs["default"].stringify({
+    u: url,
+    t: title
+  }, {
+    addQueryPrefix: true
+  }));
+}
+
+function shareTwitter(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://twitter.com/share' + _qs["default"].stringify({
+    url: url,
+    text: title
+  }, {
+    addQueryPrefix: true
+  }));
+} // export function sharewhatsApp({ url, image, title, description }) {
+//   window.open(`https://api.whatsapp.com/send?text=${encodeURIComponent(url)}`, '_self');
+// }
+
+
+function shareLinkedin(_a) {
+  var url = _a.url,
+      image = _a.image,
+      title = _a.title,
+      description = _a.description;
+  window.open('http://www.linkedin.com/shareArticle' + _qs["default"].stringify({
+    mini: true,
+    url: url,
+    title: title
+  }, {
+    addQueryPrefix: true
+  }));
+}
+/**
+ * 复制到剪切板
+ * @param {*} text 复制内容
+ */
+
+
+function copy2ClipBoard(text) {
+  var tag = document.createElement('input');
+  tag.setAttribute('id', 'cp_hgz_input');
+  tag.value = text;
+  document.getElementsByTagName('body')[0].appendChild(tag);
+  document.getElementById('cp_hgz_input').select();
+  document.execCommand('copy');
+  document.getElementById('cp_hgz_input').remove();
+}

package/lib/utils/coreUtil.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.isActiveFloor = exports.copyNode = exports.clickUrl = void 0;
+exports.setMagicDesign = exports.renderPreview = exports.isPc = exports.isDesignMode = exports.isActiveFloor = exports.getVideoCover = exports.copyNode = exports.clickUrl = void 0;
 
 var _uuid = require("uuid");
 
@@ -206,10 +206,17 @@ exports.isPc = isPc;
 var setMagicDesign = function setMagicDesign(magicDesignObj) {
   window.magicDesign = __assign(__assign({}, window.magicDesign), magicDesignObj);
 };
+
+exports.setMagicDesign = setMagicDesign;
+
+var getVideoCover = function getVideoCover(group) {
+  if (group.overilay.open) return isPc() ? group.overilay.content.pcImgSrc : group.overilay.content.h5ImgSrc;
+  return '';
+};
 /** 刷新预览区域 */
 
 
-exports.setMagicDesign = setMagicDesign;
+exports.getVideoCover = getVideoCover;
 
 var renderPreview = function renderPreview(changeHistory) {
   if (changeHistory === void 0) {

package/package.json

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