tdesign-react 0.45.6-alpha.1 → 0.45.6-alpha.2

package/cjs/_chunks/dep-d0d34f96.js

@@ -0,0 +1,133 @@
+/**
+ * tdesign v0.45.4
+ * (c) 2023 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var _typeof = require('./dep-238efc39.js');
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var freeGlobal$1 = _typeof._typeof(commonjsGlobal) == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$1;
+
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = (typeof self === "undefined" ? "undefined" : _typeof._typeof(self)) == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$1 = freeGlobal || freeSelf || Function('return this')();
+var _root = root$1;
+
+var root = _root;
+
+/** Built-in value references. */
+var _Symbol2 = root.Symbol;
+var _Symbol$2 = _Symbol2;
+
+var _Symbol$1 = _Symbol$2;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = _Symbol$1 ? _Symbol$1.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+    tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+var _objectToString = objectToString$1;
+
+var _Symbol = _Symbol$2,
+  getRawTag = _getRawTag,
+  objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+  undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+var _baseGetTag = baseGetTag;
+
+exports._Symbol = _Symbol$2;
+exports._baseGetTag = _baseGetTag;
+exports._freeGlobal = _freeGlobal;
+exports._root = _root;
+exports.commonjsGlobal = commonjsGlobal;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+//# sourceMappingURL=dep-d0d34f96.js.map

package/cjs/_chunks/dep-d0d34f96.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-d0d34f96.js","sources":["../../node_modules/lodash/_freeGlobal.js","../../node_modules/lodash/_root.js","../../node_modules/lodash/_Symbol.js","../../node_modules/lodash/_getRawTag.js","../../node_modules/lodash/_objectToString.js","../../node_modules/lodash/_baseGetTag.js"],"sourcesContent":["/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n  var isOwn = hasOwnProperty.call(value, symToStringTag),\n      tag = value[symToStringTag];\n\n  try {\n    value[symToStringTag] = undefined;\n    var unmasked = true;\n  } catch (e) {}\n\n  var result = nativeObjectToString.call(value);\n  if (unmasked) {\n    if (isOwn) {\n      value[symToStringTag] = tag;\n    } else {\n      delete value[symToStringTag];\n    }\n  }\n  return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n    getRawTag = require('./_getRawTag'),\n    objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n    undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n  if (value == null) {\n    return value === undefined ? undefinedTag : nullTag;\n  }\n  return (symToStringTag && symToStringTag in Object(value))\n    ? getRawTag(value)\n    : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n"],"names":["freeGlobal","_typeof","global","Object","_freeGlobal","require$$0","freeSelf","self","root","Function","_root","Symbol","_Symbol","objectProto","prototype","hasOwnProperty","nativeObjectToString","toString","symToStringTag","toStringTag","undefined","getRawTag","value","isOwn","call","tag","unmasked","e","result","_getRawTag","objectToString","_objectToString","require$$1","require$$2","nullTag","undefinedTag","baseGetTag","_baseGetTag"],"mappings":"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"}

package/cjs/_chunks/dep-d2668d09.js

@@ -0,0 +1,512 @@
+/**
+ * tdesign v0.45.5
+ * (c) 2023 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var objectWithoutProperties = require('./dep-e98989e2.js');
+var defineProperty = require('./dep-bbdca918.js');
+var slicedToArray = require('./dep-c6c71fa9.js');
+var React = require('react');
+var isArray = require('./dep-317502de.js');
+var isFunction = require('./dep-e61168f3.js');
+var tdesignIconsReact = require('tdesign-icons-react');
+var classNames = require('classnames');
+var tooltip_index = require('../tooltip/index.js');
+var hooks_useConfig = require('../hooks/useConfig.js');
+var locale_LocalReceiver = require('../locale/LocalReceiver.js');
+var imageViewer_utils = require('../image-viewer/utils.js');
+var dialog_index = require('../dialog/index.js');
+var imageViewer_hooks_useMirror = require('../image-viewer/hooks/useMirror.js');
+var imageViewer_hooks_usePosition = require('../image-viewer/hooks/usePosition.js');
+var imageViewer_hooks_useIndex = require('../image-viewer/hooks/useIndex.js');
+var imageViewer_hooks_useRotate = require('../image-viewer/hooks/useRotate.js');
+var imageViewer_hooks_useScale = require('../image-viewer/hooks/useScale.js');
+var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
+var imageViewer_hooks_useIconMap = require('../image-viewer/hooks/useIconMap.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+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._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; }
+var ImageModelMiniContent = function ImageModelMiniContent(props) {
+  var _useConfig = hooks_useConfig["default"](),
+    classPrefix = _useConfig.classPrefix;
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer-mini__content")
+  }, /* @__PURE__ */React__default["default"].createElement(ImageModelItem, {
+    rotateZ: props.rotateZ,
+    scale: props.scale,
+    mirror: props.mirror,
+    src: props.currentImage.mainImage,
+    preSrc: props.currentImage.thumbnail,
+    errorText: props.errorText
+  }));
+};
+var ImageModelMini = function ImageModelMini(props) {
+  var visible = props.visible,
+    title = props.title,
+    scale = props.scale,
+    currentImage = props.currentImage,
+    draggable = props.draggable,
+    onZoomOut = props.onZoomOut,
+    onZoom = props.onZoom,
+    onClose = props.onClose,
+    onRotate = props.onRotate,
+    onMirror = props.onMirror,
+    onReset = props.onReset,
+    tipText = props.tipText;
+  var _useConfig2 = hooks_useConfig["default"](),
+    classPrefix = _useConfig2.classPrefix;
+  var footer = /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer-mini__footer")
+  }, /* @__PURE__ */React__default["default"].createElement(ImageViewerUtils, {
+    onZoom: onZoom,
+    onZoomOut: onZoomOut,
+    scale: scale,
+    currentImage: currentImage,
+    onRotate: onRotate,
+    onMirror: onMirror,
+    onReset: onReset,
+    tipText: tipText
+  }));
+  return /* @__PURE__ */React__default["default"].createElement(dialog_index.Dialog, {
+    className: "".concat(classPrefix, "-image-viewer__dialog"),
+    draggable: draggable,
+    visible: visible,
+    width: "min(90vw, 1000px)",
+    placement: "center",
+    mode: "modeless",
+    closeOnOverlayClick: false,
+    cancelBtn: null,
+    confirmBtn: null,
+    header: /* @__PURE__ */React__default["default"].createElement("span", {
+      className: "".concat(classPrefix, "-image-viewer__dialog-title")
+    }, title),
+    footer: footer,
+    onClose: onClose
+  }, /* @__PURE__ */React__default["default"].createElement(ImageModelMiniContent, _objectSpread({}, props)));
+};
+
+var _excluded = ["closeOnOverlay", "showOverlay", "zIndex", "images", "isMini", "imageScale", "viewerScale", "closeBtn", "draggable", "onOpen", "onClose", "visible", "title"];
+var ImageError = function ImageError(_ref) {
+  var errorText = _ref.errorText;
+  var _useConfig = hooks_useConfig["default"](),
+    classPrefix = _useConfig.classPrefix;
+  var _useGlobalIcon = hooks_useGlobalIcon["default"]({
+      ImageErrorIcon: tdesignIconsReact.ImageErrorIcon
+    }),
+    ImageErrorIcon = _useGlobalIcon.ImageErrorIcon;
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__img-error")
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__img-error-content")
+  }, /* @__PURE__ */React__default["default"].createElement(ImageErrorIcon, {
+    size: "4em"
+  }), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__img-error-text")
+  }, errorText)));
+};
+var ImageModelItem = function ImageModelItem(_ref2) {
+  var rotateZ = _ref2.rotateZ,
+    scale = _ref2.scale,
+    src = _ref2.src,
+    preSrc = _ref2.preSrc,
+    mirror = _ref2.mirror,
+    errorText = _ref2.errorText;
+  var _useConfig2 = hooks_useConfig["default"](),
+    classPrefix = _useConfig2.classPrefix;
+  var _usePosition = imageViewer_hooks_usePosition["default"]({
+      initPosition: [0, 0]
+    }),
+    _usePosition2 = slicedToArray._slicedToArray(_usePosition, 2),
+    position = _usePosition2[0],
+    _onMouseDown = _usePosition2[1];
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    loaded = _useState2[0],
+    setLoaded = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var imgStyle = {
+    transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
+    display: !preSrc || loaded ? "block" : "none"
+  };
+  var preImgStyle = {
+    transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
+    display: !loaded ? "block" : "none"
+  };
+  var boxStyle = {
+    transform: "translate(".concat(position[0], "px, ").concat(position[1], "px) scale(").concat(mirror, ", 1)")
+  };
+  React.useEffect(function () {
+    setError(false);
+  }, [src]);
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-pic")
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-box"),
+    style: boxStyle
+  }, error && /* @__PURE__ */React__default["default"].createElement(ImageError, {
+    errorText: errorText
+  }), !error && !!preSrc && /* @__PURE__ */React__default["default"].createElement("img", {
+    className: "".concat(classPrefix, "-image-viewer__modal-image"),
+    onMouseDown: function onMouseDown(event) {
+      event.stopPropagation();
+      _onMouseDown(event);
+    },
+    src: preSrc,
+    style: preImgStyle,
+    "data-testid": "img-drag",
+    alt: "image",
+    draggable: "false"
+  }), !error && /* @__PURE__ */React__default["default"].createElement("img", {
+    className: "".concat(classPrefix, "-image-viewer__modal-image"),
+    onMouseDown: function onMouseDown(event) {
+      event.stopPropagation();
+      _onMouseDown(event);
+    },
+    src: src,
+    onLoad: function onLoad() {
+      return setLoaded(true);
+    },
+    onError: function onError() {
+      return setError(true);
+    },
+    style: imgStyle,
+    "data-testid": "img-drag",
+    alt: "image",
+    draggable: "false"
+  })));
+};
+var ROTATE_COUNT = 90;
+var ImageModelIcon = function ImageModelIcon(_ref3) {
+  var onClick = _ref3.onClick,
+    className = _ref3.className,
+    disabled = _ref3.disabled,
+    isRange = _ref3.isRange,
+    name = _ref3.name,
+    label = _ref3.label,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? "16px" : _ref3$size;
+  var _useConfig3 = hooks_useConfig["default"](),
+    classPrefix = _useConfig3.classPrefix;
+  var Icons = imageViewer_hooks_useIconMap["default"]();
+  var Icon = Icons[name];
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__modal-icon"), className, defineProperty._defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled)),
+    onClick: onClick
+  }, name && /* @__PURE__ */React__default["default"].createElement(Icon, {
+    size: size,
+    className: isRange ? "is-range" : null
+  }), label && /* @__PURE__ */React__default["default"].createElement("span", {
+    className: "".concat(classPrefix, "-image-viewer__modal-icon-label")
+  }, label));
+};
+var ImageViewerUtils = function ImageViewerUtils(_ref4) {
+  var onZoom = _ref4.onZoom,
+    scale = _ref4.scale,
+    onZoomOut = _ref4.onZoomOut,
+    currentImage = _ref4.currentImage,
+    onRotate = _ref4.onRotate,
+    onMirror = _ref4.onMirror,
+    onReset = _ref4.onReset,
+    tipText = _ref4.tipText;
+  var _useConfig4 = hooks_useConfig["default"](),
+    classPrefix = _useConfig4.classPrefix;
+  var _useGlobalIcon2 = hooks_useGlobalIcon["default"]({
+      MirrorIcon: tdesignIconsReact.MirrorIcon,
+      RotationIcon: tdesignIconsReact.RotationIcon,
+      ImageIcon: tdesignIconsReact.ImageIcon
+    }),
+    MirrorIcon = _useGlobalIcon2.MirrorIcon,
+    RotationIcon = _useGlobalIcon2.RotationIcon,
+    ImageIcon = _useGlobalIcon2.ImageIcon;
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__utils")
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__utils-content")
+  }, /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
+    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
+    content: tipText.mirror,
+    showShadow: false
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-icon")
+  }, /* @__PURE__ */React__default["default"].createElement(MirrorIcon, {
+    size: "medium",
+    onClick: onMirror
+  }))), /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
+    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
+    content: tipText.rotate,
+    showShadow: false
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-icon")
+  }, /* @__PURE__ */React__default["default"].createElement(RotationIcon, {
+    size: "medium",
+    onClick: function onClick() {
+      return onRotate(-ROTATE_COUNT);
+    }
+  }))), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    size: "medium",
+    name: "zoom-out",
+    onClick: onZoomOut
+  }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    className: "".concat(classPrefix, "-image-viewer__utils-scale"),
+    size: "medium",
+    label: "".concat(scale * 100, "%")
+  }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    size: "medium",
+    name: "zoom-in",
+    onClick: onZoom
+  }), /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
+    className: "".concat(classPrefix, "-image-viewer__utils--tip"),
+    content: tipText.originsize,
+    showShadow: false
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-icon")
+  }, /* @__PURE__ */React__default["default"].createElement(ImageIcon, {
+    size: "medium",
+    name: "image",
+    onClick: function onClick() {
+      onReset();
+    }
+  }))), currentImage.download && /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    size: "medium",
+    name: "download",
+    onClick: function onClick() {
+      imageViewer_utils.downloadFile(currentImage.mainImage);
+    }
+  })));
+};
+var ImageViewerHeader = function ImageViewerHeader(props) {
+  var _useConfig5 = hooks_useConfig["default"](),
+    classPrefix = _useConfig5.classPrefix;
+  var images = props.images,
+    currentIndex = props.currentIndex,
+    onImgClick = props.onImgClick;
+  var _useState5 = React.useState(true),
+    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    isExpand = _useState6[0],
+    setIsExpand = _useState6[1];
+  var transStyle = {
+    transform: "translateX(calc(-".concat(currentIndex, " * (40px / 9 * 16 + 4px)))")
+  };
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__modal-header"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-show"), isExpand))
+  }, /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    name: "chevron-down",
+    className: "".concat(classPrefix, "-image-viewer__header-pre-bt"),
+    onClick: function onClick() {
+      return setIsExpand(!isExpand);
+    }
+  }), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__header-prev")
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__header-trans"),
+    style: transStyle
+  }, images.map(function (image, index) {
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      key: index,
+      className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__header-box"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-active"), index === currentIndex)),
+      onClick: function onClick() {
+        return onImgClick(index);
+      }
+    }, /* @__PURE__ */React__default["default"].createElement("img", {
+      alt: "",
+      src: image.thumbnail || image.mainImage,
+      className: "".concat(classPrefix, "-image-viewer__header-img")
+    }));
+  }))));
+};
+var ImageModal = function ImageModal(props) {
+  var closeOnOverlay = props.closeOnOverlay,
+    _props$showOverlay = props.showOverlay,
+    showOverlay = _props$showOverlay === void 0 ? true : _props$showOverlay,
+    zIndex = props.zIndex,
+    images = props.images,
+    isMini = props.isMini,
+    imageScale = props.imageScale,
+    viewerScale = props.viewerScale,
+    closeBtn = props.closeBtn,
+    draggable = props.draggable,
+    onOpen = props.onOpen,
+    onClose = props.onClose,
+    visible = props.visible,
+    title = props.title,
+    resProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
+  var _useConfig6 = hooks_useConfig["default"](),
+    classPrefix = _useConfig6.classPrefix;
+  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("imageViewer"),
+    _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
+    locale = _useLocaleReceiver2[0],
+    t = _useLocaleReceiver2[1];
+  if (resProps.index === void 0) delete resProps.index;
+  var _useIndex = imageViewer_hooks_useIndex["default"](resProps, images),
+    index = _useIndex.index,
+    next = _useIndex.next,
+    prev = _useIndex.prev,
+    setIndex = _useIndex.setIndex;
+  var _useRotate = imageViewer_hooks_useRotate["default"](),
+    rotateZ = _useRotate.rotateZ,
+    onResetRotate = _useRotate.onResetRotate,
+    onRotate = _useRotate.onRotate;
+  var _useScale = imageViewer_hooks_useScale["default"](imageScale),
+    scale = _useScale.scale,
+    onZoom = _useScale.onZoom,
+    onZoomOut = _useScale.onZoomOut,
+    onResetScale = _useScale.onResetScale;
+  var _useMirror = imageViewer_hooks_useMirror["default"](),
+    mirror = _useMirror.mirror,
+    onResetMirror = _useMirror.onResetMirror,
+    onMirror = _useMirror.onMirror;
+  var onReset = React.useCallback(function () {
+    onResetScale();
+    onResetRotate();
+    onResetMirror();
+  }, [onResetMirror, onResetScale, onResetRotate]);
+  var onScroll = React.useCallback(function (e) {
+    var deltaY = e.deltaY;
+    deltaY > 0 ? onZoom() : onZoomOut();
+  }, [onZoom, onZoomOut]);
+  var onKeyDown = React.useCallback(function (event) {
+    switch (event.key) {
+      case "ArrowRight":
+        return next();
+      case "ArrowLeft":
+        return prev();
+      case "ArrowUp":
+        return onZoom();
+      case "ArrowDown":
+        return onZoomOut();
+      case "Escape":
+        return onClose === null || onClose === void 0 ? void 0 : onClose({
+          trigger: "esc",
+          e: event
+        });
+    }
+  }, [next, onClose, prev, onZoom, onZoomOut]);
+  React.useEffect(function () {
+    document.addEventListener("keydown", onKeyDown);
+    return function () {
+      return document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onKeyDown]);
+  React.useEffect(function () {
+    onReset();
+  }, [index, onReset]);
+  if (!isArray.isArray_1(images) || images.length < 1) return null;
+  var currentImage = images[index];
+  var tipText = {
+    mirror: t(locale.mirrorTipText),
+    rotate: t(locale.rotateTipText),
+    originsize: t(locale.originalSizeTipText)
+  };
+  var errorText = t(locale.errorText);
+  if (isMini) {
+    return /* @__PURE__ */React__default["default"].createElement(ImageModelMini, {
+      visible: visible,
+      draggable: draggable,
+      index: index,
+      images: images,
+      imageScale: imageScale,
+      viewerScale: viewerScale,
+      rotateZ: rotateZ,
+      zIndex: zIndex,
+      currentImage: currentImage,
+      prev: prev,
+      next: next,
+      mirror: mirror,
+      scale: scale,
+      title: title,
+      onMirror: onMirror,
+      onZoom: onZoom,
+      onClose: onClose,
+      onZoomOut: onZoomOut,
+      onScroll: onScroll,
+      onReset: onReset,
+      onRotate: onRotate,
+      errorText: errorText,
+      tipText: tipText
+    });
+  }
+  var closeNode = closeBtn;
+  if (closeBtn === true) {
+    closeNode = /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+      name: "close",
+      size: "24px",
+      className: "".concat(classPrefix, "-image-viewer__modal-close-bt "),
+      onClick: function onClick(e) {
+        return onClose && onClose({
+          trigger: "close-btn",
+          e: e
+        });
+      }
+    });
+  } else if (isFunction.isFunction_1(closeBtn)) closeNode = closeBtn({
+    onClose: onClose,
+    onOpen: onOpen
+  });
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(classPrefix, "-image-viewer-preview-image"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-hide"), !visible)),
+    onWheel: onScroll,
+    style: {
+      zIndex: zIndex
+    }
+  }, !!showOverlay && /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-mask"),
+    onClick: function onClick(e) {
+      return closeOnOverlay && (onClose === null || onClose === void 0 ? void 0 : onClose({
+        trigger: "overlay",
+        e: e
+      }));
+    }
+  }), images.length > 1 && /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement(ImageViewerHeader, {
+    images: images,
+    currentIndex: index,
+    onImgClick: setIndex
+  }), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(classPrefix, "-image-viewer__modal-index")
+  }, /* @__PURE__ */React__default["default"].createElement("span", null, title), "".concat(index + 1, "/").concat(images.length)), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    size: "24px",
+    name: "chevron-left",
+    className: "".concat(classPrefix, "-image-viewer__modal-prev-bt"),
+    onClick: prev,
+    disabled: index <= 0
+  }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
+    size: "24px",
+    name: "chevron-right",
+    className: "".concat(classPrefix, "-image-viewer__modal-next-bt"),
+    onClick: next,
+    disabled: index >= images.length - 1
+  })), /* @__PURE__ */React__default["default"].createElement(ImageViewerUtils, {
+    onZoom: onZoom,
+    onZoomOut: onZoomOut,
+    scale: scale,
+    currentImage: currentImage,
+    onRotate: onRotate,
+    onMirror: onMirror,
+    onReset: onReset,
+    tipText: tipText
+  }), closeNode, /* @__PURE__ */React__default["default"].createElement(ImageModelItem, {
+    scale: scale,
+    rotateZ: rotateZ,
+    mirror: mirror,
+    preSrc: currentImage.thumbnail,
+    src: currentImage.mainImage,
+    errorText: errorText
+  }));
+};
+
+exports.ImageModal = ImageModal;
+exports.ImageModelItem = ImageModelItem;
+exports.ImageModelMini = ImageModelMini;
+exports.ImageModelMiniContent = ImageModelMiniContent;
+exports.ImageViewerUtils = ImageViewerUtils;
+//# sourceMappingURL=dep-d2668d09.js.map