@fonixtree/magic-design 2.0.212 → 2.0.213

package/lib/common/VideoPC/index.less

@@ -1,79 +0,0 @@
-.video-container {
-  position: relative;
-  height: 100%;
-  background-image: linear-gradient(0, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
-  &:empty {
-    height: 400px;
-  }
-
-  .video-cover-img {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    object-fit: cover;
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-  }
-
-  .prism-player .prism-cover {
-    z-index: 0;
-  }
-  .prism-player video{
-    position:relative !important;
-    left: 0 !important;
-    top: 0 !important;
-    transform: none !important;
-    display: block !important;
-  }
-
-  .video-wrap {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.pc-video-modal-wrap {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 999;
-
-  .video-shadow-wrap {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1000;
-    opacity: .4;
-    background-color: #000;
-  }
-
-  .content-wrap {
-    width: 1100px;
-    max-width: 90%;
-    height: 600px;
-    // padding: 10px;
-    background: rgb(255 255 255);
-    border-radius: 5px;
-    z-index: 1001;
-    position: relative;
-
-    .close-img-wrap {
-      position: absolute;
-      right: 14px;
-      top: 14px;
-      width: 20px;
-      height: 20px;
-      cursor: pointer;
-    }
-  }
-}

package/lib/common/VideoUpload/index.js

@@ -1,157 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _videoUploadIcon = _interopRequireDefault(require("./video-upload-icon.png"));
-
-var _ImageModal = _interopRequireDefault(require("../ImageModal"));
-
-var _const = require("../ImageModal/const");
-
-var _Iconfont = _interopRequireDefault(require("../Iconfont"));
-
-var _locale = require("../../locale");
-
-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 debug = require('debug')('worker:VideoUpload');
-
-var VideoUpload =
-/** @class */
-function (_super) {
-  __extends(VideoUpload, _super);
-
-  function VideoUpload() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-
-    _this.state = {
-      visible: false
-    };
-
-    _this.onModalOk = function (data) {
-      _this.setState({
-        visible: false
-      });
-
-      if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
-        _this.props.onChange(data[0].url, data[0].contentTitle, data[0].contentId);
-      }
-    };
-
-    return _this;
-  }
-
-  VideoUpload.prototype.render = function () {
-    var _this = this;
-
-    var value = this.props.value;
-    var visible = this.state.visible;
-    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-upload-container",
-      onClick: function onClick() {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, value ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "video-selected-wrap",
-      onClick: function onClick() {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement("video", {
-      src: value
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btn-icons-modal",
-      onClick: function onClick(e) {
-        return e.stopPropagation();
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btn-edit",
-      onClick: function onClick() {
-        _this.setState({
-          visible: true
-        });
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#fff",
-      onClick: function onClick() {},
-      size: 25,
-      type: "icon-setting"
-    }), (0, _locale.i18n)('EDIT')), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "line"
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "btn-del",
-      onClick: function onClick() {
-        _this.props.onChange('');
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
-      color: "#fff",
-      onClick: function onClick() {},
-      size: 25,
-      type: "icon-delete1"
-    }), (0, _locale.i18n)('DELETE')))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("img", {
-      alt: "",
-      src: _videoUploadIcon["default"]
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "title"
-    }, (0, _locale.i18n)('CLICK_OR_DRAG')), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "subtitle"
-    }, (0, _locale.i18n)('SUPPORT_FOR_A')))), visible && /*#__PURE__*/_react["default"].createElement(_ImageModal["default"], {
-      _fetch: this.props._fetch,
-      onCancel: function onCancel() {
-        _this.setState({
-          visible: false
-        });
-      },
-      onOk: this.onModalOk,
-      type: _const.contentCatgTypeMap.VIDEO,
-      visible: true
-    }));
-  };
-
-  VideoUpload.defaultProps = {
-    value: '',
-    onChange: function onChange(v) {
-      console.log(v);
-    }
-  };
-  return VideoUpload;
-}(_react["default"].Component);
-
-var _default = VideoUpload;
-exports["default"] = _default;

package/lib/common/VideoUpload/index.less

@@ -1,114 +0,0 @@
-.video-upload-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #F5F6F7;
-  border: 1px dashed #C1C9D7;
-  border-radius: 8px;
-  margin-bottom: 20px;
-  cursor: pointer;
-  overflow: hidden;
-
-
-
-  .video-selected-wrap {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    video {
-      width: 100%;
-      height: 100%;
-      max-height: 300px;
-    }
-
-    &:hover {
-      .btn-icons-modal {
-        display: flex;
-        transition: all .25s;
-      }
-    }
-
-    .btn-icons-modal {
-      display: none;
-      position: absolute;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      font-family: 'Open Sans';
-      font-style: normal;
-      font-weight: 400;
-      font-size: 16px;
-      line-height: 24px;
-      color: #FFFFFF;
-      background: rgba(35, 47, 70, 0.6);
-      align-items: center;
-      justify-content: center;
-
-      .btn-edit {
-        display: flex;
-        align-items: center;
-        margin-right: 20px;
-        cursor: pointer;
-
-        >span {
-          margin-right: 5px;
-        }
-      }
-
-      .btn-del {
-        display: flex;
-        align-items: center;
-        margin-left: 20px;
-        cursor: pointer;
-
-        >span {
-          margin-right: 5px;
-        }
-      }
-
-      .line {
-        display: inline-block;
-        width: 1px;
-        height: 16px;
-        background: rgba(255, 255, 255, 0.5);
-      }
-    }
-
-    &>img {
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-    }
-  }
-
-  img {
-    width: 60px;
-    height: 60px;
-    margin-top: 20px;
-  }
-
-  .title {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 22px;
-    text-align: center;
-    color: #232F46;
-    margin: 10px 0;
-    margin-bottom: 10px;
-  }
-
-  .subtitle {
-    font-family: 'Open Sans';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 20px;
-    text-align: center;
-    color: #8493AF;
-    margin-bottom: 20px;
-  }
-}

package/lib/common/index.js

@@ -1,271 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AlignSelector", {
-  enumerable: true,
-  get: function get() {
-    return _AlignSelector["default"];
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button["default"];
-  }
-});
-Object.defineProperty(exports, "ButtonIconLayout", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonIconLayout["default"];
-  }
-});
-Object.defineProperty(exports, "CardCarousel", {
-  enumerable: true,
-  get: function get() {
-    return _CardCarousel["default"];
-  }
-});
-Object.defineProperty(exports, "Collapse", {
-  enumerable: true,
-  get: function get() {
-    return _Collapse["default"];
-  }
-});
-Object.defineProperty(exports, "ColorPickerInput", {
-  enumerable: true,
-  get: function get() {
-    return _ColorPickerInput["default"];
-  }
-});
-Object.defineProperty(exports, "CropperModal", {
-  enumerable: true,
-  get: function get() {
-    return _CropperModal["default"];
-  }
-});
-Object.defineProperty(exports, "ErrorBoundary", {
-  enumerable: true,
-  get: function get() {
-    return _ErrorBoundary["default"];
-  }
-});
-Object.defineProperty(exports, "Field", {
-  enumerable: true,
-  get: function get() {
-    return _Field["default"];
-  }
-});
-Object.defineProperty(exports, "FontStyles", {
-  enumerable: true,
-  get: function get() {
-    return _FontStyles["default"];
-  }
-});
-Object.defineProperty(exports, "IconPicker", {
-  enumerable: true,
-  get: function get() {
-    return _IconPicker["default"];
-  }
-});
-Object.defineProperty(exports, "Iconfont", {
-  enumerable: true,
-  get: function get() {
-    return _Iconfont["default"];
-  }
-});
-Object.defineProperty(exports, "ImagePicker", {
-  enumerable: true,
-  get: function get() {
-    return _ImagePicker["default"];
-  }
-});
-Object.defineProperty(exports, "ImgArea", {
-  enumerable: true,
-  get: function get() {
-    return _ImgArea["default"];
-  }
-});
-Object.defineProperty(exports, "InputNumber", {
-  enumerable: true,
-  get: function get() {
-    return _InputNumber["default"];
-  }
-});
-Object.defineProperty(exports, "LayoutSelector", {
-  enumerable: true,
-  get: function get() {
-    return _LayoutSelector["default"];
-  }
-});
-Object.defineProperty(exports, "MyModal", {
-  enumerable: true,
-  get: function get() {
-    return _MyModal["default"];
-  }
-});
-Object.defineProperty(exports, "NewImg", {
-  enumerable: true,
-  get: function get() {
-    return _NewImg["default"];
-  }
-});
-Object.defineProperty(exports, "PopUpModal", {
-  enumerable: true,
-  get: function get() {
-    return _PopUpModal["default"];
-  }
-});
-Object.defineProperty(exports, "ProductCardModal", {
-  enumerable: true,
-  get: function get() {
-    return _ProductCardModal["default"];
-  }
-});
-Object.defineProperty(exports, "ProductFilterModal", {
-  enumerable: true,
-  get: function get() {
-    return _ProductFilterModal["default"];
-  }
-});
-Object.defineProperty(exports, "ProductSource", {
-  enumerable: true,
-  get: function get() {
-    return _ProductSource["default"];
-  }
-});
-Object.defineProperty(exports, "RatingText", {
-  enumerable: true,
-  get: function get() {
-    return _RatingText["default"];
-  }
-});
-Object.defineProperty(exports, "Slider", {
-  enumerable: true,
-  get: function get() {
-    return _Slider["default"];
-  }
-});
-Object.defineProperty(exports, "StoreSource", {
-  enumerable: true,
-  get: function get() {
-    return _StoreSource["default"];
-  }
-});
-Object.defineProperty(exports, "SwiperBan", {
-  enumerable: true,
-  get: function get() {
-    return _SwiperBan["default"];
-  }
-});
-Object.defineProperty(exports, "SwitchCollapse", {
-  enumerable: true,
-  get: function get() {
-    return _SwitchCollapse["default"];
-  }
-});
-Object.defineProperty(exports, "SystemNotification", {
-  enumerable: true,
-  get: function get() {
-    return _SystemNotification["default"];
-  }
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast["default"];
-  }
-});
-Object.defineProperty(exports, "UrlPicker", {
-  enumerable: true,
-  get: function get() {
-    return _UrlPicker["default"];
-  }
-});
-Object.defineProperty(exports, "Video", {
-  enumerable: true,
-  get: function get() {
-    return _Video["default"];
-  }
-});
-Object.defineProperty(exports, "VideoPC", {
-  enumerable: true,
-  get: function get() {
-    return _VideoPC["default"];
-  }
-});
-Object.defineProperty(exports, "VideoUpload", {
-  enumerable: true,
-  get: function get() {
-    return _VideoUpload["default"];
-  }
-});
-
-var _LayoutSelector = _interopRequireDefault(require("./LayoutSelector"));
-
-var _Field = _interopRequireDefault(require("./Field"));
-
-var _UrlPicker = _interopRequireDefault(require("./UrlPicker"));
-
-var _Iconfont = _interopRequireDefault(require("./Iconfont"));
-
-var _RatingText = _interopRequireDefault(require("./RatingText"));
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _AlignSelector = _interopRequireDefault(require("./AlignSelector"));
-
-var _Collapse = _interopRequireDefault(require("./Collapse"));
-
-var _ColorPickerInput = _interopRequireDefault(require("./ColorPickerInput"));
-
-var _ImagePicker = _interopRequireDefault(require("./ImagePicker"));
-
-var _IconPicker = _interopRequireDefault(require("./IconPicker"));
-
-var _SwitchCollapse = _interopRequireDefault(require("./SwitchCollapse"));
-
-var _Slider = _interopRequireDefault(require("./Slider"));
-
-var _FontStyles = _interopRequireDefault(require("./FontStyles"));
-
-var _ButtonIconLayout = _interopRequireDefault(require("./ButtonIconLayout"));
-
-var _ProductSource = _interopRequireDefault(require("./ProductSource"));
-
-var _StoreSource = _interopRequireDefault(require("./StoreSource"));
-
-var _ImgArea = _interopRequireDefault(require("./ImgArea"));
-
-var _SystemNotification = _interopRequireDefault(require("./SystemNotification"));
-
-var _Video = _interopRequireDefault(require("./Video"));
-
-var _VideoPC = _interopRequireDefault(require("./VideoPC"));
-
-var _SwiperBan = _interopRequireDefault(require("./SwiperBan"));
-
-var _InputNumber = _interopRequireDefault(require("./InputNumber"));
-
-var _VideoUpload = _interopRequireDefault(require("./VideoUpload"));
-
-var _CardCarousel = _interopRequireDefault(require("./CardCarousel"));
-
-var _MyModal = _interopRequireDefault(require("./MyModal"));
-
-var _PopUpModal = _interopRequireDefault(require("./PopUpModal"));
-
-var _CropperModal = _interopRequireDefault(require("./CropperModal"));
-
-var _NewImg = _interopRequireDefault(require("./NewImg"));
-
-var _ProductFilterModal = _interopRequireDefault(require("./ProductFilterModal"));
-
-var _ErrorBoundary = _interopRequireDefault(require("./ErrorBoundary"));
-
-var _ProductCardModal = _interopRequireDefault(require("./ProductCardModal"));
-
-var _Toast = _interopRequireDefault(require("./Toast"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }