@fonixtree/magic-design 0.1.93 → 0.2.2

package/es/common/ProductModal/SortableImageList/index.js

@@ -1,118 +0,0 @@
-"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"] = SortableImageList;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _immutabilityHelper = _interopRequireDefault(require("immutability-helper"));
-
-var _Iconfont = _interopRequireDefault(require("../../Iconfont"));
-
-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); }
-
-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; }
-
-function SortableImageList(_a) {
-  var selectedList = _a.selectedList,
-      setSelectedList = _a.setSelectedList;
-
-  var _b = (0, _react.useState)(''),
-      dragId = _b[0],
-      setDragId = _b[1];
-
-  var _c = (0, _react.useState)(selectedList || []),
-      list = _c[0],
-      setList = _c[1];
-
-  var ref = (0, _react.useRef)();
-
-  var onDragEnd = function onDragEnd() {
-    console.log('onDragEnd');
-    setDragId('');
-
-    if (ref.current) {
-      setSelectedList(ref.current);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    setList(selectedList || []);
-  }, [selectedList]);
-
-  var delSelectedItem = function delSelectedItem(index) {
-    var rows = JSON.parse(JSON.stringify(selectedList));
-    rows.splice(index, 1);
-    setSelectedList(rows);
-  };
-
-  var moveCard = (0, _react.useCallback)(function (dragNodeId, hoverNodeId) {
-    var dragIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(dragNodeId);
-    });
-    var hoverIndex = list.findIndex(function (comp) {
-      return comp.productId === Number(hoverNodeId);
-    });
-    setList(function (prevCards) {
-      var newList = (0, _immutabilityHelper["default"])(prevCards, {
-        $splice: [[dragIndex, 1], [hoverIndex, 0, prevCards[dragIndex]]]
-      });
-      ref.current = newList;
-      return newList;
-    });
-  }, [list]);
-
-  var onDragEnter = function onDragEnter(e) {
-    console.log('onDragEnter');
-    var hoverNodeId = e.currentTarget.dataset.nodeid;
-
-    if (dragId === hoverNodeId) {
-      return;
-    }
-
-    moveCard(dragId, hoverNodeId);
-  };
-
-  var onDragStart = function onDragStart(e) {
-    setDragId(e.currentTarget.dataset.nodeid);
-    console.log('onDragStart');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "imgListWrap"
-  }, list.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: index,
-      className: "selectedItem"
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      className: "selectedItemImg " + (item.state !== 'A' ? 'invalid' : ''),
-      "data-nodeid": item.productId,
-      draggable: "true",
-      onDragEnd: onDragEnd,
-      onDragEnter: onDragEnter,
-      onDragOver: function onDragOver(e) {
-        e.preventDefault();
-      },
-      onDragStart: onDragStart,
-      src: item.productImageUrl,
-      title: item.productName
-    }), /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      className: "selectedItemClose",
-      color: "#000",
-      onClick: function onClick() {
-        return delSelectedItem(index);
-      },
-      size: 12,
-      type: "icon-close"
-    }));
-  }));
-}

package/es/common/ProductModal/SortableImageList/index.less

@@ -1,3 +0,0 @@
-.imgListWrap {
-  display: flex;
-}

package/es/common/UrlPicker/AnchorModal/index.js

@@ -1,170 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antd = require("antd");
-
-var _locale = require("../../../locale");
-
-var _mobx = require("../../../mobx");
-
-var _constants = require("../../../constants");
-
-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 __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 AnchorModal =
-/** @class */
-function (_super) {
-  __extends(AnchorModal, _super);
-
-  function AnchorModal() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      selectedValue: ''
-    };
-
-    _this.onAnchorChange = function (e) {
-      var selectedAnchor = _mobx.store.MPageData.find(function (m) {
-        return m.id === e.target.value;
-      });
-
-      console.log('store.MPageData: ', JSON.parse(JSON.stringify(_mobx.store.MPageData)));
-
-      _this.setState({
-        selectedValue: selectedAnchor.id
-      });
-    };
-
-    _this.onOk = function () {
-      var initData = _this.props.initData;
-      var selectedValue = _this.state.selectedValue;
-
-      var selectedAnchorIndex = _mobx.store.MPageData.findIndex(function (m) {
-        return m.id === selectedValue;
-      });
-
-      var selectedAnchor = _mobx.store.MPageData[selectedAnchorIndex];
-
-      var value = __assign({}, initData.value);
-
-      if (selectedAnchor.activeTerminal === 'ALL') {
-        value.pcNodeId = selectedAnchor.id;
-        value.mobileNodeId = selectedAnchor.id;
-      } else if (selectedAnchor.activeTerminal === 'MOBILE') {
-        value.mobileNodeId = selectedAnchor.id;
-      } else if (selectedAnchor.activeTerminal === 'PC') {
-        value.pcNodeId = selectedAnchor.id;
-      }
-
-      var data = {
-        type: _constants.urlTypeMap.ANCHOR,
-        value: value
-      };
-
-      _this.props.onConfirm(data);
-    };
-
-    return _this;
-  }
-
-  AnchorModal.prototype.render = function () {
-    var _a = this.props,
-        visible = _a.visible,
-        onClose = _a.onClose;
-    var selectedValue = this.state.selectedValue;
-    return /*#__PURE__*/_react["default"].createElement(_antd.Modal, {
-      cancelText: (0, _locale.i18n)('CANCEL'),
-      draggable: false,
-      footer: null,
-      okText: "OK",
-      onCancel: onClose,
-      title: (0, _locale.i18n)('ANCHOR'),
-      visible: visible,
-      width: "400px",
-      wrapClassName: "magicAnchorModal"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, {
-      onChange: this.onAnchorChange,
-      value: selectedValue
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Space, {
-      direction: "vertical"
-    }, _mobx.store.MPageData.map(function (page, i) {
-      var _a;
-
-      return /*#__PURE__*/_react["default"].createElement(_antd.Radio, {
-        value: page.id
-      }, i + 1, "\u3001", (_a = _constants.compInfoMap[page.type]) === null || _a === void 0 ? void 0 : _a.name);
-    })))), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "footer"
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-      className: "btn-cancel",
-      onClick: function onClick() {
-        return onClose && onClose();
-      }
-    }, (0, _locale.i18n)('CANCEL')), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
-      className: "btn-confirm",
-      onClick: this.onOk,
-      type: "primary"
-    }, (0, _locale.i18n)('OK'))));
-  };
-
-  AnchorModal.defaultProps = {
-    visible: false,
-    onClose: function onClose() {},
-    onConfirm: function onConfirm() {},
-    initData: null
-  };
-  return AnchorModal;
-}(_react["default"].Component);
-
-var _default = AnchorModal;
-exports["default"] = _default;

package/es/common/UrlPicker/AnchorModal/index.less

@@ -1,21 +0,0 @@
-.magicAnchorModal {
-
-
-  .footer {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    padding-top: 20px;
-
-    .btn-cancel {
-      margin-right: 12px;
-    }
-
-    .btn-confirm {
-      background: #2F54EB;
-      border: none;
-      border-radius: 6px;
-      // margin-left: 20px;
-    }
-  }
-}

package/es/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/es/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;
-  }
-}