@fonixtree/magic-design 2.0.216 → 2.0.221

package/lib/common/SystemNotification/Confirm/index.less

@@ -0,0 +1,33 @@
+
+.confirm_wrap {
+  padding: 16px 16px 12px 16px;
+  .confirm_title {
+    display: flex;
+    align-items: center;
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 24px;
+    color: #232F46;
+    .confirm_title_text {
+      margin-left: 16px;
+    }
+  }
+  .confirm_content {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 18px;
+    color: #232F46;
+    margin-left: 40px;
+    margin-top: 10px;
+  }
+  .confirm_footer {
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}

package/lib/common/Tag/index.js

@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function Tag(props) {

package/lib/common/Tag/index.less

@@ -0,0 +1,16 @@
+.m-tagWrap {
+  padding: 6px 12px;
+  border: 1px solid #E4E4E4;
+  color: #545454;
+  border-radius: 4px;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+  margin-right: 15px;
+  margin-top: 8px;
+
+  &.active {
+    color: #FF8650;
+    border-color: #FF8650;
+  }
+}

package/lib/common/Toast/index.js

@@ -9,6 +9,8 @@ exports["default"] = Toast;
 
 var _react = _interopRequireWildcard(require("react"));
 
+require("./index.less");
+
 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; }

package/lib/common/Toast/index.less

@@ -0,0 +1,29 @@
+.toastWrap {
+  position: fixed;
+  display: flex;
+  top: 40%;
+  left: 20px;
+  right: 20px;
+  z-index: 99999;
+  transform: translateZ(1000px);
+  background-color: #e5f6ea;
+  min-height: 32px;
+  align-items: center;
+  margin-bottom: 15px;
+  background: rgba(0, 0, 0, 0.8);
+  border-radius: 16px;
+  animation: fadeIn .2s linear;
+
+  span {
+    text-overflow: ellipsis;
+    color: #fff;
+    font-weight: 500;
+    font-size: 14px;
+    text-align: center;
+    color: #FFFFFF;
+    line-height: 24px;
+    padding: 15px;
+    letter-spacing: .5px;
+    width: 100%;
+  }
+}

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

@@ -15,6 +15,8 @@ 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 () {

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

@@ -0,0 +1,21 @@
+.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/lib/common/UrlPicker/index.js

@@ -23,6 +23,8 @@ 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 () {

package/lib/common/UrlPicker/index.less

@@ -0,0 +1,86 @@
+.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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+require("./index.less");
+
 function parseDom(html) {
   var ele = document.createElement('div');
   ele.innerHTML = html;

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

@@ -0,0 +1,78 @@
+.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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+require("./index.less");
+
 function parseDom(html) {
   var ele = document.createElement('div');
   ele.innerHTML = html;

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

@@ -0,0 +1,62 @@
+.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;
+  }
+}

package/lib/common/Video/index.js

@@ -15,6 +15,8 @@ var _closeImg = _interopRequireDefault(require("./closeImg.png"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/lib/common/Video/index.less

@@ -0,0 +1,70 @@
+.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));
+
+
+  .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;
+  }
+
+  .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/VideoPC/components/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+require("./index.less");
+
 function parseDom(html) {
   var ele = document.createElement('div');
   ele.innerHTML = html;

package/lib/common/VideoPC/components/index.less

@@ -0,0 +1,62 @@
+.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;
+  }
+}

package/lib/common/VideoPC/index.js

@@ -13,6 +13,8 @@ var _closeImg = _interopRequireDefault(require("./closeImg.png"));
 
 var _commonUtil = require("../../utils/commonUtil");
 
+require("./index.less");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/lib/common/VideoPC/index.less

@@ -0,0 +1,79 @@
+.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

@@ -17,6 +17,8 @@ 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 () {