@fonixtree/magic-design 0.0.150 → 0.0.151

package/es/common/ImageModal/index.js

@@ -243,45 +243,49 @@ function ImageModal(_a) {
       selectedPics = _f[0],
       setSelectedPics = _f[1];
 
-  var _g = (0, _react.useState)([]),
-      contents = _g[0],
-      setContents = _g[1];
+  var _g = (0, _react.useState)(''),
+      wapUrl = _g[0],
+      setWapUrl = _g[1];
 
-  var _h = (0, _react.useState)(0),
-      total = _h[0],
-      setTotal = _h[1];
+  var _h = (0, _react.useState)([]),
+      contents = _h[0],
+      setContents = _h[1];
 
-  var _j = (0, _react.useState)(1),
-      pageIndex = _j[0],
-      setPageIndex = _j[1];
+  var _j = (0, _react.useState)(0),
+      total = _j[0],
+      setTotal = _j[1];
 
-  var _k = (0, _react.useState)(20),
-      pageSize = _k[0],
-      setPageSize = _k[1];
+  var _k = (0, _react.useState)(1),
+      pageIndex = _k[0],
+      setPageIndex = _k[1];
 
-  var _l = (0, _react.useState)(false),
-      spinning = _l[0],
-      setSpinning = _l[1];
+  var _l = (0, _react.useState)(20),
+      pageSize = _l[0],
+      setPageSize = _l[1];
 
-  var _m = (0, _react.useState)(''),
-      name = _m[0],
-      setName = _m[1];
+  var _m = (0, _react.useState)(false),
+      spinning = _m[0],
+      setSpinning = _m[1];
 
-  var _o = (0, _react.useState)([]),
-      contentcatgsList = _o[0],
-      setContentcatgsList = _o[1];
+  var _o = (0, _react.useState)(''),
+      name = _o[0],
+      setName = _o[1];
 
-  var _p = (0, _react.useState)(''),
-      searchValue = _p[0],
-      setSearchValue = _p[1];
+  var _p = (0, _react.useState)([]),
+      contentcatgsList = _p[0],
+      setContentcatgsList = _p[1];
 
-  var _q = (0, _react.useState)([]),
-      expandedKeys = _q[0],
-      setExpandedKeys = _q[1];
+  var _q = (0, _react.useState)(''),
+      searchValue = _q[0],
+      setSearchValue = _q[1];
 
-  var _r = (0, _react.useState)(true),
-      autoExpandParent = _r[0],
-      setAutoExpandParent = _r[1]; // const currentUser = sessionUtil.getUser() || {};
+  var _r = (0, _react.useState)([]),
+      expandedKeys = _r[0],
+      setExpandedKeys = _r[1];
+
+  var _s = (0, _react.useState)(true),
+      autoExpandParent = _s[0],
+      setAutoExpandParent = _s[1]; // const currentUser = sessionUtil.getUser() || {};
   // const { _csrf } = currentUser;
   // const headers = {};
   // if (_csrf && _csrf.headerName) {
@@ -425,8 +429,44 @@ function ImageModal(_a) {
     });
   };
 
+  var getPreConfig = function getPreConfig() {
+    return __awaiter(_this, void 0, void 0, function () {
+      var wapUrl_1, error_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2,, 3]);
+
+            return [4
+            /*yield*/
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/pages/platforminfo")];
+
+          case 1:
+            wapUrl_1 = _a.sent().wapUrl;
+            setWapUrl(wapUrl_1);
+            return [3
+            /*break*/
+            , 3];
+
+          case 2:
+            error_1 = _a.sent();
+            console.error(error_1);
+            return [3
+            /*break*/
+            , 3];
+
+          case 3:
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
   (0, _react.useEffect)(function () {
     getContentCatgs();
+    getPreConfig();
   }, []);
 
   var selectFolder = function selectFolder(id) {
@@ -676,7 +716,11 @@ function ImageModal(_a) {
     },
     onCancel: onCancel,
     onOk: function onOk() {
-      return _onOk(selectedPics);
+      return _onOk(selectedPics.map(function (item) {
+        return __assign(__assign({}, item), {
+          url: wapUrl + item.url
+        });
+      }));
     },
     visible: visible
   }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {

package/es/common/LinkModal/BundleCampaign/index.js

@@ -251,7 +251,7 @@ var BundleCampaign = function BundleCampaign(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/bundle/list", params, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/bundle/list", params, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -284,7 +284,7 @@ var BundleCampaign = function BundleCampaign(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/LinkModal/CatgTable/index.js

@@ -184,7 +184,7 @@ function CatgTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/offercatgs/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/offercatgs/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/LinkModal/CouponTable/index.js

@@ -250,7 +250,7 @@ function CouponTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/coupons/couponList/page?tableFlag=effective&isPublic=Y&state=A&pageTotal=false&couponLocation=Promotion", params, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/coupons/couponList/page?tableFlag=effective&isPublic=Y&state=A&pageTotal=false&couponLocation=Promotion", params, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/LinkModal/FilteredProductModal/index.js

@@ -346,7 +346,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/offercatgs/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/offercatgs/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -368,7 +368,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/brands/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/brands/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -390,7 +390,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/labels/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/labels/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -412,7 +412,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -468,7 +468,7 @@ var FilteredProductModal = function FilteredProductModal(props) {
               };
               return [4
               /*yield*/
-              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/offers/es", params, 'POST')];
+              , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/offers/es", params, 'POST')];
 
             case 1:
               res = _a.sent(); // const res = await commonFetch(`${window.magicDesign.MBaseUrl}/products`, params, 'GET');

package/es/common/LinkModal/FunctionTable/index.js

@@ -193,7 +193,7 @@ function FunctionTable(props) {
             setLoading(true);
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/pages/functions", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/pages/functions", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/LinkModal/ProductDetailPage/index.js

@@ -279,7 +279,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/products", params, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/products", params, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -304,7 +304,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/brands/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/brands/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -326,7 +326,7 @@ var ProductDetailPage = function ProductDetailPage(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/LinkModal/index.js

@@ -276,11 +276,11 @@ var LinkModal = function LinkModal(props) {
     onChange: function onChange(value) {
       return setLinkUrl(value);
     }
-  }), selected === 'ProductDetailsPage' && /*#__PURE__*/_react["default"].createElement(_ProductDetailPage["default"], {
+  }), selected === 'ProductDetailPage' && /*#__PURE__*/_react["default"].createElement(_ProductDetailPage["default"], {
     setUrl: function setUrl(url) {
       return setLinkUrl(url);
     }
-  }), selected === 'FilteredProducts' && /*#__PURE__*/_react["default"].createElement(_FilteredProductModal["default"], {
+  }), selected === 'FilteredProduct' && /*#__PURE__*/_react["default"].createElement(_FilteredProductModal["default"], {
     onDataChange: function onDataChange(url, t) {
       setLinkUrl(url);
       setTotal(t);

package/es/common/ProductModal/index.js

@@ -356,7 +356,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/products", data, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/products", data, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -407,7 +407,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/offerdiscatgs/brands", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/offerdiscatgs/brands", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -429,7 +429,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/labels/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/labels/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();
@@ -451,7 +451,7 @@ var ProductModal = function ProductModal(props) {
           case 0:
             return [4
             /*yield*/
-            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/stores/list", {}, 'GET')];
+            , (0, _commonUtil.commonFetch)(window.magicDesign.MBaseUrl + "/operation/v1/stores/list", {}, 'GET')];
 
           case 1:
             res = _a.sent();

package/es/common/UrlPicker/index.js

@@ -80,7 +80,7 @@ function (_super) {
       value: value
     }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "icon-btns"
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+    }, window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
       color: "#000",
       onClick: function onClick() {
         return _this.setState({

package/es/common/Video/index.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _components = _interopRequireDefault(require("./components"));
 
+var _closeImg = _interopRequireDefault(require("./closeImg.png"));
+
 var _commonUtil = require("../../utils/commonUtil");
 
 require("./index.less");
@@ -329,9 +331,20 @@ function (_super) {
       var videoDom = document.createElement('div');
       videoDom.id = 'video-modal-' + videoId;
       contentWrap.appendChild(videoDom);
+      var closeImgDom = document.createElement('img');
+      closeImgDom.src = _closeImg["default"];
+      closeImgDom.className = 'close-img-wrap';
+
+      closeImgDom.onclick = function () {
+        var _a;
+
+        (_a = document.querySelector("[video-id=\"" + videoId + "\"]")) === null || _a === void 0 ? void 0 : _a.remove();
+      };
+
+      contentWrap.appendChild(closeImgDom);
       modelWrap.appendChild(shadowWrap);
       modelWrap.appendChild(contentWrap);
-      document.body.appendChild(modelWrap);
+      (document.querySelector('[magic_designer]') || document.body).document.body.appendChild(modelWrap);
       createVideo('-modal-' + videoId, __assign(__assign({}, _this.props.opts), {
         autoplay: true
       }));

package/es/common/Video/index.less

@@ -1,12 +1,7 @@
 .video-container {
   position: relative;
   height: 100%;
-  background: url(./background.png);
-  background-size: cover;
-  // .prism-player .prism-liveshift-progress,
-  // .prism-player .prism-progress {
-  //   bottom: 10px !important;
-  // }
+  background-image: linear-gradient(0, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
 
   .prism-player .prism-cover {
     z-index: 0;
@@ -43,5 +38,14 @@
     border-radius: 5px;
     z-index: 1001;
     position: fixed;
+
+    .close-img-wrap {
+      position: absolute;
+      right: 14px;
+      top: 14px;
+      width: 20px;
+      height: 20px;
+      cursor: pointer;
+    }
   }
 }

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

@@ -15,8 +15,6 @@ var _components = require("../../../../meta-comp/components");
 
 var _compositeDecorator = _interopRequireDefault(require("../../../../decorator/compositeDecorator"));
 
-require("./index.less");
-
 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); }
@@ -61,6 +59,11 @@ var __decorate = void 0 && (void 0).__decorate || function (decorators, target,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
+// import './index.less';
+// less to css 在线地址 https://tool.oschina.net/less
+// css 压缩地址 https://www.runoob.com/csspack
+var style = '.m-text{display: flex;flex-direction: column;}.m-text .title-wrap{font-weight:500;font-size:20px;}.m-text .sub-title{font-size:15px;color:#b7b7b7;margin-top:10px;}.m-text .group-content-wrap{width:100%;}.m-text .group-content-wrap .group-wrap-container{padding:10px 20px;}.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;}';
+
 var Text =
 /** @class */
 function (_super) {
@@ -73,18 +76,25 @@ function (_super) {
   Text.prototype.render = function () {
     var _a;
 
-    var nodeData = this.props.nodeData;
+    var _b = this.props,
+        nodeData = _b.nodeData,
+        mode = _b.mode,
+        outputType = _b.outputType;
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: "m-text",
       onClick: this.onComponentClick
-    }, nodeData.title.headline.open && /*#__PURE__*/_react["default"].createElement("div", {
+    }, /*#__PURE__*/_react["default"].createElement("style", null, style), nodeData.title.headline.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "title-wrap"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      data: nodeData.title.headline
+      data: nodeData.title.headline,
+      mode: mode,
+      outputType: outputType
     })), nodeData.title.subtitle.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "sub-title"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-      data: nodeData.title.subtitle
+      data: nodeData.title.subtitle,
+      mode: mode,
+      outputType: outputType
     })), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])('group-content-wrap', 'col-' + nodeData.customize.pcRowNum, (_a = {}, _a[window.magicDesign.device] = true, _a))
     }, nodeData.groupSource.map(function (group) {
@@ -99,11 +109,15 @@ function (_super) {
       }, group.content.title.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "group-title"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: group.content.title
+        data: group.content.title,
+        mode: mode,
+        outputType: outputType
       })), group.content.text.open && /*#__PURE__*/_react["default"].createElement("div", {
         className: "group-content"
       }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {
-        data: group.content.text
+        data: group.content.text,
+        mode: mode,
+        outputType: outputType
       }))));
     })));
   };

package/es/composite-comp/bol/components/Text/index.less

@@ -1,8 +1,7 @@
 .m-text {
-  // display: flex;
-  // flex-direction: column;
-  // align-items: center;
-
+  display: flex;
+  flex-direction: column;
+  
   .title-wrap {
     font-weight: 500;
     font-size: 20px;
@@ -18,13 +17,12 @@
     width: 100%;
 
     .group-wrap-container {
-      padding: 20px;
+      padding: 10px 20px;
     }
 
     .group-wrap {
       display: flex;
       flex-direction: column;
-      margin-top: 20px;
       width: 100%;
 
       .group-title {

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

@@ -1,17 +1,20 @@
 .video-share-btn {
-  height: 32px;
-  width: 32px;
+  height: 44px;
+  width: 44px;
   position: relative;
   flex-shrink: 0;
   z-index: 9;
   margin-left: auto;
+  position: absolute;
+  right: 12px;
+  bottom: 12px;
 
   &.pc {
     position: absolute;
     right: 48px;
     bottom: 48px;
-    height: 50px;
-    width: 50px;
+    height: 60px;
+    width: 60px;
   }
 
   .share-img {

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

@@ -66,14 +66,17 @@ function (_super) {
         position = _b === void 0 ? 'absolute' : _b,
         noShare = _a.noShare,
         padding = _a.padding,
-        share = _a.share;
+        share = _a.share,
+        layout = _a.layout,
+        align = _a.align;
+    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",
       style: {
         position: position,
         padding: padding
       }
-    }, data.video.playButton == 'Bottom Left' && /*#__PURE__*/_react["default"].createElement("div", {
+    }, showBtn && /*#__PURE__*/_react["default"].createElement("div", {
       className: "left-wrap"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "play-btn center"
@@ -97,7 +100,10 @@ function (_super) {
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaButton, {
       data: data.secondButtonTag
     }))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "text-wrap"
+      className: "text-wrap",
+      style: {
+        textAlign: align
+      }
     }, data.title.open && /*#__PURE__*/_react["default"].createElement("div", {
       className: "title-text"
     }, /*#__PURE__*/_react["default"].createElement(_components.MetaText, {

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

@@ -18,8 +18,8 @@
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-      width: 65px;
-      height: 65px;
+      width: 60px;
+      height: 60px;
       z-index: 1;
 
       img {

package/es/composite-comp/bol/components/Video/defaultJSON.js

@@ -170,7 +170,7 @@ var getDefaultJSON = function getDefaultJSON() {
     id: id,
     type: 'VIDEO',
     groupSource: [videoGroupSourceJSON(id)],
-    pcHeight: 792,
+    pcHeight: 600,
     mobileHeight: 212,
     share: {
       open: false,

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _index = _interopRequireDefault(require("../../components/ShareBtn/index"));
+
 var _common = require("../../../../../../common");
 
 var _playCircle = _interopRequireDefault(require("../../imgs/play-circle.png"));
@@ -145,9 +147,12 @@ function (_super) {
       }, /*#__PURE__*/_react["default"].createElement("img", {
         alt: "",
         src: _playCircle["default"]
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+      })), /*#__PURE__*/_react["default"].createElement(_index["default"], {
+        data: data
+      }), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+        align: data.customize.align,
         data: group,
-        noShare: !data.share.open,
+        noShare: true,
         share: __assign({
           url: (0, _commonUtil.addUrlQuery)(window.location.href, {
             scroll: 'node-' + data.id

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

@@ -16,8 +16,8 @@
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-      width: 65px;
-      height: 65px;
+      width: 60px;
+      height: 60px;
       z-index: 1;
 
       img {

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

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _index = _interopRequireDefault(require("../../components/ShareBtn/index"));
+
 var _common = require("../../../../../../common");
 
 var _playCircle = _interopRequireDefault(require("../../imgs/play-circle.png"));
@@ -15,10 +17,10 @@ var _commonUtil = require("../../../../../../utils/commonUtil");
 
 var _coreUtil = require("../../../../../../utils/coreUtil");
 
-require("./index.less");
-
 var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var __extends = void 0 && (void 0).__extends || function () {
@@ -69,8 +71,6 @@ var __assign = void 0 && (void 0).__assign || function () {
 /* eslint-disable no-plusplus */
 
 
-var debug = require('debug')('worker:Layout1');
-
 var Layout1 =
 /** @class */
 function (_super) {
@@ -181,14 +181,17 @@ function (_super) {
         alt: "",
         src: _playCircle["default"]
       })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
+        align: data.customize.align,
         data: group,
-        noShare: !data.share.open,
+        noShare: true,
         share: __assign({
           url: (0, _commonUtil.addUrlQuery)(window.location.href, {
             scroll: 'node-' + data.id
           })
         }, data.share)
       }));
+    }), /*#__PURE__*/_react["default"].createElement(_index["default"], {
+      data: data
     }))), /*#__PURE__*/_react["default"].createElement(_common.SwiperBan, {
       data: data.groupSource,
       onChange: function onChange(i) {