@fonixtree/magic-design 2.0.39 → 2.0.40

package/lib/composite-comp/bol/components/Video/mobile/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 _index = _interopRequireDefault(require("../../components/ShareBtn/index"));
-
-var _common = require("../../../../../../common");
-
-var _commonUtil = require("../../../../../../utils/commonUtil");
-
-var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
-
-var _coreUtil = require("../../../../../../utils/coreUtil");
-
-var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
-
-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);
-};
-/* eslint-disable no-lonely-if */
-
-
-var debug = require('debug')('worker:Layout1');
-
-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('h5');
-          } 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);
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-layout1-wrap"
-    }, data.groupSource.map(function (group) {
-      var _a, _b, _c;
-      /** 当前是否在播放 */
-
-
-      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: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
-        })
-      }, /*#__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: group.playIcon.iconType,
-        imgWidth: group === null || group === void 0 ? void 0 : group.playIcon.size
-      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data
-      }), !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);
-        },
-        share: __assign({
-          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
-            scroll: 'node-' + data.id
-          })
-        }, data.share)
-      }));
-    }));
-  };
-
-  Layout1.defaultProps = {};
-  return Layout1;
-}(_react["default"].Component);
-
-var _default = Layout1;
-exports["default"] = _default;

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

@@ -1,24 +0,0 @@
-.video-layout1-wrap {
-  display: flex;
-  flex-direction: column;
-}
-.video-layout1-wrap .video-item-wrap {
-  height: 4.24rem;
-  position: relative;
-  margin-bottom: 0.2rem;
-}
-.video-layout1-wrap .video-item-wrap:last-child {
-  margin-bottom: 0;
-}
-.video-layout1-wrap .video-item-wrap .play-btn {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-  cursor: pointer;
-}
-.video-layout1-wrap .video-item-wrap .play-btn img {
-  width: 100%;
-  height: 100%;
-}

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

@@ -1,226 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = _interopRequireDefault(require("../../components/ShareBtn/index"));
-
-var _common = require("../../../../../../common");
-
-var _commonUtil = require("../../../../../../utils/commonUtil");
-
-var _coreUtil = require("../../../../../../utils/coreUtil");
-
-var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
-
-var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
-
-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);
-};
-/* eslint-disable no-lonely-if */
-
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-
-/* eslint-disable no-plusplus */
-
-
-var Layout1 =
-/** @class */
-function (_super) {
-  __extends(Layout1, _super);
-
-  function Layout1() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      sliderIndex: 0
-    };
-
-    _this.autoSlide = function () {
-      if (window.magicDesign.mode === 'renderer') {
-        _this.timer = setInterval(function () {
-          var data = _this.props.data;
-
-          _this.setState({
-            sliderIndex: (_this.state.sliderIndex + 1) % data.groupSource.length
-          });
-        }, 3000);
-      }
-    };
-
-    _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('h5');
-          } else {
-            _this.videoRefMap[group.id].playing = true;
-
-            _this.videoRefMap[group.id].el.player.play();
-          }
-        }
-
-        _this.setState({});
-      });
-    };
-    /** 视频ref映射 */
-
-
-    _this.videoRefMap = {};
-    return _this;
-  }
-
-  Layout1.prototype.componentDidMount = function () {
-    this.autoSlide();
-  };
-
-  Layout1.prototype.componentWillUnmount = function () {
-    this.timer && clearInterval(this.timer);
-  };
-
-  Layout1.prototype.render = function () {
-    var _this = this;
-
-    var sliderIndex = this.state.sliderIndex;
-    var data = this.props.data;
-    var GAData = (0, _commonUtil.getGAData)(data);
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-layout2-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "slider-wrap"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "slider-list-wrap",
-      style: {
-        transform: "translateX(-" + sliderIndex * 100 + "%)"
-      }
-    }, data.groupSource.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",
-        style: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
-        })
-      }, /*#__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.size
-      })), !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);
-        },
-        share: __assign({
-          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
-            scroll: 'node-' + data.id
-          })
-        }, data.share)
-      }), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_index["default"], {
-        data: data
-      }));
-    }))), /*#__PURE__*/_react["default"].createElement(_common.SwiperBan, {
-      data: data.groupSource,
-      onChange: function onChange(i) {
-        _this.setState({
-          sliderIndex: i
-        });
-      },
-      value: sliderIndex
-    }));
-  };
-
-  Layout1.defaultProps = {};
-  return Layout1;
-}(_react["default"].Component);
-
-var _default = Layout1;
-exports["default"] = _default;

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

@@ -1,40 +0,0 @@
-.video-layout2-wrap {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  padding-bottom: 0.72rem;
-}
-.video-layout2-wrap .slider-wrap {
-  width: 100%;
-  overflow: hidden;
-}
-.video-layout2-wrap .slider-wrap .slider-list-wrap {
-  display: flex;
-  transform: translateX(-100%);
-  transition: all 0.3s linear;
-  position: relative;
-}
-.video-layout2-wrap .slider-wrap .slider-list-wrap.noAnimation {
-  animation: none;
-}
-.video-layout2-wrap .slider-wrap .video-item-wrap {
-  height: 4.24rem;
-  position: relative;
-  width: 100%;
-  flex-shrink: 0;
-}
-.video-layout2-wrap .slider-wrap .video-item-wrap:last-child {
-  margin-bottom: 0;
-}
-.video-layout2-wrap .slider-wrap .video-item-wrap .play-btn {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-  cursor: pointer;
-}
-.video-layout2-wrap .slider-wrap .video-item-wrap .play-btn img {
-  width: 100%;
-  height: 100%;
-}

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

@@ -1,194 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _common = require("../../../../../../common");
-
-var _commonUtil = require("../../../../../../utils/commonUtil");
-
-var _coreUtil = require("../../../../../../utils/coreUtil");
-
-var _VideoTag = _interopRequireDefault(require("../../components/VideoTag"));
-
-var _ShareBtn = _interopRequireDefault(require("../../components/ShareBtn"));
-
-var _ConfigPanel = require("../../../../../../core/Designer/ConfigPanel");
-
-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);
-};
-/* eslint-disable no-lonely-if */
-
-
-var Layout3 =
-/** @class */
-function (_super) {
-  __extends(Layout3, _super);
-
-  function Layout3() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {};
-
-    _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('h5');
-          } else {
-            _this.videoRefMap[group.id].playing = true;
-
-            _this.videoRefMap[group.id].el.player.play();
-          }
-        }
-
-        _this.setState({});
-      });
-    };
-    /** 视频ref映射 */
-
-
-    _this.videoRefMap = {};
-    return _this;
-  }
-
-  Layout3.prototype.render = function () {
-    var _this = this;
-
-    var data = this.props.data;
-    var GAData = (0, _commonUtil.getGAData)(data);
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-layout3-wrap"
-    }, data.groupSource.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", {
-        className: "video-layout3-item-con"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        key: group.id,
-        className: "video-item-wrap",
-        style: (0, _commonUtil.pxToRem)({
-          height: data.mobileHeight
-        })
-      }, /*#__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.playIcon.open && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])('play-btn', {
-          middle: group.video.playButton == 'Middle',
-          bottomLeft: group.video.playButton == 'Bottom Left'
-        }),
-        onClick: function onClick() {
-          _this.playOrPause(group);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_PlaySvg["default"], {
-        imgName: group.playIcon.iconType,
-        imgWidth: group.playIcon.size
-      })), data.share.open && !isPlaying && /*#__PURE__*/_react["default"].createElement(_ShareBtn["default"], {
-        data: data.share
-      })), /*#__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)
-        }),
-        layout: 'h5-' + data.customize.layout.h5Layout,
-        noShare: true,
-        notVertical: true,
-        onPlayClick: function onPlayClick() {
-          return _this.playOrPause(group);
-        },
-        position: "relative",
-        share: __assign({
-          url: (0, _commonUtil.addUrlQuery)(window.location.href, {
-            scroll: 'node-' + data.id
-          })
-        }, data.share)
-      }));
-    }));
-  };
-
-  Layout3.defaultProps = {};
-  return Layout3;
-}(_react["default"].Component);
-
-var _default = Layout3;
-exports["default"] = _default;