@fonixtree/magic-design 2.0.161 → 2.0.162

package/lib/common/UrlPicker/index.js

@@ -1,182 +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 _AnchorModal = _interopRequireDefault(require("./AnchorModal"));
-
-var _coreUtil = require("../../utils/coreUtil");
-
-var _locale = require("../../locale");
-
-var _LinkModal = _interopRequireDefault(require("../LinkModal"));
-
-var _Iconfont = _interopRequireDefault(require("../Iconfont"));
-
-var _constants = require("../../constants");
-
-var _mobx = require("../../mobx");
-
-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 __());
-  };
-}();
-/* eslint-disable max-len */
-
-
-var UrlPicker =
-/** @class */
-function (_super) {
-  __extends(UrlPicker, _super);
-
-  function UrlPicker() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visible: false,
-      anchorModalVisible: false
-    };
-    return _this;
-  }
-
-  UrlPicker.prototype.render = function () {
-    var _this = this;
-
-    var _a;
-
-    var _b = this.state,
-        visible = _b.visible,
-        anchorModalVisible = _b.anchorModalVisible;
-    var _c = this.props,
-        value = _c.value,
-        _onChange = _c.onChange,
-        disabled = _c.disabled,
-        onlySpecificCode = _c.onlySpecificCode,
-        selfFetch = _c.selfFetch,
-        modalConfig = _c.modalConfig; // 弹框选择url不可编辑，需要先清除
-
-    var editable = !value || !value.type;
-    var inputName = (value === null || value === void 0 ? void 0 : value.name) || '';
-
-    if ((value === null || value === void 0 ? void 0 : value.type) === _constants.urlTypeMap.ANCHOR) {
-      var selectedAnchorIndex = _mobx.store.MPageData.findIndex(function (m) {
-        return m.id === ((0, _coreUtil.isPc)() ? value.value.pcNodeId : value.value.mobileNodeId);
-      });
-
-      var selectedAnchor = _mobx.store.MPageData[selectedAnchorIndex];
-      inputName = selectedAnchorIndex + 1 + "\u3001" + ((_a = _constants.compInfoMap[selectedAnchor.type]) === null || _a === void 0 ? void 0 : _a.name);
-    }
-
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "m-url-picker"
-    }, disabled && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "disabled"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])('input-url', {
-        noEditable: !editable
-      })
-    }, /*#__PURE__*/_react["default"].createElement("input", {
-      disabled: !editable,
-      onChange: function onChange(e) {
-        return _onChange({
-          name: e.target.value,
-          value: e.target.value
-        });
-      },
-      placeholder: (0, _locale.i18n)('PLEASE_ADD_A_LINK'),
-      type: "text",
-      value: inputName
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "icon-btns"
-    }, window.magicDesign.outputType != 'html' && /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#000",
-      onClick: function onClick() {
-        return _this.setState({
-          visible: true
-        });
-      },
-      size: "20px",
-      type: "icon-URLguanli"
-    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#FF4141",
-      onClick: function onClick() {
-        return _onChange('');
-      },
-      size: "20px",
-      type: "icon-delete1"
-    }))), visible && /*#__PURE__*/_react["default"].createElement(_LinkModal["default"], {
-      modalConfig: modalConfig,
-      onClose: function onClose() {
-        return _this.setState({
-          visible: false
-        });
-      },
-      onConfirm: function onConfirm(value) {
-        _onChange(value);
-
-        _this.setState({
-          visible: false
-        });
-      },
-      onlySpecificCode: onlySpecificCode,
-      selfFetch: selfFetch,
-      visible: visible
-    }), anchorModalVisible && /*#__PURE__*/_react["default"].createElement(_AnchorModal["default"], {
-      initData: value,
-      onClose: function onClose() {
-        return _this.setState({
-          anchorModalVisible: false
-        });
-      },
-      onConfirm: function onConfirm(value) {
-        _onChange(value);
-
-        _this.setState({
-          anchorModalVisible: false
-        });
-      },
-      visible: anchorModalVisible
-    }));
-  };
-
-  UrlPicker.defaultProps = {
-    value: '',
-    disabled: false,
-    onChange: function onChange() {}
-  };
-  return UrlPicker;
-}(_react["default"].Component);
-
-var _default = UrlPicker;
-exports["default"] = _default;

package/lib/common/UrlPicker/index.less

@@ -1,86 +0,0 @@
-.m-url-picker {
-  position: relative;
-  .disabled {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    background-color: #D2D9E5;
-    z-index: 1;
-    opacity: 0.5;
-    border-radius: 8px;
-  }
-  .noEditable {
-    background: rgba(239,239,239,0.3) !important;
-  }
-  .input-url {
-    width: 100%;
-    height: 40px;
-    background: #FFFFFF;
-    border: 1px solid #D2D9E5;
-    border-radius: 8px;
-    display: flex;
-    padding: 9px 14px;
-    display: flex;
-    align-items: center;
-
-    input {
-      border: none;
-      outline: none;
-      height: 24px;
-      flex-grow: 1;
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #232F46;
-    }
-
-    /* 使用webkit内核的浏览器 */
-    input::-webkit-input-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* Firefox版本4-18 */
-    input:-moz-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* Firefox版本19+ */
-    input::-moz-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    /* IE浏览器 */
-    input:-ms-input-placeholder {
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      color: #8493AF;
-    }
-
-    .icon-btns {
-      display: flex;
-      align-items: center;
-
-      &>span {
-        margin-left: 12px;
-        cursor: pointer;
-      }
-    }
-  }
-}

package/lib/common/Video/QualityComponent/index.js

@@ -1,169 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("./index.less");
-
-function parseDom(html) {
-  var ele = document.createElement('div');
-  ele.innerHTML = html;
-  return ele.childNodes[0];
-}
-
-function cookieSet(cname, cvalue, exdays) {
-  var d = new Date();
-  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
-  var expires = 'expires=' + d.toGMTString();
-  document.cookie = cname + '=' + escape(cvalue) + '; ' + expires;
-}
-
-var qualityHtml = "<div class=\"quality-components\">\n  <div class=\"current-quality\" data-ref=\"\"></div>\n  <ul class=\"quality-list\">\n  </ul>\n</div>";
-var qualityModal = "<div class=\"quality-modal\">\n  <span class=\"switchimg\"></span> <span class=\"current-quality-tag\"></span> , <span class=\"wait\"></span>\n</div>";
-/**
- * 切换清晰度组件
- */
-
-var QualityComponent =
-/** @class */
-function () {
-  function QualityComponent(getQuality) {
-    this.html = parseDom(qualityHtml);
-    this.modalHtml = parseDom(qualityModal);
-    this.hasCreated = false;
-    this.definition = '';
-    this.getQuality = getQuality;
-  }
-
-  QualityComponent.prototype.createEl = function (el, player) {
-    var lang = player._options && player._options.language;
-    this.isEn = lang && lang === 'en-us';
-    this.html.querySelector('.current-quality').innerText = this.isEn ? 'Resolution' : '清晰度';
-    this.modalHtml.querySelector('.switchimg').innerText = this.isEn ? 'Switching to you for' : '正在为您切换到';
-    this.modalHtml.querySelector('.wait').innerText = this.isEn ? 'Please wait...' : '请稍后...';
-    var eleControlbar = el.querySelector('.prism-controlbar');
-    eleControlbar.appendChild(this.html);
-    el.appendChild(this.modalHtml);
-  };
-
-  QualityComponent.prototype.setCurrentQuality = function (quality, def) {
-    var currentQuality = this.html.querySelector('.current-quality');
-    currentQuality.innerText = quality;
-    currentQuality.dataset.def = def;
-    this.definition = def;
-    var qualityListEle = this.html.querySelector('.quality-list');
-    var currentEle = qualityListEle.querySelector('.current');
-
-    if (currentEle) {
-      currentEle.className = '';
-    }
-
-    var liTarget = qualityListEle.querySelector("li[data-def=\"" + def + "\"]");
-
-    if (liTarget) {
-      liTarget.className = 'current';
-    }
-  };
-
-  QualityComponent.prototype.created = function (player) {
-    var _this = this;
-
-    this._urls = player._urls;
-    var currentQualityEle = this.html.querySelector('.current-quality');
-    var qualityListEle = this.html.querySelector('.quality-list');
-
-    var lisEle = this._urls.map(function (url) {
-      return "<li data-def=\"" + url.definition + "\">" + url.desc + "</li>";
-    });
-
-    this.html.querySelector('.quality-list').innerHTML = lisEle.join('');
-    console.log(this.definition);
-
-    if (this.hasCreated == false && this.definition) {
-      var liTarget = qualityListEle.querySelector("li[data-def=\"" + this.definition + "\"]");
-      liTarget.className = 'current';
-    }
-
-    this.hasCreated = true;
-    var timeId = null;
-
-    currentQualityEle.onclick = function () {
-      var listVisible = qualityListEle.style.display !== 'none';
-
-      if (listVisible) {
-        qualityListEle.style.display = 'none';
-      } else {
-        qualityListEle.style.display = 'block';
-      }
-    };
-
-    currentQualityEle.onmouseleave = function () {
-      if (timeId) clearTimeout(timeId);
-      timeId = setTimeout(function () {
-        qualityListEle.style.display = 'none';
-      }, 150);
-    };
-
-    qualityListEle.onmouseenter = function () {
-      clearTimeout(timeId);
-    };
-
-    qualityListEle.onmouseleave = function () {
-      if (timeId) clearTimeout(timeId);
-      timeId = setTimeout(function () {
-        qualityListEle.style.display = 'none';
-      }, 150);
-    };
-
-    qualityListEle.onclick = function (_a) {
-      var target = _a.target;
-      var definition = target.dataset.def;
-      var desc = target.innerText;
-
-      if (definition && target.className !== 'current') {
-        var url = _this._urls.find(function (url) {
-          return url.definition === definition;
-        });
-
-        if (url) {
-          cookieSet('selectedStreamLevel', url.definition, 365);
-
-          if (player._switchLevel && !player._options.isLive) {
-            player._switchLevel(url.Url);
-          } else {
-            player._loadByUrlInner(url.Url, player.getCurrentTime(), true
-            /* autoPlay */
-            , true
-            /* isSwitchLevel */
-            );
-          }
-
-          _this.setCurrentQuality(url.desc, url.definition);
-
-          _this.modalHtml.style.display = 'block';
-          _this.modalHtml.querySelector('span.current-quality-tag').innerText = url.desc;
-        }
-      } // 点击切换清晰度时，调用这个方法
-
-
-      _this.getQuality(definition, desc);
-    };
-  };
-
-  QualityComponent.prototype.ready = function (player) {
-    this.modalHtml.style.display = 'none'; // 隐藏设置里面的倍速播放
-
-    var settingEle = document.querySelector('.prism-setting-item.prism-setting-quality');
-
-    if (settingEle) {
-      settingEle.classList.add('player-hidden');
-    }
-  };
-
-  return QualityComponent;
-}();
-
-var _default = QualityComponent;
-exports["default"] = _default;

package/lib/common/Video/QualityComponent/index.less

@@ -1,78 +0,0 @@
-.player-hidden {
-  display: none !important;
-}
-
-.quality-components {
-  float: right;
-  color: #fff;
-  height: 35px;
-  position: relative;
-  box-sizing: border-box;
-  margin-top: 4px;
-}
-
-.current-quality {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  // width: 70px;
-  cursor: pointer;
-}
-
-.quality-list {
-  position: absolute;
-  bottom: 46px;
-  display: none;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-
-  li {
-    text-align: center;
-    // width: 70px;
-    line-height: 30px;
-    background-color: rgba(0, 0, 0, .6);
-    cursor: pointer;
-
-    &.current {
-      color: #00c1de;
-    }
-
-    &+li {
-      border-top: 1px solid rgba(78, 78, 78, 0.3);
-    }
-
-    &:hover {
-      background-color: rgba(0, 0, 0, .5);
-    }
-
-    ;
-  }
-}
-
-.quality-modal {
-  position: absolute;
-  bottom: 20%;
-  left: 5%;
-  background-color: rgba(0, 0, 0, .6);
-  border-radius: 5px;
-  color: #fff;
-  padding: 10px 15px;
-  font-size: 14px;
-  display: none;
-
-  span.current-quality-tag {
-    color: #00c1de;
-  }
-}
-
-@media(max-width: 768px) {
-  .current-quality {
-    width: 40px;
-  }
-
-  .quality-list li {
-    width: 45px;
-  }
-}

package/lib/common/Video/RateComponent/index.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("./index.less");
-
-function parseDom(html) {
-  var ele = document.createElement('div');
-  ele.innerHTML = html;
-  return ele.childNodes[0];
-}
-
-var rateHtml = "<div class=\"rate-components\">\n  <div class=\"current-rate\">1.0x</div>\n  <ul class=\"rate-list\">\n    <li data-rate=\"2.0\">2.0x</li>\n    <li data-rate=\"1.5\">1.5x</li>\n    <li data-rate=\"1.0\" class=\"current\">1.0x</li>\n    <li data-rate=\"0.5\">0.5x</li>\n  </ul>\n</div>";
-/**
- * 倍速播放组件
- */
-
-var RateComponent =
-/** @class */
-function () {
-  /**
-   * @constructor 倍速播放组件构造函数
-   */
-  function RateComponent() {
-    this.html = parseDom(rateHtml);
-  }
-
-  RateComponent.prototype.createEl = function (el) {
-    var eleControlbar = el.querySelector('.prism-controlbar');
-    eleControlbar.appendChild(this.html);
-  };
-
-  RateComponent.prototype.ready = function (player) {
-    var currentRateEle = this.html.querySelector('.current-rate');
-    var rateListEle = this.html.querySelector('.rate-list');
-    var timeId = null;
-    var currentEle = rateListEle.querySelector('.current');
-
-    if (currentEle) {
-      currentEle.className = '';
-    }
-
-    rateListEle.querySelector("[data-rate=\"" + player._speed + "\"]").className = 'current';
-    currentRateEle.innerText = player._speed + 'x'; // 隐藏设置里面的倍速播放
-
-    var settingRate = document.querySelector('.prism-setting-item.prism-setting-speed');
-
-    if (settingRate) {
-      settingRate.classList.add('player-hidden');
-    }
-
-    currentRateEle.onclick = function () {
-      rateListEle.style.display = 'block';
-    };
-
-    currentRateEle.onmouseleave = function () {
-      timeId = setTimeout(function () {
-        rateListEle.style.display = 'none';
-      }, 100);
-    };
-
-    rateListEle.onmouseenter = function () {
-      clearTimeout(timeId);
-    };
-
-    rateListEle.onmouseleave = function () {
-      rateListEle.style.display = 'none';
-    };
-
-    rateListEle.onclick = function (_a) {
-      var target = _a.target;
-      var rate = target.dataset.rate;
-
-      if (rate) {
-        player.setSpeed(rate);
-
-        if (target.className !== 'current') {
-          var currentEle_1 = rateListEle.querySelector('.current');
-
-          if (currentEle_1) {
-            currentEle_1.className = '';
-          }
-
-          target.className = 'current';
-        }
-
-        rateListEle.style.display = 'none';
-        currentRateEle.innerText = rate + 'x';
-      }
-    };
-  };
-
-  return RateComponent;
-}();
-
-var _default = RateComponent;
-exports["default"] = _default;

package/lib/common/Video/RateComponent/index.less

@@ -1,62 +0,0 @@
-.player-hidden {
-  display: none !important;
-}
-
-.rate-components {
-  float: right;
-  color: #fff;
-  height: 35px;
-  position: relative;
-  box-sizing: border-box;
-  margin-top: 5px;
-}
-
-.current-rate {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  width: 70px;
-  cursor: pointer;
-}
-
-.rate-list {
-  position: absolute;
-  bottom: 46px;
-  display: none;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-
-  li {
-    text-align: center;
-    width: 70px;
-    line-height: 30px;
-    background-color: rgba(0, 0, 0, .6);
-    cursor: pointer;
-
-    &.current {
-      color: #00c1de;
-    }
-
-    &+li {
-      border-top: 1px solid rgba(78, 78, 78, 0.3);
-    }
-
-    &:hover {
-      background-color: rgba(0, 0, 0, .5);
-    }
-
-    ;
-  }
-}
-
-@media(max-width: 768px) {
-  .current-rate {
-    width: 40px;
-  }
-
-  .rate-list li {
-    width: 43px;
-  }
-}