@titaui/pc 1.16.20-beta.2 → 1.16.22

package/lib/components/version-change-modal/index.js

@@ -1,253 +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 _dialog = _interopRequireDefault(require("../dialog"));
-
-var _bookDemo = _interopRequireDefault(require("../book-demo"));
-
-var _interface = require("../../components/help-card/interface");
-
-var _bsGlobal = require("../../utils/bs-global");
-
-var _requestApi = require("./request-api");
-
-var _constant = require("./constant");
-
-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); }
-
-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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-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 _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; }
-
-function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
-
-var prefix = "titaui-version-change-modal";
-var VersionChangeModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _getBSGlobal, _getBSGlobal2;
-
-  _objectDestructuringEmpty(_ref);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      pending = _useState2[0],
-      setPending = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(((_getBSGlobal = (0, _bsGlobal.getBSGlobal)("tenantAuthentication")) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.MenuVersion) && ((_getBSGlobal2 = (0, _bsGlobal.getBSGlobal)("tenantAuthentication")) === null || _getBSGlobal2 === void 0 ? void 0 : _getBSGlobal2.MenuVersion) !== 0 || _constant.Versions.Flagship),
-      _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      setActive = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      visible = _useState6[0],
-      setVisible = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(20220602),
-      _useState8 = _slicedToArray(_useState7, 2),
-      source = _useState8[0],
-      setSource = _useState8[1];
-
-  var bookDemoRef = (0, _react.useRef)(null);
-
-  var onShow = function onShow() {
-    setVisible(true);
-  };
-
-  var onHide = function onHide() {
-    setVisible(false);
-  };
-
-  var handleCancelGuideClick = function handleCancelGuideClick() {
-    (0, _requestApi.cancelGuide)((0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.type);
-    onHide();
-  };
-
-  var handleTryToUseClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(version) {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!pending) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              _context.next = 4;
-              return (0, _requestApi.setVersion)(version.version);
-
-            case 4:
-              setPending(false);
-              setTimeout(function () {
-                setVisible(false);
-              }, 1000);
-              window.BSGlobal.userGuides.performanceGuide.value = false;
-              (0, _requestApi.cancelGuide)((0, _bsGlobal.getBSGlobal)("userGuides").versionGuide.type);
-              window.open(window.location.protocol + (0, _bsGlobal.getBSGlobal)("titaHost"), "_self");
-
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function handleTryToUseClick(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var getBookDemoVersion = function getBookDemoVersion() {
-    var _window$BSGlobal$tena;
-
-    var menuVersion = (_window$BSGlobal$tena = window.BSGlobal.tenantAuthentication) === null || _window$BSGlobal$tena === void 0 ? void 0 : _window$BSGlobal$tena.MenuVersion;
-
-    if (menuVersion === _interface.ETrialVersion.OKR) {
-      return _bookDemo["default"].DemoType.TryOKR;
-    }
-
-    if (menuVersion === _interface.ETrialVersion.Performance) {
-      return _bookDemo["default"].DemoType.TryPerformance;
-    }
-
-    return _bookDemo["default"].DemoType.UniversalBookDemo;
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      onShow: onShow,
-      onHide: onHide
-    };
-  });
-
-  var handlePoint = function handlePoint() {
-    if (visible) {
-      setVisible(false);
-    }
-
-    if (bookDemoRef.current) {
-      bookDemoRef.current.show();
-    }
-
-    if (window.titaTracker) {
-      window.titaTracker("action").record({
-        actionName: "申请演示",
-        actionGroup: "试用版-申请演示",
-        productName: "系统内-申请演示"
-      });
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: prefix
-  }, /*#__PURE__*/_react["default"].createElement(_bookDemo["default"].BookDemoPC, {
-    visible: false,
-    ref: bookDemoRef,
-    type: getBookDemoVersion(),
-    source: source
-  }), /*#__PURE__*/_react["default"].createElement(_dialog["default"], {
-    zIndex: 1199,
-    visible: visible,
-    noFooter: true,
-    style: {
-      backgroundColor: "transparent",
-      width: 1090
-    },
-    noCloseIcon: true,
-    extraClass: ["".concat(prefix, "__dialog")]
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "version-change-modal"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "version-modal-header"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    className: "title-img",
-    src: require("./images/title.png"),
-    alt: ""
-  }), /*#__PURE__*/_react["default"].createElement("a", {
-    className: "tu-icon-canceled",
-    onClick: handleCancelGuideClick
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "versions-wrapper"
-  }, (0, _constant.getVersionList)().map(function (version) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: version.version,
-      onMouseEnter: function onMouseEnter() {
-        return setActive(version.version);
-      },
-      className: "version-item ".concat(version.color).concat(active === version.version ? " active" : ""),
-      style: {
-        backgroundImage: "url(".concat(version.image, ")")
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "version-item-header"
-    }, version.name, !!version.subName && /*#__PURE__*/_react["default"].createElement("div", {
-      className: "version-item-subname"
-    }, version.subName)), version.version === 6 ? /*#__PURE__*/_react["default"].createElement("div", {
-      className: "".concat(prefix, "__flagship-content")
-    }, version.items[0], /*#__PURE__*/_react["default"].createElement("span", {
-      onClick: handlePoint
-    }, /*#__PURE__*/_react["default"].createElement("a", null, (0, _getLocale.getLocale)("AppointmentPresentation")))) : /*#__PURE__*/_react["default"].createElement("ul", {
-      className: "version-item-list"
-    }, version.items.map(function (item, index) {
-      return /*#__PURE__*/_react["default"].createElement("li", {
-        className: "tu-icon-yiwancheng",
-        key: item + index
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        className: "tita-font"
-      }, item));
-    })), /*#__PURE__*/_react["default"].createElement("div", {
-      className: "item-cover"
-    }, /*#__PURE__*/_react["default"].createElement("a", {
-      className: "item-button",
-      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return handleTryToUseClick(version);
-
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }))
-    }, (0, _getLocale.getLocale)("Sw_FreeTrial"))));
-  })))));
-});
-var _default = VersionChangeModal;
-exports["default"] = _default;

package/lib/components/version-change-modal/request-api.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setVersion = exports.cancelGuide = void 0;
-
-var _request = require("../../utils/request");
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-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); }); }; }
-
-var setVersion = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(version) {
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", (0, _request.rpost)("v3")("menu/version/set?version=".concat(version)));
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function setVersion(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.setVersion = setVersion;
-
-var cancelGuide = function cancelGuide(type) {
-  return (0, _request.rpost)("v2")("user/cancelUserGuide?type=".concat(type));
-};
-
-exports.cancelGuide = cancelGuide;

package/lib/components/video-modal/components/video-box/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 _play = _interopRequireDefault(require("../../img/play.svg"));
-
-var _pause = _interopRequireDefault(require("../../img/pause.svg"));
-
-var _muted = _interopRequireDefault(require("../../img/muted.svg"));
-
-var _notMuted = _interopRequireDefault(require("../../img/not-muted.svg"));
-
-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-video-box";
-var VideoBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var videoSrc = props.videoSrc,
-      containerWidth = props.containerWidth,
-      hasHead = props.hasHead,
-      headButton = props.headButton,
-      title = props.title,
-      extraButton = props.extraButton,
-      videoPoster = props.videoPoster,
-      _props$time = props.time,
-      time = _props$time === void 0 ? "00:00" : _props$time;
-
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isPlay = _useState2[0],
-      setIsPlay = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isMuted = _useState4[0],
-      setIsMuted = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isMouseDown = _useState6[0],
-      setIsMouseDown = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      showDot = _useState8[0],
-      setShowDot = _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),
-      isSmallVideo = _useState14[0],
-      setIsSmallVideo = _useState14[1];
-
-  var _useState15 = (0, _react.useState)("0px"),
-      _useState16 = _slicedToArray(_useState15, 2),
-      progressWidth = _useState16[0],
-      setProgressWidth = _useState16[1];
-
-  var _useState17 = (0, _react.useState)("0px"),
-      _useState18 = _slicedToArray(_useState17, 2),
-      volumeWidth = _useState18[0],
-      setVolumeWidth = _useState18[1];
-
-  var videoRef = (0, _react.useRef)(document.createElement("video"));
-  var videoBoxRef = (0, _react.useRef)(document.createElement("div"));
-  var volumeBoxRef = (0, _react.useRef)(document.createElement("div")); // *---播放/暂停---*
-
-  var handlePlayVideo = function handlePlayVideo() {
-    setIsPlay(!isPlay);
-
-    if (isPlay) {
-      videoRef.current.pause();
-    } else {
-      videoRef.current.play();
-    }
-  }; //* ---进度条---*
-  // 鼠标移入进度条区域
-
-
-  var handleMouseEnterProgress = function handleMouseEnterProgress() {
-    setShowDot(true);
-  }; // 鼠标移出进度条区域
-
-
-  var handleMouseLeaveProgress = function handleMouseLeaveProgress() {
-    setShowDot(false);
-    setIsMouseDown(false);
-  }; // 获得点击进度条任意位置 计算实时进度条的宽度
-
-
-  var getCurrentProgressWidth = function getCurrentProgressWidth(e) {
-    var videoContainerLeft = videoBoxRef.current.getBoundingClientRect().left;
-    var currentWidth = e.clientX - videoContainerLeft;
-    setProgressWidth("".concat(currentWidth, "px"));
-    videoRef.current.currentTime = videoRef.current.duration * currentWidth / containerWidth;
-  }; // 点击进度条
-
-
-  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 handleChangeVolumeMuted = function handleChangeVolumeMuted() {
-    setIsMuted(!isMuted);
-    videoRef.current.muted = !videoRef.current.muted;
-  }; // 点击音量进度条 计算音量进度条宽度
-
-
-  var getCurrentVolumeWidth = function getCurrentVolumeWidth(e) {
-    var volumeBoxLeft = volumeBoxRef.current.getBoundingClientRect().left;
-    var currentWidth = e.clientX - volumeBoxLeft;
-    var VolumeTotalProgressWidth = 34;
-
-    if (currentWidth <= 0) {
-      setIsMuted(true);
-      videoRef.current.muted = true;
-    } else if (currentWidth >= VolumeTotalProgressWidth) {
-      setVolumeWidth("34px");
-      videoRef.current.volume = 1;
-    } else {
-      setVolumeWidth("".concat(currentWidth, "px"));
-      videoRef.current.volume = currentWidth / volumeBoxRef.current.clientWidth;
-    }
-  }; // 点击音量进度条
-
-
-  var handleMouseClickVolume = function handleMouseClickVolume(e) {
-    getCurrentVolumeWidth(e);
-  }; // *---提供父组件调用---*
-  // 暂停视频并静音
-
-
-  var handleCloseAndPauseVideo = function handleCloseAndPauseVideo() {
-    videoRef.current.pause();
-    videoRef.current.currentTime = 0;
-    videoRef.current.muted = true;
-    setIsPlay(false);
-  };
-
-  var handleGetCurrentTime = function handleGetCurrentTime() {
-    return currentTime;
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      closeVideo: handleCloseAndPauseVideo,
-      getCurrentTime: handleGetCurrentTime
-    };
-  }); // *---初始化---*
-  // 初始获得总时间
-
-  var getTotalTime = function getTotalTime() {
-    if (videoRef.current.duration) {
-      setTotalTime(videoRef.current.duration.toString());
-      videoRef.current.currentTime = parseFloat(time);
-    }
-  }; // 获得实时播放时间
-
-
-  var handleTimeUpdate = function handleTimeUpdate() {
-    if (videoRef.current.currentTime) {
-      setCurrentTime(videoRef.current.currentTime.toString());
-      setProgressWidth("".concat(containerWidth * videoRef.current.currentTime / videoRef.current.duration, "px"));
-    }
-  }; // 初始获得音量宽度
-
-
-  (0, _react.useEffect)(function () {
-    var VolumeTotalProgressWidth = 34;
-    setVolumeWidth("".concat(VolumeTotalProgressWidth * videoRef.current.volume, "px"));
-  }, []); // 初始判断是否是小窗口
-
-  (0, _react.useEffect)(function () {
-    var FullVideoWidth = 840;
-
-    if (containerWidth < FullVideoWidth) {
-      setIsSmallVideo(true);
-    }
-  }, []); // 按空格键 暂停/播放视频
-
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.keyCode === 32) {
-      if (videoRef.current.paused) {
-        videoRef.current.play();
-        setIsPlay(true);
-      } else {
-        videoRef.current.pause();
-        setIsPlay(false);
-      }
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    document.addEventListener("keydown", handleKeyDown);
-    return function () {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__box"),
-    ref: videoBoxRef
-  }, /*#__PURE__*/_react["default"].createElement("video", {
-    ref: videoRef,
-    src: videoSrc,
-    loop: true,
-    autoPlay: true,
-    muted: true,
-    poster: videoPoster,
-    style: {
-      width: "100%",
-      height: "100%"
-    },
-    onClick: handlePlayVideo,
-    onLoadedMetadata: getTotalTime,
-    onTimeUpdate: handleTimeUpdate
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__mouseMove"), _defineProperty({}, "".concat(preCls, "__mouseMove--small"), isSmallVideo)),
-    onMouseMove: handleMouseMoveProgress,
-    onMouseUp: handleMouseUpProgress,
-    onMouseEnter: handleMouseEnterProgress,
-    onMouseLeave: handleMouseLeaveProgress
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__progress"), _defineProperty({}, "".concat(preCls, "__progress--small"), isSmallVideo)),
-    onClick: handleClickTotalProgress,
-    onMouseDown: handleMouseDownProgress
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__progress-current"),
-    style: {
-      width: progressWidth
-    }
-  }, /*#__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, "__mask1"), _defineProperty({}, "".concat(preCls, "__mask1--small"), isSmallVideo))
-  }, hasHead && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__title"))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__mask1-title")
-  }, title), headButton)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__mask2"), _defineProperty({}, "".concat(preCls, "__mask2--small"), isSmallVideo))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__controls"), _defineProperty({}, "".concat(preCls, "__controls--small"), isSmallVideo))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__controls-left")
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(preCls, "__controls-button"),
-    onClick: handlePlayVideo
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: isPlay ? _pause["default"] : _play["default"],
-    className: "".concat(preCls, "__controls-play"),
-    alt: "\u64AD\u653E/\u6682\u505C"
-  })), /*#__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,
-    ref: volumeBoxRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "__controls-volume-current--hidden"), isMuted), "".concat(preCls, "__controls-volume-current")),
-    style: {
-      width: volumeWidth
-    }
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: handleChangeVolumeMuted,
-    className: "".concat(preCls, "__controls-play")
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: isMuted ? _muted["default"] : _notMuted["default"],
-    alt: "\u97F3\u91CF"
-  }))), extraButton))));
-});
-var _default = VideoBox;
-exports["default"] = _default;