@vtx/components 3.1.97 → 3.1.99

package/lib/vtx-image/Image.js

@@ -1,98 +1,124 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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"));
+
 var _UndoOutlined = _interopRequireDefault(require("@ant-design/icons/UndoOutlined"));
+
 var _RedoOutlined = _interopRequireDefault(require("@ant-design/icons/RedoOutlined"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+
+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,
-      rotate: 0
-    }),
-    _useSet2 = _slicedToArray(_useSet, 2),
-    state = _useSet2[0],
-    setState = _useSet2[1];
+    isError: false,
+    // 图片是否加载失败
+    isEmptyImageError: false,
+    // 空白图片是否加载失败
+    isErrorImageError: false,
+    // 报错图片是否加载失败
+    viewerVisible: false,
+    // 是否查看
+    visible: false,
+    photo: undefined,
+    rotate: 0
+  }),
+      _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,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _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,
-    _props$showTool = props.showTool,
-    showTool = _props$showTool === void 0 ? false : _props$showTool;
+      prefixCls = _props$prefixCls === void 0 ? 'vtx-image' : _props$prefixCls,
+      _props$preview = props.preview,
+      preview = _props$preview === void 0 ? true : _props$preview,
+      className = props.className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _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,
+      _props$showTool = props.showTool,
+      showTool = _props$showTool === void 0 ? false : _props$showTool;
+
   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,
@@ -101,14 +127,15 @@ function VtxImage(props) {
       });
     }
   }, [src]);
+
   function rotateImage(isPlus) {
     var rotate = isPlus ? state.rotate + 90 : state.rotate - 90;
     setState({
       rotate: rotate
     });
-  }
+  } // 图片props属性
+
 
-  // 图片props属性
   var imgProps = {
     src: thumb || src,
     className: className,
@@ -120,7 +147,9 @@ function VtxImage(props) {
       if (!src || isError) {
         return null;
       }
+
       _onClick && _onClick();
+
       if (preview) {
         if (isPreviewGroup) {
           setCurrent(currentId);
@@ -141,13 +170,13 @@ function VtxImage(props) {
         isError: true
       });
     }
-  };
+  }; // 无图片
 
-  // 无图片
   if (!src) {
     // 有替代图片
     if (emptyImageSrc && !isEmptyImageError) {
       imgProps.src = emptyImageSrc;
+
       imgProps.onError = function () {
         setState({
           isEmptyImageError: true
@@ -160,13 +189,14 @@ function VtxImage(props) {
         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
@@ -181,9 +211,10 @@ function VtxImage(props) {
       }, /*#__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))
@@ -199,6 +230,7 @@ function VtxImage(props) {
       }
     })));
   }
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, imgRender, !isPreviewGroup && preview && /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
     visible: visible,
     photo: photo,
@@ -209,6 +241,7 @@ function VtxImage(props) {
     }
   }));
 }
+
 VtxImage.propTypes = {
   prefixCls: _propTypes["default"].string,
   className: _propTypes["default"].string,
@@ -227,25 +260,32 @@ VtxImage.propTypes = {
   showTool: _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 = exports["default"] = VtxImage;
+var _default = VtxImage;
+exports["default"] = _default;
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireWildcard","require","_classnames2","_interopRequireDefault","_propTypes","_Preview","_PreviewGroup","_useSet3","_UndoOutlined","_RedoOutlined","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","iterator","f","next","done","isArray","defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","_React$useState","React","useState","_React$useState2","currentId","_useSet","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","rotate","_useSet2","state","setState","_props$prefixCls","prefixCls","_props$preview","preview","className","_props$style","style","src","thumb","alt","_props$emptyImageSrc","emptyImageSrc","_props$errorImageSrc","errorImageSrc","_props$emptyText","emptyText","_props$errorText","errorText","onClick","aspectFit","_props$isDark","isDark","_props$showTool","showTool","_useContext","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","rotateImage","isPlus","imgProps","transform","concat","onError","createElement","imgRender","classnames","Fragment","onClose","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview","_default","exports"],"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\nimport UndoOutlined from '@ant-design/icons/UndoOutlined';\r\nimport RedoOutlined from '@ant-design/icons/RedoOutlined';\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        rotate: 0\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        showTool = 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    function rotateImage(isPlus) {\r\n        let rotate = isPlus ? (state.rotate+90) : (state.rotate-90)\r\n        setState({rotate: rotate})\r\n    }\r\n\r\n    // 图片props属性\r\n    const imgProps = {\r\n        src: thumb || src,\r\n        className,\r\n        style: {\r\n            ...style,\r\n            transform: `rotateZ(${state.rotate}deg)`\r\n        },\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    // 缩放\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                {\r\n                    showTool && \r\n                    <div className={classnames(`${prefixCls}-tool`)}>\r\n                        <UndoOutlined onClick={()=>{rotateImage(false);}}/>\r\n                        <RedoOutlined onClick={()=>{rotateImage(true);}}/>\r\n                    </div>\r\n                }\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    showTool: 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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","ignoreList":[]}
+{"version":3,"file":"Image.js","names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","rotate","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","isDark","showTool","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","rotateImage","isPlus","imgProps","transform","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\nimport UndoOutlined from '@ant-design/icons/UndoOutlined';\r\nimport RedoOutlined from '@ant-design/icons/RedoOutlined';\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        rotate: 0\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        showTool = 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    function rotateImage(isPlus) {\r\n        let rotate = isPlus ? (state.rotate+90) : (state.rotate-90)\r\n        setState({rotate: rotate})\r\n    }\r\n\r\n    // 图片props属性\r\n    const imgProps = {\r\n        src: thumb || src,\r\n        className,\r\n        style: {\r\n            ...style,\r\n            transform: `rotateZ(${state.rotate}deg)`\r\n        },\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    // 缩放\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                {\r\n                    showTool && \r\n                    <div className={classnames(`${prefixCls}-tool`)}>\r\n                        <UndoOutlined onClick={()=>{rotateImage(false);}}/>\r\n                        <RedoOutlined onClick={()=>{rotateImage(true);}}/>\r\n                    </div>\r\n                }\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    showTool: 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,60 +1,82 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+
+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,
@@ -77,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) {
@@ -101,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;
@@ -130,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,