@titaui/pc 1.10.8 → 1.10.11

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

@@ -1,334 +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"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = _interopRequireDefault(require("./utils"));
-
-var _bsGlobal = require("../../utils/bs-global");
-
-var _videoModal = _interopRequireDefault(require("../video-modal"));
-
-var _close = _interopRequireDefault(require("./img/close.png"));
-
-var _pause = _interopRequireDefault(require("./img/pause.svg"));
-
-var _play = _interopRequireDefault(require("./img/play.svg"));
-
-var _volume = _interopRequireDefault(require("./img/volume.svg"));
-
-var _full = _interopRequireDefault(require("./img/full.svg"));
-
-var _muted = _interopRequireDefault(require("./img/muted.svg"));
-
-var _smallFaQi = _interopRequireDefault(require("./img/smallFaQi.png"));
-
-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); }
-
-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 _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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var preCls = "titaui-pc-float-fixed-video";
-
-var FloatVideo = function FloatVideo(props) {
-  var _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      _props$title = props.title,
-      title = _props$title === void 0 ? "如何发起考核" : _props$title,
-      _props$videoSrc = props.videoSrc,
-      videoSrc = _props$videoSrc === void 0 ? "https://club.tita.com/wp-content/uploads/2022/03/1646114589-20220301140309117.mp4" : _props$videoSrc;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isHover = _useState2[0],
-      setIsHover = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      videoModalVisible = _useState4[0],
-      setVideoModalVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isPlay = _useState6[0],
-      setIsPlay = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(true),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isMuted = _useState8[0],
-      setIsMuted = _useState8[1];
-
-  var _useState9 = (0, _react.useState)("00:00"),
-      _useState10 = _slicedToArray(_useState9, 2),
-      totalTime = _useState10[0],
-      setTotalTime = _useState10[1];
-
-  var _useState11 = (0, _react.useState)("00:00"),
-      _useState12 = _slicedToArray(_useState11, 2),
-      currentTime = _useState12[0],
-      setCurrentTime = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(false),
-      _useState14 = _slicedToArray(_useState13, 2),
-      showDot = _useState14[0],
-      setShowDot = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(false),
-      _useState16 = _slicedToArray(_useState15, 2),
-      isMouseDown = _useState16[0],
-      setIsMouseDown = _useState16[1];
-
-  var videoRef = (0, _react.useRef)(document.createElement("video"));
-  var volumeRef = (0, _react.useRef)(document.createElement("div"));
-  var totalProgressRef = (0, _react.useRef)(document.createElement("div"));
-  var progressRef = (0, _react.useRef)(document.createElement("div"));
-  var boxRef = (0, _react.useRef)(document.createElement("div"));
-
-  var handlePlayVideo = function handlePlayVideo() {
-    setIsPlay(!isPlay);
-
-    if (isPlay) {
-      videoRef.current.pause();
-    } else {
-      videoRef.current.play();
-    }
-  };
-
-  var handleChangeVolumeMuted = function handleChangeVolumeMuted() {
-    setIsMuted(!isMuted);
-    videoRef.current.muted = !videoRef.current.muted;
-  }; // 鼠标移入移出进度条区域
-
-
-  var handleMouseEnterProgress = function handleMouseEnterProgress() {
-    setShowDot(true);
-  };
-
-  var handleMouseLeaveProgress = function handleMouseLeaveProgress() {
-    setShowDot(false);
-  }; // 点击音量 音量进度条宽度
-
-
-  var getCurrentVolumeWidth = function getCurrentVolumeWidth(e) {
-    var currentWidth = e.clientX - (document.documentElement.offsetWidth - 178);
-
-    if (currentWidth <= 0) {
-      setIsMuted(true);
-      videoRef.current.muted = true;
-    } else if (currentWidth >= 34) {
-      volumeRef.current.style.width = "34px";
-      videoRef.current.volume = 1;
-    } else {
-      volumeRef.current.style.width = "".concat(currentWidth, "px");
-      videoRef.current.volume = currentWidth / 34;
-    }
-  };
-
-  var handleMouseClickVolume = function handleMouseClickVolume(e) {
-    getCurrentVolumeWidth(e);
-  }; // 获得点击进度条 进度条的宽度
-
-
-  var getCurrentProgressWidth = function getCurrentProgressWidth(e) {
-    var currentWidth = e.clientX - (document.documentElement.offsetWidth - 432);
-    progressRef.current.style.width = "".concat(currentWidth, "px");
-    videoRef.current.currentTime = videoRef.current.duration * currentWidth / 360;
-  }; // 点击进度条
-
-
-  var handleClickTotalProgress = function handleClickTotalProgress(e) {
-    getCurrentProgressWidth(e);
-  }; // 拖动进度条
-
-
-  var handleMouseDownProgress = function handleMouseDownProgress() {
-    setIsMouseDown(true);
-  };
-
-  var handleMouseMoveProgress = function handleMouseMoveProgress(e) {
-    if (isMouseDown) {
-      getCurrentProgressWidth(e);
-    }
-  };
-
-  var handleMouseUpProgress = function handleMouseUpProgress() {
-    setIsMouseDown(false);
-  };
-
-  var handleCloseFloatVideo = function handleCloseFloatVideo() {
-    localStorage.setItem("hide_performance_small_video_".concat((0, _bsGlobal.getUserInfo)().Id), "true");
-    boxRef.current.style.display = "none";
-    videoRef.current.pause();
-    videoRef.current.currentTime = 0;
-  };
-
-  var handleShowBigVideo = function handleShowBigVideo() {
-    handleCloseFloatVideo();
-    setVideoModalVisible(true);
-    videoRef.current.pause();
-    setIsPlay(false);
-  };
-
-  var handleCloseBigVideo = function handleCloseBigVideo() {
-    setVideoModalVisible(false);
-  };
-
-  var showSmallVideo = function showSmallVideo() {
-    videoRef.current.play();
-    setIsPlay(true);
-    videoRef.current.muted = true;
-    setIsMuted(true);
-    boxRef.current.style.display = "block";
-  };
-
-  var handleMouseOverVideo = function handleMouseOverVideo() {
-    setIsHover(true);
-  };
-
-  var handleMouseLeaveVideo = function handleMouseLeaveVideo() {
-    setIsHover(false);
-  };
-
-  (0, _react.useEffect)(function () {
-    videoRef.current.onloadedmetadata = function () {
-      setTotalTime(videoRef.current.duration.toString());
-    };
-  }, [videoRef.current.onloadedmetadata]);
-  (0, _react.useEffect)(function () {
-    videoRef.current.ontimeupdate = function () {
-      setCurrentTime(videoRef.current.currentTime.toString());
-      progressRef.current.style.width = "".concat(360 * videoRef.current.currentTime / videoRef.current.duration, "px");
-    };
-  }, [videoRef.current.ontimeupdate]);
-  (0, _react.useEffect)(function () {
-    volumeRef.current.style.width = "".concat(34 * videoRef.current.volume, "px");
-  }, [videoRef.current.onloadedmetadata]);
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      videoRef.current.play();
-      setIsPlay(true);
-      videoRef.current.muted = true;
-      setIsMuted(true);
-      boxRef.current.style.display = "block";
-    } else {
-      videoRef.current.pause();
-      setIsPlay(false);
-      videoRef.current.muted = true;
-      setIsMuted(true);
-      boxRef.current.style.display = "none";
-    }
-  }, [visible]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: preCls,
-    ref: boxRef,
-    onMouseOver: handleMouseOverVideo,
-    onMouseLeave: handleMouseLeaveVideo,
-    onFocus: handleMouseOverVideo
-  }, /*#__PURE__*/_react["default"].createElement("video", {
-    ref: videoRef,
-    src: videoSrc,
-    loop: true,
-    autoPlay: true,
-    muted: true,
-    poster: _smallFaQi["default"],
-    className: "".concat(preCls, "__video")
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__progress"), _defineProperty({}, "".concat(preCls, "__progress--show"), isHover)),
-    onMouseEnter: handleMouseEnterProgress,
-    onMouseLeave: handleMouseLeaveProgress,
-    ref: totalProgressRef,
-    onClick: handleClickTotalProgress,
-    onMouseDown: handleMouseDownProgress,
-    onMouseMove: handleMouseMoveProgress,
-    onMouseUp: handleMouseUpProgress
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__progress-current"),
-    ref: progressRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__progress-current-dot"), showDot))
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__controls"), _defineProperty({}, "".concat(preCls, "__controls--show"), isHover))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__controls-left")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: handlePlayVideo,
-    className: (0, _classnames["default"])("".concat(preCls, "__controls-play"), "".concat(preCls, "__controls-button"))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: isPlay ? _play["default"] : _pause["default"],
-    alt: "play"
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__controls-time")
-  }, (0, _utils["default"])(currentTime)), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "".concat(preCls, "__controls-time")
-  }, " / ".concat((0, _utils["default"])(totalTime)))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__controls-right")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-button"), isMuted), _defineProperty({}, "".concat(preCls, "__controls-volume"), !isMuted))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-volume-progress--hidden"), isMuted), "".concat(preCls, "__controls-volume-progress")),
-    onClick: handleMouseClickVolume
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-volume-current--hidden"), isMuted), "".concat(preCls, "__controls-volume-current")),
-    ref: volumeRef
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: handleChangeVolumeMuted
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: isMuted ? _muted["default"] : _volume["default"],
-    className: "".concat(preCls, "__controls-play"),
-    alt: "\u97F3\u91CF"
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__controls-full"),
-    onClick: handleShowBigVideo
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _full["default"],
-    alt: "full"
-  })))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__mask1"), _defineProperty({}, "".concat(preCls, "__mask1--show"), isHover))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__mask1-title")
-  }, title), /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: handleCloseFloatVideo
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _close["default"],
-    alt: "\u5173\u95ED",
-    className: "".concat(preCls, "__mask1-close")
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__mask2"), _defineProperty({}, "".concat(preCls, "__mask2--show"), isHover))
-  }), /*#__PURE__*/_react["default"].createElement(_videoModal["default"], {
-    title: title,
-    videoSrc: videoSrc,
-    visible: videoModalVisible,
-    onClose: handleCloseBigVideo,
-    onCancel: handleCloseBigVideo,
-    canMini: true,
-    showSmallVideo: showSmallVideo
-  }));
-};
-
-var _default = FloatVideo;
-exports["default"] = _default;

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

@@ -1,25 +0,0 @@
-"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/video-modal/img/muted.svg

@@ -1,16 +0,0 @@
-<?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

@@ -1,16 +0,0 @@
-<?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

@@ -1,17 +0,0 @@
-<?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

@@ -1,16 +0,0 @@
-<?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

@@ -1,22 +0,0 @@
-<?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>