@vtx/components 3.1.30 → 3.1.32

package/lib/vtx-image/Image.js

@@ -1,86 +1,112 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames2 = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Preview = _interopRequireDefault(require("./Preview"));
+
 var _PreviewGroup = _interopRequireWildcard(require("./PreviewGroup"));
+
 var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var defaultEmptyImageSrc = '';
 var defaultErrorImageSrc = '';
 var defaultEmptyText = '暂无图片';
 var defaultErrorText = '图片出错';
 var uuid = 0;
+
 function VtxImage(props) {
   var _React$useState = _react["default"].useState(function () {
-      uuid += 1;
-      return uuid;
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 1),
-    currentId = _React$useState2[0];
+    uuid += 1;
+    return uuid;
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      currentId = _React$useState2[0];
+
   var _useSet = (0, _useSet3["default"])({
-      isError: false,
-      // 图片是否加载失败
-      isEmptyImageError: false,
-      // 空白图片是否加载失败
-      isErrorImageError: false,
-      // 报错图片是否加载失败
-      viewerVisible: false,
-      // 是否查看
-      visible: false,
-      photo: undefined
-    }),
-    _useSet2 = _slicedToArray(_useSet, 2),
-    state = _useSet2[0],
-    setState = _useSet2[1];
+    isError: false,
+    // 图片是否加载失败
+    isEmptyImageError: false,
+    // 空白图片是否加载失败
+    isErrorImageError: false,
+    // 报错图片是否加载失败
+    viewerVisible: false,
+    // 是否查看
+    visible: false,
+    photo: undefined
+  }),
+      _useSet2 = _slicedToArray(_useSet, 2),
+      state = _useSet2[0],
+      setState = _useSet2[1];
+
   var isError = state.isError,
-    isEmptyImageError = state.isEmptyImageError,
-    isErrorImageError = state.isErrorImageError,
-    visible = state.visible,
-    photo = state.photo;
+      isEmptyImageError = state.isEmptyImageError,
+      isErrorImageError = state.isErrorImageError,
+      visible = state.visible,
+      photo = state.photo;
   var _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'vtx-image' : _props$prefixCls,
-    _props$preview = props.preview,
-    preview = _props$preview === void 0 ? true : _props$preview,
-    className = props.className,
-    style = props.style,
-    src = props.src,
-    thumb = props.thumb,
-    alt = props.alt,
-    _props$emptyImageSrc = props.emptyImageSrc,
-    emptyImageSrc = _props$emptyImageSrc === void 0 ? defaultEmptyImageSrc : _props$emptyImageSrc,
-    _props$errorImageSrc = props.errorImageSrc,
-    errorImageSrc = _props$errorImageSrc === void 0 ? defaultErrorImageSrc : _props$errorImageSrc,
-    _props$emptyText = props.emptyText,
-    emptyText = _props$emptyText === void 0 ? defaultEmptyText : _props$emptyText,
-    _props$errorText = props.errorText,
-    errorText = _props$errorText === void 0 ? defaultErrorText : _props$errorText,
-    _onClick = props.onClick,
-    aspectFit = props.aspectFit;
+      prefixCls = _props$prefixCls === void 0 ? 'vtx-image' : _props$prefixCls,
+      _props$preview = props.preview,
+      preview = _props$preview === void 0 ? true : _props$preview,
+      className = props.className,
+      style = props.style,
+      src = props.src,
+      thumb = props.thumb,
+      alt = props.alt,
+      _props$emptyImageSrc = props.emptyImageSrc,
+      emptyImageSrc = _props$emptyImageSrc === void 0 ? defaultEmptyImageSrc : _props$emptyImageSrc,
+      _props$errorImageSrc = props.errorImageSrc,
+      errorImageSrc = _props$errorImageSrc === void 0 ? defaultErrorImageSrc : _props$errorImageSrc,
+      _props$emptyText = props.emptyText,
+      emptyText = _props$emptyText === void 0 ? defaultEmptyText : _props$emptyText,
+      _props$errorText = props.errorText,
+      errorText = _props$errorText === void 0 ? defaultErrorText : _props$errorText,
+      _onClick = props.onClick,
+      aspectFit = props.aspectFit,
+      _props$isDark = props.isDark,
+      isDark = _props$isDark === void 0 ? false : _props$isDark;
+
   var _useContext = (0, _react.useContext)(_PreviewGroup.context),
-    isPreviewGroup = _useContext.isPreviewGroup,
-    setCurrent = _useContext.setCurrent,
-    setGroupShowPreview = _useContext.setShowPreview,
-    registerImage = _useContext.registerImage;
+      isPreviewGroup = _useContext.isPreviewGroup,
+      setCurrent = _useContext.setCurrent,
+      setGroupShowPreview = _useContext.setShowPreview,
+      registerImage = _useContext.registerImage;
+
   (0, _react.useEffect)(function () {
     setState({
       isError: false
     });
+
     if (isPreviewGroup && preview) {
       registerImage({
         id: currentId,
@@ -88,9 +114,8 @@ function VtxImage(props) {
         alt: alt
       });
     }
-  }, [src]);
+  }, [src]); // 图片props属性
 
-  // 图片props属性
   var imgProps = {
     src: thumb || src,
     className: className,
@@ -100,7 +125,9 @@ function VtxImage(props) {
       if (!src || isError) {
         return null;
       }
+
       _onClick && _onClick();
+
       if (preview) {
         if (isPreviewGroup) {
           setCurrent(currentId);
@@ -121,13 +148,13 @@ function VtxImage(props) {
         isError: true
       });
     }
-  };
+  }; // 无图片
 
-  // 无图片
   if (!src) {
     // 有替代图片
     if (emptyImageSrc && !isEmptyImageError) {
       imgProps.src = emptyImageSrc;
+
       imgProps.onError = function () {
         setState({
           isEmptyImageError: true
@@ -136,17 +163,18 @@ function VtxImage(props) {
     } else {
       // 没有替代图片或替代图片无法加载
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "-nodata"),
+        className: "".concat(prefixCls, "-nodata").concat(isDark ? '-dark' : ''),
         style: style
       }, /*#__PURE__*/_react["default"].createElement("p", null, emptyText));
     }
-  }
+  } // 图片出错
+
 
-  // 图片出错
   if (isError) {
     if (errorImageSrc && !isErrorImageError) {
       imgProps['data-error-img'] = src;
       imgProps.src = errorImageSrc;
+
       imgProps.onError = function () {
         setState({
           isErrorImageError: true
@@ -155,19 +183,22 @@ function VtxImage(props) {
     } else {
       // 无法加载报错图片
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "-error"),
+        className: "".concat(prefixCls, "-error").concat(isDark ? '-dark' : ''),
         "data-error-img": src,
         style: style
       }, /*#__PURE__*/_react["default"].createElement("p", null, errorText));
     }
   }
-  var imgRender = /*#__PURE__*/_react["default"].createElement("img", imgProps);
-  // 缩放
+
+  var imgRender = /*#__PURE__*/_react["default"].createElement("img", imgProps); // 缩放
+
+
   if (src && !isError && aspectFit) {
     imgRender = /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames2["default"])("".concat(prefixCls, "-aspectFit"), _defineProperty({}, "".concat(prefixCls, "-preview"), preview))
     }, /*#__PURE__*/_react["default"].createElement("img", imgProps));
   }
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, imgRender, !isPreviewGroup && preview && /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
     visible: visible,
     photo: photo,
@@ -178,6 +209,7 @@ function VtxImage(props) {
     }
   }));
 }
+
 VtxImage.propTypes = {
   prefixCls: _propTypes["default"].string,
   className: _propTypes["default"].string,
@@ -191,27 +223,34 @@ VtxImage.propTypes = {
   emptyText: _propTypes["default"].string,
   errorText: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  aspectFit: _propTypes["default"].bool
+  aspectFit: _propTypes["default"].bool,
+  isDark: _propTypes["default"].bool
 };
 VtxImage.setImageConfig = setImageConfig;
+
 function setImageConfig(options) {
   var emptyImageSrc = options.emptyImageSrc,
-    errorImageSrc = options.errorImageSrc,
-    emptyText = options.emptyText,
-    errorText = options.errorText;
+      errorImageSrc = options.errorImageSrc,
+      emptyText = options.emptyText,
+      errorText = options.errorText;
+
   if (emptyImageSrc !== undefined) {
     defaultEmptyImageSrc = emptyImageSrc;
   }
+
   if (errorImageSrc !== undefined) {
     defaultErrorImageSrc = errorImageSrc;
   }
+
   if (emptyText !== undefined) {
     defaultEmptyText = emptyText;
   }
+
   if (errorText !== undefined) {
     defaultErrorText = errorText;
   }
 }
+
 VtxImage.PreviewGroup = _PreviewGroup["default"];
 VtxImage.VtxImagePreview = _Preview["default"];
 var _default = VtxImage;

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","imgProps","onError","imgRender","classnames","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"sources":["vtx-image/Image.jsx"],"sourcesContent":["import React, { useEffect, useContext } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Preview from './Preview';\nimport PreviewGroup, { context } from './PreviewGroup';\nimport useSet from '../_util/useSet';\n\nlet defaultEmptyImageSrc = '';\nlet defaultErrorImageSrc = '';\nlet defaultEmptyText = '暂无图片';\nlet defaultErrorText = '图片出错';\n\nlet uuid = 0;\n\nfunction VtxImage(props) {\n    const [currentId] = React.useState(() => {\n        uuid += 1;\n        return uuid;\n    });\n\n    const [state, setState] = useSet({\n        isError: false, // 图片是否加载失败\n        isEmptyImageError: false, // 空白图片是否加载失败\n        isErrorImageError: false, // 报错图片是否加载失败\n        viewerVisible: false, // 是否查看\n        visible: false,\n        photo: undefined,\n    });\n    const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\n\n    const {\n        prefixCls = 'vtx-image',\n        preview = true,\n        className,\n        style,\n        src,\n        thumb,\n        alt,\n        emptyImageSrc = defaultEmptyImageSrc,\n        errorImageSrc = defaultErrorImageSrc,\n        emptyText = defaultEmptyText,\n        errorText = defaultErrorText,\n        onClick,\n        aspectFit,\n    } = props;\n\n    const {\n        isPreviewGroup,\n        setCurrent,\n        setShowPreview: setGroupShowPreview,\n        registerImage,\n    } = useContext(context);\n\n    useEffect(() => {\n        setState({\n            isError: false,\n        });\n        if (isPreviewGroup && preview) {\n            registerImage({ id: currentId, src, alt });\n        }\n    }, [src]);\n\n    // 图片props属性\n    const imgProps = {\n        src: thumb || src,\n        className,\n        style,\n        alt,\n        onClick: () => {\n            if (!src || isError) {\n                return null;\n            }\n            onClick && onClick();\n            if (preview) {\n                if (isPreviewGroup) {\n                    setCurrent(currentId);\n                    setGroupShowPreview(true);\n                } else {\n                    setState({\n                        visible: true,\n                        photo: {\n                            src,\n                            alt,\n                        },\n                    });\n                }\n            }\n        },\n        onError: () => {\n            setState({\n                isError: true,\n            });\n        },\n    };\n\n    // 无图片\n    if (!src) {\n        // 有替代图片\n        if (emptyImageSrc && !isEmptyImageError) {\n            imgProps.src = emptyImageSrc;\n            imgProps.onError = () => {\n                setState({ isEmptyImageError: true });\n            };\n        } else {\n            // 没有替代图片或替代图片无法加载\n            return (\n                <div className={`${prefixCls}-nodata`} style={style}>\n                    <p>{emptyText}</p>\n                </div>\n            );\n        }\n    }\n\n    // 图片出错\n    if (isError) {\n        if (errorImageSrc && !isErrorImageError) {\n            imgProps['data-error-img'] = src;\n            imgProps.src = errorImageSrc;\n            imgProps.onError = () => {\n                setState({ isErrorImageError: true });\n            };\n        } else {\n            // 无法加载报错图片\n            return (\n                <div className={`${prefixCls}-error`} data-error-img={src} style={style}>\n                    <p>{errorText}</p>\n                </div>\n            );\n        }\n    }\n\n    let imgRender = <img {...imgProps} />;\n    // 缩放\n    if (src && !isError && aspectFit) {\n        imgRender = (\n            <div\n                className={classnames(`${prefixCls}-aspectFit`, {\n                    [`${prefixCls}-preview`]: preview,\n                })}\n            >\n                <img {...imgProps} />\n            </div>\n        );\n    }\n    return (\n        <>\n            {imgRender}\n            {!isPreviewGroup && preview && (\n                <Preview\n                    visible={visible}\n                    photo={photo}\n                    onClose={() => setState({ visible: false })}\n                />\n            )}\n        </>\n    );\n}\n\nVtxImage.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    preview: PropTypes.bool,\n    src: PropTypes.string,\n    thumb: PropTypes.string,\n    alt: PropTypes.string,\n    emptyImageSrc: PropTypes.string,\n    errorImageSrc: PropTypes.string,\n    emptyText: PropTypes.string,\n    errorText: PropTypes.string,\n    onClick: PropTypes.func,\n    aspectFit: PropTypes.bool,\n};\n\nVtxImage.setImageConfig = setImageConfig;\n\nfunction setImageConfig(options) {\n    const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\n\n    if (emptyImageSrc !== undefined) {\n        defaultEmptyImageSrc = emptyImageSrc;\n    }\n    if (errorImageSrc !== undefined) {\n        defaultErrorImageSrc = errorImageSrc;\n    }\n    if (emptyText !== undefined) {\n        defaultEmptyText = emptyText;\n    }\n    if (errorText !== undefined) {\n        defaultErrorText = errorText;\n    }\n}\n\nVtxImage.PreviewGroup = PreviewGroup;\nVtxImage.VtxImagePreview = Preview;\n\nexport default VtxImage;\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","isDark","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","imgProps","onError","imgRender","classnames","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"sources":["vtx-image/Image.jsx"],"sourcesContent":["import React, { useEffect, useContext } from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Preview from './Preview';\r\nimport PreviewGroup, { context } from './PreviewGroup';\r\nimport useSet from '../_util/useSet';\r\n\r\nlet defaultEmptyImageSrc = '';\r\nlet defaultErrorImageSrc = '';\r\nlet defaultEmptyText = '暂无图片';\r\nlet defaultErrorText = '图片出错';\r\n\r\nlet uuid = 0;\r\n\r\nfunction VtxImage(props) {\r\n    const [currentId] = React.useState(() => {\r\n        uuid += 1;\r\n        return uuid;\r\n    });\r\n\r\n    const [state, setState] = useSet({\r\n        isError: false, // 图片是否加载失败\r\n        isEmptyImageError: false, // 空白图片是否加载失败\r\n        isErrorImageError: false, // 报错图片是否加载失败\r\n        viewerVisible: false, // 是否查看\r\n        visible: false,\r\n        photo: undefined,\r\n    });\r\n    const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\r\n\r\n    const {\r\n        prefixCls = 'vtx-image',\r\n        preview = true,\r\n        className,\r\n        style,\r\n        src,\r\n        thumb,\r\n        alt,\r\n        emptyImageSrc = defaultEmptyImageSrc,\r\n        errorImageSrc = defaultErrorImageSrc,\r\n        emptyText = defaultEmptyText,\r\n        errorText = defaultErrorText,\r\n        onClick,\r\n        aspectFit,\r\n        isDark = false,\r\n    } = props;\r\n\r\n    const {\r\n        isPreviewGroup,\r\n        setCurrent,\r\n        setShowPreview: setGroupShowPreview,\r\n        registerImage,\r\n    } = useContext(context);\r\n\r\n    useEffect(() => {\r\n        setState({\r\n            isError: false,\r\n        });\r\n        if (isPreviewGroup && preview) {\r\n            registerImage({ id: currentId, src, alt });\r\n        }\r\n    }, [src]);\r\n\r\n    // 图片props属性\r\n    const imgProps = {\r\n        src: thumb || src,\r\n        className,\r\n        style,\r\n        alt,\r\n        onClick: () => {\r\n            if (!src || isError) {\r\n                return null;\r\n            }\r\n            onClick && onClick();\r\n            if (preview) {\r\n                if (isPreviewGroup) {\r\n                    setCurrent(currentId);\r\n                    setGroupShowPreview(true);\r\n                } else {\r\n                    setState({\r\n                        visible: true,\r\n                        photo: {\r\n                            src,\r\n                            alt,\r\n                        },\r\n                    });\r\n                }\r\n            }\r\n        },\r\n        onError: () => {\r\n            setState({\r\n                isError: true,\r\n            });\r\n        },\r\n    };\r\n\r\n    // 无图片\r\n    if (!src) {\r\n        // 有替代图片\r\n        if (emptyImageSrc && !isEmptyImageError) {\r\n            imgProps.src = emptyImageSrc;\r\n            imgProps.onError = () => {\r\n                setState({ isEmptyImageError: true });\r\n            };\r\n        } else {\r\n            // 没有替代图片或替代图片无法加载\r\n            return (\r\n                <div className={`${prefixCls}-nodata${isDark ? '-dark' : ''}`} style={style}>\r\n                    <p>{emptyText}</p>\r\n                </div>\r\n            );\r\n        }\r\n    }\r\n\r\n    // 图片出错\r\n    if (isError) {\r\n        if (errorImageSrc && !isErrorImageError) {\r\n            imgProps['data-error-img'] = src;\r\n            imgProps.src = errorImageSrc;\r\n            imgProps.onError = () => {\r\n                setState({ isErrorImageError: true });\r\n            };\r\n        } else {\r\n            // 无法加载报错图片\r\n            return (\r\n                <div className={`${prefixCls}-error${isDark ? '-dark' : ''}`} data-error-img={src} style={style}>\r\n                    <p>{errorText}</p>\r\n                </div>\r\n            );\r\n        }\r\n    }\r\n\r\n    let imgRender = <img {...imgProps} />;\r\n    // 缩放\r\n    if (src && !isError && aspectFit) {\r\n        imgRender = (\r\n            <div\r\n                className={classnames(`${prefixCls}-aspectFit`, {\r\n                    [`${prefixCls}-preview`]: preview,\r\n                })}\r\n            >\r\n                <img {...imgProps} />\r\n            </div>\r\n        );\r\n    }\r\n    return (\r\n        <>\r\n            {imgRender}\r\n            {!isPreviewGroup && preview && (\r\n                <Preview\r\n                    visible={visible}\r\n                    photo={photo}\r\n                    onClose={() => setState({ visible: false })}\r\n                />\r\n            )}\r\n        </>\r\n    );\r\n}\r\n\r\nVtxImage.propTypes = {\r\n    prefixCls: PropTypes.string,\r\n    className: PropTypes.string,\r\n    style: PropTypes.object,\r\n    preview: PropTypes.bool,\r\n    src: PropTypes.string,\r\n    thumb: PropTypes.string,\r\n    alt: PropTypes.string,\r\n    emptyImageSrc: PropTypes.string,\r\n    errorImageSrc: PropTypes.string,\r\n    emptyText: PropTypes.string,\r\n    errorText: PropTypes.string,\r\n    onClick: PropTypes.func,\r\n    aspectFit: PropTypes.bool,\r\n    isDark: PropTypes.bool,\r\n};\r\n\r\nVtxImage.setImageConfig = setImageConfig;\r\n\r\nfunction setImageConfig(options) {\r\n    const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\r\n\r\n    if (emptyImageSrc !== undefined) {\r\n        defaultEmptyImageSrc = emptyImageSrc;\r\n    }\r\n    if (errorImageSrc !== undefined) {\r\n        defaultErrorImageSrc = errorImageSrc;\r\n    }\r\n    if (emptyText !== undefined) {\r\n        defaultEmptyText = emptyText;\r\n    }\r\n    if (errorText !== undefined) {\r\n        defaultErrorText = errorText;\r\n    }\r\n}\r\n\r\nVtxImage.PreviewGroup = PreviewGroup;\r\nVtxImage.VtxImagePreview = Preview;\r\n\r\nexport default VtxImage;\r\n"],"mappings":"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"}

package/lib/vtx-image/Preview.js

@@ -1,58 +1,82 @@
 "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;
+      index = props.index,
+      visible = props.visible,
+      onClose = props.onClose,
+      onIndexChange = props.onIndexChange,
+      options = props.options; // let container;
 
-  // let container;
   (0, _react.useEffect)(function () {
     var viewerOption = _objectSpread({
       button: true,
@@ -75,6 +99,7 @@ function Preview(props) {
       // 图片是否可翻转
       transition: true
     }, options);
+
     var container = document.createElement('div');
     var viewer = new _viewerjs["default"](container, _objectSpread({
       url: function url(image) {
@@ -99,20 +124,24 @@ 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;
@@ -128,12 +157,14 @@ 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';\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":"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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":"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"}