@vtx/components 3.1.16 → 3.1.17

package/lib/vtx-image/Preview.js

@@ -1,82 +1,58 @@
 "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"] = Preview;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _viewerjs = _interopRequireDefault(require("viewerjs"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _isObject = _interopRequireDefault(require("../_util/isObject"));
-
 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 _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 VIEWER = 'viewer'; // 多张
-
+var VIEWER = 'viewer';
+// 多张
 var GALLERY = 'gallery';
-
 function checkMode(x) {
   var mode = '';
-
   if ((0, _isObject["default"])(x)) {
     mode = VIEWER;
   }
-
   if (Array.isArray(x)) {
     var len = x.length;
     mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;
   }
-
   return mode;
 }
-
 function Preview(props) {
   var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      container = _useState2[0],
-      setContainer = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    container = _useState2[0],
+    setContainer = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      viewer = _useState4[0],
-      setViewer = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    viewer = _useState4[0],
+    setViewer = _useState4[1];
   var photo = props.photo,
-      index = props.index,
-      visible = props.visible,
-      onClose = props.onClose,
-      onIndexChange = props.onIndexChange,
-      options = props.options; // let container;
+    index = props.index,
+    visible = props.visible,
+    onClose = props.onClose,
+    onIndexChange = props.onIndexChange,
+    options = props.options;
 
+  // let container;
   (0, _react.useEffect)(function () {
     var viewerOption = _objectSpread({
       button: true,
@@ -99,7 +75,6 @@ function Preview(props) {
       // 图片是否可翻转
       transition: true
     }, options);
-
     var container = document.createElement('div');
     var viewer = new _viewerjs["default"](container, _objectSpread({
       url: function url(image) {
@@ -124,24 +99,20 @@ function Preview(props) {
       if (container.childNodes.length > 0) {
         container.innerHTML = '';
       }
-
       var mode = checkMode(photo);
-      var newIndex = index; // 单张
-
+      var newIndex = index;
+      // 单张
       if (mode === VIEWER) {
         newIndex = 0;
-
         var _ref = (0, _isObject["default"])(photo) ? photo : photo[0],
-            src = _ref.src,
-            alt = _ref.alt;
-
+          src = _ref.src,
+          alt = _ref.alt;
         var imgElem = document.createElement('img');
         imgElem.src = src;
         imgElem.alt = alt;
         container.appendChild(imgElem);
-      } // 多张
-
-
+      }
+      // 多张
       if (mode === GALLERY) {
         var len = photo.length - 1;
         newIndex = index < 0 ? 0 : index;
@@ -157,14 +128,12 @@ function Preview(props) {
         });
         container.appendChild(ulElem);
       }
-
       viewer.update();
       viewer.view(newIndex);
     }
   }, [visible]);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
 }
-
 Preview.propTypes = {
   photo: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),
   index: _propTypes["default"].number,

package/lib/vtx-image/Preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.js","names":["VIEWER","GALLERY","checkMode","x","mode","isObject","Array","isArray","len","length","Preview","props","useState","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","useEffect","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"sources":["vtx-image/Preview.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport Viewer from 'viewerjs';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport isObject from '../_util/isObject';\r\n\r\n// 单张\r\nconst VIEWER = 'viewer';\r\n// 多张\r\nconst GALLERY = 'gallery';\r\nfunction checkMode(x) {\r\n    let mode = '';\r\n    if (isObject(x)) {\r\n        mode = VIEWER;\r\n    }\r\n    if (Array.isArray(x)) {\r\n        const len = x.length;\r\n        mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;\r\n    }\r\n    return mode;\r\n}\r\n\r\nexport default function Preview(props) {\r\n    const [container, setContainer] = useState();\r\n    const [viewer, setViewer] = useState();\r\n    const { photo, index, visible, onClose, onIndexChange, options } = props;\r\n\r\n    // let container;\r\n    useEffect(() => {\r\n        const viewerOption = {\r\n            button: true, // 显示右上角关闭按钮\r\n            navbar: false, // 显示缩略图导航\r\n            title: true, // 显示当前图片的标题（现实 alt 属性及图片尺寸）\r\n            toolbar: true, // 是否显示工具栏\r\n            tooltip: true, // 显示缩放百分比\r\n            movable: true, // 图片是否可移动\r\n            zoomable: true, // 图片是否可缩放\r\n            rotatable: true, // 图片是否可旋转\r\n            scalable: true, // 图片是否可翻转\r\n            transition: true, // 使用 CSS3 过度\r\n            ...options,\r\n        };\r\n\r\n        const container = document.createElement('div');\r\n        const viewer = new Viewer(container, {\r\n            url(image) {\r\n                return image.src;\r\n            },\r\n            // 关闭后\r\n            hidden() {\r\n                onClose && onClose();\r\n            },\r\n            view(e) {\r\n                onIndexChange && onIndexChange(e.detail.index);\r\n            },\r\n            ...viewerOption,\r\n        });\r\n        setContainer(container);\r\n        setViewer(viewer);\r\n        return () => {\r\n            viewer && viewer.destroy();\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (visible) {\r\n            if (container.childNodes.length > 0) {\r\n                container.innerHTML = '';\r\n            }\r\n            const mode = checkMode(photo);\r\n            let newIndex = index;\r\n            // 单张\r\n            if (mode === VIEWER) {\r\n                newIndex = 0;\r\n                const { src, alt } = isObject(photo) ? photo : photo[0];\r\n                const imgElem = document.createElement('img');\r\n                imgElem.src = src;\r\n                imgElem.alt = alt;\r\n                container.appendChild(imgElem);\r\n            }\r\n            // 多张\r\n            if (mode === GALLERY) {\r\n                const len = photo.length - 1;\r\n                newIndex = index < 0 ? 0 : index;\r\n                newIndex = index > len ? len : index;\r\n                const ulElem = document.createElement('ul');\r\n                photo.map(item => {\r\n                    const liElem = document.createElement('li');\r\n                    const imgElem = document.createElement('img');\r\n                    imgElem.src = item.src;\r\n                    imgElem.alt = item.alt;\r\n                    liElem.appendChild(imgElem);\r\n                    ulElem.appendChild(liElem);\r\n                });\r\n                container.appendChild(ulElem);\r\n            }\r\n            viewer.update();\r\n            viewer.view(newIndex);\r\n        }\r\n    }, [visible]);\r\n\r\n    return <></>;\r\n}\r\n\r\nPreview.propTypes = {\r\n    photo: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n    index: PropTypes.number,\r\n    visible: PropTypes.bool,\r\n    onClose: PropTypes.func,\r\n    onIndexChange: PropTypes.func,\r\n    options: PropTypes.object,\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"Preview.js","names":["VIEWER","GALLERY","checkMode","x","mode","isObject","Array","isArray","len","length","Preview","props","useState","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","useEffect","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"sources":["vtx-image/Preview.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Viewer from 'viewerjs';\nimport PropTypes from 'prop-types';\n\nimport isObject from '../_util/isObject';\n\n// 单张\nconst VIEWER = 'viewer';\n// 多张\nconst GALLERY = 'gallery';\nfunction checkMode(x) {\n    let mode = '';\n    if (isObject(x)) {\n        mode = VIEWER;\n    }\n    if (Array.isArray(x)) {\n        const len = x.length;\n        mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;\n    }\n    return mode;\n}\n\nexport default function Preview(props) {\n    const [container, setContainer] = useState();\n    const [viewer, setViewer] = useState();\n    const { photo, index, visible, onClose, onIndexChange, options } = props;\n\n    // let container;\n    useEffect(() => {\n        const viewerOption = {\n            button: true, // 显示右上角关闭按钮\n            navbar: false, // 显示缩略图导航\n            title: true, // 显示当前图片的标题（现实 alt 属性及图片尺寸）\n            toolbar: true, // 是否显示工具栏\n            tooltip: true, // 显示缩放百分比\n            movable: true, // 图片是否可移动\n            zoomable: true, // 图片是否可缩放\n            rotatable: true, // 图片是否可旋转\n            scalable: true, // 图片是否可翻转\n            transition: true, // 使用 CSS3 过度\n            ...options,\n        };\n\n        const container = document.createElement('div');\n        const viewer = new Viewer(container, {\n            url(image) {\n                return image.src;\n            },\n            // 关闭后\n            hidden() {\n                onClose && onClose();\n            },\n            view(e) {\n                onIndexChange && onIndexChange(e.detail.index);\n            },\n            ...viewerOption,\n        });\n        setContainer(container);\n        setViewer(viewer);\n        return () => {\n            viewer && viewer.destroy();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (visible) {\n            if (container.childNodes.length > 0) {\n                container.innerHTML = '';\n            }\n            const mode = checkMode(photo);\n            let newIndex = index;\n            // 单张\n            if (mode === VIEWER) {\n                newIndex = 0;\n                const { src, alt } = isObject(photo) ? photo : photo[0];\n                const imgElem = document.createElement('img');\n                imgElem.src = src;\n                imgElem.alt = alt;\n                container.appendChild(imgElem);\n            }\n            // 多张\n            if (mode === GALLERY) {\n                const len = photo.length - 1;\n                newIndex = index < 0 ? 0 : index;\n                newIndex = index > len ? len : index;\n                const ulElem = document.createElement('ul');\n                photo.map(item => {\n                    const liElem = document.createElement('li');\n                    const imgElem = document.createElement('img');\n                    imgElem.src = item.src;\n                    imgElem.alt = item.alt;\n                    liElem.appendChild(imgElem);\n                    ulElem.appendChild(liElem);\n                });\n                container.appendChild(ulElem);\n            }\n            viewer.update();\n            viewer.view(newIndex);\n        }\n    }, [visible]);\n\n    return <></>;\n}\n\nPreview.propTypes = {\n    photo: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n    index: PropTypes.number,\n    visible: PropTypes.bool,\n    onClose: PropTypes.func,\n    onIndexChange: PropTypes.func,\n    options: PropTypes.object,\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AAAyC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEzC;AACA,IAAMA,MAAM,GAAG,QAAQ;AACvB;AACA,IAAMC,OAAO,GAAG,SAAS;AACzB,SAASC,SAAS,CAACC,CAAC,EAAE;EAClB,IAAIC,IAAI,GAAG,EAAE;EACb,IAAI,IAAAC,oBAAQ,EAACF,CAAC,CAAC,EAAE;IACbC,IAAI,GAAGJ,MAAM;EACjB;EACA,IAAIM,KAAK,CAACC,OAAO,CAACJ,CAAC,CAAC,EAAE;IAClB,IAAMK,GAAG,GAAGL,CAAC,CAACM,MAAM;IACpBL,IAAI,GAAGI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAGA,GAAG,IAAI,CAAC,GAAGR,MAAM,GAAGC,OAAO;EACtD;EACA,OAAOG,IAAI;AACf;AAEe,SAASM,OAAO,CAACC,KAAK,EAAE;EACnC,gBAAkC,IAAAC,eAAQ,GAAE;IAAA;IAArCC,SAAS;IAAEC,YAAY;EAC9B,iBAA4B,IAAAF,eAAQ,GAAE;IAAA;IAA/BG,MAAM;IAAEC,SAAS;EACxB,IAAQC,KAAK,GAAsDN,KAAK,CAAhEM,KAAK;IAAEC,KAAK,GAA+CP,KAAK,CAAzDO,KAAK;IAAEC,OAAO,GAAsCR,KAAK,CAAlDQ,OAAO;IAAEC,OAAO,GAA6BT,KAAK,CAAzCS,OAAO;IAAEC,aAAa,GAAcV,KAAK,CAAhCU,aAAa;IAAEC,OAAO,GAAKX,KAAK,CAAjBW,OAAO;;EAE9D;EACA,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAMC,YAAY;MACdC,MAAM,EAAE,IAAI;MAAE;MACdC,MAAM,EAAE,KAAK;MAAE;MACfC,KAAK,EAAE,IAAI;MAAE;MACbC,OAAO,EAAE,IAAI;MAAE;MACfC,OAAO,EAAE,IAAI;MAAE;MACfC,OAAO,EAAE,IAAI;MAAE;MACfC,QAAQ,EAAE,IAAI;MAAE;MAChBC,SAAS,EAAE,IAAI;MAAE;MACjBC,QAAQ,EAAE,IAAI;MAAE;MAChBC,UAAU,EAAE;IAAI,GACbZ,OAAO,CACb;IAED,IAAMT,SAAS,GAAGsB,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC/C,IAAMrB,MAAM,GAAG,IAAIsB,oBAAM,CAACxB,SAAS;MAC/ByB,GAAG,eAACC,KAAK,EAAE;QACP,OAAOA,KAAK,CAACC,GAAG;MACpB,CAAC;MACD;MACAC,MAAM,oBAAG;QACLrB,OAAO,IAAIA,OAAO,EAAE;MACxB,CAAC;MACDsB,IAAI,gBAACC,CAAC,EAAE;QACJtB,aAAa,IAAIA,aAAa,CAACsB,CAAC,CAACC,MAAM,CAAC1B,KAAK,CAAC;MAClD;IAAC,GACEM,YAAY,EACjB;IACFV,YAAY,CAACD,SAAS,CAAC;IACvBG,SAAS,CAACD,MAAM,CAAC;IACjB,OAAO,YAAM;MACTA,MAAM,IAAIA,MAAM,CAAC8B,OAAO,EAAE;IAC9B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAtB,gBAAS,EAAC,YAAM;IACZ,IAAIJ,OAAO,EAAE;MACT,IAAIN,SAAS,CAACiC,UAAU,CAACrC,MAAM,GAAG,CAAC,EAAE;QACjCI,SAAS,CAACkC,SAAS,GAAG,EAAE;MAC5B;MACA,IAAM3C,IAAI,GAAGF,SAAS,CAACe,KAAK,CAAC;MAC7B,IAAI+B,QAAQ,GAAG9B,KAAK;MACpB;MACA,IAAId,IAAI,KAAKJ,MAAM,EAAE;QACjBgD,QAAQ,GAAG,CAAC;QACZ,WAAqB,IAAA3C,oBAAQ,EAACY,KAAK,CAAC,GAAGA,KAAK,GAAGA,KAAK,CAAC,CAAC,CAAC;UAA/CuB,GAAG,QAAHA,GAAG;UAAES,GAAG,QAAHA,GAAG;QAChB,IAAMC,OAAO,GAAGf,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;QAC7Cc,OAAO,CAACV,GAAG,GAAGA,GAAG;QACjBU,OAAO,CAACD,GAAG,GAAGA,GAAG;QACjBpC,SAAS,CAACsC,WAAW,CAACD,OAAO,CAAC;MAClC;MACA;MACA,IAAI9C,IAAI,KAAKH,OAAO,EAAE;QAClB,IAAMO,GAAG,GAAGS,KAAK,CAACR,MAAM,GAAG,CAAC;QAC5BuC,QAAQ,GAAG9B,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGA,KAAK;QAChC8B,QAAQ,GAAG9B,KAAK,GAAGV,GAAG,GAAGA,GAAG,GAAGU,KAAK;QACpC,IAAMkC,MAAM,GAAGjB,QAAQ,CAACC,aAAa,CAAC,IAAI,CAAC;QAC3CnB,KAAK,CAACoC,GAAG,CAAC,UAAAC,IAAI,EAAI;UACd,IAAMC,MAAM,GAAGpB,QAAQ,CAACC,aAAa,CAAC,IAAI,CAAC;UAC3C,IAAMc,OAAO,GAAGf,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;UAC7Cc,OAAO,CAACV,GAAG,GAAGc,IAAI,CAACd,GAAG;UACtBU,OAAO,CAACD,GAAG,GAAGK,IAAI,CAACL,GAAG;UACtBM,MAAM,CAACJ,WAAW,CAACD,OAAO,CAAC;UAC3BE,MAAM,CAACD,WAAW,CAACI,MAAM,CAAC;QAC9B,CAAC,CAAC;QACF1C,SAAS,CAACsC,WAAW,CAACC,MAAM,CAAC;MACjC;MACArC,MAAM,CAACyC,MAAM,EAAE;MACfzC,MAAM,CAAC2B,IAAI,CAACM,QAAQ,CAAC;IACzB;EACJ,CAAC,EAAE,CAAC7B,OAAO,CAAC,CAAC;EAEb,oBAAO,iEAAK;AAChB;AAEAT,OAAO,CAAC+C,SAAS,GAAG;EAChBxC,KAAK,EAAEyC,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,KAAK,CAAC,CAAC;EAC/D3C,KAAK,EAAEwC,qBAAS,CAACI,MAAM;EACvB3C,OAAO,EAAEuC,qBAAS,CAACK,IAAI;EACvB3C,OAAO,EAAEsC,qBAAS,CAACM,IAAI;EACvB3C,aAAa,EAAEqC,qBAAS,CAACM,IAAI;EAC7B1C,OAAO,EAAEoC,qBAAS,CAACE;AACvB,CAAC"}

package/lib/vtx-image/PreviewGroup.js

@@ -1,79 +1,53 @@
 "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.context = void 0;
 exports["default"] = PreviewGroup;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Preview = _interopRequireDefault(require("./Preview"));
-
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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 context = /*#__PURE__*/_react["default"].createContext({});
-
 exports.context = context;
 var Provider = context.Provider;
-
 function PreviewGroup(props) {
   var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      photo = _useState2[0],
-      setPhoto = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    photo = _useState2[0],
+    setPhoto = _useState2[1];
   var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      current = _useState4[0],
-      setCurrent = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    current = _useState4[0],
+    setCurrent = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      visible = _useState6[0],
-      setVisible = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    visible = _useState6[0],
+    setVisible = _useState6[1];
   var onIndexChange = props.onIndexChange;
-
   var registerImage = function registerImage(_ref) {
     var src = _ref.src,
-        alt = _ref.alt,
-        id = _ref.id;
+      alt = _ref.alt,
+      id = _ref.id;
     setPhoto(function (oldPhoto) {
       var newPhoto = _toConsumableArray(oldPhoto);
-
       var index = oldPhoto.findIndex(function (item) {
         return item.id === id;
       });
-
       if (index < 0) {
         newPhoto.push({
           src: src,
@@ -87,11 +61,9 @@ function PreviewGroup(props) {
           id: id
         };
       }
-
       return newPhoto;
     });
   };
-
   return /*#__PURE__*/_react["default"].createElement(Provider, {
     value: {
       isPreviewGroup: true,
@@ -112,7 +84,6 @@ function PreviewGroup(props) {
     onIndexChange: onIndexChange
   }));
 }
-
 PreviewGroup.propTypes = {
   children: _propTypes["default"].node,
   onIndexChange: _propTypes["default"].func

package/lib/vtx-image/PreviewGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewGroup.js","names":["context","React","createContext","Provider","PreviewGroup","props","useState","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"sources":["vtx-image/PreviewGroup.jsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Preview from './Preview';\r\n\r\nexport const context = React.createContext({});\r\nconst { Provider } = context;\r\n\r\nexport default function PreviewGroup(props) {\r\n    const [photo, setPhoto] = useState([]);\r\n    const [current, setCurrent] = useState(0);\r\n    const [visible, setVisible] = useState(false);\r\n\r\n    const { onIndexChange } = props;\r\n\r\n    const registerImage = ({ src, alt, id }) => {\r\n        setPhoto(oldPhoto => {\r\n            const newPhoto = [...oldPhoto];\r\n            const index = oldPhoto.findIndex(item => item.id === id);\r\n            if (index < 0) {\r\n                newPhoto.push({ src, alt, id });\r\n            } else {\r\n                newPhoto[index] = { src, alt, id };\r\n            }\r\n            return newPhoto;\r\n        });\r\n    };\r\n\r\n    return (\r\n        <Provider\r\n            value={{\r\n                isPreviewGroup: true,\r\n                current,\r\n                setCurrent,\r\n                setShowPreview: setVisible,\r\n                registerImage,\r\n            }}\r\n        >\r\n            {props.children}\r\n            <Preview\r\n                visible={visible}\r\n                index={photo.findIndex(item => item.id === current)}\r\n                photo={photo}\r\n                onClose={() => setVisible(false)}\r\n                onIndexChange={onIndexChange}\r\n            />\r\n        </Provider>\r\n    );\r\n}\r\n\r\nPreviewGroup.propTypes = {\r\n    children: PropTypes.node,\r\n    onIndexChange: PropTypes.func,\r\n};\r\n"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAGC,iBAAA,CAAMC,aAAN,CAAoB,EAApB,CAAhB;;;AACP,IAAQC,QAAR,GAAqBH,OAArB,CAAQG,QAAR;;AAEe,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;EACxC,gBAA0B,IAAAC,eAAA,EAAS,EAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAA8B,IAAAF,eAAA,EAAS,CAAT,CAA9B;EAAA;EAAA,IAAOG,OAAP;EAAA,IAAgBC,UAAhB;;EACA,iBAA8B,IAAAJ,eAAA,EAAS,KAAT,CAA9B;EAAA;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAQC,aAAR,GAA0BR,KAA1B,CAAQQ,aAAR;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAsB;IAAA,IAAnBC,GAAmB,QAAnBA,GAAmB;IAAA,IAAdC,GAAc,QAAdA,GAAc;IAAA,IAATC,EAAS,QAATA,EAAS;IACxCT,QAAQ,CAAC,UAAAU,QAAQ,EAAI;MACjB,IAAMC,QAAQ,sBAAOD,QAAP,CAAd;;MACA,IAAME,KAAK,GAAGF,QAAQ,CAACG,SAAT,CAAmB,UAAAC,IAAI;QAAA,OAAIA,IAAI,CAACL,EAAL,KAAYA,EAAhB;MAAA,CAAvB,CAAd;;MACA,IAAIG,KAAK,GAAG,CAAZ,EAAe;QACXD,QAAQ,CAACI,IAAT,CAAc;UAAER,GAAG,EAAHA,GAAF;UAAOC,GAAG,EAAHA,GAAP;UAAYC,EAAE,EAAFA;QAAZ,CAAd;MACH,CAFD,MAEO;QACHE,QAAQ,CAACC,KAAD,CAAR,GAAkB;UAAEL,GAAG,EAAHA,GAAF;UAAOC,GAAG,EAAHA,GAAP;UAAYC,EAAE,EAAFA;QAAZ,CAAlB;MACH;;MACD,OAAOE,QAAP;IACH,CATO,CAAR;EAUH,CAXD;;EAaA,oBACI,gCAAC,QAAD;IACI,KAAK,EAAE;MACHK,cAAc,EAAE,IADb;MAEHf,OAAO,EAAPA,OAFG;MAGHC,UAAU,EAAVA,UAHG;MAIHe,cAAc,EAAEb,UAJb;MAKHE,aAAa,EAAbA;IALG;EADX,GASKT,KAAK,CAACqB,QATX,eAUI,gCAAC,mBAAD;IACI,OAAO,EAAEf,OADb;IAEI,KAAK,EAAEJ,KAAK,CAACc,SAAN,CAAgB,UAAAC,IAAI;MAAA,OAAIA,IAAI,CAACL,EAAL,KAAYR,OAAhB;IAAA,CAApB,CAFX;IAGI,KAAK,EAAEF,KAHX;IAII,OAAO,EAAE;MAAA,OAAMK,UAAU,CAAC,KAAD,CAAhB;IAAA,CAJb;IAKI,aAAa,EAAEC;EALnB,EAVJ,CADJ;AAoBH;;AAEDT,YAAY,CAACuB,SAAb,GAAyB;EACrBD,QAAQ,EAAEE,qBAAA,CAAUC,IADC;EAErBhB,aAAa,EAAEe,qBAAA,CAAUE;AAFJ,CAAzB"}
+{"version":3,"file":"PreviewGroup.js","names":["context","React","createContext","Provider","PreviewGroup","props","useState","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"sources":["vtx-image/PreviewGroup.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Preview from './Preview';\n\nexport const context = React.createContext({});\nconst { Provider } = context;\n\nexport default function PreviewGroup(props) {\n    const [photo, setPhoto] = useState([]);\n    const [current, setCurrent] = useState(0);\n    const [visible, setVisible] = useState(false);\n\n    const { onIndexChange } = props;\n\n    const registerImage = ({ src, alt, id }) => {\n        setPhoto(oldPhoto => {\n            const newPhoto = [...oldPhoto];\n            const index = oldPhoto.findIndex(item => item.id === id);\n            if (index < 0) {\n                newPhoto.push({ src, alt, id });\n            } else {\n                newPhoto[index] = { src, alt, id };\n            }\n            return newPhoto;\n        });\n    };\n\n    return (\n        <Provider\n            value={{\n                isPreviewGroup: true,\n                current,\n                setCurrent,\n                setShowPreview: setVisible,\n                registerImage,\n            }}\n        >\n            {props.children}\n            <Preview\n                visible={visible}\n                index={photo.findIndex(item => item.id === current)}\n                photo={photo}\n                onClose={() => setVisible(false)}\n                onIndexChange={onIndexChange}\n            />\n        </Provider>\n    );\n}\n\nPreviewGroup.propTypes = {\n    children: PropTypes.node,\n    onIndexChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEzB,IAAMA,OAAO,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;AAAC;AAC/C,IAAQC,QAAQ,GAAKH,OAAO,CAApBG,QAAQ;AAED,SAASC,YAAY,CAACC,KAAK,EAAE;EACxC,gBAA0B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAA;IAA/BC,KAAK;IAAEC,QAAQ;EACtB,iBAA8B,IAAAF,eAAQ,EAAC,CAAC,CAAC;IAAA;IAAlCG,OAAO;IAAEC,UAAU;EAC1B,iBAA8B,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAA;IAAtCK,OAAO;IAAEC,UAAU;EAE1B,IAAQC,aAAa,GAAKR,KAAK,CAAvBQ,aAAa;EAErB,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAAyB;IAAA,IAAnBC,GAAG,QAAHA,GAAG;MAAEC,GAAG,QAAHA,GAAG;MAAEC,EAAE,QAAFA,EAAE;IACjCT,QAAQ,CAAC,UAAAU,QAAQ,EAAI;MACjB,IAAMC,QAAQ,sBAAOD,QAAQ,CAAC;MAC9B,IAAME,KAAK,GAAGF,QAAQ,CAACG,SAAS,CAAC,UAAAC,IAAI;QAAA,OAAIA,IAAI,CAACL,EAAE,KAAKA,EAAE;MAAA,EAAC;MACxD,IAAIG,KAAK,GAAG,CAAC,EAAE;QACXD,QAAQ,CAACI,IAAI,CAAC;UAAER,GAAG,EAAHA,GAAG;UAAEC,GAAG,EAAHA,GAAG;UAAEC,EAAE,EAAFA;QAAG,CAAC,CAAC;MACnC,CAAC,MAAM;QACHE,QAAQ,CAACC,KAAK,CAAC,GAAG;UAAEL,GAAG,EAAHA,GAAG;UAAEC,GAAG,EAAHA,GAAG;UAAEC,EAAE,EAAFA;QAAG,CAAC;MACtC;MACA,OAAOE,QAAQ;IACnB,CAAC,CAAC;EACN,CAAC;EAED,oBACI,gCAAC,QAAQ;IACL,KAAK,EAAE;MACHK,cAAc,EAAE,IAAI;MACpBf,OAAO,EAAPA,OAAO;MACPC,UAAU,EAAVA,UAAU;MACVe,cAAc,EAAEb,UAAU;MAC1BE,aAAa,EAAbA;IACJ;EAAE,GAEDT,KAAK,CAACqB,QAAQ,eACf,gCAAC,mBAAO;IACJ,OAAO,EAAEf,OAAQ;IACjB,KAAK,EAAEJ,KAAK,CAACc,SAAS,CAAC,UAAAC,IAAI;MAAA,OAAIA,IAAI,CAACL,EAAE,KAAKR,OAAO;IAAA,EAAE;IACpD,KAAK,EAAEF,KAAM;IACb,OAAO,EAAE;MAAA,OAAMK,UAAU,CAAC,KAAK,CAAC;IAAA,CAAC;IACjC,aAAa,EAAEC;EAAc,EAC/B,CACK;AAEnB;AAEAT,YAAY,CAACuB,SAAS,GAAG;EACrBD,QAAQ,EAAEE,qBAAS,CAACC,IAAI;EACxBhB,aAAa,EAAEe,qBAAS,CAACE;AAC7B,CAAC"}

package/lib/vtx-image/index.js

@@ -1,15 +1,12 @@
 "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
 });
 var _exportNames = {};
 exports["default"] = void 0;
-
 var _Image = _interopRequireWildcard(require("./Image"));
-
 Object.keys(_Image).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -21,11 +18,8 @@ Object.keys(_Image).forEach(function (key) {
     }
   });
 });
-
 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; }
-
 var _default = _Image["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/vtx-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Image"],"sources":["vtx-image/index.jsx"],"sourcesContent":["import Image from './Image';\r\n\r\nexport * from './Image';\r\nexport default Image;\r\n"],"mappings":";;;;;;;;;;AAAA;;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;;;;;eACeA,iB"}
+{"version":3,"file":"index.js","names":["Image"],"sources":["vtx-image/index.jsx"],"sourcesContent":["import Image from './Image';\n\nexport * from './Image';\nexport default Image;\n"],"mappings":";;;;;;;;AAAA;AAEA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAAwB;AAAA;AAAA,eACTA,iBAAK;AAAA"}

package/lib/vtx-image/style/css.js

@@ -1,6 +1,5 @@
 "use strict";
 
 require("./index.css");
-
 require("viewerjs/dist/viewer.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-image/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-image/style/index.js"],"sourcesContent":["import './index.less';\r\nimport 'viewerjs/dist/viewer.css';\r\n"],"mappings":";;AAAA;;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-image/style/index.js"],"sourcesContent":["import './index.less';\nimport 'viewerjs/dist/viewer.css';\n"],"mappings":";;AAAA;AACA"}

package/lib/vtx-image/style/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
 require("./index.less");
-
 require("viewerjs/dist/viewer.css");
 //# sourceMappingURL=index.js.map

package/lib/vtx-image/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-image/style/index.js"],"sourcesContent":["import './index.less';\r\nimport 'viewerjs/dist/viewer.css';\r\n"],"mappings":";;AAAA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-image/style/index.js"],"sourcesContent":["import './index.less';\nimport 'viewerjs/dist/viewer.css';\n"],"mappings":";;AAAA;AACA"}

package/lib/vtx-image/style/index.less

@@ -1,63 +1,63 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@prefix-cls: vtx-image;
-@min-height: 36px;
-@aspectFit-background: #595959;
-
-.center {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translate(-50%, -50%);
-    -o-transform: translate(-50%, -50%);
-    -moz-transform: translate(-50%, -50%);
-    -webkit-transform: translate(-50%, -50%);
-    transform: translate(-50%, -50%);
-}
-
-.@{prefix-cls} {
-    &-aspectFit {
-        position: relative;
-        height: 100%;
-        min-height: @min-height;
-        background: @aspectFit-background;
-        img {
-            .center();
-            max-width: 100%;
-            max-height: 100%;
-        }
-    }
-    &-preview {
-        img {
-            cursor: pointer;
-        }
-    }
-    &-nodata,
-    &-error {
-        position: relative;
-        height: 100%;
-        min-height: @min-height;
-        background: @table-expanded-row-bg;
-        border: @border-width-base @border-style-base @border-color-split;
-        cursor: default;
-        p {
-            .center();
-            color: @text-color-secondary;
-        }
-    }
-}
-.@{prefix-cls} when(@theme=dark) {
-    &-nodata,
-    &-error {
-        position: relative;
-        height: 100%;
-        min-height: @min-height;
-        background: @aspectFit-background;
-        border: @border-width-base @border-style-base @border-color-split;
-        cursor: default;
-        p {
-            .center();
-            color: @text-color-secondary;
-        }
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+@prefix-cls: vtx-image;
+@min-height: 36px;
+@aspectFit-background: #595959;
+
+.center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+
+.@{prefix-cls} {
+    &-aspectFit {
+        position: relative;
+        height: 100%;
+        min-height: @min-height;
+        background: @aspectFit-background;
+        img {
+            .center();
+            max-width: 100%;
+            max-height: 100%;
+        }
+    }
+    &-preview {
+        img {
+            cursor: pointer;
+        }
+    }
+    &-nodata,
+    &-error {
+        position: relative;
+        height: 100%;
+        min-height: @min-height;
+        background: @table-expanded-row-bg;
+        border: @border-width-base @border-style-base @border-color-split;
+        cursor: default;
+        p {
+            .center();
+            color: @text-color-secondary;
+        }
+    }
+}
+.@{prefix-cls} when(@theme=dark) {
+    &-nodata,
+    &-error {
+        position: relative;
+        height: 100%;
+        min-height: @min-height;
+        background: @aspectFit-background;
+        border: @border-width-base @border-style-base @border-color-split;
+        cursor: default;
+        p {
+            .center();
+            color: @text-color-secondary;
+        }
+    }
+}