@titaui/pc 1.16.90 → 1.16.92

package/lib/components/video-modal/components/video-box/index.js

@@ -1,141 +1,172 @@
 "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;
+      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];
+      _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];
+      _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];
+      _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];
+      _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];
+      _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];
+      _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];
+      _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];
+      _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];
+      _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 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;
@@ -146,65 +177,63 @@ var VideoBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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) {
@@ -216,6 +245,7 @@ var VideoBox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }
   };
+
   (0, _react.useEffect)(function () {
     document.addEventListener("keydown", handleKeyDown);
     return function () {

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

@@ -1,82 +1,105 @@
 "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 _videoBox = _interopRequireDefault(require("./components/video-box"));
+
 var _conditionRender = _interopRequireDefault(require("../condition-render"));
+
 var _bsGlobal = require("../../utils/bs-global");
+
 var _full = _interopRequireDefault(require("./img/full.svg"));
+
 var _small = _interopRequireDefault(require("./img/small.svg"));
+
 var _close = _interopRequireDefault(require("./img/close.png"));
+
 require("./index.css");
+
 var _getBSGlobal;
+
 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 _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-modal";
 var userId = (_getBSGlobal = (0, _bsGlobal.getBSGlobal)("loginUserInfo")) === null || _getBSGlobal === void 0 ? void 0 : _getBSGlobal.Id;
 var VideoModal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var videoSrc = props.videoSrc,
-    title = props.title,
-    videoPoster = props.videoPoster,
-    visible = props.visible,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
-    _props$hasextraButton = props.hasextraButton,
-    hasextraButton = _props$hasextraButton === void 0 ? true : _props$hasextraButton;
+      title = props.title,
+      videoPoster = props.videoPoster,
+      visible = props.visible,
+      onClose = props.onClose,
+      onOpen = props.onOpen,
+      _props$hasextraButton = props.hasextraButton,
+      hasextraButton = _props$hasextraButton === void 0 ? true : _props$hasextraButton;
+
   var _useState = (0, _react.useState)(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    smallVideoVisible = _useState2[0],
-    setSmallVideoVisible = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      smallVideoVisible = _useState2[0],
+      setSmallVideoVisible = _useState2[1];
+
   var _useState3 = (0, _react.useState)("0"),
-    _useState4 = _slicedToArray(_useState3, 2),
-    time = _useState4[0],
-    setTime = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      time = _useState4[0],
+      setTime = _useState4[1];
+
   var modalVideoRef = (0, _react.useRef)(document.createElement("div"));
-  var smallVideoRef = (0, _react.useRef)(document.createElement("div"));
+  var smallVideoRef = (0, _react.useRef)(document.createElement("div")); // 关闭小窗口视频
 
-  // 关闭小窗口视频
   var handleClickCloseSmallVideo = function handleClickCloseSmallVideo() {
-    setSmallVideoVisible(false);
-    // @ts-ignore
+    setSmallVideoVisible(false); // @ts-ignore
+
     smallVideoRef.current.closeVideo();
     localStorage.setItem("hide_performance_small_video_".concat(userId), "true");
-  };
+  }; // 打开dialog弹层 关闭小窗口
+
 
-  // 打开dialog弹层 关闭小窗口
   var handleClickToFull = function handleClickToFull() {
     // @ts-ignore
     setTime(smallVideoRef.current.getCurrentTime());
-    onOpen();
-    // @ts-ignore
+    onOpen(); // @ts-ignore
+
     smallVideoRef.current.closeVideo();
     setSmallVideoVisible(false);
-  };
+  }; // 关闭dialog弹层 打开小窗口
+
 
-  // 关闭dialog弹层 打开小窗口
   var handleClickToSmall = function handleClickToSmall() {
-    onClose();
-    // @ts-ignore
+    onClose(); // @ts-ignore
+
     setTime(modalVideoRef.current.getCurrentTime());
     setSmallVideoVisible(true);
-  };
+  }; // 关闭过一次自动播放小窗口 之后不再出现
+
 
-  // 关闭过一次自动播放小窗口 之后不再出现
   (0, _react.useEffect)(function () {
     if (localStorage.getItem("hide_performance_small_video_".concat(userId)) === "true") {
-      setSmallVideoVisible(false);
-      // @ts-ignore
+      setSmallVideoVisible(false); // @ts-ignore
+
       smallVideoRef.current.closeVideo();
     }
   }, []);
@@ -84,13 +107,12 @@ var VideoModal = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (visible) {
       setSmallVideoVisible(false);
     }
-  }, [visible]);
-
-  // *---提供给父组件调用(因为有时间的联动，视频默认从0开始需要手动调用此方法)---*
+  }, [visible]); // *---提供给父组件调用(因为有时间的联动，视频默认从0开始需要手动调用此方法)---*
 
   var handleSetDefaultTime = function handleSetDefaultTime() {
     setTime("0");
   };
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setDefaultTime: handleSetDefaultTime

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

@@ -4,18 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var formatSecToTime = function formatSecToTime(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 = formatSecToTime;
 exports["default"] = _default;

package/lib/components/viewer/ImageListRender.js

@@ -1,44 +1,74 @@
 "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 _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _viewerjs = _interopRequireDefault(require("viewerjs"));
+
 var _excluded = ["toolbar", "hidden"];
+
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 require("viewerjs/dist/viewer.min.css");
+
 var ImageListRender = /*#__PURE__*/function (_PureComponent) {
   _inherits(ImageListRender, _PureComponent);
+
   var _super = _createSuper(ImageListRender);
+
   function ImageListRender() {
     _classCallCheck(this, ImageListRender);
+
     return _super.apply(this, arguments);
   }
+
   _createClass(ImageListRender, [{
     key: "render",
     value: function render() {
       var _this = this;
+
       var imageUrls = this.props.imageUrls;
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
@@ -61,15 +91,17 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-        index = _this$props.index,
-        hide = _this$props.hide,
-        customOptions = _this$props.options;
+          index = _this$props.index,
+          hide = _this$props.hide,
+          customOptions = _this$props.options;
+
       var _ref = customOptions || {
-          toolbar: {}
-        },
-        customToolbar = _ref.toolbar,
-        _hidden = _ref.hidden,
-        restOptions = _objectWithoutProperties(_ref, _excluded);
+        toolbar: {}
+      },
+          customToolbar = _ref.toolbar,
+          _hidden = _ref.hidden,
+          restOptions = _objectWithoutProperties(_ref, _excluded);
+
       var options = _objectSpread(_objectSpread({
         toolbar: _objectSpread({
           zoomIn: true,
@@ -92,6 +124,8 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
         }
       });
       /* 因为Viewer接受的参数必须是一个图片容器或者是一个图片元素，其他元素初始化会被中断 */
+
+
       this.viewer = new _viewerjs["default"](_reactDom["default"].findDOMNode(this.imageListWrapper), options);
       this.viewer.view(index);
     }
@@ -101,7 +135,9 @@ var ImageListRender = /*#__PURE__*/function (_PureComponent) {
       this.viewer.destroy();
     }
   }]);
+
   return ImageListRender;
 }(_react.PureComponent);
+
 var _default = ImageListRender;
 exports["default"] = _default;