@titaui/pc 1.10.4 → 1.10.7

package/lib/components/float-fixed-video-modal/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var formatSecToDate = function formatSecToDate(value) {
+  var result = parseInt(value, 10);
+  var m = Math.floor(result / 60 % 60) < 10 ? "0".concat(Math.floor(result / 60 % 60)) : Math.floor(result / 60 % 60);
+  var s = Math.floor(result % 60) < 10 ? "0".concat(Math.floor(result % 60)) : Math.floor(result % 60);
+  var res = "";
+
+  if (m !== "00") {
+    res += "".concat(m, ":");
+  } else {
+    res += "00:";
+  }
+
+  res += "".concat(s);
+  return res;
+};
+
+var _default = formatSecToDate;
+exports["default"] = _default;

package/lib/components/mblog/context.js

@@ -9,6 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = /*#__PURE__*/_react["default"].createContext({});
+var _default = /*#__PURE__*/_react["default"].createContext({
+  popContainer: document.body
+});
 
 exports["default"] = _default;

package/lib/components/mblog/index.css

@@ -0,0 +1,7 @@
+.titaui-mblog {
+  display: flex;
+}
+
+.titaui-mblog__avatar {
+  margin-right: 12px;
+}

package/lib/components/mblog/index.js

@@ -15,6 +15,8 @@ var _MblogContent = _interopRequireDefault(require("./components/MblogContent"))
 
 var _MblogAction = _interopRequireDefault(require("./components/MblogAction"));
 
+var _avatar = _interopRequireDefault(require("../avatar"));
+
 var _bsGlobal = require("../../utils/bs-global");
 
 var _index = require("./common/index");
@@ -25,6 +27,8 @@ var _platform = require("../../utils/platform");
 
 var _getLocale = require("../../utils/getLocale");
 
+require("./index.css");
+
 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); }
@@ -51,6 +55,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+var prefix = 'titaui-mblog';
+
 var MBlog = /*#__PURE__*/function (_PureComponent) {
   _inherits(MBlog, _PureComponent);
 
@@ -235,6 +241,11 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         // 取消
         _this.props.onMblogSubmit(submitType);
       }
+
+      _this.setState({
+        textareaValue: '',
+        uploadSuccessFilesPath: []
+      });
     };
 
     _this._dropHandler = function (event) {
@@ -398,7 +409,8 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           _this$props3$submitTe = _this$props3.submitText,
           submitText = _this$props3$submitTe === void 0 ? (0, _getLocale.getLocale)("Mod_Publish") : _this$props3$submitTe,
           setTextareaRef = _this$props3.setTextareaRef,
-          disableRangeSelect = _this$props3.disableRangeSelect;
+          disableRangeSelect = _this$props3.disableRangeSelect,
+          showUser = _this$props3.showUser;
       var _this$state2 = this.state,
           localStroageKey = _this$state2.localStroageKey,
           visibility = _this$state2.visibility,
@@ -411,7 +423,21 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
           isAtAll = _this$state2.isAtAll;
       var fSize = (0, _bsGlobal.getUploadMaxSize)();
       var fTip = attachmentTipText || (0, _getLocale.getLocale)("OKR_MyO_KRP_Draganddropu").replace("50MB", "".concat(fSize, "MB"));
-      return /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
+      var user = (0, _bsGlobal.getUserInfo)();
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: prefix
+      }, showUser && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "".concat(prefix, "__avatar")
+      }, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
+        size: {
+          width: 28,
+          textNum: 1,
+          fontSize: 14
+        },
+        name: user.Name,
+        color: user.UserAvatar.Color,
+        src: user.UserAvatar.Medium
+      })), /*#__PURE__*/_react["default"].createElement(_style.MBlogBox, {
         className: className,
         ref: "mblogbox",
         onDrop: this._dropHandler,
@@ -490,7 +516,7 @@ var MBlog = /*#__PURE__*/function (_PureComponent) {
         id: this.previewid
       }), !(0, _platform.isPlatform)("wx") && isShowDragMask && /*#__PURE__*/_react["default"].createElement(_style.DragEffect, {
         className: "tu-icon-inbox-upload"
-      }));
+      })));
     }
   }]);
 
@@ -531,5 +557,6 @@ MBlog.defaultProps = {
   // 1公开，2私密 3部门
   isShowRangeDropDown: true,
   isShowBtnCancel: true,
-  submitStatus: 0
+  submitStatus: 0,
+  showUser: false
 };

package/lib/components/mblog/style.js

@@ -13,12 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
+var MBlogBox = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  flex: 1;\n\n  .uploadFile__preview__list {\n    padding-bottom: 10px;\n    background: #ffffff;\n    display: flex;\n    flex-wrap: wrap;\n    max-height: 300px;\n    overflow-y: auto;\n\n    .preview__content {\n      margin-top: 10px;\n      margin-right: 10px;\n      border-radius: 8px;\n    }\n  }\n"]))); // MblogContent
 
 
 exports.MBlogBox = MBlogBox;
 
-var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 8px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
+var DivMblogContent = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 8px 10px 6px;\n  border: 1px solid #DFE3EA;\n  border-radius: 12px;\n  background-color: #fff;\n  position: relative;\n  transition: all .2s ease-in-out;\n  height: 120px;\n  box-sizing: border-box;\n\n  &.input_default-active {\n    box-shadow: inset 0px 0px 4px 0px rgba(40, 121, 255, 0.3);\n    border-color: #2879ff;\n  }\n"])));
 
 exports.DivMblogContent = DivMblogContent;
 
@@ -47,7 +47,7 @@ var Tips = _styledComponents["default"].div(_templateObject7 || (_templateObject
 
 exports.Tips = Tips;
 
-var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 28px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
+var MblogActionWrapper = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  height: 30px;\n  padding: 16px 0 2px 0;\n  font-size: 13px;\n  line-height: 20px;\n  color: #565E66;\n  background-color: #ffffff;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"]))); // 左侧按钮
 
 
 exports.MblogActionWrapper = MblogActionWrapper;
@@ -66,7 +66,7 @@ var IconSpan = _styledComponents["default"].span(_templateObject11 || (_template
 
 exports.IconSpan = IconSpan;
 
-var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 90px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
+var RightBtnGroupWrapper = _styledComponents["default"].div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  button {\n    min-width: 80px;\n    height: 32px;\n    box-sizing: border-box;\n    border-radius: 18px;\n    border: none;\n  }\n"])));
 
 exports.RightBtnGroupWrapper = RightBtnGroupWrapper;
 

package/lib/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -27,6 +27,8 @@ var _tooltipText = _interopRequireDefault(require("../../../../../tooltip/toolti
 
 var _getLocale = require("../../../../../../utils/getLocale");
 
+var _bsGlobal = require("../../../../../../utils/bs-global");
+
 require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -39,7 +41,9 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
-function _default(props) {
+var hasProject = (0, _bsGlobal.hasWebHead)("project");
+
+var EKrNode = function EKrNode(props) {
   var index = props.index,
       title = props.title,
       data = props.data,
@@ -77,7 +81,7 @@ function _default(props) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              if (name == "addTask") {
+              if (name === "addTask") {
                 params = {
                   objId: data.workId,
                   objType: 4,
@@ -129,7 +133,7 @@ function _default(props) {
     };
   }(), []);
   var openRelatePop = (0, _react.useCallback)(function (name) {
-    if (name == "relateTask") {
+    if (name === "relateTask") {
       window.openRelateTaskPop(btnRef.current, {
         okrId: data.workId,
         krId: data.mileStoneId
@@ -169,9 +173,11 @@ function _default(props) {
   }, "KR", index + 1), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-kr-node-title")),
     onClick: function onClick() {
-      data.mileStoneId && _drawerManager["default"].open("krDetail", {
-        krId: data.mileStoneId
-      });
+      if (data.mileStoneId) {
+        _drawerManager["default"].open("krDetail", {
+          krId: data.mileStoneId
+        });
+      }
     }
   }, /*#__PURE__*/_react["default"].createElement(_tooltipText["default"], {
     text: title,
@@ -192,11 +198,11 @@ function _default(props) {
     icon: "tu-icon-Add-renwu",
     exIconClass: "e-kr-node-layer-icon",
     name: "addTask"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Addtask"))), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Addtask"))), hasProject ? /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     icon: "tu-icon-Add-xiangmu",
     exIconClass: "e-kr-node-layer-icon",
     name: "addProject"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Addproject")))), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Addproject"))) : /*#__PURE__*/_react["default"].createElement("span", null)), /*#__PURE__*/_react["default"].createElement(_dropSelector["default"], {
     popupPlacement: "bottomRight",
     onChange: openRelatePop,
     trigger: /*#__PURE__*/_react["default"].createElement("span", {
@@ -208,9 +214,12 @@ function _default(props) {
     icon: "tu-icon-GL-renwu",
     exIconClass: "e-kr-node-layer-icon",
     name: "relateTask"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Assotask"))), /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_Assotask"))), hasProject ? /*#__PURE__*/_react["default"].createElement(_dropSelector.IconItem, {
     icon: "tu-icon-GL-xiangmu",
     exIconClass: "e-kr-node-layer-icon",
     name: "relateProject"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_AssProjects"))))) : null);
-}
+  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _getLocale.getLocale)("OKR_MyO_E_Butt_AssProjects"))) : /*#__PURE__*/_react["default"].createElement("span", null))) : null);
+};
+
+var _default = EKrNode;
+exports["default"] = _default;

package/lib/components/okr-detail/components/okr-tree/tree-node/e-node/e-empty.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -17,10 +17,13 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _default(props) {
+var EEmpty = function EEmpty(props) {
   var index = props.index;
   return /*#__PURE__*/_react["default"].createElement("div", {
     key: index,
     className: (0, _classnames["default"])("".concat(_precls["default"], "__e-empty-node"))
-  }, (0, _getLocale.getLocale)("OKR_MyO_E_SupportedtaskProject"), " ", "\uD83D\uDCAA");
-}
+  }, (0, _getLocale.getLocale)("OKR_MyO_E_SupportedtaskProject"));
+};
+
+var _default = EEmpty;
+exports["default"] = _default;

package/lib/components/progress/circle-progress/index.css

@@ -1,6 +1,7 @@
 .titaui-progress-circle {
   display: inline-flex;
   align-items: center;
+  position: relative;
 }
 
 .titaui-progress-circle .text-content {

package/lib/components/progress/circle-progress/index.js

@@ -35,7 +35,9 @@ function CircleProgress(props) {
       _props$showTextConten = props.showTextContent,
       showTextContent = _props$showTextConten === void 0 ? true : _props$showTextConten,
       _props$textcolor = props.textcolor,
-      textcolor = _props$textcolor === void 0 ? "#89919F" : _props$textcolor;
+      textcolor = _props$textcolor === void 0 ? "#89919F" : _props$textcolor,
+      _props$textClass = props.textClass,
+      textClass = _props$textClass === void 0 ? "" : _props$textClass;
   var p = percent > 100 ? 100 : percent;
   var c = Math.round((size - width * 2) * Math.PI);
   var remainC = Math.round(c * (100 - p) / 100);
@@ -83,7 +85,7 @@ function CircleProgress(props) {
     text: "".concat(percent, "%"),
     maxWidth: 50
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "text-content",
+    className: "".concat(textClass, " text-content"),
     style: {
       marginLeft: 2,
       color: textcolor
@@ -91,5 +93,8 @@ function CircleProgress(props) {
   }, "".concat(percent, "%"))));
 }
 
+CircleProgress.defaultProps = {
+  textClass: ""
+};
 var _default = CircleProgress;
 exports["default"] = _default;

package/lib/components/search-key-handle/index.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function SearchKeyHandle(_ref) {
+var SearchKeyHandle = function SearchKeyHandle(_ref) {
   var _ref$str = _ref.str,
       str = _ref$str === void 0 ? "" : _ref$str,
       _ref$keyWord = _ref.keyWord,
@@ -29,7 +29,12 @@ function SearchKeyHandle(_ref) {
 
     return item;
   }));
-}
+};
 
+SearchKeyHandle.defaultProps = {
+  str: "",
+  keyWord: "",
+  color: ""
+};
 var _default = SearchKeyHandle;
 exports["default"] = _default;

package/lib/components/video-modal/img/muted.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="186px" viewBox="0 0 180 186" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>静音</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="静音" transform="translate(-30.000000, -27.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M49.3149643,69.1132143 L63.8847897,83.6834846 C55.7759466,87.6753931 50.1590828,95.9740232 50.0033233,105.6033 L50,106.014476 L50,133.986771 C50,147.581602 60.885103,158.62813 74.3959856,158.847701 L74.8062016,158.851032 L84.7965877,158.851032 C91.1425837,158.851032 97.2237483,161.364066 101.715798,165.829264 L102.033938,166.151519 L124.488994,189.329779 C127.287246,191.700034 130.832503,193.000457 134.496124,193.000457 C142.952968,193.000457 149.828362,186.21362 149.996836,177.777414 L150,177.460293 L150,169.799 L168.362354,188.160381 C163.827612,202.55479 150.386556,213.000457 134.496124,213.000457 C126.279823,213.000457 118.325168,210.148157 111.982629,204.941373 L111.562196,204.590772 L110.810236,203.953825 L87.6694795,180.06778 C86.9698379,179.345605 86.026075,178.915478 85.0278322,178.857715 L84.7965877,178.851032 L74.8062016,178.851032 C50.2975021,178.851032 30.4014694,159.154093 30.0059996,134.728376 L30,133.986771 L30,106.014476 C30,90.7240078 37.6417711,77.2136491 49.3149643,69.1132143 Z M49.2893219,35.1471863 L204.852814,190.710678 C208.758057,194.615921 208.758057,200.947571 204.852814,204.852814 C200.947571,208.758057 194.615921,208.758057 190.710678,204.852814 L35.1471863,49.2893219 C31.2419433,45.384079 31.2419433,39.0524292 35.1471863,35.1471863 C39.0524292,31.2419433 45.384079,31.2419433 49.2893219,35.1471863 Z M194.419014,65.9446193 C204.539925,81.8473491 210,100.317687 210,119.570241 C210,139.000016 204.438707,157.631418 194.142344,173.628138 C194.048842,173.773404 193.952211,173.915439 193.852595,174.054212 L179.325399,159.525666 C186.275802,147.498397 190,133.820674 190,119.570241 C190,104.150087 185.639603,89.3997416 177.546261,76.6828777 C174.580973,72.0235955 175.954226,65.84266 180.613508,62.8773718 C185.272791,59.9120836 191.453726,61.2853371 194.419014,65.9446193 Z M161.628643,39.6188159 C166.917857,45.8923685 169.86995,53.7996281 169.995802,61.994236 L170,62.5409541 L170,150.201 L150,130.201 L150,62.5409541 C150,58.8687585 148.702614,55.3152038 146.337894,52.5104022 C140.88787,46.0461122 131.299927,45.1557225 124.763352,50.4443266 L124.488994,50.6714677 L102.033938,73.8497282 C100.63289,75.2959 99.0686828,76.5468821 97.3836195,77.5847583 L80.949,61.15 L84.7965877,61.1502149 C85.8020899,61.1502149 86.7677,60.7716711 87.5037765,60.094902 L87.6694795,59.9334671 L110.810236,36.0474218 L111.562196,35.4104754 C126.545716,22.7187097 148.971552,24.6062026 161.628643,39.6188159 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/video-modal/img/not-muted.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="180px" height="187px" viewBox="0 0 180 187" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>声音</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="声音" transform="translate(-30.000000, -27.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M111.562196,35.8402339 C126.545716,23.1484682 148.971552,25.0359612 161.628643,40.0485744 C167.035395,46.4615394 170,54.5816271 170,62.9707127 L170,62.9707127 L170,177.890052 C170,197.507889 154.114854,213.430215 134.496124,213.430215 C126.097238,213.430215 117.971757,210.449738 111.562196,205.02053 L111.562196,205.02053 L110.810236,204.383584 L87.6694795,180.497539 C86.9160193,179.719812 85.8794362,179.280791 84.7965877,179.280791 L84.7965877,179.280791 L74.8062016,179.280791 C50.0499395,179.280791 30,159.183924 30,134.416529 L30,134.416529 L30,106.444235 C30,81.6768407 50.0499395,61.5799734 74.8062016,61.5799734 L74.8062016,61.5799734 L84.7965877,61.5799734 C85.8794362,61.5799734 86.9160193,61.1409523 87.6694795,60.3632257 L87.6694795,60.3632257 L110.810236,36.4771804 Z M146.337894,52.9401607 C140.811109,46.3848244 131.029023,45.5615054 124.488994,51.1012262 L124.488994,51.1012262 L102.033938,74.2794868 C97.5131775,78.9458467 91.2936789,81.5799734 84.7965877,81.5799734 L84.7965877,81.5799734 L74.8062016,81.5799734 C61.1061147,81.5799734 50,92.7120825 50,106.444235 L50,106.444235 L50,134.416529 C50,148.148682 61.1061147,159.280791 74.8062016,159.280791 L74.8062016,159.280791 L84.7965877,159.280791 C91.2936789,159.280791 97.5131775,161.914918 102.033938,166.581278 L102.033938,166.581278 L124.488994,189.759538 C127.287246,192.129793 130.832503,193.430215 134.496124,193.430215 C143.058678,193.430215 150,186.472647 150,177.890052 L150,177.890052 L150,62.9707127 C150,59.2985171 148.702614,55.7449624 146.337894,52.9401607 Z M194.419014,66.3743778 C204.539925,82.2771076 210,100.747446 210,120 C210,139.429774 204.438707,158.061176 194.142344,174.057897 C191.153202,178.701912 184.965306,180.043452 180.321291,177.05431 C175.677276,174.065168 174.335736,167.877272 177.324877,163.233257 C185.558784,150.440827 190,135.561899 190,120 C190,104.579846 185.639603,89.8295002 177.546261,77.1126363 C174.580973,72.4533541 175.954226,66.2724186 180.613508,63.3071304 C185.272791,60.3418422 191.453726,61.7150957 194.419014,66.3743778 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/video-modal/img/pause.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="130px" height="190px" viewBox="0 0 130 190" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>播放</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="播放" transform="translate(-55.000000, -25.000000)" filter="url(#filter-1)">
+            <g>
+                <rect id="矩形" fill="#444444" x="55" y="25" width="40" height="190" rx="20"></rect>
+                <rect id="矩形备份" fill="#444444" x="145" y="25" width="40" height="190" rx="20"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/video-modal/img/play.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="155px" height="182px" viewBox="0 0 155 182" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>暂停</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="暂停" transform="translate(-42.000000, -29.000000)" filter="url(#filter-1)">
+            <g>
+                <path d="M150.351959,64.5631349 L217.050016,171.280025 C224.075064,182.520102 220.658108,197.326911 209.418031,204.351959 C205.603673,206.735933 201.19613,208 196.698057,208 L63.3019434,208 C50.0471094,208 39.3019434,197.254834 39.3019434,184 C39.3019434,179.501927 40.5660101,175.094384 42.9499841,171.280025 L109.648041,64.5631349 C116.673089,53.3230581 131.479898,49.9061022 142.719975,56.9311501 C145.810434,58.8626871 148.420422,61.4726757 150.351959,64.5631349 Z" id="三角形" fill="#444444" transform="translate(130.000000, 120.000000) rotate(90.000000) translate(-130.000000, -120.000000) "></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/video-modal/img/small.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>缩小屏幕</title>
+    <defs>
+        <filter color-interpolation-filters="auto" id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="点击查看视频" transform="translate(-504.000000, -87.000000)">
+            <g id="缩小屏幕" transform="translate(504.000000, 87.000000)">
+                <rect id="矩形备份-8" x="0" y="0" width="16" height="16"></rect>
+                <g id="缩小屏幕" filter="url(#filter-1)">
+                    <g>
+                        <path d="M2.66666667,8.84191565 C3.02861599,8.84191565 3.32319545,9.13036037 3.33307721,9.489922 L3.33333333,11.8095238 C3.33333333,12.2760501 3.70604651,12.6555245 4.16995152,12.6664257 L6.47311169,12.6666667 C6.84130152,12.6666667 7.13977836,12.9651435 7.13977836,13.3333333 C7.13977836,13.6952827 6.85133364,13.9898621 6.49177201,13.9997439 L4.19047619,14 C2.99280726,14 2.0196371,13.0388065 2.00029346,11.8457473 L2,9.50858232 C2,9.14039249 2.29847683,8.84191565 2.66666667,8.84191565 Z M13.3333333,8.8699914 C13.7015232,8.8699914 14,9.16846824 14,9.53665807 C14,9.8986074 13.7115553,10.1931869 13.3519937,10.2030686 L11.0486616,10.2033247 C10.5821354,10.2033247 10.202661,10.5760379 10.1917597,11.0399429 L10.1915188,13.3333333 C10.1915188,13.7015232 9.89304196,14 9.52485212,14 C9.1629028,14 8.86832334,13.7115553 8.85844158,13.3519937 L8.85818546,11.0604676 C8.85818546,9.86279866 9.81937893,8.8896285 11.0124381,8.87028486 L11.0486616,8.8699914 L13.3333333,8.8699914 Z M6.47638719,2 C6.83833652,2 7.13291597,2.28844472 7.14279774,2.64800634 L7.14305386,2.66666667 L7.14305386,4.95231104 C7.14305386,6.14997997 6.18186038,7.12315013 4.9888012,7.14249377 L2.66666667,7.14278723 C2.29847683,7.14278723 2,6.8443104 2,6.47612057 C2,6.11417124 2.28844472,5.81959178 2.64800634,5.80971002 L4.95257767,5.8094539 C5.41910392,5.8094539 5.79857834,5.43674073 5.80947961,4.97283571 L5.80972053,2.66666667 C5.80972053,2.29847683 6.10819736,2 6.47638719,2 Z M11.8095238,2 C13.0071927,2 13.9803629,2.96119347 13.9997065,4.15425266 L14,6.46713633 C14,6.83532616 13.7015232,7.13380299 13.3333333,7.13380299 C12.971384,7.13380299 12.6768046,6.84535827 12.6669228,6.48579665 L12.6666667,4.19047619 C12.6666667,3.72394994 12.2939535,3.34447552 11.8300485,3.33357425 L9.56078908,3.33333333 C9.19259925,3.33333333 8.89412242,3.0348565 8.89412242,2.66666667 C8.89412242,2.30471734 9.18256714,2.01013789 9.54212876,2.00025612 L11.8095238,2 Z" id="形状结合" fill="#444444" fill-rule="nonzero"></path>
+                        <path d="M11.265279,10.3224699 L13.8108634,12.8680544 C14.0712129,13.1284039 14.0712129,13.5505139 13.8108634,13.8108634 C13.5505139,14.0712129 13.1284039,14.0712129 12.8680544,13.8108634 L10.3224699,11.265279 C10.0621204,11.0049295 10.0621204,10.5828195 10.3224699,10.3224699 C10.5828195,10.0621204 11.0049295,10.0621204 11.265279,10.3224699 Z M3.13194565,2.18913661 L5.67753006,4.73472102 C5.93787959,4.99507055 5.93787959,5.41718053 5.67753006,5.67753006 C5.41718053,5.93787959 4.99507055,5.93787959 4.73472102,5.67753006 L2.18913661,3.13194565 C1.92878708,2.87159612 1.92878708,2.44948613 2.18913661,2.18913661 C2.44948613,1.92878708 2.87159612,1.92878708 3.13194565,2.18913661 Z" id="形状" fill="#444444"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>