iglooform 2.5.52 → 3.0.0-alpha

package/lib/media/index.js

@@ -1,108 +1,81 @@
 "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;
-
-require("antd/es/modal/style");
-
-var _modal = _interopRequireDefault(require("antd/es/modal"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _react = require("react");
-
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
 var _media = _interopRequireDefault(require("./media"));
-
 var _preview = _interopRequireDefault(require("./preview"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _typography = _interopRequireDefault(require("../typography"));
-
 var _iglooicon = require("iglooicon");
-
 require("./style/index.less");
-
+var _jsxRuntime = require("react/jsx-runtime");
 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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function ClassifyType(type) {
   if (type.includes('image')) {
     return 'image';
   }
-
   if (type.includes('video')) {
     return 'video';
   }
-
   if (type.includes('pdf')) {
     return 'pdf';
   }
-
   return 'unknown';
 }
-
 var MediaWithPreview = function MediaWithPreview(_ref) {
   var src = _ref.src,
-      name = _ref.name,
-      className = _ref.className,
-      _ref$index = _ref.index,
-      index = _ref$index === void 0 ? 0 : _ref$index,
-      _ref$list = _ref.list,
-      list = _ref$list === void 0 ? [] : _ref$list,
-      style = _ref.style,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? '' : _ref$type,
-      _ref$docNames = _ref.docNames,
-      docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
-      _ref$showAllPages = _ref.showAllPages,
-      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
-      _ref$destroyOnClose = _ref.destroyOnClose,
-      destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
-
+    name = _ref.name,
+    className = _ref.className,
+    _ref$index = _ref.index,
+    index = _ref$index === void 0 ? 0 : _ref$index,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    style = _ref.style,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? '' : _ref$type,
+    _ref$docNames = _ref.docNames,
+    docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
+    _ref$showAllPages = _ref.showAllPages,
+    showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
+    _ref$destroyOnClose = _ref.destroyOnClose,
+    destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
   var _useState = (0, _react.useState)(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      scale = _useState2[0],
-      setScale = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    scale = _useState2[0],
+    setScale = _useState2[1];
   var _useState3 = (0, _react.useState)(type),
-      _useState4 = _slicedToArray(_useState3, 2),
-      mediaType = _useState4[0],
-      setType = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    mediaType = _useState4[0],
+    setType = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showModal = _useState6[0],
-      setShowModal = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showModal = _useState6[0],
+    setShowModal = _useState6[1];
   var _useState7 = (0, _react.useState)(index),
-      _useState8 = _slicedToArray(_useState7, 2),
-      current = _useState8[0],
-      setCurrent = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    current = _useState8[0],
+    setCurrent = _useState8[1];
   var _useState9 = (0, _react.useState)(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      direction = _useState10[0],
-      setDirection = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    direction = _useState10[0],
+    setDirection = _useState10[1];
   (0, _react.useEffect)(function () {
     if (mediaType) {
       return;
     }
-
     var unmounted = false;
     fetch(src, {
       cache: 'force-cache'
@@ -118,128 +91,103 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
   (0, _react.useEffect)(function () {
     var handleKeyDown = function handleKeyDown(e) {
       if (!showModal || list.length === 1) return;
-
       if (e.code === 'ArrowLeft') {
         toLeft();
       }
-
       if (e.code === 'ArrowRight') {
         toRight();
       }
     };
-
     document.body.addEventListener('keydown', handleKeyDown);
     return function () {
       return document.body.removeEventListener('keydown', handleKeyDown);
     };
   }, [showModal]);
-
   var open = function open() {
     setShowModal(true);
   };
-
   var close = function close() {
     setShowModal(false);
     setCurrent(index);
   };
-
   var toLeft = function toLeft() {
     setCurrent(function (current) {
       if (list.length === 2 && current === 0) {
         return current;
       }
-
       var next = current - 1;
-
       if (current === 0) {
         next = list.length - 1;
       }
-
       return next;
     });
     setScale(1);
     setDirection('left');
   };
-
   var toRight = function toRight() {
     setCurrent(function (current) {
       if (list.length === 2 && current === 1) {
         return current;
       }
-
       var next = current + 1;
-
       if (current === list.length - 1) {
         next = 0;
       }
-
       return next;
     });
     setScale(1);
     setDirection('right');
   };
-
   var zoomIn = function zoomIn(e) {
     e.preventDefault();
     setScale(scale - 0.2);
   };
-
   var zoomOut = function zoomOut(e) {
     e.preventDefault();
     setScale(scale + 0.2);
   };
-
   var getTranslateX = function getTranslateX(index) {
     if (list.length < 3) {
       return index - current;
     }
-
     if (current === 0 && index === list.length - 1) {
       return -1;
     }
-
     if (current === list.length - 1 && index === 0) {
       return list.length - 1;
     }
-
     return index - current;
   };
-
   var needShowAnimation = function needShowAnimation(index) {
     if (index === current) {
       return true;
     }
-
     if (direction === 'left') {
       if (current === list.length - 1) {
         return index === 0;
       }
-
       return index === current + 1;
     }
-
     if (direction === 'right') {
       if (current === 0) {
         return index === list.length - 1;
       }
-
       return index === current - 1;
     }
   };
-
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: className,
     style: style,
-    children: [(0, _jsxRuntime.jsx)(_media.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_media.default, {
       type: mediaType,
       src: src,
       onClick: open,
       name: name
-    }), (0, _jsxRuntime.jsxs)(_modal.default, {
-      visible: showModal,
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Modal, {
+      open: showModal,
       onCancel: close,
       footer: null,
-      closeIcon: (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
+      closeIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
         style: {
           fontSize: 24
         }
@@ -247,22 +195,22 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
       wrapClassName: "igloo-media-preview",
       width: "100%",
       destroyOnClose: destroyOnClose,
-      children: [Boolean(docNames && docNames.length) && (0, _jsxRuntime.jsxs)("div", {
+      children: [Boolean(docNames && docNames.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "igloo-document-name",
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           children: docNames[current]
-        }), (0, _jsxRuntime.jsx)("div", {
-          children: (0, _jsxRuntime.jsxs)(_typography.default, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_typography.default, {
             level: "body1",
             children: [current + 1, "/", docNames.length]
           })
         })]
-      }), (0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "igloo-media-list",
         children: [Boolean(list && !!list.length) && list.map(function (_ref2, index) {
           var src = _ref2.src,
-              type = _ref2.type;
-          return (0, _jsxRuntime.jsx)("div", {
+            type = _ref2.type;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: (0, _classnames.default)({
               'igloo-media-animating': needShowAnimation(index),
               'igloo-media': true
@@ -270,23 +218,23 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
             style: {
               transform: "translateX(".concat(getTranslateX(index) * 100, "vw)")
             },
-            children: (0, _jsxRuntime.jsx)(_preview.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_preview.default, {
               type: type,
               src: src,
               scale: scale,
               isCurrent: index === current
             })
           }, index);
-        }), Boolean(!list || !list.length) && (0, _jsxRuntime.jsx)("div", {
+        }), Boolean(!list || !list.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "igloo-media",
-          children: (0, _jsxRuntime.jsx)(_preview.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_preview.default, {
             type: mediaType,
             src: src,
             scale: scale,
             isCurrent: true,
             showAllPages: showAllPages
           })
-        }, index), (0, _jsxRuntime.jsx)(_iglooicon.MinusOutlined, {
+        }, index), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.MinusOutlined, {
           onClick: zoomIn,
           className: (0, _classnames.default)({
             'igloo-preview-zoom-btn': true,
@@ -296,7 +244,7 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
           style: {
             fontSize: 24
           }
-        }), (0, _jsxRuntime.jsx)(_iglooicon.PlusOutlined, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.PlusOutlined, {
           onClick: zoomOut,
           className: (0, _classnames.default)({
             'igloo-preview-zoom-btn': true,
@@ -306,14 +254,14 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
           style: {
             fontSize: 24
           }
-        }), (list.length > 2 || list.length === 2 && current === 1) && (0, _jsxRuntime.jsx)(_iglooicon.ArrowLeftOutlined, {
+        }), (list.length > 2 || list.length === 2 && current === 1) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.ArrowLeftOutlined, {
           className: "igloo-media-page-btn",
           style: {
             left: 24,
             fontSize: 32
           },
           onClick: toLeft
-        }), (list.length > 2 || list.length === 2 && current === 0) && (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {
+        }), (list.length > 2 || list.length === 2 && current === 0) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {
           className: "igloo-media-page-btn",
           style: {
             right: 24,
@@ -325,6 +273,5 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
     })]
   });
 };
-
 var _default = MediaWithPreview;
 exports.default = _default;

package/lib/media/media.js

@@ -1,55 +1,38 @@
 "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;
-
-require("antd/es/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _react = require("react");
-
+var _react = _interopRequireWildcard(require("react"));
 var _entry = require("react-pdf/dist/esm/entry.webpack");
-
+var _antd = require("antd");
 var _locale = require("../locale");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+var _jsxRuntime = require("react/jsx-runtime");
+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 _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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
-      src = _ref.src;
-
+    src = _ref.src;
   var _useContext = (0, _react.useContext)(_locale.LocaleContext),
-      formatMessage = _useContext.formatMessage;
-
+    formatMessage = _useContext.formatMessage;
   var documentRef = (0, _react.useRef)(null);
-
   var _useState = (0, _react.useState)(formatMessage({
-    id: 'Failed to load PDF file.'
-  })),
-      _useState2 = _slicedToArray(_useState, 2),
-      errorText = _useState2[0],
-      setErrorText = _useState2[1];
-
+      id: 'Failed to load PDF file.'
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    errorText = _useState2[0],
+    setErrorText = _useState2[1];
   switch (type) {
     case 'video':
-      return (0, _jsxRuntime.jsx)("video", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         src: src,
         style: {
           maxWidth: 80,
@@ -57,11 +40,9 @@ var MediaItem = function MediaItem(_ref) {
         },
         autoPlay: false
       });
-
     case 'pdf':
       var needPassword = function needPassword() {
         var current = documentRef === null || documentRef === void 0 ? void 0 : documentRef.current;
-
         if (current) {
           // @ts-ignore
           current.setState({
@@ -72,32 +53,30 @@ var MediaItem = function MediaItem(_ref) {
           }));
         }
       };
-
-      return (0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
           maxWidth: 80,
           maxHeight: 80,
           position: 'absolute'
         },
-        children: (0, _jsxRuntime.jsx)(_entry.Document, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Document, {
           ref: documentRef,
           file: src,
           onPassword: needPassword,
-          error: (0, _jsxRuntime.jsx)("div", {
+          error: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             style: {
               textAlign: 'center'
             },
             children: errorText
           }),
-          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Page, {
             pageNumber: 1,
             scale: 0.1
           })
         })
       });
-
     default:
-      return (0, _jsxRuntime.jsx)("img", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: src,
         style: {
           maxWidth: 80,
@@ -107,16 +86,15 @@ var MediaItem = function MediaItem(_ref) {
       });
   }
 };
-
 var Media = function Media(_ref2) {
   var src = _ref2.src,
-      name = _ref2.name,
-      type = _ref2.type,
-      onClick = _ref2.onClick;
-  return (0, _jsxRuntime.jsx)(_tooltip.default, {
+    name = _ref2.name,
+    type = _ref2.type,
+    onClick = _ref2.onClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
     title: name,
     placement: "bottom",
-    children: (0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       onClick: onClick,
       style: {
         position: 'relative',
@@ -128,10 +106,10 @@ var Media = function Media(_ref2) {
         overflow: 'hidden',
         border: '1px solid #EEEEEE'
       },
-      children: [(0, _jsxRuntime.jsx)(MediaItem, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MediaItem, {
         type: type,
         src: src
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
           position: 'absolute',
           width: '100%',
@@ -143,6 +121,5 @@ var Media = function Media(_ref2) {
     })
   });
 };
-
 var _default = Media;
 exports.default = _default;