tdesign-react 1.1.1-alpha.1 → 1.1.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/cjs/_chunks/dep-e06189c7.js +512 -0
  2. package/cjs/_chunks/dep-e06189c7.js.map +1 -0
  3. package/cjs/dialog/Dialog.js +1 -1
  4. package/cjs/dialog/Dialog.js.map +1 -1
  5. package/cjs/form/Form.js +1 -1
  6. package/cjs/form/FormItem.js +1 -1
  7. package/cjs/form/index.js +1 -1
  8. package/cjs/form/useInitialData.js +1 -1
  9. package/cjs/image-viewer/ImageViewer.js +1 -1
  10. package/cjs/image-viewer/ImageViewerMini.js +1 -1
  11. package/cjs/image-viewer/ImageViewerModel.js +1 -1
  12. package/cjs/image-viewer/index.js +1 -1
  13. package/cjs/index-lib.js +1 -1
  14. package/cjs/index.js +1 -1
  15. package/cjs/upload/index.js +1 -1
  16. package/cjs/upload/themes/DraggerFile.js +1 -1
  17. package/cjs/upload/themes/ImageCard.js +1 -1
  18. package/cjs/upload/themes/MultipleFlowList.js +1 -1
  19. package/cjs/upload/upload.js +1 -1
  20. package/dist/tdesign.css.map +1 -1
  21. package/dist/tdesign.js +1 -1
  22. package/dist/tdesign.js.map +1 -1
  23. package/dist/tdesign.min.css.map +1 -1
  24. package/dist/tdesign.min.js +1 -1
  25. package/dist/tdesign.min.js.map +1 -1
  26. package/es/_chunks/{dep-2bcf68c8.js → dep-fda04a0b.js} +1 -1
  27. package/{lib/_chunks/dep-fc6a1bef.js.map → es/_chunks/dep-fda04a0b.js.map} +1 -1
  28. package/es/dialog/Dialog.js +1 -1
  29. package/es/dialog/Dialog.js.map +1 -1
  30. package/es/form/Form.js +1 -1
  31. package/es/form/FormItem.js +1 -1
  32. package/es/form/index.js +1 -1
  33. package/es/form/useInitialData.js +1 -1
  34. package/es/image-viewer/ImageViewer.js +1 -1
  35. package/es/image-viewer/ImageViewerMini.js +1 -1
  36. package/es/image-viewer/ImageViewerModel.js +1 -1
  37. package/es/image-viewer/index.js +1 -1
  38. package/es/index.js +1 -1
  39. package/es/upload/index.js +1 -1
  40. package/es/upload/themes/DraggerFile.js +1 -1
  41. package/es/upload/themes/ImageCard.js +1 -1
  42. package/es/upload/themes/MultipleFlowList.js +1 -1
  43. package/es/upload/upload.js +1 -1
  44. package/esm/_chunks/{dep-8a096439.js → dep-cb45c25d.js} +1 -1
  45. package/{es/_chunks/dep-2bcf68c8.js.map → esm/_chunks/dep-cb45c25d.js.map} +1 -1
  46. package/esm/dialog/Dialog.js +1 -1
  47. package/esm/dialog/Dialog.js.map +1 -1
  48. package/esm/form/Form.js +1 -1
  49. package/esm/form/FormItem.js +1 -1
  50. package/esm/form/index.js +1 -1
  51. package/esm/form/useInitialData.js +1 -1
  52. package/esm/image-viewer/ImageViewer.js +1 -1
  53. package/esm/image-viewer/ImageViewerMini.js +1 -1
  54. package/esm/image-viewer/ImageViewerModel.js +1 -1
  55. package/esm/image-viewer/index.js +1 -1
  56. package/esm/index.js +1 -1
  57. package/esm/upload/index.js +1 -1
  58. package/esm/upload/themes/DraggerFile.js +1 -1
  59. package/esm/upload/themes/ImageCard.js +1 -1
  60. package/esm/upload/themes/MultipleFlowList.js +1 -1
  61. package/esm/upload/upload.js +1 -1
  62. package/lib/_chunks/{dep-fc6a1bef.js → dep-dccc3f81.js} +1 -1
  63. package/{esm/_chunks/dep-8a096439.js.map → lib/_chunks/dep-dccc3f81.js.map} +1 -1
  64. package/lib/dialog/Dialog.js +1 -1
  65. package/lib/dialog/Dialog.js.map +1 -1
  66. package/lib/form/Form.js +1 -1
  67. package/lib/form/FormItem.js +1 -1
  68. package/lib/form/index.js +1 -1
  69. package/lib/form/useInitialData.js +1 -1
  70. package/lib/image-viewer/ImageViewer.js +1 -1
  71. package/lib/image-viewer/ImageViewerMini.js +1 -1
  72. package/lib/image-viewer/ImageViewerModel.js +1 -1
  73. package/lib/image-viewer/index.js +1 -1
  74. package/lib/index.js +1 -1
  75. package/lib/upload/index.js +1 -1
  76. package/lib/upload/themes/DraggerFile.js +1 -1
  77. package/lib/upload/themes/ImageCard.js +1 -1
  78. package/lib/upload/themes/MultipleFlowList.js +1 -1
  79. package/lib/upload/upload.js +1 -1
  80. package/package.json +1 -1
@@ -0,0 +1,512 @@
1
+ /**
2
+ * tdesign v1.1.1
3
+ * (c) 2023 tdesign
4
+ * @license MIT
5
+ */
6
+
7
+ 'use strict';
8
+
9
+ var objectWithoutProperties = require('./dep-58c3d396.js');
10
+ var defineProperty = require('./dep-79ee1f95.js');
11
+ var slicedToArray = require('./dep-d5cae907.js');
12
+ var React = require('react');
13
+ var isArray = require('./dep-92fdf3a2.js');
14
+ var isFunction = require('./dep-388542ef.js');
15
+ var tdesignIconsReact = require('tdesign-icons-react');
16
+ var classNames = require('classnames');
17
+ var tooltip_index = require('../tooltip/index.js');
18
+ var hooks_useConfig = require('../hooks/useConfig.js');
19
+ var locale_LocalReceiver = require('../locale/LocalReceiver.js');
20
+ var imageViewer_utils = require('../image-viewer/utils.js');
21
+ var dialog_index = require('../dialog/index.js');
22
+ var imageViewer_hooks_useMirror = require('../image-viewer/hooks/useMirror.js');
23
+ var imageViewer_hooks_usePosition = require('../image-viewer/hooks/usePosition.js');
24
+ var imageViewer_hooks_useIndex = require('../image-viewer/hooks/useIndex.js');
25
+ var imageViewer_hooks_useRotate = require('../image-viewer/hooks/useRotate.js');
26
+ var imageViewer_hooks_useScale = require('../image-viewer/hooks/useScale.js');
27
+ var hooks_useGlobalIcon = require('../hooks/useGlobalIcon.js');
28
+ var imageViewer_hooks_useIconMap = require('../image-viewer/hooks/useIconMap.js');
29
+
30
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
31
+
32
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
34
+
35
+ 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; }
36
+ 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; }
37
+ var ImageModelMiniContent = function ImageModelMiniContent(props) {
38
+ var _useConfig = hooks_useConfig["default"](),
39
+ classPrefix = _useConfig.classPrefix;
40
+ return /* @__PURE__ */React__default["default"].createElement("div", {
41
+ className: "".concat(classPrefix, "-image-viewer-mini__content")
42
+ }, /* @__PURE__ */React__default["default"].createElement(ImageModelItem, {
43
+ rotateZ: props.rotateZ,
44
+ scale: props.scale,
45
+ mirror: props.mirror,
46
+ src: props.currentImage.mainImage,
47
+ preSrc: props.currentImage.thumbnail,
48
+ errorText: props.errorText
49
+ }));
50
+ };
51
+ var ImageModelMini = function ImageModelMini(props) {
52
+ var visible = props.visible,
53
+ title = props.title,
54
+ scale = props.scale,
55
+ currentImage = props.currentImage,
56
+ draggable = props.draggable,
57
+ onZoomOut = props.onZoomOut,
58
+ onZoom = props.onZoom,
59
+ onClose = props.onClose,
60
+ onRotate = props.onRotate,
61
+ onMirror = props.onMirror,
62
+ onReset = props.onReset,
63
+ tipText = props.tipText;
64
+ var _useConfig2 = hooks_useConfig["default"](),
65
+ classPrefix = _useConfig2.classPrefix;
66
+ var footer = /* @__PURE__ */React__default["default"].createElement("div", {
67
+ className: "".concat(classPrefix, "-image-viewer-mini__footer")
68
+ }, /* @__PURE__ */React__default["default"].createElement(ImageViewerUtils, {
69
+ onZoom: onZoom,
70
+ onZoomOut: onZoomOut,
71
+ scale: scale,
72
+ currentImage: currentImage,
73
+ onRotate: onRotate,
74
+ onMirror: onMirror,
75
+ onReset: onReset,
76
+ tipText: tipText
77
+ }));
78
+ return /* @__PURE__ */React__default["default"].createElement(dialog_index.Dialog, {
79
+ className: "".concat(classPrefix, "-image-viewer__dialog"),
80
+ draggable: draggable,
81
+ visible: visible,
82
+ width: "min(90vw, 1000px)",
83
+ placement: "center",
84
+ mode: "modeless",
85
+ closeOnOverlayClick: false,
86
+ cancelBtn: null,
87
+ confirmBtn: null,
88
+ header: /* @__PURE__ */React__default["default"].createElement("span", {
89
+ className: "".concat(classPrefix, "-image-viewer__dialog-title")
90
+ }, title),
91
+ footer: footer,
92
+ onClose: onClose
93
+ }, /* @__PURE__ */React__default["default"].createElement(ImageModelMiniContent, _objectSpread({}, props)));
94
+ };
95
+
96
+ var _excluded = ["closeOnOverlay", "showOverlay", "zIndex", "images", "isMini", "imageScale", "viewerScale", "closeBtn", "draggable", "onOpen", "onClose", "visible", "title"];
97
+ var ImageError = function ImageError(_ref) {
98
+ var errorText = _ref.errorText;
99
+ var _useConfig = hooks_useConfig["default"](),
100
+ classPrefix = _useConfig.classPrefix;
101
+ var _useGlobalIcon = hooks_useGlobalIcon["default"]({
102
+ ImageErrorIcon: tdesignIconsReact.ImageErrorIcon
103
+ }),
104
+ ImageErrorIcon = _useGlobalIcon.ImageErrorIcon;
105
+ return /* @__PURE__ */React__default["default"].createElement("div", {
106
+ className: "".concat(classPrefix, "-image-viewer__img-error")
107
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
108
+ className: "".concat(classPrefix, "-image-viewer__img-error-content")
109
+ }, /* @__PURE__ */React__default["default"].createElement(ImageErrorIcon, {
110
+ size: "4em"
111
+ }), /* @__PURE__ */React__default["default"].createElement("div", {
112
+ className: "".concat(classPrefix, "-image-viewer__img-error-text")
113
+ }, errorText)));
114
+ };
115
+ var ImageModelItem = function ImageModelItem(_ref2) {
116
+ var rotateZ = _ref2.rotateZ,
117
+ scale = _ref2.scale,
118
+ src = _ref2.src,
119
+ preSrc = _ref2.preSrc,
120
+ mirror = _ref2.mirror,
121
+ errorText = _ref2.errorText;
122
+ var _useConfig2 = hooks_useConfig["default"](),
123
+ classPrefix = _useConfig2.classPrefix;
124
+ var _usePosition = imageViewer_hooks_usePosition["default"]({
125
+ initPosition: [0, 0]
126
+ }),
127
+ _usePosition2 = slicedToArray._slicedToArray(_usePosition, 2),
128
+ position = _usePosition2[0],
129
+ _onMouseDown = _usePosition2[1];
130
+ var _useState = React.useState(false),
131
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
132
+ loaded = _useState2[0],
133
+ setLoaded = _useState2[1];
134
+ var _useState3 = React.useState(false),
135
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
136
+ error = _useState4[0],
137
+ setError = _useState4[1];
138
+ var imgStyle = {
139
+ transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
140
+ display: !preSrc || loaded ? "block" : "none"
141
+ };
142
+ var preImgStyle = {
143
+ transform: "rotateZ(".concat(rotateZ, "deg) scale(").concat(scale, ")"),
144
+ display: !loaded ? "block" : "none"
145
+ };
146
+ var boxStyle = {
147
+ transform: "translate(".concat(position[0], "px, ").concat(position[1], "px) scale(").concat(mirror, ", 1)")
148
+ };
149
+ React.useEffect(function () {
150
+ setError(false);
151
+ }, [src]);
152
+ return /* @__PURE__ */React__default["default"].createElement("div", {
153
+ className: "".concat(classPrefix, "-image-viewer__modal-pic")
154
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
155
+ className: "".concat(classPrefix, "-image-viewer__modal-box"),
156
+ style: boxStyle
157
+ }, error && /* @__PURE__ */React__default["default"].createElement(ImageError, {
158
+ errorText: errorText
159
+ }), !error && !!preSrc && /* @__PURE__ */React__default["default"].createElement("img", {
160
+ className: "".concat(classPrefix, "-image-viewer__modal-image"),
161
+ onMouseDown: function onMouseDown(event) {
162
+ event.stopPropagation();
163
+ _onMouseDown(event);
164
+ },
165
+ src: preSrc,
166
+ style: preImgStyle,
167
+ "data-testid": "img-drag",
168
+ alt: "image",
169
+ draggable: "false"
170
+ }), !error && /* @__PURE__ */React__default["default"].createElement("img", {
171
+ className: "".concat(classPrefix, "-image-viewer__modal-image"),
172
+ onMouseDown: function onMouseDown(event) {
173
+ event.stopPropagation();
174
+ _onMouseDown(event);
175
+ },
176
+ src: src,
177
+ onLoad: function onLoad() {
178
+ return setLoaded(true);
179
+ },
180
+ onError: function onError() {
181
+ return setError(true);
182
+ },
183
+ style: imgStyle,
184
+ "data-testid": "img-drag",
185
+ alt: "image",
186
+ draggable: "false"
187
+ })));
188
+ };
189
+ var ROTATE_COUNT = 90;
190
+ var ImageModelIcon = function ImageModelIcon(_ref3) {
191
+ var onClick = _ref3.onClick,
192
+ className = _ref3.className,
193
+ disabled = _ref3.disabled,
194
+ isRange = _ref3.isRange,
195
+ name = _ref3.name,
196
+ label = _ref3.label,
197
+ _ref3$size = _ref3.size,
198
+ size = _ref3$size === void 0 ? "16px" : _ref3$size;
199
+ var _useConfig3 = hooks_useConfig["default"](),
200
+ classPrefix = _useConfig3.classPrefix;
201
+ var Icons = imageViewer_hooks_useIconMap["default"]();
202
+ var Icon = Icons[name];
203
+ return /* @__PURE__ */React__default["default"].createElement("div", {
204
+ className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__modal-icon"), className, defineProperty._defineProperty({}, "".concat(classPrefix, "-is-disabled"), disabled)),
205
+ onClick: onClick
206
+ }, name && /* @__PURE__ */React__default["default"].createElement(Icon, {
207
+ size: size,
208
+ className: isRange ? "is-range" : null
209
+ }), label && /* @__PURE__ */React__default["default"].createElement("span", {
210
+ className: "".concat(classPrefix, "-image-viewer__modal-icon-label")
211
+ }, label));
212
+ };
213
+ var ImageViewerUtils = function ImageViewerUtils(_ref4) {
214
+ var onZoom = _ref4.onZoom,
215
+ scale = _ref4.scale,
216
+ onZoomOut = _ref4.onZoomOut,
217
+ currentImage = _ref4.currentImage,
218
+ onRotate = _ref4.onRotate,
219
+ onMirror = _ref4.onMirror,
220
+ onReset = _ref4.onReset,
221
+ tipText = _ref4.tipText;
222
+ var _useConfig4 = hooks_useConfig["default"](),
223
+ classPrefix = _useConfig4.classPrefix;
224
+ var _useGlobalIcon2 = hooks_useGlobalIcon["default"]({
225
+ MirrorIcon: tdesignIconsReact.MirrorIcon,
226
+ RotationIcon: tdesignIconsReact.RotationIcon,
227
+ ImageIcon: tdesignIconsReact.ImageIcon
228
+ }),
229
+ MirrorIcon = _useGlobalIcon2.MirrorIcon,
230
+ RotationIcon = _useGlobalIcon2.RotationIcon,
231
+ ImageIcon = _useGlobalIcon2.ImageIcon;
232
+ return /* @__PURE__ */React__default["default"].createElement("div", {
233
+ className: "".concat(classPrefix, "-image-viewer__utils")
234
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
235
+ className: "".concat(classPrefix, "-image-viewer__utils-content")
236
+ }, /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
237
+ className: "".concat(classPrefix, "-image-viewer__utils--tip"),
238
+ content: tipText.mirror,
239
+ showShadow: false
240
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
241
+ className: "".concat(classPrefix, "-image-viewer__modal-icon")
242
+ }, /* @__PURE__ */React__default["default"].createElement(MirrorIcon, {
243
+ size: "medium",
244
+ onClick: onMirror
245
+ }))), /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
246
+ className: "".concat(classPrefix, "-image-viewer__utils--tip"),
247
+ content: tipText.rotate,
248
+ showShadow: false
249
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
250
+ className: "".concat(classPrefix, "-image-viewer__modal-icon")
251
+ }, /* @__PURE__ */React__default["default"].createElement(RotationIcon, {
252
+ size: "medium",
253
+ onClick: function onClick() {
254
+ return onRotate(-ROTATE_COUNT);
255
+ }
256
+ }))), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
257
+ size: "medium",
258
+ name: "zoom-out",
259
+ onClick: onZoomOut
260
+ }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
261
+ className: "".concat(classPrefix, "-image-viewer__utils-scale"),
262
+ size: "medium",
263
+ label: "".concat(scale * 100, "%")
264
+ }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
265
+ size: "medium",
266
+ name: "zoom-in",
267
+ onClick: onZoom
268
+ }), /* @__PURE__ */React__default["default"].createElement(tooltip_index.TooltipLite, {
269
+ className: "".concat(classPrefix, "-image-viewer__utils--tip"),
270
+ content: tipText.originsize,
271
+ showShadow: false
272
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
273
+ className: "".concat(classPrefix, "-image-viewer__modal-icon")
274
+ }, /* @__PURE__ */React__default["default"].createElement(ImageIcon, {
275
+ size: "medium",
276
+ name: "image",
277
+ onClick: function onClick() {
278
+ onReset();
279
+ }
280
+ }))), currentImage.download && /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
281
+ size: "medium",
282
+ name: "download",
283
+ onClick: function onClick() {
284
+ imageViewer_utils.downloadFile(currentImage.mainImage);
285
+ }
286
+ })));
287
+ };
288
+ var ImageViewerHeader = function ImageViewerHeader(props) {
289
+ var _useConfig5 = hooks_useConfig["default"](),
290
+ classPrefix = _useConfig5.classPrefix;
291
+ var images = props.images,
292
+ currentIndex = props.currentIndex,
293
+ onImgClick = props.onImgClick;
294
+ var _useState5 = React.useState(true),
295
+ _useState6 = slicedToArray._slicedToArray(_useState5, 2),
296
+ isExpand = _useState6[0],
297
+ setIsExpand = _useState6[1];
298
+ var transStyle = {
299
+ transform: "translateX(calc(-".concat(currentIndex, " * (40px / 9 * 16 + 4px)))")
300
+ };
301
+ return /* @__PURE__ */React__default["default"].createElement("div", {
302
+ className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__modal-header"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-show"), isExpand))
303
+ }, /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
304
+ name: "chevron-down",
305
+ className: "".concat(classPrefix, "-image-viewer__header-pre-bt"),
306
+ onClick: function onClick() {
307
+ return setIsExpand(!isExpand);
308
+ }
309
+ }), /* @__PURE__ */React__default["default"].createElement("div", {
310
+ className: "".concat(classPrefix, "-image-viewer__header-prev")
311
+ }, /* @__PURE__ */React__default["default"].createElement("div", {
312
+ className: "".concat(classPrefix, "-image-viewer__header-trans"),
313
+ style: transStyle
314
+ }, images.map(function (image, index) {
315
+ return /* @__PURE__ */React__default["default"].createElement("div", {
316
+ key: index,
317
+ className: classNames__default["default"]("".concat(classPrefix, "-image-viewer__header-box"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-active"), index === currentIndex)),
318
+ onClick: function onClick() {
319
+ return onImgClick(index);
320
+ }
321
+ }, /* @__PURE__ */React__default["default"].createElement("img", {
322
+ alt: "",
323
+ src: image.thumbnail || image.mainImage,
324
+ className: "".concat(classPrefix, "-image-viewer__header-img")
325
+ }));
326
+ }))));
327
+ };
328
+ var ImageModal = function ImageModal(props) {
329
+ var closeOnOverlay = props.closeOnOverlay,
330
+ _props$showOverlay = props.showOverlay,
331
+ showOverlay = _props$showOverlay === void 0 ? true : _props$showOverlay,
332
+ zIndex = props.zIndex,
333
+ images = props.images,
334
+ isMini = props.isMini,
335
+ imageScale = props.imageScale,
336
+ viewerScale = props.viewerScale,
337
+ closeBtn = props.closeBtn,
338
+ draggable = props.draggable,
339
+ onOpen = props.onOpen,
340
+ onClose = props.onClose,
341
+ visible = props.visible,
342
+ title = props.title,
343
+ resProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
344
+ var _useConfig6 = hooks_useConfig["default"](),
345
+ classPrefix = _useConfig6.classPrefix;
346
+ var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("imageViewer"),
347
+ _useLocaleReceiver2 = slicedToArray._slicedToArray(_useLocaleReceiver, 2),
348
+ locale = _useLocaleReceiver2[0],
349
+ t = _useLocaleReceiver2[1];
350
+ if (resProps.index === void 0) delete resProps.index;
351
+ var _useIndex = imageViewer_hooks_useIndex["default"](resProps, images),
352
+ index = _useIndex.index,
353
+ next = _useIndex.next,
354
+ prev = _useIndex.prev,
355
+ setIndex = _useIndex.setIndex;
356
+ var _useRotate = imageViewer_hooks_useRotate["default"](),
357
+ rotateZ = _useRotate.rotateZ,
358
+ onResetRotate = _useRotate.onResetRotate,
359
+ onRotate = _useRotate.onRotate;
360
+ var _useScale = imageViewer_hooks_useScale["default"](imageScale),
361
+ scale = _useScale.scale,
362
+ onZoom = _useScale.onZoom,
363
+ onZoomOut = _useScale.onZoomOut,
364
+ onResetScale = _useScale.onResetScale;
365
+ var _useMirror = imageViewer_hooks_useMirror["default"](),
366
+ mirror = _useMirror.mirror,
367
+ onResetMirror = _useMirror.onResetMirror,
368
+ onMirror = _useMirror.onMirror;
369
+ var onReset = React.useCallback(function () {
370
+ onResetScale();
371
+ onResetRotate();
372
+ onResetMirror();
373
+ }, [onResetMirror, onResetScale, onResetRotate]);
374
+ var onScroll = React.useCallback(function (e) {
375
+ var deltaY = e.deltaY;
376
+ deltaY > 0 ? onZoom() : onZoomOut();
377
+ }, [onZoom, onZoomOut]);
378
+ var onKeyDown = React.useCallback(function (event) {
379
+ switch (event.key) {
380
+ case "ArrowRight":
381
+ return next();
382
+ case "ArrowLeft":
383
+ return prev();
384
+ case "ArrowUp":
385
+ return onZoom();
386
+ case "ArrowDown":
387
+ return onZoomOut();
388
+ case "Escape":
389
+ return onClose === null || onClose === void 0 ? void 0 : onClose({
390
+ trigger: "esc",
391
+ e: event
392
+ });
393
+ }
394
+ }, [next, onClose, prev, onZoom, onZoomOut]);
395
+ React.useEffect(function () {
396
+ document.addEventListener("keydown", onKeyDown);
397
+ return function () {
398
+ return document.removeEventListener("keydown", onKeyDown);
399
+ };
400
+ }, [onKeyDown]);
401
+ React.useEffect(function () {
402
+ onReset();
403
+ }, [index, onReset]);
404
+ if (!isArray.isArray_1(images) || images.length < 1) return null;
405
+ var currentImage = images[index];
406
+ var tipText = {
407
+ mirror: t(locale.mirrorTipText),
408
+ rotate: t(locale.rotateTipText),
409
+ originsize: t(locale.originalSizeTipText)
410
+ };
411
+ var errorText = t(locale.errorText);
412
+ if (isMini) {
413
+ return /* @__PURE__ */React__default["default"].createElement(ImageModelMini, {
414
+ visible: visible,
415
+ draggable: draggable,
416
+ index: index,
417
+ images: images,
418
+ imageScale: imageScale,
419
+ viewerScale: viewerScale,
420
+ rotateZ: rotateZ,
421
+ zIndex: zIndex,
422
+ currentImage: currentImage,
423
+ prev: prev,
424
+ next: next,
425
+ mirror: mirror,
426
+ scale: scale,
427
+ title: title,
428
+ onMirror: onMirror,
429
+ onZoom: onZoom,
430
+ onClose: onClose,
431
+ onZoomOut: onZoomOut,
432
+ onScroll: onScroll,
433
+ onReset: onReset,
434
+ onRotate: onRotate,
435
+ errorText: errorText,
436
+ tipText: tipText
437
+ });
438
+ }
439
+ var closeNode = closeBtn;
440
+ if (closeBtn === true) {
441
+ closeNode = /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
442
+ name: "close",
443
+ size: "24px",
444
+ className: "".concat(classPrefix, "-image-viewer__modal-close-bt "),
445
+ onClick: function onClick(e) {
446
+ return onClose && onClose({
447
+ trigger: "close-btn",
448
+ e: e
449
+ });
450
+ }
451
+ });
452
+ } else if (isFunction.isFunction_1(closeBtn)) closeNode = closeBtn({
453
+ onClose: onClose,
454
+ onOpen: onOpen
455
+ });
456
+ return /* @__PURE__ */React__default["default"].createElement("div", {
457
+ className: classNames__default["default"]("".concat(classPrefix, "-image-viewer-preview-image"), defineProperty._defineProperty({}, "".concat(classPrefix, "-is-hide"), !visible)),
458
+ onWheel: onScroll,
459
+ style: {
460
+ zIndex: zIndex
461
+ }
462
+ }, !!showOverlay && /* @__PURE__ */React__default["default"].createElement("div", {
463
+ className: "".concat(classPrefix, "-image-viewer__modal-mask"),
464
+ onClick: function onClick(e) {
465
+ return closeOnOverlay && (onClose === null || onClose === void 0 ? void 0 : onClose({
466
+ trigger: "overlay",
467
+ e: e
468
+ }));
469
+ }
470
+ }), images.length > 1 && /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement(ImageViewerHeader, {
471
+ images: images,
472
+ currentIndex: index,
473
+ onImgClick: setIndex
474
+ }), /* @__PURE__ */React__default["default"].createElement("div", {
475
+ className: "".concat(classPrefix, "-image-viewer__modal-index")
476
+ }, /* @__PURE__ */React__default["default"].createElement("span", null, title), "".concat(index + 1, "/").concat(images.length)), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
477
+ size: "24px",
478
+ name: "chevron-left",
479
+ className: "".concat(classPrefix, "-image-viewer__modal-prev-bt"),
480
+ onClick: prev,
481
+ disabled: index <= 0
482
+ }), /* @__PURE__ */React__default["default"].createElement(ImageModelIcon, {
483
+ size: "24px",
484
+ name: "chevron-right",
485
+ className: "".concat(classPrefix, "-image-viewer__modal-next-bt"),
486
+ onClick: next,
487
+ disabled: index >= images.length - 1
488
+ })), /* @__PURE__ */React__default["default"].createElement(ImageViewerUtils, {
489
+ onZoom: onZoom,
490
+ onZoomOut: onZoomOut,
491
+ scale: scale,
492
+ currentImage: currentImage,
493
+ onRotate: onRotate,
494
+ onMirror: onMirror,
495
+ onReset: onReset,
496
+ tipText: tipText
497
+ }), closeNode, /* @__PURE__ */React__default["default"].createElement(ImageModelItem, {
498
+ scale: scale,
499
+ rotateZ: rotateZ,
500
+ mirror: mirror,
501
+ preSrc: currentImage.thumbnail,
502
+ src: currentImage.mainImage,
503
+ errorText: errorText
504
+ }));
505
+ };
506
+
507
+ exports.ImageModal = ImageModal;
508
+ exports.ImageModelItem = ImageModelItem;
509
+ exports.ImageModelMini = ImageModelMini;
510
+ exports.ImageModelMiniContent = ImageModelMiniContent;
511
+ exports.ImageViewerUtils = ImageViewerUtils;
512
+ //# sourceMappingURL=dep-e06189c7.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dep-e06189c7.js","sources":["../../src/image-viewer/ImageViewerMini.tsx","../../src/image-viewer/ImageViewerModel.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent } from 'react';\nimport { TNode } from 'tdesign-react/common';\nimport Dialog from '../dialog';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelItem, ImageViewerUtils } from './ImageViewerModel';\nimport useConfig from '../hooks/useConfig';\n\nexport interface ImageModelMiniProps {\n visible: boolean;\n title?: TNode;\n draggable: boolean;\n index: number;\n scale: number;\n mirror: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onScroll: (e: any) => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n rotateZ: number;\n currentImage: ImageInfo;\n prev: () => void;\n next: () => void;\n onMirror: () => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onReset: () => void;\n onRotate: (red: number) => void;\n zIndex: number;\n errorText: string;\n tipText: {\n mirror: string;\n rotate: string;\n originsize: string;\n };\n}\n\nexport const ImageModelMiniContent = (props: ImageModelMiniProps) => {\n const { classPrefix } = useConfig();\n\n return (\n <div className={`${classPrefix}-image-viewer-mini__content`}>\n <ImageModelItem\n rotateZ={props.rotateZ}\n scale={props.scale}\n mirror={props.mirror}\n src={props.currentImage.mainImage}\n preSrc={props.currentImage.thumbnail}\n errorText={props.errorText}\n />\n </div>\n );\n};\n\nexport const ImageModelMini = (props: ImageModelMiniProps) => {\n const {\n visible,\n title,\n scale,\n currentImage,\n draggable,\n onZoomOut,\n onZoom,\n onClose,\n onRotate,\n onMirror,\n onReset,\n tipText,\n } = props;\n\n const { classPrefix } = useConfig();\n\n const footer = (\n <div className={`${classPrefix}-image-viewer-mini__footer`}>\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n tipText={tipText}\n />\n </div>\n );\n\n return (\n <Dialog\n className={`${classPrefix}-image-viewer__dialog`}\n draggable={draggable}\n visible={visible}\n width=\"min(90vw, 1000px)\"\n placement=\"center\"\n mode=\"modeless\"\n closeOnOverlayClick={false}\n cancelBtn={null}\n confirmBtn={null}\n header={<span className={`${classPrefix}-image-viewer__dialog-title`}>{title}</span>}\n footer={footer}\n onClose={onClose}\n >\n <ImageModelMiniContent {...props} />\n </Dialog>\n );\n};\n","import React, { useState, useEffect, useCallback, WheelEventHandler, MouseEvent, KeyboardEvent } from 'react';\nimport isArray from 'lodash/isArray';\nimport isFunction from 'lodash/isFunction';\nimport {\n ImageErrorIcon as TdImageErrorIcon,\n ImageIcon as TdImageIcon,\n MirrorIcon as TdMirrorIcon,\n RotationIcon as TdRotationIcon,\n} from 'tdesign-icons-react';\nimport classNames from 'classnames';\nimport { TooltipLite } from '../tooltip';\nimport useConfig from '../hooks/useConfig';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { TNode } from '../common';\nimport { downloadFile } from './utils';\nimport { ImageInfo, ImageScale, ImageViewerScale } from './type';\nimport { ImageModelMini } from './ImageViewerMini';\nimport useMirror from './hooks/useMirror';\nimport usePosition from './hooks/usePosition';\nimport useIndex from './hooks/useIndex';\nimport useRotate from './hooks/useRotate';\nimport useScale from './hooks/useScale';\nimport useGlobalIcon from '../hooks/useGlobalIcon';\nimport useIconMap from './hooks/useIconMap';\n\nconst ImageError = ({ errorText }: { errorText: string }) => {\n const { classPrefix } = useConfig();\n const { ImageErrorIcon } = useGlobalIcon({ ImageErrorIcon: TdImageErrorIcon });\n\n return (\n <div className={`${classPrefix}-image-viewer__img-error`}>\n {/* 脱离文档流 */}\n <div className={`${classPrefix}-image-viewer__img-error-content`}>\n <ImageErrorIcon size=\"4em\" />\n <div className={`${classPrefix}-image-viewer__img-error-text`}>{errorText}</div>\n </div>\n </div>\n );\n};\n\ninterface ImageModelItemProps {\n rotateZ: number;\n scale: number;\n mirror: number;\n src: string;\n preSrc?: string;\n errorText: string;\n}\n\n// 单个弹窗实例\nexport const ImageModelItem = ({ rotateZ, scale, src, preSrc, mirror, errorText }: ImageModelItemProps) => {\n const { classPrefix } = useConfig();\n\n const [position, onMouseDown] = usePosition({ initPosition: [0, 0] });\n const [loaded, setLoaded] = useState(false);\n const [error, setError] = useState(false);\n\n const imgStyle = {\n transform: `rotateZ(${rotateZ}deg) scale(${scale})`,\n display: !preSrc || loaded ? 'block' : 'none',\n };\n const preImgStyle = { transform: `rotateZ(${rotateZ}deg) scale(${scale})`, display: !loaded ? 'block' : 'none' };\n const boxStyle = { transform: `translate(${position[0]}px, ${position[1]}px) scale(${mirror}, 1)` };\n\n useEffect(() => {\n setError(false);\n }, [src]);\n\n return (\n <div className={`${classPrefix}-image-viewer__modal-pic`}>\n <div className={`${classPrefix}-image-viewer__modal-box`} style={boxStyle}>\n {error && <ImageError errorText={errorText} />}\n {!error && !!preSrc && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={preSrc}\n style={preImgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n {!error && (\n <img\n className={`${classPrefix}-image-viewer__modal-image`}\n onMouseDown={(event) => {\n event.stopPropagation();\n onMouseDown(event);\n }}\n src={src}\n onLoad={() => setLoaded(true)}\n onError={() => setError(true)}\n style={imgStyle}\n data-testid=\"img-drag\"\n alt=\"image\"\n draggable=\"false\"\n />\n )}\n </div>\n </div>\n );\n};\n\n// 旋转角度单位\nconst ROTATE_COUNT = 90;\n\ninterface ImageModelIconProps {\n name?: string;\n size?: string;\n label?: string;\n className?: string;\n disabled?: boolean;\n isRange?: boolean;\n onClick?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nconst ImageModelIcon = ({ onClick, className, disabled, isRange, name, label, size = '16px' }: ImageModelIconProps) => {\n const { classPrefix } = useConfig();\n\n const Icons = useIconMap();\n\n const Icon = Icons[name];\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-icon`, className, {\n [`${classPrefix}-is-disabled`]: disabled,\n })}\n onClick={onClick}\n >\n {name && <Icon size={size} className={isRange ? 'is-range' : null} />}\n {label && <span className={`${classPrefix}-image-viewer__modal-icon-label`}>{label}</span>}\n </div>\n );\n};\n\ninterface ImageViewerUtilsProps {\n scale: number;\n currentImage: ImageInfo;\n onRotate: (ROTATE_COUNT: number) => void;\n onZoom: () => void;\n onZoomOut: () => void;\n onMirror: () => void;\n onReset: () => void;\n tipText: {\n mirror: string;\n rotate: string;\n originsize: string;\n };\n}\n\nexport const ImageViewerUtils = ({\n onZoom,\n scale,\n onZoomOut,\n currentImage,\n onRotate,\n onMirror,\n onReset,\n tipText,\n}: ImageViewerUtilsProps) => {\n const { classPrefix } = useConfig();\n const { MirrorIcon, RotationIcon, ImageIcon } = useGlobalIcon({\n MirrorIcon: TdMirrorIcon,\n RotationIcon: TdRotationIcon,\n ImageIcon: TdImageIcon,\n });\n\n return (\n <div className={`${classPrefix}-image-viewer__utils`}>\n <div className={`${classPrefix}-image-viewer__utils-content`}>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content={tipText.mirror} showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <MirrorIcon size=\"medium\" onClick={onMirror} />\n </div>\n </TooltipLite>\n <TooltipLite className={`${classPrefix}-image-viewer__utils--tip`} content={tipText.rotate} showShadow={false}>\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <RotationIcon size=\"medium\" onClick={() => onRotate(-ROTATE_COUNT)} />\n </div>\n </TooltipLite>\n <ImageModelIcon size=\"medium\" name=\"zoom-out\" onClick={onZoomOut} />\n <ImageModelIcon\n className={`${classPrefix}-image-viewer__utils-scale`}\n size=\"medium\"\n label={`${scale * 100}%`}\n />\n <ImageModelIcon size=\"medium\" name=\"zoom-in\" onClick={onZoom} />\n <TooltipLite\n className={`${classPrefix}-image-viewer__utils--tip`}\n content={tipText.originsize}\n showShadow={false}\n >\n <div className={`${classPrefix}-image-viewer__modal-icon`}>\n <ImageIcon\n size=\"medium\"\n name=\"image\"\n onClick={() => {\n onReset();\n }}\n />\n </div>\n </TooltipLite>\n {currentImage.download && (\n <ImageModelIcon\n size=\"medium\"\n name=\"download\"\n onClick={() => {\n downloadFile(currentImage.mainImage);\n }}\n />\n )}\n </div>\n {/* <IconFont size=\"3em\" name=\"page-last\" onClick={() => onRotate(ROTATE_COUNT)} /> */}\n </div>\n );\n};\n\ntype ImageViewerHeaderProps = {\n onImgClick: (index: number) => void;\n images: ImageInfo[];\n currentIndex: number;\n};\n\nconst ImageViewerHeader = (props: ImageViewerHeaderProps) => {\n const { classPrefix } = useConfig();\n const { images, currentIndex, onImgClick } = props;\n\n const [isExpand, setIsExpand] = useState(true);\n\n // 宽高比 16:9 按比例偏移\n const transStyle = { transform: `translateX(calc(-${currentIndex} * (40px / 9 * 16 + 4px)))` };\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer__modal-header`, {\n [`${classPrefix}-is-show`]: isExpand,\n })}\n >\n <ImageModelIcon\n name=\"chevron-down\"\n className={`${classPrefix}-image-viewer__header-pre-bt`}\n onClick={() => setIsExpand(!isExpand)}\n />\n <div className={`${classPrefix}-image-viewer__header-prev`}>\n <div className={`${classPrefix}-image-viewer__header-trans`} style={transStyle}>\n {images.map((image, index) => (\n <div\n key={index}\n className={classNames(`${classPrefix}-image-viewer__header-box`, {\n [`${classPrefix}-is-active`]: index === currentIndex,\n })}\n onClick={() => onImgClick(index)}\n >\n <img\n alt=\"\"\n src={image.thumbnail || image.mainImage}\n className={`${classPrefix}-image-viewer__header-img`}\n />\n </div>\n ))}\n </div>\n </div>\n </div>\n );\n};\n\ninterface ImageModalProps {\n title?: TNode;\n visible: boolean;\n closeOnOverlay: boolean;\n showOverlay: boolean;\n index: number;\n defaultIndex?: number;\n images: ImageInfo[];\n onClose: (context: { trigger: 'close-btn' | 'overlay' | 'esc'; e: MouseEvent<HTMLElement> | KeyboardEvent }) => void;\n onOpen: () => void;\n imageScale: ImageScale;\n viewerScale: ImageViewerScale;\n zIndex: number;\n isMini: boolean;\n draggable: boolean;\n closeBtn: boolean | TNode;\n onIndexChange?: (index: number, context: { trigger: 'prev' | 'next' }) => void;\n}\n\n// 弹窗基础组件\nexport const ImageModal = (props: ImageModalProps) => {\n const {\n closeOnOverlay,\n showOverlay = true,\n zIndex,\n images,\n isMini,\n imageScale,\n viewerScale,\n closeBtn,\n draggable,\n onOpen,\n onClose,\n visible,\n title,\n ...resProps\n } = props;\n const { classPrefix } = useConfig();\n const [locale, t] = useLocaleReceiver('imageViewer');\n\n if (resProps.index === undefined) delete resProps.index;\n const { index, next, prev, setIndex } = useIndex(resProps, images);\n const { rotateZ, onResetRotate, onRotate } = useRotate();\n const { scale, onZoom, onZoomOut, onResetScale } = useScale(imageScale);\n const { mirror, onResetMirror, onMirror } = useMirror();\n\n const onReset = useCallback(() => {\n onResetScale();\n onResetRotate();\n onResetMirror();\n }, [onResetMirror, onResetScale, onResetRotate]);\n\n const onScroll: WheelEventHandler<HTMLDivElement> = useCallback(\n (e) => {\n const { deltaY } = e;\n deltaY > 0 ? onZoom() : onZoomOut();\n },\n [onZoom, onZoomOut],\n );\n\n const onKeyDown = useCallback(\n (event) => {\n switch (event.key) {\n case 'ArrowRight':\n return next();\n case 'ArrowLeft':\n return prev();\n case 'ArrowUp':\n return onZoom();\n case 'ArrowDown':\n return onZoomOut();\n case 'Escape':\n return onClose?.({ trigger: 'esc', e: event });\n }\n },\n [next, onClose, prev, onZoom, onZoomOut],\n );\n\n useEffect(() => {\n document.addEventListener('keydown', onKeyDown);\n return () => document.removeEventListener('keydown', onKeyDown);\n }, [onKeyDown]);\n\n useEffect(() => {\n onReset();\n }, [index, onReset]);\n\n if (!isArray(images) || images.length < 1) return null;\n\n const currentImage: ImageInfo = images[index];\n const tipText = {\n mirror: t(locale.mirrorTipText),\n rotate: t(locale.rotateTipText),\n originsize: t(locale.originalSizeTipText),\n };\n const errorText = t(locale.errorText);\n\n if (isMini) {\n return (\n <ImageModelMini\n visible={visible}\n draggable={draggable}\n index={index}\n images={images}\n imageScale={imageScale}\n viewerScale={viewerScale}\n rotateZ={rotateZ}\n zIndex={zIndex}\n currentImage={currentImage}\n prev={prev}\n next={next}\n mirror={mirror}\n scale={scale}\n title={title}\n onMirror={onMirror}\n onZoom={onZoom}\n onClose={onClose}\n onZoomOut={onZoomOut}\n onScroll={onScroll}\n onReset={onReset}\n onRotate={onRotate}\n errorText={errorText}\n tipText={tipText}\n />\n );\n }\n\n // boolean控制显示,tnode直接展示\n let closeNode: TNode = closeBtn;\n if (closeBtn === true) {\n closeNode = (\n <ImageModelIcon\n name=\"close\"\n size=\"24px\"\n className={`${classPrefix}-image-viewer__modal-close-bt `}\n onClick={(e: MouseEvent<HTMLElement>) => onClose && onClose({ trigger: 'close-btn', e })}\n />\n );\n } else if (isFunction(closeBtn)) closeNode = closeBtn({ onClose, onOpen });\n\n return (\n <div\n className={classNames(`${classPrefix}-image-viewer-preview-image`, {\n [`${classPrefix}-is-hide`]: !visible,\n })}\n onWheel={onScroll}\n style={{ zIndex }}\n >\n {!!showOverlay && (\n <div\n className={`${classPrefix}-image-viewer__modal-mask`}\n onClick={(e: MouseEvent<HTMLElement>) => closeOnOverlay && onClose?.({ trigger: 'overlay', e })}\n />\n )}\n {images.length > 1 && (\n <>\n <ImageViewerHeader images={images} currentIndex={index} onImgClick={setIndex} />\n <div className={`${classPrefix}-image-viewer__modal-index`}>\n <span>{title}</span>\n {`${index + 1}/${images.length}`}\n </div>\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-left\"\n className={`${classPrefix}-image-viewer__modal-prev-bt`}\n onClick={prev}\n disabled={index <= 0}\n />\n <ImageModelIcon\n size=\"24px\"\n name=\"chevron-right\"\n className={`${classPrefix}-image-viewer__modal-next-bt`}\n onClick={next}\n disabled={index >= images.length - 1}\n />\n </>\n )}\n <ImageViewerUtils\n onZoom={onZoom}\n onZoomOut={onZoomOut}\n scale={scale}\n currentImage={currentImage}\n onRotate={onRotate}\n onMirror={onMirror}\n onReset={onReset}\n tipText={tipText}\n />\n {closeNode}\n <ImageModelItem\n scale={scale}\n rotateZ={rotateZ}\n mirror={mirror}\n preSrc={currentImage.thumbnail}\n src={currentImage.mainImage}\n errorText={errorText}\n />\n </div>\n );\n};\n"],"names":["ImageModelMiniContent","props","_useConfig","useConfig","classPrefix","React","createElement","className","ImageModelItem","rotateZ","scale","mirror","src","currentImage","mainImage","preSrc","thumbnail","errorText","ImageModelMini","visible","title","draggable","onZoomOut","onZoom","onClose","onRotate","onMirror","onReset","tipText","_useConfig2","footer","ImageViewerUtils","Dialog","width","placement","mode","closeOnOverlayClick","cancelBtn","confirmBtn","header","_objectSpread","ImageError","_ref","_useGlobalIcon","useGlobalIcon","ImageErrorIcon","TdImageErrorIcon","size","_ref2","_usePosition","usePosition","initPosition","_usePosition2","_slicedToArray","position","onMouseDown","_useState","useState","_useState2","loaded","setLoaded","_useState3","_useState4","error","setError","imgStyle","transform","concat","display","preImgStyle","boxStyle","useEffect","style","event","stopPropagation","alt","onLoad","onError","ROTATE_COUNT","ImageModelIcon","_ref3","onClick","disabled","isRange","name","label","_ref3$size","_useConfig3","Icons","useIconMap","Icon","classNames","_defineProperty","_ref4","_useConfig4","_useGlobalIcon2","MirrorIcon","TdMirrorIcon","RotationIcon","TdRotationIcon","ImageIcon","TdImageIcon","TooltipLite","content","showShadow","rotate","originsize","download","downloadFile","ImageViewerHeader","_useConfig5","images","currentIndex","onImgClick","_useState5","_useState6","isExpand","setIsExpand","transStyle","map","image","index","key","ImageModal","closeOnOverlay","_props$showOverlay","showOverlay","zIndex","isMini","imageScale","viewerScale","closeBtn","onOpen","resProps","_objectWithoutProperties","_excluded","_useConfig6","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","locale","t","_useIndex","useIndex","next","prev","setIndex","_useRotate","useRotate","onResetRotate","_useScale","useScale","onResetScale","_useMirror","useMirror","onResetMirror","useCallback","onScroll","e","deltaY","onKeyDown","trigger","document","addEventListener","removeEventListener","isArray","length","mirrorTipText","rotateTipText","originalSizeTipText","closeNode","isFunction","onWheel"],"mappings":"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"}
@@ -304,7 +304,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
304
304
  ref: dialogCardRef
305
305
  }, restState), {}, {
306
306
  style: _objectSpread(_objectSpread({}, style), {}, {
307
- width: dialog_utils.parseValueToPx(width)
307
+ width: dialog_utils.parseValueToPx(width || (style === null || style === void 0 ? void 0 : style.width))
308
308
  }),
309
309
  onConfirm: onConfirm,
310
310
  onCancel: handleCancel,