@fonixtree/magic-design 2.0.54 → 2.0.60

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

@@ -1,46 +0,0 @@
-.video-layout3-wrap {
-  display: flex;
-  flex-direction: column;
-}
-.video-layout3-wrap .video-tag-container {
-  padding-top: 0.4rem;
-  padding-bottom: 0.76rem;
-}
-.video-layout3-wrap .video-layout3-item-con {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 0.2rem;
-}
-.video-layout3-wrap .video-layout3-item-con:last-child {
-  margin-bottom: 0;
-}
-.video-layout3-wrap .video-item-wrap {
-  height: 4.24rem;
-  position: relative;
-}
-.video-layout3-wrap .video-item-wrap:last-child {
-  margin-bottom: 0;
-}
-.video-layout3-wrap .video-item-wrap .play-btn {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-  cursor: pointer;
-}
-.video-layout3-wrap .video-item-wrap .play-btn img {
-  width: 100%;
-  height: 100%;
-}
-.video-layout3-wrap .video-item-wrap .play-btn.bottomLeft {
-  left: 0.24rem;
-  bottom: 0.2rem;
-  transform: unset;
-  top: unset;
-}
-.video-layout3-wrap .video-item-wrap .video-share-btn {
-  position: absolute;
-  right: 0.24rem;
-  bottom: 0.24rem;
-}

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

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Layout = _interopRequireDefault(require("./Layout1"));
-
-var _Layout2 = _interopRequireDefault(require("./Layout2"));
-
-var _Layout3 = _interopRequireDefault(require("./Layout3"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-var VideoMobile =
-/** @class */
-function (_super) {
-  __extends(VideoMobile, _super);
-
-  function VideoMobile() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    return _this;
-  }
-
-  VideoMobile.prototype.render = function () {
-    var data = this.props.data;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-video-mobile"
-    }, data.customize.layout.h5Layout == 'layout1' && /*#__PURE__*/_react["default"].createElement(_Layout["default"], {
-      key: JSON.stringify(data),
-      data: data
-    }), data.customize.layout.h5Layout == 'layout2' && /*#__PURE__*/_react["default"].createElement(_Layout2["default"], {
-      key: JSON.stringify(data),
-      data: data
-    }), data.customize.layout.h5Layout == 'layout3' && /*#__PURE__*/_react["default"].createElement(_Layout3["default"], {
-      key: JSON.stringify(data),
-      data: data
-    }));
-  };
-
-  VideoMobile.defaultProps = {};
-  return VideoMobile;
-}(_react["default"].Component);
-
-var _default = VideoMobile;
-exports["default"] = _default;

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

@@ -1,3 +0,0 @@
-.m-video-mobile {
-  position: relative;
-}

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

@@ -1,186 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _common = require("../../../../../../common");
-
-var _commonUtil = require("../../../../../../utils/commonUtil");
-
-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");
-
-var _PlaySvg = _interopRequireDefault(require("../../../../../../meta-comp/config-panels/PlayIconConfig/PlaySvg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-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 Layout1 =
-/** @class */
-function (_super) {
-  __extends(Layout1, _super);
-
-  function Layout1() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    /** 视频ref映射 */
-
-    _this.videoRefMap = {};
-
-    _this.playOrPause = function (group) {
-      (0, _commonUtil.ensure)(function () {
-        if (_this.videoRefMap[group.id].playing) {
-          _this.videoRefMap[group.id].playing = false;
-
-          _this.videoRefMap[group.id].el.player.pause();
-        } else {
-          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.setState({});
-      });
-    };
-
-    return _this;
-  }
-
-  Layout1.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var GAData = (0, _commonUtil.getGAData)(data);
-    var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
-      return _this.videoRefMap[key].playing;
-    });
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-pc-layout1-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, data.groupSource.map(function (group) {
-      var _a, _b, _c, _d, _e;
-      /** 当前是否在播放 */
-
-
-      var isPlaying = !!((_a = _this.videoRefMap[group.id]) === null || _a === void 0 ? void 0 : _a.playing);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: group.id,
-        className: "video-item-wrap",
-        style: {
-          height: data.pcHeight
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
-        ref: function ref(el) {
-          if (!_this.videoRefMap[group.id]) {
-            _this.videoRefMap[group.id] = {
-              el: el,
-              playing: group.video.autoplay
-            };
-
-            _this.setState({});
-          }
-        },
-        onEnd: function onEnd() {
-          _this.videoRefMap[group.id].playing = false;
-
-          _this.setState({});
-        },
-        opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.getVideoCover)(group),
-          source: group.video.sourceUrl
-        }),
-        play: (_b = _this.videoRefMap[group.id]) === null || _b === void 0 ? void 0 : _b.playing,
-        videoId: group.id
-      }), !isPlaying && group.video.playButton == 'Middle' && ((_c = group === null || group === void 0 ? void 0 : group.playIcon) === null || _c === void 0 ? void 0 : _c.open) && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "play-btn center",
-        onClick: function onClick() {
-          _this.playOrPause(group);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: (_d = group === null || group === void 0 ? void 0 : group.playIcon) === null || _d === void 0 ? void 0 : _d.iconType,
-        imgWidth: (_e = group === null || group === void 0 ? void 0 : group.playIcon) === null || _e === void 0 ? void 0 : _e.pcSize
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        customize: data.customize,
-        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);
-        },
-        padding: 48
-      }), 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
-      }));
-    })));
-  };
-
-  Layout1.defaultProps = {};
-  return Layout1;
-}(_react["default"].Component);
-
-var _default = Layout1;
-exports["default"] = _default;

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

@@ -1,40 +0,0 @@
-.video-pc-layout1-wrap {
-  display: flex;
-  flex-direction: column;
-
-  .video-tag-container .left-wrap {
-    width: 120px;
-    min-height: 100px;
-  }
-
-  .video-tag-container .left-wrap+.right-wrap {
-    padding-left: 60px;
-    width: calc(100% - 120px);
-  }
-
-  .video-item-wrap {
-    height: 792px;
-    position: relative;
-    margin-bottom: 10px;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-
-    .play-btn {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      // width: 100px;
-      // height: 100px;
-      z-index: 1;
-      cursor: pointer;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}

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

@@ -1,243 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _common = require("../../../../../../common");
-
-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");
-
-require("./index.less");
-
-var _PlaySvg = _interopRequireDefault(require("../../../../../../meta-comp/config-panels/PlayIconConfig/PlaySvg"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (b.hasOwnProperty(p)) d[p] = b[p];
-      }
-    };
-
-    return _extendStatics(d, b);
-  };
-
-  return function (d, b) {
-    _extendStatics(d, b);
-
-    function __() {
-      this.constructor = d;
-    }
-
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-
-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 debug = require('debug')('worker:Layout2');
-
-var Layout2 =
-/** @class */
-function (_super) {
-  __extends(Layout2, _super);
-
-  function Layout2() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-    /** 视频ref映射 */
-
-    _this.videoRefMap = {};
-
-    _this.playOrPause = function (group) {
-      (0, _commonUtil.ensure)(function () {
-        if (_this.videoRefMap[group.id].playing) {
-          _this.videoRefMap[group.id].playing = false;
-
-          _this.videoRefMap[group.id].el.player.pause();
-        } else {
-          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.setState({});
-      });
-    };
-
-    return _this;
-  }
-
-  Layout2.prototype.render = function () {
-    var _this = this;
-
-    var _a;
-
-    var data = this.props.data;
-    var GAData = (0, _commonUtil.getGAData)(data);
-    var hasPlaying = Object.keys(this.videoRefMap).find(function (key) {
-      return _this.videoRefMap[key].playing;
-    });
-    var firstGroup = data.groupSource[0] || null;
-    var isFirstGroupPlaying = (0, _commonUtil.ensure)(function () {
-      var _a;
-
-      return !!((_a = _this.videoRefMap[firstGroup.id]) === null || _a === void 0 ? void 0 : _a.playing);
-    }, false);
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-pc-layout2-wrap",
-      style: {
-        height: data.pcHeight
-      }
-    }, firstGroup && /*#__PURE__*/_react["default"].createElement("div", {
-      key: firstGroup.id,
-      className: "video-left-wrap"
-    }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
-      ref: function ref(el) {
-        if (!_this.videoRefMap[firstGroup.id]) {
-          _this.videoRefMap[firstGroup.id] = {
-            el: el,
-            playing: firstGroup.video.autoplay
-          };
-
-          _this.setState({});
-        }
-      },
-      onEnd: function onEnd() {
-        _this.videoRefMap[firstGroup.id].playing = false;
-
-        _this.setState({});
-      },
-      opts: __assign(__assign({}, firstGroup.video), {
-        cover: (0, _coreUtil.isPc)() ? firstGroup.overilay.content.pcImgSrc : firstGroup.overilay.content.h5ImgSrc,
-        source: firstGroup.video.sourceUrl
-      }),
-      play: isFirstGroupPlaying,
-      videoId: firstGroup.id
-    }), !isFirstGroupPlaying && firstGroup.video.playButton == 'Middle' && ((_a = firstGroup === null || firstGroup === void 0 ? void 0 : firstGroup.playIcon) === null || _a === void 0 ? void 0 : _a.open) && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "play-btn center",
-      onClick: function onClick() {
-        _this.playOrPause(firstGroup);
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-      imgName: firstGroup.playIcon.iconType,
-      imgWidth: firstGroup.playIcon.pcSize
-    })), !isFirstGroupPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-      customize: data.customize,
-      data: firstGroup,
-      GAData: __assign(__assign({}, GAData), {
-        groupId: firstGroup.id,
-        groupName: (0, _ConfigPanel.getSecondConfigName)(data, firstGroup.id)
-      }),
-      noShare: true,
-      onPlayClick: function onPlayClick() {
-        return _this.playOrPause(firstGroup);
-      },
-      padding: 32
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "right-list-wrap"
-    }, data.groupSource.slice(1).map(function (group) {
-      var _a, _b;
-      /** 当前是否在播放 */
-
-
-      var isPlaying = !!((_a = _this.videoRefMap[group.id]) === null || _a === void 0 ? void 0 : _a.playing);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        key: group.id,
-        className: "video-item-wrap"
-      }, /*#__PURE__*/_react["default"].createElement(_common.Video, {
-        ref: function ref(el) {
-          if (!_this.videoRefMap[group.id]) {
-            _this.videoRefMap[group.id] = {
-              el: el,
-              playing: group.video.autoplay
-            };
-
-            _this.setState({});
-          }
-        },
-        onEnd: function onEnd() {
-          _this.videoRefMap[group.id].playing = false;
-
-          _this.setState({});
-        },
-        opts: __assign(__assign({}, group.video), {
-          cover: (0, _coreUtil.getVideoCover)(group),
-          source: group.video.sourceUrl
-        }),
-        play: (_b = _this.videoRefMap[group.id]) === null || _b === void 0 ? void 0 : _b.playing,
-        videoId: group.id
-      }), !isPlaying && group.video.playButton == 'Middle' && group.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "play-btn center",
-        onClick: function onClick() {
-          _this.playOrPause(group);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: group.playIcon.iconType,
-        imgWidth: group.playIcon.pcSize
-      })), !isPlaying && /*#__PURE__*/_react["default"].createElement(_VideoTag["default"], {
-        customize: data.customize,
-        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);
-        },
-        padding: 32
-      }));
-    })), 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
-    }));
-  };
-
-  Layout2.defaultProps = {};
-  return Layout2;
-}(_react["default"].Component);
-
-var _default = Layout2;
-exports["default"] = _default;

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

@@ -1,68 +0,0 @@
-.video-pc-layout2-wrap {
-  display: flex;
-  align-items: center;
-  height: 792px;
-
-  .right-list-wrap {
-    display: flex;
-    flex-direction: column;
-    width: 50%;
-    height: 100%;
-  }
-
-  .video-tag-container .left-wrap {
-    width: 100px;
-    min-height: 100px;
-  }
-
-  .video-tag-container .left-wrap+.right-wrap {
-    padding-left: 30px;
-    width: calc(100% - 100px);
-  }
-
-  .video-left-wrap {
-    height: 100%;
-    position: relative;
-    width: 50%;
-
-    .play-btn {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      // width: 100px;
-      // height: 100px;
-      z-index: 1;
-      cursor: pointer;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-
-  .video-item-wrap {
-    display: flex;
-    position: relative;
-    flex-direction: column;
-    flex: 1;
-    width: 100%;
-
-    .play-btn {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      // width: 100px;
-      // height: 100px;
-      z-index: 1;
-      cursor: pointer;
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-}