@vtx/components 2.5.13 → 2.5.15

package/lib/vtx-image/PreviewGroup.js

@@ -1,53 +1,79 @@
 "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,
@@ -61,9 +87,11 @@ function PreviewGroup(props) {
           id: id
         };
       }
+
       return newPhoto;
     });
   };
+
   return /*#__PURE__*/_react["default"].createElement(Provider, {
     value: {
       isPreviewGroup: true,
@@ -84,6 +112,7 @@ 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';\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            let 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,IAAIC,QAAQ,sBAAOD,QAAQ,CAAC;MAC5B,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"}
+{"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            let 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,IAAIC,QAAQ,sBAAOD,QAAP,CAAZ;;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"}

package/lib/vtx-image/index.js

@@ -1,12 +1,15 @@
 "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;
@@ -18,8 +21,11 @@ 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';\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"}
+{"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;;;;;;eACeA,iB"}

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

@@ -1,5 +1,6 @@
 "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';\nimport 'viewerjs/dist/viewer.css';\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,5 +1,6 @@
 "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';\nimport 'viewerjs/dist/viewer.css';\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,46 +1,46 @@
-@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: #fbfbfb;
-        border: 1px solid #e9e9e9;
-        cursor: default;
-        p {
-            .center();
-            color: #e9e9e9;
-        }
-    }
-}
+@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: #fbfbfb;
+        border: 1px solid #e9e9e9;
+        cursor: default;
+        p {
+            .center();
+            color: #e9e9e9;
+        }
+    }
+}

package/lib/vtx-import/index.js

@@ -4,73 +4,98 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _modal = _interopRequireDefault(require("antd/lib/modal"));
+
 var _button = _interopRequireDefault(require("antd/lib/button"));
+
 var _message = _interopRequireDefault(require("antd/lib/message"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
+
 var _result = _interopRequireDefault(require("./result"));
+
 var _getUrlParam2 = _interopRequireDefault(require("@vtx/utils/lib/getUrlParam"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 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 _getUrlParam = (0, _getUrlParam2["default"])(),
-  token = _getUrlParam.token;
+    token = _getUrlParam.token;
+
 function VtxImport(props) {
   var _useSet = (0, _useSet3["default"])({
-      fileForm: null,
-      // form表单
-      fileInput: null,
-      // 保存上传的文件
-      iframe: null,
-      // form表单提交之后跳转的
-      useFormData: window.FormData ? true : false,
-      // 是否查看
-      uploading: false,
-      //表单提交的状态
-      visible: props.visible || false,
-      fileKey: props.fileKey || 'file',
-      accept: props.accept || 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',
-      resultVisible: false,
-      //导入结果查看弹窗
-      resultData: [],
-      //导入结果查看
-      modalWidth: props.modalWidth || 800,
-      columns: props.columns || [{
-        title: '行号',
-        dataIndex: 'lineNum',
-        key: 'lineNum'
-      }, {
-        title: '错误说明',
-        dataIndex: 'messages',
-        key: 'messages'
-      }]
-    }),
-    _useSet2 = _slicedToArray(_useSet, 2),
-    state = _useSet2[0],
-    setState = _useSet2[1];
-  // 获取上传地址（拼接参数）
+    fileForm: null,
+    // form表单
+    fileInput: null,
+    // 保存上传的文件
+    iframe: null,
+    // form表单提交之后跳转的
+    useFormData: window.FormData ? true : false,
+    // 是否查看
+    uploading: false,
+    //表单提交的状态
+    visible: props.visible || false,
+    fileKey: props.fileKey || 'file',
+    accept: props.accept || 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',
+    resultVisible: false,
+    //导入结果查看弹窗
+    resultData: [],
+    //导入结果查看
+    modalWidth: props.modalWidth || 800,
+    columns: props.columns || [{
+      title: '行号',
+      dataIndex: 'lineNum',
+      key: 'lineNum'
+    }, {
+      title: '错误说明',
+      dataIndex: 'messages',
+      key: 'messages'
+    }]
+  }),
+      _useSet2 = _slicedToArray(_useSet, 2),
+      state = _useSet2[0],
+      setState = _useSet2[1]; // 获取上传地址（拼接参数）
+
+
   var getPostURL = function getPostURL() {
     var postUrl = props.uploadURL;
     var postData = props.postData || {};
     var postArray = [];
+
     for (var k in postData) {
       if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {
         postArray.push("".concat(k, "=").concat(encodeURIComponent(postData[k])));
       }
     }
+
     return postArray.length > 0 ? "".concat(postUrl, "?").concat(postArray.join('&')) : postUrl;
   };
+
   var closeModal = function closeModal() {
     state.fileInput.value = '';
+
     if (typeof props.close === 'function') {
       props.close();
     } else {
@@ -78,17 +103,21 @@ function VtxImport(props) {
         visible: !state.visible
       });
     }
-  };
-  // 上传之后的回调 - 展示报错信息
+  }; // 上传之后的回调 - 展示报错信息
+
+
   var uploadSuccess = function uploadSuccess(data) {
     state.fileInput.value = '';
     setState({
       uploading: false
     });
+
     if (typeof props.afterUpload === 'function') {
       afterUpload(data);
     }
+
     var parseData = JSON.parse(data);
+
     if (Array.isArray(parseData === null || parseData === void 0 ? void 0 : parseData.data)) {
       setState({
         resultVisible: true,
@@ -103,9 +132,10 @@ function VtxImport(props) {
       });
     }
   };
+
   var templateURL = props.templateURL,
-    uploadURL = props.uploadURL,
-    afterUpload = props.afterUpload;
+      uploadURL = props.uploadURL,
+      afterUpload = props.afterUpload;
   var modalProps = {
     bodyStyle: {
       backgroundColor: '#f8f8f8'
@@ -127,19 +157,23 @@ function VtxImport(props) {
       loading: state.uploading,
       onClick: function onClick() {
         var postUrl = getPostURL();
+
         if (state.fileInput.value) {
           setState({
             uploading: true
           });
+
           if (state.useFormData) {
             var request = new XMLHttpRequest();
             request.open('POST', postUrl);
             request.setRequestHeader('Authorization', token ? "Bear ".concat(token) : '');
+
             request.onreadystatechange = function (e) {
               if (e.target.readyState == 4) {
                 uploadSuccess(e.target.response);
               }
             };
+
             var fmd = new FormData();
             fmd.append(state.fileKey, state.fileInput.files[0]);
             request.send(fmd);
@@ -191,6 +225,7 @@ function VtxImport(props) {
     }
   }), state.resultVisible && /*#__PURE__*/_react["default"].createElement(_result["default"], resultProps));
 }
+
 VtxImport.propTypes = {
   visible: _propTypes["default"].bool,
   templateURL: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrlParam","token","VtxImport","props","useSet","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","message","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"sources":["vtx-import/index.jsx"],"sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxImportResult from './result';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\nconst { token } = getUrlParam();\nfunction VtxImport(props) {\n    const [state, setState] = useSet({\n        fileForm: null, // form表单\n        fileInput: null, // 保存上传的文件\n        iframe: null, // form表单提交之后跳转的\n        useFormData: window.FormData ? true : false, // 是否查看\n        uploading: false, //表单提交的状态\n        visible: props.visible || false,\n        fileKey: props.fileKey || 'file',\n        accept:\n            props.accept ||\n            'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n        resultVisible: false, //导入结果查看弹窗\n        resultData: [], //导入结果查看\n        modalWidth: props.modalWidth || 800,\n        columns: props.columns || [\n            {\n                title: '行号',\n                dataIndex: 'lineNum',\n                key: 'lineNum',\n            },\n            {\n                title: '错误说明',\n                dataIndex: 'messages',\n                key: 'messages',\n            },\n        ],\n    });\n    // 获取上传地址（拼接参数）\n    const getPostURL = () => {\n        let postUrl = props.uploadURL;\n        let postData = props.postData || {};\n        let postArray = [];\n        for (let k in postData) {\n            if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\n                postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\n            }\n        }\n        return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\n    };\n    const closeModal = () => {\n        state.fileInput.value = '';\n        if (typeof props.close === 'function') {\n            props.close();\n        } else {\n            setState({\n                visible: !state.visible,\n            });\n        }\n    };\n    // 上传之后的回调 - 展示报错信息\n    const uploadSuccess = data => {\n        state.fileInput.value = '';\n        setState({\n            uploading: false,\n        });\n        if (typeof props.afterUpload === 'function') {\n            afterUpload(data);\n        }\n        let parseData = JSON.parse(data);\n        if (Array.isArray(parseData?.data)) {\n            setState({\n                resultVisible: true,\n                resultData: parseData.data\n                    .map((item, index) => ({\n                        ...item,\n                        key: index,\n                        messages: item.messages.join(','),\n                    }))\n                    .filter(item => item.messages.length !== 0),\n            });\n        }\n    };\n    const { templateURL, uploadURL, afterUpload } = props;\n    const modalProps = {\n        bodyStyle: {\n            backgroundColor: '#f8f8f8',\n        },\n        visible: state.visible,\n        title: '导入',\n        onCancel: () => closeModal(),\n        maskClosable: false,\n        footer: [\n            templateURL ? (\n                <Button\n                    key=\"downloadTemple\"\n                    onClick={() => {\n                        window.open(templateURL);\n                    }}\n                >\n                    下载模板\n                </Button>\n            ) : null,\n            <Button\n                key=\"uploadSubmit\"\n                type=\"primary\"\n                loading={state.uploading}\n                onClick={() => {\n                    let postUrl = getPostURL();\n                    if (state.fileInput.value) {\n                        setState({\n                            uploading: true,\n                        });\n                        if (state.useFormData) {\n                            let request = new XMLHttpRequest();\n                            request.open('POST', postUrl);\n                            request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n                            request.onreadystatechange = e => {\n                                if (e.target.readyState == 4) {\n                                    uploadSuccess(e.target.response);\n                                }\n                            };\n                            let fmd = new FormData();\n                            fmd.append(state.fileKey, state.fileInput.files[0]);\n                            request.send(fmd);\n                        }\n                    } else {\n                        message.info('请选择需要上传的文件');\n                    }\n                }}\n            >\n                上传\n            </Button>,\n            <Button\n                key=\"closeWindow\"\n                onClick={() => {\n                    closeModal();\n                }}\n            >\n                关闭\n            </Button>,\n        ],\n    };\n    const resultProps = {\n        visible: state.resultVisible,\n        dataSource: state.resultData,\n        columns: state.columns,\n        hideVisible: () => {\n            setState({\n                resultVisible: false,\n            });\n        },\n        modalWidth: state.modalWidth,\n    };\n    return (\n        <Modal {...modalProps}>\n            {props.children}\n            <form\n                encType=\"multipart/form-data\"\n                method=\"post\"\n                target=\"tmp\"\n                action={uploadURL}\n                ref={dom => {\n                    if (dom) state.fileForm = dom;\n                }}\n            >\n                <input\n                    type=\"file\"\n                    name={state.fileKey}\n                    accept={state.accept}\n                    ref={dom => {\n                        if (dom) state.fileInput = dom;\n                    }}\n                />\n            </form>\n            <iframe\n                name=\"tmp\"\n                style={{ display: 'none' }}\n                ref={dom => {\n                    if (dom) state.iframe = dom;\n                }}\n            ></iframe>\n            {state.resultVisible && <VtxImportResult {...resultProps} />}\n        </Modal>\n    );\n}\nVtxImport.propTypes = {\n    visible: PropTypes.bool,\n    templateURL: PropTypes.string,\n    uploadURL: PropTypes.string,\n    postData: PropTypes.object,\n    fileKey: PropTypes.string,\n    accept: PropTypes.string,\n    close: PropTypes.func,\n    afterUpload: PropTypes.func,\n    modalWidth: PropTypes.number,\n    columns: PropTypes.array,\n    children: PropTypes.object,\n};\nexport default VtxImport;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getUrlParam","token","VtxImport","props","useSet","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","message","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"sources":["vtx-import/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport Modal from 'antd/lib/modal';\r\nimport Button from 'antd/lib/button';\r\nimport message from 'antd/lib/message';\r\nimport PropTypes from 'prop-types';\r\nimport useSet from '../_util/useSet';\r\nimport VtxImportResult from './result';\r\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\r\nconst { token } = getUrlParam();\r\nfunction VtxImport(props) {\r\n    const [state, setState] = useSet({\r\n        fileForm: null, // form表单\r\n        fileInput: null, // 保存上传的文件\r\n        iframe: null, // form表单提交之后跳转的\r\n        useFormData: window.FormData ? true : false, // 是否查看\r\n        uploading: false, //表单提交的状态\r\n        visible: props.visible || false,\r\n        fileKey: props.fileKey || 'file',\r\n        accept:\r\n            props.accept ||\r\n            'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\r\n        resultVisible: false, //导入结果查看弹窗\r\n        resultData: [], //导入结果查看\r\n        modalWidth: props.modalWidth || 800,\r\n        columns: props.columns || [\r\n            {\r\n                title: '行号',\r\n                dataIndex: 'lineNum',\r\n                key: 'lineNum',\r\n            },\r\n            {\r\n                title: '错误说明',\r\n                dataIndex: 'messages',\r\n                key: 'messages',\r\n            },\r\n        ],\r\n    });\r\n    // 获取上传地址（拼接参数）\r\n    const getPostURL = () => {\r\n        let postUrl = props.uploadURL;\r\n        let postData = props.postData || {};\r\n        let postArray = [];\r\n        for (let k in postData) {\r\n            if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\r\n                postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\r\n            }\r\n        }\r\n        return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\r\n    };\r\n    const closeModal = () => {\r\n        state.fileInput.value = '';\r\n        if (typeof props.close === 'function') {\r\n            props.close();\r\n        } else {\r\n            setState({\r\n                visible: !state.visible,\r\n            });\r\n        }\r\n    };\r\n    // 上传之后的回调 - 展示报错信息\r\n    const uploadSuccess = data => {\r\n        state.fileInput.value = '';\r\n        setState({\r\n            uploading: false,\r\n        });\r\n        if (typeof props.afterUpload === 'function') {\r\n            afterUpload(data);\r\n        }\r\n        let parseData = JSON.parse(data);\r\n        if (Array.isArray(parseData?.data)) {\r\n            setState({\r\n                resultVisible: true,\r\n                resultData: parseData.data\r\n                    .map((item, index) => ({\r\n                        ...item,\r\n                        key: index,\r\n                        messages: item.messages.join(','),\r\n                    }))\r\n                    .filter(item => item.messages.length !== 0),\r\n            });\r\n        }\r\n    };\r\n    const { templateURL, uploadURL, afterUpload } = props;\r\n    const modalProps = {\r\n        bodyStyle: {\r\n            backgroundColor: '#f8f8f8',\r\n        },\r\n        visible: state.visible,\r\n        title: '导入',\r\n        onCancel: () => closeModal(),\r\n        maskClosable: false,\r\n        footer: [\r\n            templateURL ? (\r\n                <Button\r\n                    key=\"downloadTemple\"\r\n                    onClick={() => {\r\n                        window.open(templateURL);\r\n                    }}\r\n                >\r\n                    下载模板\r\n                </Button>\r\n            ) : null,\r\n            <Button\r\n                key=\"uploadSubmit\"\r\n                type=\"primary\"\r\n                loading={state.uploading}\r\n                onClick={() => {\r\n                    let postUrl = getPostURL();\r\n                    if (state.fileInput.value) {\r\n                        setState({\r\n                            uploading: true,\r\n                        });\r\n                        if (state.useFormData) {\r\n                            let request = new XMLHttpRequest();\r\n                            request.open('POST', postUrl);\r\n                            request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\r\n                            request.onreadystatechange = e => {\r\n                                if (e.target.readyState == 4) {\r\n                                    uploadSuccess(e.target.response);\r\n                                }\r\n                            };\r\n                            let fmd = new FormData();\r\n                            fmd.append(state.fileKey, state.fileInput.files[0]);\r\n                            request.send(fmd);\r\n                        }\r\n                    } else {\r\n                        message.info('请选择需要上传的文件');\r\n                    }\r\n                }}\r\n            >\r\n                上传\r\n            </Button>,\r\n            <Button\r\n                key=\"closeWindow\"\r\n                onClick={() => {\r\n                    closeModal();\r\n                }}\r\n            >\r\n                关闭\r\n            </Button>,\r\n        ],\r\n    };\r\n    const resultProps = {\r\n        visible: state.resultVisible,\r\n        dataSource: state.resultData,\r\n        columns: state.columns,\r\n        hideVisible: () => {\r\n            setState({\r\n                resultVisible: false,\r\n            });\r\n        },\r\n        modalWidth: state.modalWidth,\r\n    };\r\n    return (\r\n        <Modal {...modalProps}>\r\n            {props.children}\r\n            <form\r\n                encType=\"multipart/form-data\"\r\n                method=\"post\"\r\n                target=\"tmp\"\r\n                action={uploadURL}\r\n                ref={dom => {\r\n                    if (dom) state.fileForm = dom;\r\n                }}\r\n            >\r\n                <input\r\n                    type=\"file\"\r\n                    name={state.fileKey}\r\n                    accept={state.accept}\r\n                    ref={dom => {\r\n                        if (dom) state.fileInput = dom;\r\n                    }}\r\n                />\r\n            </form>\r\n            <iframe\r\n                name=\"tmp\"\r\n                style={{ display: 'none' }}\r\n                ref={dom => {\r\n                    if (dom) state.iframe = dom;\r\n                }}\r\n            ></iframe>\r\n            {state.resultVisible && <VtxImportResult {...resultProps} />}\r\n        </Modal>\r\n    );\r\n}\r\nVtxImport.propTypes = {\r\n    visible: PropTypes.bool,\r\n    templateURL: PropTypes.string,\r\n    uploadURL: PropTypes.string,\r\n    postData: PropTypes.object,\r\n    fileKey: PropTypes.string,\r\n    accept: PropTypes.string,\r\n    close: PropTypes.func,\r\n    afterUpload: PropTypes.func,\r\n    modalWidth: PropTypes.number,\r\n    columns: PropTypes.array,\r\n    children: PropTypes.object,\r\n};\r\nexport default VtxImport;\r\n"],"mappings":"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"}

package/lib/vtx-import/result.js

@@ -4,29 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _modal = _interopRequireDefault(require("antd/lib/modal"));
+
 var _button = _interopRequireDefault(require("antd/lib/button"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
+
 var _vtxDatagrid = _interopRequireDefault(require("../vtx-datagrid"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function VtxImportResult(props) {
   var _useSet = (0, _useSet3["default"])({
-      visible: props.visible || false,
-      dataSource: props.dataSource || [],
-      columns: props.columns,
-      modalWidth: props.modalWidth
-    }),
-    _useSet2 = _slicedToArray(_useSet, 1),
-    state = _useSet2[0];
+    visible: props.visible || false,
+    dataSource: props.dataSource || [],
+    columns: props.columns,
+    modalWidth: props.modalWidth
+  }),
+      _useSet2 = _slicedToArray(_useSet, 1),
+      state = _useSet2[0];
+
   var modalProps = {
     bodyStyle: {
       backgroundColor: '#f8f8f8'
@@ -68,6 +84,7 @@ function VtxImportResult(props) {
     toolbar: false
   }, newTableProps))));
 }
+
 VtxImportResult.propTypes = {
   visible: _propTypes["default"].bool,
   dataSource: _propTypes["default"].array,