linkmore-design 1.1.4 → 1.1.5
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.
- package/dist/ImageViewer/LmImageViewer.d.ts +8 -0
- package/dist/ImageViewer/index.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.umd.js +494 -0
- package/dist/index.umd.min.js +1 -1
- package/es/ImageViewer/LmImageViewer.d.ts +8 -0
- package/es/ImageViewer/index.d.ts +1 -0
- package/es/ImageViewer/index.js +1 -0
- package/es/index.d.ts +2 -0
- package/es/index.js +2 -1
- package/lib/ImageViewer/LmImageViewer.d.ts +8 -0
- package/lib/ImageViewer/index.d.ts +1 -0
- package/lib/ImageViewer/index.js +14 -2
- package/lib/index.d.ts +2 -0
- package/lib/index.js +11 -2
- package/package.json +1 -1
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export interface ImageViewerProps {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
urlList?: any;
|
|
5
|
+
zIndex?: number;
|
|
6
|
+
initialIndex?: number;
|
|
7
|
+
infinite?: boolean;
|
|
8
|
+
hideOnClickModal?: boolean;
|
|
9
|
+
}
|
|
2
10
|
declare const _default: React.ForwardRefExoticComponent<Pick<{
|
|
3
11
|
[x: string]: any;
|
|
4
12
|
}, string | number> & React.RefAttributes<unknown>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -123,3 +123,5 @@ export * from './LmImgList';
|
|
|
123
123
|
export { default as LmImgList } from './LmImgList';
|
|
124
124
|
export { default as CropImg } from './CropImg';
|
|
125
125
|
export type { CropImgProps } from './CropImg';
|
|
126
|
+
export { default as ImageViewer } from './ImageViewer';
|
|
127
|
+
export type { ImageViewerProps } from './ImageViewer';
|
package/dist/index.umd.js
CHANGED
|
@@ -323187,6 +323187,499 @@
|
|
|
323187
323187
|
}, defaultProps));
|
|
323188
323188
|
});
|
|
323189
323189
|
|
|
323190
|
+
// 初始化状态值
|
|
323191
|
+
var defaultState$2 = {
|
|
323192
|
+
currentIndex: 0,
|
|
323193
|
+
currentUrl: '',
|
|
323194
|
+
transform: {
|
|
323195
|
+
scale: 1,
|
|
323196
|
+
rotateZ: 0 // Z轴旋转方向
|
|
323197
|
+
|
|
323198
|
+
} // 当前选中的图片变换
|
|
323199
|
+
|
|
323200
|
+
}; // 状态管理操作
|
|
323201
|
+
|
|
323202
|
+
var reducer$7 = function reducer(state, action) {
|
|
323203
|
+
var transform = action.transform,
|
|
323204
|
+
current = action.current,
|
|
323205
|
+
visible = action.visible;
|
|
323206
|
+
|
|
323207
|
+
switch (action.type) {
|
|
323208
|
+
case 'changeVisible':
|
|
323209
|
+
// 控制显示隐藏
|
|
323210
|
+
return _objectSpread(_objectSpread({}, state), {}, {
|
|
323211
|
+
visible: visible
|
|
323212
|
+
});
|
|
323213
|
+
|
|
323214
|
+
case 'changeTransform':
|
|
323215
|
+
// 改变转换
|
|
323216
|
+
return _objectSpread(_objectSpread({}, state), {}, {
|
|
323217
|
+
transform: _objectSpread(_objectSpread({}, state.transform), transform)
|
|
323218
|
+
});
|
|
323219
|
+
|
|
323220
|
+
case 'changeCurrent':
|
|
323221
|
+
// 改变当前选中的图片
|
|
323222
|
+
return _objectSpread(_objectSpread(_objectSpread({}, state), current), {}, {
|
|
323223
|
+
transform: defaultState$2.transform
|
|
323224
|
+
});
|
|
323225
|
+
|
|
323226
|
+
case 'init':
|
|
323227
|
+
// 改变当前选中的图片
|
|
323228
|
+
return _objectSpread(_objectSpread({}, state), defaultState$2);
|
|
323229
|
+
|
|
323230
|
+
default:
|
|
323231
|
+
throw new Error();
|
|
323232
|
+
}
|
|
323233
|
+
}; // 仅在初始化时触发一次
|
|
323234
|
+
|
|
323235
|
+
var initialState$5 = function initialState(props) {
|
|
323236
|
+
var initialIndex = props.initialIndex;
|
|
323237
|
+
return _objectSpread(_objectSpread({}, defaultState$2), {}, {
|
|
323238
|
+
currentIndex: initialIndex
|
|
323239
|
+
});
|
|
323240
|
+
};
|
|
323241
|
+
|
|
323242
|
+
var useCoreOptions$4 = function useCoreOptions(_ref) {
|
|
323243
|
+
var state = _ref.state,
|
|
323244
|
+
dispatch = _ref.dispatch,
|
|
323245
|
+
props = _ref.props,
|
|
323246
|
+
previewRef = _ref.previewRef;
|
|
323247
|
+
// 获取显示状态
|
|
323248
|
+
var getVisible = React.useCallback(function () {
|
|
323249
|
+
return typeof props.visible === 'boolean' ? props.visible : state.visible;
|
|
323250
|
+
}, [props.visible, state.visible]); // 获取是否为视频格式
|
|
323251
|
+
|
|
323252
|
+
var getIsVideo = React.useCallback(function (url) {
|
|
323253
|
+
var fileExtension = url.replace(/.*\./, '').toLowerCase();
|
|
323254
|
+
return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
|
|
323255
|
+
}, []); // 关闭事件
|
|
323256
|
+
|
|
323257
|
+
var onClose = React.useCallback(function () {
|
|
323258
|
+
var _props$close;
|
|
323259
|
+
|
|
323260
|
+
(_props$close = props.close) === null || _props$close === void 0 ? void 0 : _props$close.call(props);
|
|
323261
|
+
dispatch({
|
|
323262
|
+
type: 'init'
|
|
323263
|
+
});
|
|
323264
|
+
dispatch({
|
|
323265
|
+
type: 'changeVisible',
|
|
323266
|
+
visible: false
|
|
323267
|
+
});
|
|
323268
|
+
}, []);
|
|
323269
|
+
var setTransform = React.useCallback(function (type) {
|
|
323270
|
+
var scale = state.transform.scale * 100;
|
|
323271
|
+
var rotateZ = state.transform.rotateZ;
|
|
323272
|
+
|
|
323273
|
+
switch (type) {
|
|
323274
|
+
case 'zoomIn':
|
|
323275
|
+
scale += 25;
|
|
323276
|
+
break;
|
|
323277
|
+
|
|
323278
|
+
case 'zoomOut':
|
|
323279
|
+
scale < 30 ? scale : scale -= 25;
|
|
323280
|
+
break;
|
|
323281
|
+
|
|
323282
|
+
case 'rotateLeft':
|
|
323283
|
+
rotateZ -= 90;
|
|
323284
|
+
break;
|
|
323285
|
+
|
|
323286
|
+
case 'rotateRight':
|
|
323287
|
+
rotateZ += 90;
|
|
323288
|
+
break;
|
|
323289
|
+
}
|
|
323290
|
+
|
|
323291
|
+
dispatch({
|
|
323292
|
+
type: 'changeTransform',
|
|
323293
|
+
transform: {
|
|
323294
|
+
rotateZ: rotateZ,
|
|
323295
|
+
scale: scale / 100
|
|
323296
|
+
}
|
|
323297
|
+
});
|
|
323298
|
+
}, [state.transform]); // 切换轮播前的回调
|
|
323299
|
+
|
|
323300
|
+
var beforeChange = React.useCallback(function (from, currentIndex) {
|
|
323301
|
+
dispatch({
|
|
323302
|
+
type: 'changeCurrent',
|
|
323303
|
+
current: {
|
|
323304
|
+
currentIndex: currentIndex
|
|
323305
|
+
}
|
|
323306
|
+
});
|
|
323307
|
+
}, []); // 切换轮播后的回调
|
|
323308
|
+
|
|
323309
|
+
var afterChange = React.useCallback(function (currentIndex) {
|
|
323310
|
+
dispatch({
|
|
323311
|
+
type: 'changeCurrent',
|
|
323312
|
+
current: {
|
|
323313
|
+
currentIndex: currentIndex
|
|
323314
|
+
}
|
|
323315
|
+
});
|
|
323316
|
+
}, []); // 转到指定的轮播图, 直接跳转, 不展示动画
|
|
323317
|
+
|
|
323318
|
+
var slickGoTo = React.useCallback(function (currentIndex) {
|
|
323319
|
+
previewRef.current.goTo(currentIndex, true);
|
|
323320
|
+
}, []); // 转到下一张轮播图
|
|
323321
|
+
|
|
323322
|
+
var slickNext = React.useCallback(function () {
|
|
323323
|
+
previewRef.current.next();
|
|
323324
|
+
}, []); // 转到上一张轮播图
|
|
323325
|
+
|
|
323326
|
+
var slickPrev = React.useCallback(function () {
|
|
323327
|
+
previewRef.current.prev();
|
|
323328
|
+
}, []);
|
|
323329
|
+
React.useEffect(function () {
|
|
323330
|
+
if (getVisible()) {
|
|
323331
|
+
slickGoTo(props.initialIndex);
|
|
323332
|
+
dispatch({
|
|
323333
|
+
type: 'changeCurrent',
|
|
323334
|
+
current: {
|
|
323335
|
+
currentIndex: props.initialIndex
|
|
323336
|
+
}
|
|
323337
|
+
});
|
|
323338
|
+
}
|
|
323339
|
+
}, [getVisible, props.initialIndex, slickGoTo]);
|
|
323340
|
+
var CoreMethods = {
|
|
323341
|
+
getVisible: getVisible,
|
|
323342
|
+
getIsVideo: getIsVideo,
|
|
323343
|
+
onClose: onClose,
|
|
323344
|
+
setTransform: setTransform,
|
|
323345
|
+
beforeChange: beforeChange,
|
|
323346
|
+
afterChange: afterChange,
|
|
323347
|
+
slickGoTo: slickGoTo,
|
|
323348
|
+
slickNext: slickNext,
|
|
323349
|
+
slickPrev: slickPrev
|
|
323350
|
+
};
|
|
323351
|
+
var RefMethods = {
|
|
323352
|
+
getState: function getState() {
|
|
323353
|
+
return state;
|
|
323354
|
+
}
|
|
323355
|
+
};
|
|
323356
|
+
return {
|
|
323357
|
+
CoreMethods: CoreMethods,
|
|
323358
|
+
RefMethods: RefMethods
|
|
323359
|
+
};
|
|
323360
|
+
};
|
|
323361
|
+
|
|
323362
|
+
var ListItem$3 = function ListItem(_ref) {
|
|
323363
|
+
var key = _ref.key,
|
|
323364
|
+
index = _ref.index,
|
|
323365
|
+
item = _ref.item,
|
|
323366
|
+
instance = _ref.instance;
|
|
323367
|
+
var state = instance.state,
|
|
323368
|
+
getIsVideo = instance.getIsVideo;
|
|
323369
|
+
var transformProps = React.useMemo(function () {
|
|
323370
|
+
if (index !== state.currentIndex) return {};
|
|
323371
|
+
var _state$transform = state.transform,
|
|
323372
|
+
scale = _state$transform.scale,
|
|
323373
|
+
rotateZ = _state$transform.rotateZ;
|
|
323374
|
+
return {
|
|
323375
|
+
transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
|
|
323376
|
+
};
|
|
323377
|
+
}, [state.currentIndex, state.transform]);
|
|
323378
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323379
|
+
className: "preview_item",
|
|
323380
|
+
key: key
|
|
323381
|
+
}, getIsVideo(item) ?
|
|
323382
|
+
/*#__PURE__*/
|
|
323383
|
+
// @ts-ignore
|
|
323384
|
+
// eslint-disable-next-line jsx-a11y/media-has-caption
|
|
323385
|
+
React__default['default'].createElement("video", {
|
|
323386
|
+
width: "100%",
|
|
323387
|
+
height: "100%",
|
|
323388
|
+
controls: "controls"
|
|
323389
|
+
}, /*#__PURE__*/React__default['default'].createElement("source", {
|
|
323390
|
+
src: item,
|
|
323391
|
+
type: "video/mp4"
|
|
323392
|
+
}), /*#__PURE__*/React__default['default'].createElement("source", {
|
|
323393
|
+
src: item,
|
|
323394
|
+
type: "video/webm"
|
|
323395
|
+
}), /*#__PURE__*/React__default['default'].createElement("source", {
|
|
323396
|
+
src: item,
|
|
323397
|
+
type: "video/ogg"
|
|
323398
|
+
}), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01") : /*#__PURE__*/React__default['default'].createElement("img", {
|
|
323399
|
+
src: item,
|
|
323400
|
+
alt: "",
|
|
323401
|
+
style: transformProps
|
|
323402
|
+
}));
|
|
323403
|
+
};
|
|
323404
|
+
|
|
323405
|
+
var BigImg$1 = function BigImg(_ref2) {
|
|
323406
|
+
var instance = _ref2.instance;
|
|
323407
|
+
var urlList = instance.urlList,
|
|
323408
|
+
previewRef = instance.previewRef,
|
|
323409
|
+
infinite = instance.infinite,
|
|
323410
|
+
setTransform = instance.setTransform,
|
|
323411
|
+
beforeChange = instance.beforeChange;
|
|
323412
|
+
var onWheel = React.useCallback(function (e) {
|
|
323413
|
+
// e?.preventDefault()
|
|
323414
|
+
// e.stopPropagation()
|
|
323415
|
+
if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
|
|
323416
|
+
setTransform('zoomIn');
|
|
323417
|
+
} else {
|
|
323418
|
+
setTransform('zoomOut');
|
|
323419
|
+
}
|
|
323420
|
+
}, [setTransform]);
|
|
323421
|
+
var config = {
|
|
323422
|
+
dots: false,
|
|
323423
|
+
infinite: infinite,
|
|
323424
|
+
// lazyLoad: true, // 懒加载
|
|
323425
|
+
adaptiveHeight: false,
|
|
323426
|
+
beforeChange: beforeChange // customPaging: (i) => <img src={urlList[i]} alt="" />,
|
|
323427
|
+
|
|
323428
|
+
};
|
|
323429
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323430
|
+
className: "preview_list",
|
|
323431
|
+
onClick: function onClick(e) {
|
|
323432
|
+
return e.stopPropagation();
|
|
323433
|
+
},
|
|
323434
|
+
onWheel: onWheel
|
|
323435
|
+
}, /*#__PURE__*/React__default['default'].createElement(Carousel, _objectSpread({
|
|
323436
|
+
ref: previewRef
|
|
323437
|
+
}, config), urlList.map(function (v, idx) {
|
|
323438
|
+
return /*#__PURE__*/React__default['default'].createElement(ListItem$3, {
|
|
323439
|
+
key: idx || v,
|
|
323440
|
+
index: idx,
|
|
323441
|
+
item: v,
|
|
323442
|
+
instance: instance
|
|
323443
|
+
});
|
|
323444
|
+
})));
|
|
323445
|
+
};
|
|
323446
|
+
|
|
323447
|
+
var ThumbItem$1 = function ThumbItem(_ref) {
|
|
323448
|
+
var item = _ref.item,
|
|
323449
|
+
instance = _ref.instance;
|
|
323450
|
+
var getIsVideo = instance.getIsVideo;
|
|
323451
|
+
|
|
323452
|
+
if (getIsVideo(item)) {
|
|
323453
|
+
return /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323454
|
+
type: "lmweb-video",
|
|
323455
|
+
className: "thumb_item_icon"
|
|
323456
|
+
});
|
|
323457
|
+
}
|
|
323458
|
+
|
|
323459
|
+
return /*#__PURE__*/React__default['default'].createElement("img", {
|
|
323460
|
+
src: item,
|
|
323461
|
+
alt: ""
|
|
323462
|
+
});
|
|
323463
|
+
};
|
|
323464
|
+
|
|
323465
|
+
var Thumb$2 = function Thumb(_ref2) {
|
|
323466
|
+
var instance = _ref2.instance;
|
|
323467
|
+
var state = instance.state,
|
|
323468
|
+
urlList = instance.urlList,
|
|
323469
|
+
slickGoTo = instance.slickGoTo;
|
|
323470
|
+
var activeIndex = React.useMemo(function () {
|
|
323471
|
+
return state.currentIndex;
|
|
323472
|
+
}, [state.currentIndex]);
|
|
323473
|
+
|
|
323474
|
+
var handleGoTo = function handleGoTo(e, number) {
|
|
323475
|
+
e.preventDefault();
|
|
323476
|
+
slickGoTo(number);
|
|
323477
|
+
};
|
|
323478
|
+
|
|
323479
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323480
|
+
className: "thumb_list",
|
|
323481
|
+
onClick: function onClick(e) {
|
|
323482
|
+
return e.stopPropagation();
|
|
323483
|
+
}
|
|
323484
|
+
}, urlList.map(function (v, idx) {
|
|
323485
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323486
|
+
className: classnames('thumb_item', activeIndex === idx && 'active'),
|
|
323487
|
+
key: idx || v,
|
|
323488
|
+
onClick: function onClick(e) {
|
|
323489
|
+
return handleGoTo(e, idx);
|
|
323490
|
+
}
|
|
323491
|
+
}, /*#__PURE__*/React__default['default'].createElement(ThumbItem$1, {
|
|
323492
|
+
item: v,
|
|
323493
|
+
instance: instance
|
|
323494
|
+
}));
|
|
323495
|
+
}));
|
|
323496
|
+
};
|
|
323497
|
+
|
|
323498
|
+
var Operate$2 = function Operate(_ref) {
|
|
323499
|
+
var instance = _ref.instance;
|
|
323500
|
+
var setTransform = instance.setTransform;
|
|
323501
|
+
|
|
323502
|
+
var handleTranform = function handleTranform(e, type) {
|
|
323503
|
+
setTransform(type);
|
|
323504
|
+
};
|
|
323505
|
+
|
|
323506
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323507
|
+
className: "image_viewer_action",
|
|
323508
|
+
onClick: function onClick(e) {
|
|
323509
|
+
return e.stopPropagation();
|
|
323510
|
+
}
|
|
323511
|
+
}, /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323512
|
+
type: "lmweb-zoomin",
|
|
323513
|
+
onClick: function onClick(e) {
|
|
323514
|
+
return handleTranform(e, 'zoomIn');
|
|
323515
|
+
}
|
|
323516
|
+
}), /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323517
|
+
type: "lmweb-a-icon_m_search1",
|
|
323518
|
+
onClick: function onClick(e) {
|
|
323519
|
+
return handleTranform(e, 'zoomOut');
|
|
323520
|
+
}
|
|
323521
|
+
}), /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323522
|
+
type: "lmweb-undo",
|
|
323523
|
+
onClick: function onClick(e) {
|
|
323524
|
+
return handleTranform(e, 'rotateLeft');
|
|
323525
|
+
}
|
|
323526
|
+
}), /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323527
|
+
type: "lmweb-redo",
|
|
323528
|
+
onClick: function onClick(e) {
|
|
323529
|
+
return handleTranform(e, 'rotateRight');
|
|
323530
|
+
}
|
|
323531
|
+
}));
|
|
323532
|
+
};
|
|
323533
|
+
|
|
323534
|
+
var Arrows = function Arrows(_ref) {
|
|
323535
|
+
var instance = _ref.instance;
|
|
323536
|
+
var slickNext = instance.slickNext,
|
|
323537
|
+
slickPrev = instance.slickPrev;
|
|
323538
|
+
|
|
323539
|
+
var handlePreNext = function handlePreNext(e, type) {
|
|
323540
|
+
e.stopPropagation();
|
|
323541
|
+
|
|
323542
|
+
if (type === 'next') {
|
|
323543
|
+
slickNext();
|
|
323544
|
+
}
|
|
323545
|
+
|
|
323546
|
+
if (type === 'prev') {
|
|
323547
|
+
slickPrev();
|
|
323548
|
+
}
|
|
323549
|
+
};
|
|
323550
|
+
|
|
323551
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323552
|
+
className: "arrow arrow_left",
|
|
323553
|
+
onClick: function onClick(e) {
|
|
323554
|
+
return handlePreNext(e, 'prev');
|
|
323555
|
+
}
|
|
323556
|
+
}, /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323557
|
+
type: "lmweb-left"
|
|
323558
|
+
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323559
|
+
className: "arrow arrow_right",
|
|
323560
|
+
onClick: function onClick(e) {
|
|
323561
|
+
return handlePreNext(e, 'next');
|
|
323562
|
+
}
|
|
323563
|
+
}, /*#__PURE__*/React__default['default'].createElement(IconFont, {
|
|
323564
|
+
type: "lmweb-right"
|
|
323565
|
+
})));
|
|
323566
|
+
};
|
|
323567
|
+
|
|
323568
|
+
// 根文件 => 参数聚合
|
|
323569
|
+
|
|
323570
|
+
var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
|
|
323571
|
+
var instance = _ref.instance;
|
|
323572
|
+
var onClose = instance.onClose,
|
|
323573
|
+
hideOnClickModal = instance.hideOnClickModal;
|
|
323574
|
+
|
|
323575
|
+
var handleClose = function handleClose() {
|
|
323576
|
+
hideOnClickModal && onClose();
|
|
323577
|
+
};
|
|
323578
|
+
|
|
323579
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323580
|
+
className: "lm_image_viewer_container",
|
|
323581
|
+
onClick: handleClose
|
|
323582
|
+
}, /*#__PURE__*/React__default['default'].createElement(BigImg$1, {
|
|
323583
|
+
instance: instance
|
|
323584
|
+
}), /*#__PURE__*/React__default['default'].createElement(Thumb$2, {
|
|
323585
|
+
instance: instance
|
|
323586
|
+
}), /*#__PURE__*/React__default['default'].createElement(Operate$2, {
|
|
323587
|
+
instance: instance
|
|
323588
|
+
}), /*#__PURE__*/React__default['default'].createElement(Arrows, {
|
|
323589
|
+
instance: instance
|
|
323590
|
+
})));
|
|
323591
|
+
};
|
|
323592
|
+
|
|
323593
|
+
var LmImageViewerContainer$1 = /*#__PURE__*/React__default['default'].memo(LmImageViewerContainer);
|
|
323594
|
+
|
|
323595
|
+
// 根文件 => 参数聚合
|
|
323596
|
+
|
|
323597
|
+
var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
|
|
323598
|
+
var instance = _ref.instance;
|
|
323599
|
+
var getVisible = instance.getVisible,
|
|
323600
|
+
zIndex = instance.zIndex;
|
|
323601
|
+
|
|
323602
|
+
var handleClose = function handleClose() {
|
|
323603
|
+
console.log('handleClose');
|
|
323604
|
+
};
|
|
323605
|
+
|
|
323606
|
+
if (!getVisible()) return null;
|
|
323607
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323608
|
+
className: "lm_image_viewer_wrapper",
|
|
323609
|
+
style: {
|
|
323610
|
+
zIndex: zIndex
|
|
323611
|
+
}
|
|
323612
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
323613
|
+
className: "lm_image_viewer_mask",
|
|
323614
|
+
onClick: handleClose
|
|
323615
|
+
}), /*#__PURE__*/React__default['default'].createElement(LmImageViewerContainer$1, {
|
|
323616
|
+
instance: instance
|
|
323617
|
+
}));
|
|
323618
|
+
};
|
|
323619
|
+
|
|
323620
|
+
var LmImageViewerWrapper$1 = /*#__PURE__*/React__default['default'].memo(LmImageViewerWrapper);
|
|
323621
|
+
|
|
323622
|
+
var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
|
|
323623
|
+
var previewRef = React.useRef(null);
|
|
323624
|
+
var initialState = React.useMemo(function () {
|
|
323625
|
+
return initialState$5(props);
|
|
323626
|
+
}, []);
|
|
323627
|
+
|
|
323628
|
+
var _useReducer = React.useReducer(reducer$7, initialState),
|
|
323629
|
+
_useReducer2 = _slicedToArray$1(_useReducer, 2),
|
|
323630
|
+
state = _useReducer2[0],
|
|
323631
|
+
dispatch = _useReducer2[1]; // 获取核心Methods
|
|
323632
|
+
|
|
323633
|
+
|
|
323634
|
+
var _useCoreOptions = useCoreOptions$4({
|
|
323635
|
+
state: state,
|
|
323636
|
+
dispatch: dispatch,
|
|
323637
|
+
props: props,
|
|
323638
|
+
previewRef: previewRef
|
|
323639
|
+
}),
|
|
323640
|
+
CoreMethods = _useCoreOptions.CoreMethods,
|
|
323641
|
+
RefMethods = _useCoreOptions.RefMethods; // 组件实例
|
|
323642
|
+
|
|
323643
|
+
|
|
323644
|
+
var instance = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props), CoreMethods), RefMethods), {}, {
|
|
323645
|
+
previewRef: previewRef,
|
|
323646
|
+
state: state,
|
|
323647
|
+
dispatch: dispatch
|
|
323648
|
+
}); // 向外暴露出的方法
|
|
323649
|
+
|
|
323650
|
+
|
|
323651
|
+
React.useImperativeHandle(ref, function () {
|
|
323652
|
+
return {};
|
|
323653
|
+
});
|
|
323654
|
+
return /*#__PURE__*/React__default['default'].createElement(LmImageViewerWrapper$1, {
|
|
323655
|
+
instance: instance
|
|
323656
|
+
});
|
|
323657
|
+
};
|
|
323658
|
+
|
|
323659
|
+
var LmImageViewerRoot$1 = /*#__PURE__*/React.forwardRef(LmImageViewerRoot);
|
|
323660
|
+
|
|
323661
|
+
var LmImageViewer = function LmImageViewer(_ref, ref) {
|
|
323662
|
+
var resetProps = _extends$2({}, _ref);
|
|
323663
|
+
|
|
323664
|
+
var defaultRef = React.useRef(null);
|
|
323665
|
+
|
|
323666
|
+
var defaultConfig = _objectSpread({
|
|
323667
|
+
visible: null,
|
|
323668
|
+
urlList: [],
|
|
323669
|
+
zIndex: 2001,
|
|
323670
|
+
initialIndex: 0,
|
|
323671
|
+
infinite: false,
|
|
323672
|
+
hideOnClickModal: true,
|
|
323673
|
+
close: function close() {}
|
|
323674
|
+
}, resetProps);
|
|
323675
|
+
|
|
323676
|
+
return /*#__PURE__*/React__default['default'].createElement(LmImageViewerRoot$1, _objectSpread({
|
|
323677
|
+
ref: ref || defaultRef
|
|
323678
|
+
}, defaultConfig));
|
|
323679
|
+
};
|
|
323680
|
+
|
|
323681
|
+
var LmImageViewer$1 = /*#__PURE__*/React.forwardRef(LmImageViewer);
|
|
323682
|
+
|
|
323190
323683
|
exports.Alert = Alert$1;
|
|
323191
323684
|
exports.Approval = LMApproval;
|
|
323192
323685
|
exports.AutoComplete = RefAutoComplete$1;
|
|
@@ -323222,6 +323715,7 @@
|
|
|
323222
323715
|
exports.IconFont = IconFont;
|
|
323223
323716
|
exports.IconSelect = IconSelect;
|
|
323224
323717
|
exports.Image = Image$1;
|
|
323718
|
+
exports.ImageViewer = LmImageViewer$1;
|
|
323225
323719
|
exports.Input = LmInput;
|
|
323226
323720
|
exports.InputNumber = CInputNumber;
|
|
323227
323721
|
exports.LMQuickMenu = LMQuickMenu;
|
package/dist/index.umd.min.js
CHANGED
|
@@ -191,4 +191,4 @@ var lAe={};var uAe=function(){function e(e,t,n){var r=this;this._sleepAfterStill
|
|
|
191
191
|
* @return {boolean} True if the event is supported.
|
|
192
192
|
* @internal
|
|
193
193
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
194
|
-
*/;var Vrt=function(e,t){if(!zrt.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var i=document.createElement("div");i.setAttribute(n,"return;"),r="function"==typeof i[n]}return!r&&Brt&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r};function Urt(e){var t=0,n=0,r=0,i=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,i=10*n,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||i)&&e.deltaMode&&(1==e.deltaMode?(r*=40,i*=40):(r*=800,i*=800)),r&&!t&&(t=1>r?-1:1),i&&!n&&(n=1>i?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:i}}Urt.getEventType=function(){return Lrt.firefox()?"DOMMouseScroll":Vrt("wheel")?"wheel":"mousewheel"};var Hrt=Urt;function Wrt(e,t,n,r,i,o){void 0===o&&(o=0);var a=tit(e,t,o),s=a.height,l=Math.min(a.width,n),u=Math.min(s,r);return l>u*i?{width:u*i,height:u}:{width:l,height:l/i}}function Krt(e,t,n,r,i){void 0===i&&(i=0);var o=tit(t.width,t.height,i),a=o.height;return{x:qrt(e.x,o.width,n.width,r),y:qrt(e.y,a,n.height,r)}}function qrt(e,t,n,r){var i=t*r/2-n/2;return nit(e,-i,i)}function Yrt(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function Grt(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function $rt(e,t,n,r,i,o,a){void 0===o&&(o=0),void 0===a&&(a=!0);var s=a?Xrt:Jrt,l=tit(t.width,t.height,o),u=tit(t.naturalWidth,t.naturalHeight,o),c={x:s(100,((l.width-n.width/i)/2-e.x/i)/l.width*100),y:s(100,((l.height-n.height/i)/2-e.y/i)/l.height*100),width:s(100,n.width/l.width*100/i),height:s(100,n.height/l.height*100/i)},d=Math.round(s(u.width,c.width*u.width/100)),f=Math.round(s(u.height,c.height*u.height/100)),p=u.width>=u.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:c,croppedAreaPixels:Nrt(Nrt({},p),{x:Math.round(s(u.width-p.width,c.x*u.width/100)),y:Math.round(s(u.height-p.height,c.y*u.height/100))})}}function Xrt(e,t){return Math.min(e,Math.max(0,t))}function Jrt(e,t){return t}function Zrt(e,t,n,r,i,o){var a=tit(t.width,t.height,n),s=nit(r.width/a.width*(100/e.width),i,o);return{crop:{x:s*a.width/2-r.width/2-a.width*s*(e.x/100),y:s*a.height/2-r.height/2-a.height*s*(e.y/100)},zoom:s}}function Qrt(e,t,n,r,i,o){void 0===n&&(n=0);var a=tit(t.naturalWidth,t.naturalHeight,n),s=nit(function(e,t,n){var r=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}(e,t,r),i,o),l=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*l,y:((a.height-e.height)/2-e.y)*l},zoom:s}}function eit(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function tit(e,t,n){var r=n*Math.PI/180;return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function nit(e,t,n){return Math.min(Math.max(e,t),n)}function rit(){for(var e=[],t=0;arguments.length>t;t++)e[t]=arguments[t];return e.filter((function(e){return"string"==typeof e&&e.length>0})).join(" ").trim()}var iit=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=N.default.createRef(),n.videoRef=N.default.createRef(),n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc=document,n.currentWindow=window,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.emitCropData(),n.setInitialCrop(e)),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=Zrt(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),r=t.zoom;n.props.onCropChange(t.crop),n.props.onZoomChange&&n.props.onZoomChange(r)}else if(n.props.initialCroppedAreaPixels){var i=Qrt(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);r=i.zoom;n.props.onCropChange(i.crop),n.props.onZoomChange&&n.props.onZoomChange(r)}},n.computeSizes=function(){var e,t,r,i,o,a,s=n.imageRef.current||n.videoRef.current;if(s&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect();var l=n.containerRect.width/n.containerRect.height,u=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,c=(null===(r=n.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(i=n.videoRef.current)||void 0===i?void 0:i.videoHeight)||0,d=u/c,f=void 0;if(u>s.offsetWidth||c>s.offsetHeight)switch(n.props.objectFit){default:case"contain":f=l>d?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":f={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":f={width:n.containerRect.height*d,height:n.containerRect.height};break;case"auto-cover":f=u>c?{width:n.containerRect.width,height:n.containerRect.width/d}:{width:n.containerRect.height*d,height:n.containerRect.height}}else f={width:s.offsetWidth,height:s.offsetHeight};n.mediaSize=Nrt(Nrt({},f),{naturalWidth:u,naturalHeight:c}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var p=n.props.cropSize?n.props.cropSize:Wrt(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(o=n.state.cropSize)||void 0===o?void 0:o.height)===p.height&&(null===(a=n.state.cropSize)||void 0===a?void 0:a.width)===p.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(p),n.setState({cropSize:p},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(p),p}},n.onMouseDown=function(e){e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.addEventListener("touchend",n.onDragStopped),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0])))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onDragStart=function(e){var t,r;n.dragStartPosition={x:e.x,y:e.y},n.dragStartCrop=Nrt({},n.props.crop),null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t)},n.onDrag=function(e){var t=e.x,r=e.y;n.rafDragTimeout&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.requestAnimationFrame((function(){if(n.state.cropSize&&void 0!==t&&void 0!==r){var e={x:n.dragStartCrop.x+(t-n.dragStartPosition.x),y:n.dragStartCrop.y+(r-n.dragStartPosition.y)},i=n.props.restrictPosition?Krt(e,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):e;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(!n.props.onWheelRequest||n.props.onWheelRequest(e)){e.preventDefault();var r=t.getMousePoint(e),i=Hrt(e).pixelY;n.setNewZoom(n.props.zoom-i*n.props.zoomSpeed/200,r,{shouldUpdatePosition:!0}),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},(function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)})),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=n.currentWindow.setTimeout((function(){return n.setState({hasWheelJustStarted:!1},(function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)}))}),250)}},n.getPointOnContainer=function(e){var t=e.x,r=e.y;if(!n.containerRect)throw Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(t-n.containerRect.left),y:n.containerRect.height/2-(r-n.containerRect.top)}},n.getPointOnMedia=function(e){var t=n.props,r=t.crop,i=t.zoom;return{x:(e.x+r.x)/i,y:(e.y+r.y)/i}},n.setNewZoom=function(e,t,r){var i=(void 0===r?{}:r).shouldUpdatePosition,o=void 0===i||i;if(n.state.cropSize&&n.props.onZoomChange){var a=n.getPointOnContainer(t),s=n.getPointOnMedia(a),l=nit(e,n.props.minZoom,n.props.maxZoom),u={x:s.x*l-a.x,y:s.y*l-a.y};if(o){var c=n.props.restrictPosition?Krt(u,n.mediaSize,n.state.cropSize,l,n.props.rotation):u;n.props.onCropChange(c)}n.props.onZoomChange(l)}},n.getCropData=function(){return n.state.cropSize?$rt(n.props.restrictPosition?Krt(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,r),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.emitCropAreaChange=function(){var e=n.getCropData();e&&(n.props.onCropAreaChange&&n.props.onCropAreaChange(e.croppedAreaPercentages,e.croppedAreaPixels))},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?Krt(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop;n.props.onCropChange(e),n.emitCropData()}},n}return function(e,t){function n(){this.constructor=e}grt(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.preventZoomSafari),this.containerRef.addEventListener("gesturechange",this.preventZoomSafari)),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef)},t.prototype.componentWillUnmount=function(){var e;this.currentWindow.removeEventListener("resize",this.computeSizes),this.containerRef&&(this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.containerRef.removeEventListener("gesturechange",this.preventZoomSafari)),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){var t,n,r,i,o,a,s,l,u;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(r=e.cropSize)||void 0===r?void 0:r.width)!==(null===(i=this.props.cropSize)||void 0===i?void 0:i.width)?this.computeSizes():(null===(o=e.crop)||void 0===o?void 0:o.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(l=this.props.crop)||void 0===l?void 0:l.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(u=this.videoRef.current)||void 0===u||u.load())},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize;return t?t.width/t.height:e.aspect},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=Yrt(n,r),this.lastPinchRotation=Grt(n,r),this.onDragStart(eit(n,r))},t.prototype.onPinchMove=function(e){var n=this,r=t.getTouchPoint(e.touches[0]),i=t.getTouchPoint(e.touches[1]),o=eit(r,i);this.onDrag(o),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame((function(){var e=Yrt(r,i);n.setNewZoom(n.props.zoom*(e/n.lastPinchDistance),o,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var t=Grt(r,i);n.props.onRotationChange&&n.props.onRotationChange(n.props.rotation+(t-n.lastPinchRotation)),n.lastPinchRotation=t}))},t.prototype.render=function(){var e=this,t=this.props,n=t.image,r=t.video,i=t.mediaProps,o=t.transform,a=t.crop,s=a.x,l=a.y,u=t.rotation,c=t.zoom,d=t.cropShape,f=t.showGrid,p=t.style,h=p.cropAreaStyle,m=p.mediaStyle,v=t.classes,g=v.cropAreaClassName,y=v.mediaClassName,b=t.objectFit;return N.default.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:p.containerStyle,className:rit("reactEasyCrop_Container",v.containerClassName)},n?N.default.createElement("img",Nrt({alt:"",className:rit("reactEasyCrop_Image","contain"===b&&"reactEasyCrop_Contain","horizontal-cover"===b&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===b&&"reactEasyCrop_Cover_Vertical","auto-cover"===b&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{src:n,ref:this.imageRef,style:Nrt(Nrt({},m),{transform:o||"translate("+s+"px, "+l+"px) rotate("+u+"deg) scale("+c+")"}),onLoad:this.onMediaLoad})):r&&N.default.createElement("video",Nrt({autoPlay:!0,loop:!0,muted:!0,className:rit("reactEasyCrop_Video","contain"===b&&"reactEasyCrop_Contain","horizontal-cover"===b&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===b&&"reactEasyCrop_Cover_Vertical","auto-cover"===b&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:Nrt(Nrt({},m),{transform:o||"translate("+s+"px, "+l+"px) rotate("+u+"deg) scale("+c+")"}),controls:!1}),(Array.isArray(r)?r:[{src:r}]).map((function(e){return N.default.createElement("source",Nrt({key:e.src},e))}))),this.state.cropSize&&N.default.createElement("div",{style:Nrt(Nrt({},h),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:rit("reactEasyCrop_CropArea","round"===d&&"reactEasyCrop_CropAreaRound",f&&"reactEasyCrop_CropAreaGrid",g)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(N.default.Component),oit=function(e){var n=e.instance,r=n.state,i=n.imgURL,o=n.setTransform,a=n.minZoom,s=n.zoomSpeed,l=n.aspect,u=n.cropSize,c=t.useCallback((function(e,t){o({croppedAreaPixels:t})}),[o]);return N.default.createElement("div",{className:"lm_cutimg_crop"},N.default.createElement(iit,Xa(Xa({},{minZoom:a,zoomSpeed:s,aspect:l,cropSize:u}),{},{image:i,crop:r.crop,zoom:r.zoom,rotation:r.rotation,onCropChange:function(e){return o({crop:e})},onCropComplete:c,onZoomChange:function(e){return o({zoom:e})}})))},ait=N.default.memo(oit),sit=["value","onChange","leftIcon","rightIcon"],lit=function(e){var t=e.value,n=e.onChange,r=e.leftIcon,i=e.rightIcon,o=vp(e,sit);return N.default.createElement(N.default.Fragment,null,N.default.createElement(Zj,{type:r,onClick:function(){t>o.min&&(null==n||n(Math.round(100*t-100*o.step)/100))}}),N.default.createElement(Dve,Xa(Xa({},o),{},{value:t,onChange:function(e){return n(e)}})),N.default.createElement(Zj,{type:i,onClick:function(){o.max>t&&(null==n||n(Math.round(100*t+100*o.step)/100))}}))},uit=function(e){var t=e.instance,n=t.state,r=t.setTransform;return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"img_crop_control"},N.default.createElement(lit,{value:n.zoom,onChange:function(e){return r({zoom:e})},defaultValue:1,leftIcon:"lmweb-minus",rightIcon:"lmweb-plus",step:.1,min:.1,max:3})),N.default.createElement("div",{className:"img_crop_control"},N.default.createElement(lit,{value:n.rotation,onChange:function(e){return r({rotation:e})},defaultValue:0,leftIcon:"lmweb-rotate-left",rightIcon:"lmweb-rotate-right",step:1,min:-180,max:180})))},cit=N.default.memo(uit),dit=function(e){var n=e.instance,r=n.visible,i=n.onClose,o=n.state,a=n.dispatch,s=n.getCropImageAsync,l=n.file,u=t.useRef(null),c=function(e){a({type:"changeResult",result:{visible:!1}}),null==i||i(e,l)},d=function(){var e=Sd(wd().mark((function e(){var t;return wd().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,s();case 2:a({type:"changeResult",result:{croppedImage:t=e.sent}}),c(t);case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return N.default.createElement(N.default.Fragment,null,N.default.createElement(rGe,Xa({},{title:"编辑图片",open:null!=r?r:o.visible,onCancel:function(){return c(!1)},onOk:d}),N.default.createElement("div",{ref:u,className:"lm_cutimg_container"},N.default.createElement(ait,{instance:n}),N.default.createElement(cit,{instance:n}))))},fit=N.default.memo(dit),pit=N.default.memo((function(e){return N.default.createElement(fit,{instance:e.instance})})),hit=t.forwardRef((function(e,n){var r=t.useMemo((function(){return Xa({},crt)}),[]),i=t.useReducer(drt,r),o=Gc(i,2),a=o[0],s=o[1],l=vrt({state:a,dispatch:s,props:e}),u=l.CoreMethds,c=l.RefMethods,d=t.useMemo((function(){return Xa(Xa(Xa(Xa({},e),u),c),{},{state:a,dispatch:s})}),[e,c,a,s]);return t.useImperativeHandle(n,(function(){return Xa({getState:function(){return a}},c)})),N.default.createElement(pit,{instance:d})})),mit=t.forwardRef((function(e,n){var r=t.useRef(null),i=Xa({visible:null,file:null,minZoom:.1,zoomSpeed:.2,aspect:4/3,cropSize:null},e);return N.default.createElement(hit,Xa({ref:n||r},i))}));e.Alert=ftt,e.Approval=Dtt,e.AutoComplete=rtt,e.Avatar=dre,e.Badge=znt,e.Button=yp,e.ButtonTags=function(e){var t=e.value,n=e.onChange,r=e.disabled,i=e.type,o=void 0===i?"checkbox":i,a=e.options;return N.default.createElement("div",{className:"lm_base_button_tag_Group ".concat("small"===e.size?"small":""," ").concat(r?"disabled":"")},null==a?void 0:a.map((function(e){return N.default.createElement("div",{key:e.value,className:"button_tag_item ".concat((null==t?void 0:t.indexOf(e.value))>-1?"active":""),onClick:function(){return function(e){if("radio"===o)null==n||n(t===e.value?"":e.value);else{var r=t||[],i=(null==r?void 0:r.includes(e.value))?r.filter((function(t){return t!==e.value})):[].concat(ed(r),[e.value]);null==n||n(i)}}(e)}},e.label)})))},e.Calendar=g3e,e.Card=Zx,e.CardTable=wne,e.Carousel=s6e,e.Cascader=function(e){var t=e.className,n=e.dropdownClassName,r=e.placeholder,i=void 0===r?"请选择":r,o=vp(e,r_);return N.default.createElement(n_,Xa({placeholder:i,className:ir("lm_cascader",t),dropdownClassName:ir("lm_cascader_dropdown",n)},o))},e.Checkbox=m_,e.Col=X4e,e.Collapse=z6e,e.Comment=function(e){var n=e.actions,r=e.author,i=e.avatar,o=e.children,a=e.className,s=e.content,l=e.prefixCls,u=e.datetime,c=V6e(e,["actions","author","avatar","children","className","content","prefixCls","datetime"]),d=t.useContext(Ta),f=d.direction,p=(0,d.getPrefixCls)("comment",l),h=i?t.createElement("div",{className:"".concat(p,"-avatar")},"string"==typeof i?t.createElement("img",{src:i,alt:"comment-avatar"}):i):null,m=n&&n.length?t.createElement("ul",{className:"".concat(p,"-actions")},n.map((function(e,n){return t.createElement("li",{key:"action-".concat(n)},e)}))):null,v=(r||u)&&t.createElement("div",{className:"".concat(p,"-content-author")},r&&t.createElement("span",{className:"".concat(p,"-content-author-name")},r),u&&t.createElement("span",{className:"".concat(p,"-content-author-time")},u)),g=t.createElement("div",{className:"".concat(p,"-content")},v,t.createElement("div",{className:"".concat(p,"-content-detail")},s),m),y=ir(p,pe({},"".concat(p,"-rtl"),"rtl"===f),a);return t.createElement("div",ce({},c,{className:y}),t.createElement("div",{className:"".concat(p,"-inner")},h,g),o?function(e,n){return t.createElement("div",{className:ir("".concat(e,"-nested"))},n)}(p,o):null)},e.ConfigProvider=tf,e.CropImg=mit,e.CustomTableOption=FJe,e.CustomerService=function(){var e=t.useState(!1),n=Gc(e,2),r=n[0],i=n[1],o=t.useRef();return N.default.createElement("div",{className:"lm_customerservice_warp"},N.default.createElement(YS,{cRef:o}),r?N.default.createElement(XS,{setIfOpenMessage:i}):N.default.createElement("div",{className:"fixGroup"},N.default.createElement("div",{className:"customerWrap",onClick:function(){o.current.showDrawerRef()}},N.default.createElement(zu,{style:{fontSize:"20px",color:"#fff"}})),N.default.createElement("div",{className:"customerWrap2",onClick:function(){i(!0)}},N.default.createElement("div",{className:"lineTop"}),N.default.createElement(vu,{style:{fontSize:"20px",color:"#fff"}}))))},e.DatePicker=tet,e.Descriptions=Xnt,e.Divider=Unt,e.Drawer=ZS,e.Dropdown=vk,e.EditTable=wV,e.Empty=PV,e.EnlargeImg=function(e){var n=Xa({},e),r=t.useState(null),i=Gc(r,2),o=i[0],a=i[1],s=t.useState(200),l=Gc(s,2),u=l[0],c=l[1],d=t.useState(300),f=Gc(d,2),p=f[1],h=t.useState("图片预览"),m=Gc(h,2),v=m[0],g=m[1],y=t.useState(!1),b=Gc(y,2),x=b[0],E=b[1];t.useEffect((function(){a(n.src),n.title&&g(n.title),n.openWidth&&p(n.openWidth),n.width&&c("number"==typeof n.width?"".concat(n.width,"px"):n.width)}),[]);var C=function(){E(!1)},w=function(){return N.default.createElement(N.default.Fragment,null,N.default.createElement(JV,{keyboard:!0,title:v,visible:x,onCancel:C,footer:!1,bodyStyle:{padding:0},maskClosable:!0,centered:!0},N.default.createElement("img",{src:o,alt:"null",style:{width:"100%"}})))};return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"lm_enlargeimg_warp",onClick:function(){E(!0)}},N.default.createElement("img",{style:{width:"".concat(u)},src:o,alt:"null"})),x?N.default.createElement(w,null):null)},e.Form=r9e,e.FullScreen=function(e){var n=e.children,r=e.status,i=void 0!==r&&r,o=e.onClose;return t.useEffect((function(){var e=function(e){27===e.keyCode&&(null==o||o())};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[]),i?B.default.createPortal(N.default.createElement("div",{className:"lm_funll_screen"},n),document.body):n},e.Grid=H7e,e.Icon=function(e){return N.default.createElement("span",{className:e.className})},e.IconFont=Zj,e.IconSelect=function(e){var n=e.visible,r=e.onClose,i=e.value,o=void 0===i?"":i,a=e.onChange,s=t.useState(),l=Gc(s,2),u=l[0],c=l[1],d=t.useMemo((function(){for(var e=[],t=Sne,n=0,r=t.length;r>n;n+=4)e.push(t.slice(n,n+4));return e}),[]),f=function(){null==a||a(u),null==r||r()},p=function(e){e.preventDefault(),e.stopPropagation(),f()};return t.useEffect((function(){n&&c(o)}),[n]),N.default.createElement(N.default.Fragment,null,N.default.createElement(rGe,{title:"选择图标",visible:n,size:"small",onOk:f,onCancel:r},N.default.createElement("div",{className:"lm-icon_select"},N.default.createElement(TYe,{options:d},(function(e){var t=e.item,n=vp(e,kne);return N.default.createElement("div",nd({},n,{className:"lm-icon_row"}),null==t?void 0:t.map((function(e){return N.default.createElement("div",{key:e.font_class,className:"lm-icon_col_wrapper"},N.default.createElement("div",{className:ir("lm-icon_col","lmweb-".concat(e.font_class)===u&&"lm-icon_active"),onClick:function(){return c("lmweb-".concat(e.font_class))},onDoubleClick:p},N.default.createElement(Zj,{type:"lmweb-".concat(e.font_class)})))})))})))))},e.Image=oV,e.Input=Pne,e.InputNumber=Mne,e.LMQuickMenu=function(e){var n=e.className,r=e.top,i=void 0===r?"104px":r,o=e.menuData,a=void 0===o?[]:o,s=e.warpElement,l=t.useRef({}),u=t.useState(!1),c=Gc(u,2),d=c[0],f=c[1],p=t.useRef(null),h=t.useState(!1),m=Gc(h,2),v=m[0],g=m[1],y=t.useRef(null),b=bCe(F9e(s||document),(function(){return v}));var x=function(e){var t=document.querySelectorAll('.lm_menu_list li a[data-id="'.concat(e,'"]'))[0];t&&([].forEach.call(document.querySelectorAll(".lm_menu_list li a"),(function(e){e.className=""})),t.className="current")};vCe((function(){b&&!d&&f(!0),y.current&&clearTimeout(y.current),y.current=setTimeout((function(){f(!1)}),2e3)}),[b],{wait:50});var E=function(){Object.keys(l.current).length||a.forEach((function(e){var t,n,r=(null===(t=F9e(s||document))||void 0===t?void 0:t.offsetTop)||0;l.current["".concat(e.menuId)]=(null===(n=document.getElementById("".concat(e.menuId)))||void 0===n?void 0:n.offsetTop)-r}))},C=function(){g(!0)};return t.useEffect((function(){var e;return setTimeout((function(){E(),function(){var e,t,n;if(p.current&&(null===(n=p.current)||void 0===n||n.destroy()),a.length){require("intersection-observer");var r=require("scrollama");p.current=r(),null===(e=p.current)||void 0===e||null===(t=e.setup({step:a.map((function(e){return document.getElementById("".concat(e.menuId))})).filter(Boolean)}))||void 0===t||t.onStepEnter((function(e){x(e.element.id)}))}}()}),200),null===(e=F9e(s||document))||void 0===e||e.addEventListener("scroll",C,{once:!0}),function(){var e;null===(e=F9e(s||document))||void 0===e||e.removeEventListener("scroll",C)}}),[]),N.default.createElement("div",{className:ir("lm_quick_menu"),onMouseEnter:function(){y.current&&clearTimeout(y.current),f(!0)},onMouseLeave:function(){f(!1)},style:{top:i}},!d&&N.default.createElement(yp,{icon:N.default.createElement(Zj,{type:"lmweb-icon_m_open"})}),N.default.createElement("ul",{className:ir("lm_menu_list",d&&"show",n)},a.map((function(e){return N.default.createElement("li",{key:e.menuId,onClick:function(){return function(e){var t;F9e(s||document).scrollTop=null===(t=l.current)||void 0===t?void 0:t[e]}(e.menuId)}},N.default.createElement("a",{"data-id":e.menuId},e.title))}))))},e.Layout=U6e,e.LeftTable=function(e){var n=e.useToggle,r=e.toggleTree,i=e.treeData,o=e.treeType,a=e.modeType,s=void 0===a?"readonly":a,l=e.showType,u=void 0===l?"primary":l,c=e.onAdd,d=void 0===c?function(){}:c,f=e.onHeaderClick,p=void 0===f?function(){}:f,h=e.bottomNode,m=void 0===h?null:h,v=vp(e,nre);"edit"===s&&i.category&&(i.category=ire(i.category));var g=t.useState({title:"分类",treeData:i.category}),y=Gc(g,2),b=y[0],x=y[1];t.useEffect((function(){b.treeData=i.category,x(Xa({},b))}),[i]);Array(50).fill().map((function(e,t){return{id:t,title:"物料的名称",code:"MLY001Y002009".concat(t,"Y"),signer:t%4?["战略备料","预售期货","大货齐备","外发加工"]:["战略备料","样衣打版"],tags:[{icon:N.default.createElement(Tl,null),label:"战略备料"},{label:"战略备料"}],checked:!1,material:"物料名称",materialCode:"MLY001Y002009".concat(t,"Y"),img:t%2?"http://www.wuliwu.top/logo.png":tre,imgUrl:tre,state:t%3?"ok":t%2?"disable":"wait",supplier:"供应商名称",number:"MLY001",contactUser:"联系人",phone:"13131313131",category:t%2?"牛仔":"非牛仔",type:t%2?"面料":"辅料",money:Math.floor(2e3*Math.random())*t,remark:"这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注"}}));var E="ghost"===u?"lm_ghost":"";return N.default.createElement("div",{className:n?"lm_grid_tree ".concat(E):"lm_grid_tree grid_toggle ".concat(E)},N.default.createElement("div",{className:"grid_tree_title",onClick:p},N.default.createElement("div",{className:"grid_tree_title_left"},N.default.createElement("span",null,b.title)),o&&N.default.createElement(ere,{item:o,config:{arrow:!1,placement:"bottomRight",overlayStyle:{width:168,paddingTop:0}},getChange:function(e,t){return function(e){var t=o.data.find((function(t){return t.value===e.value})).label;x({title:t,treeData:i[e.value]})}(e)}},N.default.createElement("div",{className:"grid_tree_title_right"},N.default.createElement(pp,{type:"text"},N.default.createElement(Sl,null))))),N.default.createElement(CM,nd({treeData:b.treeData},v,{rootClassName:"lm_tree_warp"})),"readonly"!==s&&N.default.createElement("div",{className:"bottom_node"},m||N.default.createElement(ore,{onAdd:d})),N.default.createElement("div",{className:"toggle_btn",onClick:r},N.default.createElement(pu,null)))},e.List=Wne,e.LmEditTable=D9e,e.LmFilter=nH,e.LmImgList=urt,e.LmSelect=eGe,e.LmTable=FYe,e.LmUpload=ote,e.LoadingPage=function(e){var t=e.height;return N.default.createElement("div",{style:{display:"flex",width:"100%",height:void 0===t?"100%":t,alignItems:"center",justifyContent:"center"}},N.default.createElement(nF,{size:"large"}))},e.Mentions=W5e,e.Menu=sT,e.Modal=rGe,e.Pagination=aGe,e.Popconfirm=Voe,e.Popover=iet,e.Progress=Tde,e.Radio=uGe,e.Rate=Wde,e.Result=Mnt,e.Row=l3e,e.Segmented=A7e,e.Select=fGe,e.Skeleton=kp,e.Slider=Dve,e.Space=tae,e.Spin=nF,e.Statistic=Fhe,e.Steps=Jme,e.Switch=fJe,e.Table=aN,e.Tabs=cJe,e.Tag=xGe,e.TimePicker=Zne,e.Timeline=T7e,e.Tooltip=C2e,e.Transfer=U7e,e.Tree=wnt,e.TreeSelect=Ffe,e.Typography=ett,e.Upload=function(e){var t=e.sizeType,n=e.listType;return N.default.createElement(nge,Xa({className:ir(e.className,"small"==t&&"little-upload"),itemRender:function(e,t){return n?e:N.default.createElement(JP,{placement:"bottom",title:t.name},e.props.children)},sizeType:t,listType:n},e))},e.UploadOss=cV,e.VirtualList=TYe,e.message=xd,e.notification=zd,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
194
|
+
*/;var Vrt=function(e,t){if(!zrt.canUseDOM||t&&!("addEventListener"in document))return!1;var n="on"+e,r=n in document;if(!r){var i=document.createElement("div");i.setAttribute(n,"return;"),r="function"==typeof i[n]}return!r&&Brt&&"wheel"===e&&(r=document.implementation.hasFeature("Events.wheel","3.0")),r};function Urt(e){var t=0,n=0,r=0,i=0;return"detail"in e&&(n=e.detail),"wheelDelta"in e&&(n=-e.wheelDelta/120),"wheelDeltaY"in e&&(n=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=n,n=0),r=10*t,i=10*n,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||i)&&e.deltaMode&&(1==e.deltaMode?(r*=40,i*=40):(r*=800,i*=800)),r&&!t&&(t=1>r?-1:1),i&&!n&&(n=1>i?-1:1),{spinX:t,spinY:n,pixelX:r,pixelY:i}}Urt.getEventType=function(){return Lrt.firefox()?"DOMMouseScroll":Vrt("wheel")?"wheel":"mousewheel"};var Hrt=Urt;function Wrt(e,t,n,r,i,o){void 0===o&&(o=0);var a=tit(e,t,o),s=a.height,l=Math.min(a.width,n),u=Math.min(s,r);return l>u*i?{width:u*i,height:u}:{width:l,height:l/i}}function Krt(e,t,n,r,i){void 0===i&&(i=0);var o=tit(t.width,t.height,i),a=o.height;return{x:qrt(e.x,o.width,n.width,r),y:qrt(e.y,a,n.height,r)}}function qrt(e,t,n,r){var i=t*r/2-n/2;return nit(e,-i,i)}function Yrt(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function Grt(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function $rt(e,t,n,r,i,o,a){void 0===o&&(o=0),void 0===a&&(a=!0);var s=a?Xrt:Jrt,l=tit(t.width,t.height,o),u=tit(t.naturalWidth,t.naturalHeight,o),c={x:s(100,((l.width-n.width/i)/2-e.x/i)/l.width*100),y:s(100,((l.height-n.height/i)/2-e.y/i)/l.height*100),width:s(100,n.width/l.width*100/i),height:s(100,n.height/l.height*100/i)},d=Math.round(s(u.width,c.width*u.width/100)),f=Math.round(s(u.height,c.height*u.height/100)),p=u.width>=u.height*r?{width:Math.round(f*r),height:f}:{width:d,height:Math.round(d/r)};return{croppedAreaPercentages:c,croppedAreaPixels:Nrt(Nrt({},p),{x:Math.round(s(u.width-p.width,c.x*u.width/100)),y:Math.round(s(u.height-p.height,c.y*u.height/100))})}}function Xrt(e,t){return Math.min(e,Math.max(0,t))}function Jrt(e,t){return t}function Zrt(e,t,n,r,i,o){var a=tit(t.width,t.height,n),s=nit(r.width/a.width*(100/e.width),i,o);return{crop:{x:s*a.width/2-r.width/2-a.width*s*(e.x/100),y:s*a.height/2-r.height/2-a.height*s*(e.y/100)},zoom:s}}function Qrt(e,t,n,r,i,o){void 0===n&&(n=0);var a=tit(t.naturalWidth,t.naturalHeight,n),s=nit(function(e,t,n){var r=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return n.height>n.width?n.height/(e.height*r):n.width/(e.width*r)}(e,t,r),i,o),l=r.height>r.width?r.height/e.height:r.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*l,y:((a.height-e.height)/2-e.y)*l},zoom:s}}function eit(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function tit(e,t,n){var r=n*Math.PI/180;return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function nit(e,t,n){return Math.min(Math.max(e,t),n)}function rit(){for(var e=[],t=0;arguments.length>t;t++)e[t]=arguments[t];return e.filter((function(e){return"string"==typeof e&&e.length>0})).join(" ").trim()}var iit=function(e){function t(){var n=null!==e&&e.apply(this,arguments)||this;return n.imageRef=N.default.createRef(),n.videoRef=N.default.createRef(),n.containerRef=null,n.styleRef=null,n.containerRect=null,n.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},n.dragStartPosition={x:0,y:0},n.dragStartCrop={x:0,y:0},n.lastPinchDistance=0,n.lastPinchRotation=0,n.rafDragTimeout=null,n.rafPinchTimeout=null,n.wheelTimer=null,n.currentDoc=document,n.currentWindow=window,n.state={cropSize:null,hasWheelJustStarted:!1},n.preventZoomSafari=function(e){return e.preventDefault()},n.cleanEvents=function(){n.currentDoc.removeEventListener("mousemove",n.onMouseMove),n.currentDoc.removeEventListener("mouseup",n.onDragStopped),n.currentDoc.removeEventListener("touchmove",n.onTouchMove),n.currentDoc.removeEventListener("touchend",n.onDragStopped)},n.clearScrollEvent=function(){n.containerRef&&n.containerRef.removeEventListener("wheel",n.onWheel),n.wheelTimer&&clearTimeout(n.wheelTimer)},n.onMediaLoad=function(){var e=n.computeSizes();e&&(n.emitCropData(),n.setInitialCrop(e)),n.props.onMediaLoaded&&n.props.onMediaLoaded(n.mediaSize)},n.setInitialCrop=function(e){if(n.props.initialCroppedAreaPercentages){var t=Zrt(n.props.initialCroppedAreaPercentages,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom),r=t.zoom;n.props.onCropChange(t.crop),n.props.onZoomChange&&n.props.onZoomChange(r)}else if(n.props.initialCroppedAreaPixels){var i=Qrt(n.props.initialCroppedAreaPixels,n.mediaSize,n.props.rotation,e,n.props.minZoom,n.props.maxZoom);r=i.zoom;n.props.onCropChange(i.crop),n.props.onZoomChange&&n.props.onZoomChange(r)}},n.computeSizes=function(){var e,t,r,i,o,a,s=n.imageRef.current||n.videoRef.current;if(s&&n.containerRef){n.containerRect=n.containerRef.getBoundingClientRect();var l=n.containerRect.width/n.containerRect.height,u=(null===(e=n.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=n.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,c=(null===(r=n.imageRef.current)||void 0===r?void 0:r.naturalHeight)||(null===(i=n.videoRef.current)||void 0===i?void 0:i.videoHeight)||0,d=u/c,f=void 0;if(u>s.offsetWidth||c>s.offsetHeight)switch(n.props.objectFit){default:case"contain":f=l>d?{width:n.containerRect.height*d,height:n.containerRect.height}:{width:n.containerRect.width,height:n.containerRect.width/d};break;case"horizontal-cover":f={width:n.containerRect.width,height:n.containerRect.width/d};break;case"vertical-cover":f={width:n.containerRect.height*d,height:n.containerRect.height};break;case"auto-cover":f=u>c?{width:n.containerRect.width,height:n.containerRect.width/d}:{width:n.containerRect.height*d,height:n.containerRect.height}}else f={width:s.offsetWidth,height:s.offsetHeight};n.mediaSize=Nrt(Nrt({},f),{naturalWidth:u,naturalHeight:c}),n.props.setMediaSize&&n.props.setMediaSize(n.mediaSize);var p=n.props.cropSize?n.props.cropSize:Wrt(n.mediaSize.width,n.mediaSize.height,n.containerRect.width,n.containerRect.height,n.props.aspect,n.props.rotation);return(null===(o=n.state.cropSize)||void 0===o?void 0:o.height)===p.height&&(null===(a=n.state.cropSize)||void 0===a?void 0:a.width)===p.width||n.props.onCropSizeChange&&n.props.onCropSizeChange(p),n.setState({cropSize:p},n.recomputeCropPosition),n.props.setCropSize&&n.props.setCropSize(p),p}},n.onMouseDown=function(e){e.preventDefault(),n.currentDoc.addEventListener("mousemove",n.onMouseMove),n.currentDoc.addEventListener("mouseup",n.onDragStopped),n.onDragStart(t.getMousePoint(e))},n.onMouseMove=function(e){return n.onDrag(t.getMousePoint(e))},n.onTouchStart=function(e){n.props.onTouchRequest&&!n.props.onTouchRequest(e)||(n.currentDoc.addEventListener("touchmove",n.onTouchMove,{passive:!1}),n.currentDoc.addEventListener("touchend",n.onDragStopped),2===e.touches.length?n.onPinchStart(e):1===e.touches.length&&n.onDragStart(t.getTouchPoint(e.touches[0])))},n.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?n.onPinchMove(e):1===e.touches.length&&n.onDrag(t.getTouchPoint(e.touches[0]))},n.onDragStart=function(e){var t,r;n.dragStartPosition={x:e.x,y:e.y},n.dragStartCrop=Nrt({},n.props.crop),null===(r=(t=n.props).onInteractionStart)||void 0===r||r.call(t)},n.onDrag=function(e){var t=e.x,r=e.y;n.rafDragTimeout&&n.currentWindow.cancelAnimationFrame(n.rafDragTimeout),n.rafDragTimeout=n.currentWindow.requestAnimationFrame((function(){if(n.state.cropSize&&void 0!==t&&void 0!==r){var e={x:n.dragStartCrop.x+(t-n.dragStartPosition.x),y:n.dragStartCrop.y+(r-n.dragStartPosition.y)},i=n.props.restrictPosition?Krt(e,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):e;n.props.onCropChange(i)}}))},n.onDragStopped=function(){var e,t;n.cleanEvents(),n.emitCropData(),null===(t=(e=n.props).onInteractionEnd)||void 0===t||t.call(e)},n.onWheel=function(e){if(!n.props.onWheelRequest||n.props.onWheelRequest(e)){e.preventDefault();var r=t.getMousePoint(e),i=Hrt(e).pixelY;n.setNewZoom(n.props.zoom-i*n.props.zoomSpeed/200,r,{shouldUpdatePosition:!0}),n.state.hasWheelJustStarted||n.setState({hasWheelJustStarted:!0},(function(){var e,t;return null===(t=(e=n.props).onInteractionStart)||void 0===t?void 0:t.call(e)})),n.wheelTimer&&clearTimeout(n.wheelTimer),n.wheelTimer=n.currentWindow.setTimeout((function(){return n.setState({hasWheelJustStarted:!1},(function(){var e,t;return null===(t=(e=n.props).onInteractionEnd)||void 0===t?void 0:t.call(e)}))}),250)}},n.getPointOnContainer=function(e){var t=e.x,r=e.y;if(!n.containerRect)throw Error("The Cropper is not mounted");return{x:n.containerRect.width/2-(t-n.containerRect.left),y:n.containerRect.height/2-(r-n.containerRect.top)}},n.getPointOnMedia=function(e){var t=n.props,r=t.crop,i=t.zoom;return{x:(e.x+r.x)/i,y:(e.y+r.y)/i}},n.setNewZoom=function(e,t,r){var i=(void 0===r?{}:r).shouldUpdatePosition,o=void 0===i||i;if(n.state.cropSize&&n.props.onZoomChange){var a=n.getPointOnContainer(t),s=n.getPointOnMedia(a),l=nit(e,n.props.minZoom,n.props.maxZoom),u={x:s.x*l-a.x,y:s.y*l-a.y};if(o){var c=n.props.restrictPosition?Krt(u,n.mediaSize,n.state.cropSize,l,n.props.rotation):u;n.props.onCropChange(c)}n.props.onZoomChange(l)}},n.getCropData=function(){return n.state.cropSize?$rt(n.props.restrictPosition?Krt(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop,n.mediaSize,n.state.cropSize,n.getAspect(),n.props.zoom,n.props.rotation,n.props.restrictPosition):null},n.emitCropData=function(){var e=n.getCropData();if(e){var t=e.croppedAreaPercentages,r=e.croppedAreaPixels;n.props.onCropComplete&&n.props.onCropComplete(t,r),n.props.onCropAreaChange&&n.props.onCropAreaChange(t,r)}},n.emitCropAreaChange=function(){var e=n.getCropData();e&&(n.props.onCropAreaChange&&n.props.onCropAreaChange(e.croppedAreaPercentages,e.croppedAreaPixels))},n.recomputeCropPosition=function(){if(n.state.cropSize){var e=n.props.restrictPosition?Krt(n.props.crop,n.mediaSize,n.state.cropSize,n.props.zoom,n.props.rotation):n.props.crop;n.props.onCropChange(e),n.emitCropData()}},n}return function(e,t){function n(){this.constructor=e}grt(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.preventZoomSafari),this.containerRef.addEventListener("gesturechange",this.preventZoomSafari)),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef)},t.prototype.componentWillUnmount=function(){var e;this.currentWindow.removeEventListener("resize",this.computeSizes),this.containerRef&&(this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.containerRef.removeEventListener("gesturechange",this.preventZoomSafari)),this.styleRef&&(null===(e=this.styleRef.parentNode)||void 0===e||e.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent()},t.prototype.componentDidUpdate=function(e){var t,n,r,i,o,a,s,l,u;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(n=this.props.cropSize)||void 0===n?void 0:n.height)||(null===(r=e.cropSize)||void 0===r?void 0:r.width)!==(null===(i=this.props.cropSize)||void 0===i?void 0:i.width)?this.computeSizes():(null===(o=e.crop)||void 0===o?void 0:o.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(l=this.props.crop)||void 0===l?void 0:l.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(u=this.videoRef.current)||void 0===u||u.load())},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize;return t?t.width/t.height:e.aspect},t.prototype.onPinchStart=function(e){var n=t.getTouchPoint(e.touches[0]),r=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=Yrt(n,r),this.lastPinchRotation=Grt(n,r),this.onDragStart(eit(n,r))},t.prototype.onPinchMove=function(e){var n=this,r=t.getTouchPoint(e.touches[0]),i=t.getTouchPoint(e.touches[1]),o=eit(r,i);this.onDrag(o),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame((function(){var e=Yrt(r,i);n.setNewZoom(n.props.zoom*(e/n.lastPinchDistance),o,{shouldUpdatePosition:!1}),n.lastPinchDistance=e;var t=Grt(r,i);n.props.onRotationChange&&n.props.onRotationChange(n.props.rotation+(t-n.lastPinchRotation)),n.lastPinchRotation=t}))},t.prototype.render=function(){var e=this,t=this.props,n=t.image,r=t.video,i=t.mediaProps,o=t.transform,a=t.crop,s=a.x,l=a.y,u=t.rotation,c=t.zoom,d=t.cropShape,f=t.showGrid,p=t.style,h=p.cropAreaStyle,m=p.mediaStyle,v=t.classes,g=v.cropAreaClassName,y=v.mediaClassName,b=t.objectFit;return N.default.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(t){return e.containerRef=t},"data-testid":"container",style:p.containerStyle,className:rit("reactEasyCrop_Container",v.containerClassName)},n?N.default.createElement("img",Nrt({alt:"",className:rit("reactEasyCrop_Image","contain"===b&&"reactEasyCrop_Contain","horizontal-cover"===b&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===b&&"reactEasyCrop_Cover_Vertical","auto-cover"===b&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{src:n,ref:this.imageRef,style:Nrt(Nrt({},m),{transform:o||"translate("+s+"px, "+l+"px) rotate("+u+"deg) scale("+c+")"}),onLoad:this.onMediaLoad})):r&&N.default.createElement("video",Nrt({autoPlay:!0,loop:!0,muted:!0,className:rit("reactEasyCrop_Video","contain"===b&&"reactEasyCrop_Contain","horizontal-cover"===b&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===b&&"reactEasyCrop_Cover_Vertical","auto-cover"===b&&(this.mediaSize.naturalWidth>this.mediaSize.naturalHeight?"reactEasyCrop_Cover_Horizontal":"reactEasyCrop_Cover_Vertical"),y)},i,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:Nrt(Nrt({},m),{transform:o||"translate("+s+"px, "+l+"px) rotate("+u+"deg) scale("+c+")"}),controls:!1}),(Array.isArray(r)?r:[{src:r}]).map((function(e){return N.default.createElement("source",Nrt({key:e.src},e))}))),this.state.cropSize&&N.default.createElement("div",{style:Nrt(Nrt({},h),{width:this.state.cropSize.width,height:this.state.cropSize.height}),"data-testid":"cropper",className:rit("reactEasyCrop_CropArea","round"===d&&"reactEasyCrop_CropAreaRound",f&&"reactEasyCrop_CropAreaGrid",g)}))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(N.default.Component),oit=function(e){var n=e.instance,r=n.state,i=n.imgURL,o=n.setTransform,a=n.minZoom,s=n.zoomSpeed,l=n.aspect,u=n.cropSize,c=t.useCallback((function(e,t){o({croppedAreaPixels:t})}),[o]);return N.default.createElement("div",{className:"lm_cutimg_crop"},N.default.createElement(iit,Xa(Xa({},{minZoom:a,zoomSpeed:s,aspect:l,cropSize:u}),{},{image:i,crop:r.crop,zoom:r.zoom,rotation:r.rotation,onCropChange:function(e){return o({crop:e})},onCropComplete:c,onZoomChange:function(e){return o({zoom:e})}})))},ait=N.default.memo(oit),sit=["value","onChange","leftIcon","rightIcon"],lit=function(e){var t=e.value,n=e.onChange,r=e.leftIcon,i=e.rightIcon,o=vp(e,sit);return N.default.createElement(N.default.Fragment,null,N.default.createElement(Zj,{type:r,onClick:function(){t>o.min&&(null==n||n(Math.round(100*t-100*o.step)/100))}}),N.default.createElement(Dve,Xa(Xa({},o),{},{value:t,onChange:function(e){return n(e)}})),N.default.createElement(Zj,{type:i,onClick:function(){o.max>t&&(null==n||n(Math.round(100*t+100*o.step)/100))}}))},uit=function(e){var t=e.instance,n=t.state,r=t.setTransform;return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"img_crop_control"},N.default.createElement(lit,{value:n.zoom,onChange:function(e){return r({zoom:e})},defaultValue:1,leftIcon:"lmweb-minus",rightIcon:"lmweb-plus",step:.1,min:.1,max:3})),N.default.createElement("div",{className:"img_crop_control"},N.default.createElement(lit,{value:n.rotation,onChange:function(e){return r({rotation:e})},defaultValue:0,leftIcon:"lmweb-rotate-left",rightIcon:"lmweb-rotate-right",step:1,min:-180,max:180})))},cit=N.default.memo(uit),dit=function(e){var n=e.instance,r=n.visible,i=n.onClose,o=n.state,a=n.dispatch,s=n.getCropImageAsync,l=n.file,u=t.useRef(null),c=function(e){a({type:"changeResult",result:{visible:!1}}),null==i||i(e,l)},d=function(){var e=Sd(wd().mark((function e(){var t;return wd().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,s();case 2:a({type:"changeResult",result:{croppedImage:t=e.sent}}),c(t);case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return N.default.createElement(N.default.Fragment,null,N.default.createElement(rGe,Xa({},{title:"编辑图片",open:null!=r?r:o.visible,onCancel:function(){return c(!1)},onOk:d}),N.default.createElement("div",{ref:u,className:"lm_cutimg_container"},N.default.createElement(ait,{instance:n}),N.default.createElement(cit,{instance:n}))))},fit=N.default.memo(dit),pit=N.default.memo((function(e){return N.default.createElement(fit,{instance:e.instance})})),hit=t.forwardRef((function(e,n){var r=t.useMemo((function(){return Xa({},crt)}),[]),i=t.useReducer(drt,r),o=Gc(i,2),a=o[0],s=o[1],l=vrt({state:a,dispatch:s,props:e}),u=l.CoreMethds,c=l.RefMethods,d=t.useMemo((function(){return Xa(Xa(Xa(Xa({},e),u),c),{},{state:a,dispatch:s})}),[e,c,a,s]);return t.useImperativeHandle(n,(function(){return Xa({getState:function(){return a}},c)})),N.default.createElement(pit,{instance:d})})),mit=t.forwardRef((function(e,n){var r=t.useRef(null),i=Xa({visible:null,file:null,minZoom:.1,zoomSpeed:.2,aspect:4/3,cropSize:null},e);return N.default.createElement(hit,Xa({ref:n||r},i))})),vit={currentIndex:0,currentUrl:"",transform:{scale:1,rotateZ:0}},git=function(e,t){var n=t.transform,r=t.current,i=t.visible;switch(t.type){case"changeVisible":return Xa(Xa({},e),{},{visible:i});case"changeTransform":return Xa(Xa({},e),{},{transform:Xa(Xa({},e.transform),n)});case"changeCurrent":return Xa(Xa(Xa({},e),r),{},{transform:vit.transform});case"init":return Xa(Xa({},e),vit);default:throw Error()}},yit=function(e){var n=e.key,r=e.index,i=e.item,o=e.instance,a=o.state,s=o.getIsVideo,l=t.useMemo((function(){if(r!==a.currentIndex)return{};var e=a.transform,t=e.rotateZ;return{transform:"scale(".concat(e.scale,") rotateZ(").concat(t,"deg)")}}),[a.currentIndex,a.transform]);return N.default.createElement("div",{className:"preview_item",key:n},s(i)?N.default.createElement("video",{width:"100%",height:"100%",controls:"controls"},N.default.createElement("source",{src:i,type:"video/mp4"}),N.default.createElement("source",{src:i,type:"video/webm"}),N.default.createElement("source",{src:i,type:"video/ogg"}),"视频播放失败!"):N.default.createElement("img",{src:i,alt:"",style:l}))},bit=function(e){var n=e.instance,r=n.urlList,i=n.previewRef,o=n.infinite,a=n.setTransform,s=n.beforeChange,l=t.useCallback((function(e){a((null==e?void 0:e.deltaY)>0?"zoomOut":"zoomIn")}),[a]);return N.default.createElement("div",{className:"preview_list",onClick:function(e){return e.stopPropagation()},onWheel:l},N.default.createElement(s6e,Xa({ref:i},{dots:!1,infinite:o,adaptiveHeight:!1,beforeChange:s}),r.map((function(e,t){return N.default.createElement(yit,{key:t||e,index:t,item:e,instance:n})}))))},xit=function(e){var t=e.item;return(0,e.instance.getIsVideo)(t)?N.default.createElement(Zj,{type:"lmweb-video",className:"thumb_item_icon"}):N.default.createElement("img",{src:t,alt:""})},Eit=function(e){var n=e.instance,r=n.state,i=n.urlList,o=n.slickGoTo,a=t.useMemo((function(){return r.currentIndex}),[r.currentIndex]);return N.default.createElement("div",{className:"thumb_list",onClick:function(e){return e.stopPropagation()}},i.map((function(e,t){return N.default.createElement("div",{className:ir("thumb_item",a===t&&"active"),key:t||e,onClick:function(e){return function(e,t){e.preventDefault(),o(t)}(e,t)}},N.default.createElement(xit,{item:e,instance:n}))})))},Cit=function(e){var t=e.instance.setTransform,n=function(e,n){t(n)};return N.default.createElement("div",{className:"image_viewer_action",onClick:function(e){return e.stopPropagation()}},N.default.createElement(Zj,{type:"lmweb-zoomin",onClick:function(e){return n(0,"zoomIn")}}),N.default.createElement(Zj,{type:"lmweb-a-icon_m_search1",onClick:function(e){return n(0,"zoomOut")}}),N.default.createElement(Zj,{type:"lmweb-undo",onClick:function(e){return n(0,"rotateLeft")}}),N.default.createElement(Zj,{type:"lmweb-redo",onClick:function(e){return n(0,"rotateRight")}}))},wit=function(e){var t=e.instance,n=t.slickNext,r=t.slickPrev,i=function(e,t){e.stopPropagation(),"next"===t&&n(),"prev"===t&&r()};return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"arrow arrow_left",onClick:function(e){return i(e,"prev")}},N.default.createElement(Zj,{type:"lmweb-left"})),N.default.createElement("div",{className:"arrow arrow_right",onClick:function(e){return i(e,"next")}},N.default.createElement(Zj,{type:"lmweb-right"})))},_it=N.default.memo((function(e){var t=e.instance,n=t.onClose,r=t.hideOnClickModal;return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"lm_image_viewer_container",onClick:function(){r&&n()}},N.default.createElement(bit,{instance:t}),N.default.createElement(Eit,{instance:t}),N.default.createElement(Cit,{instance:t}),N.default.createElement(wit,{instance:t})))})),Sit=N.default.memo((function(e){var t=e.instance,n=t.zIndex;return(0,t.getVisible)()?N.default.createElement("div",{className:"lm_image_viewer_wrapper",style:{zIndex:n}},N.default.createElement("div",{className:"lm_image_viewer_mask",onClick:function(){console.log("handleClose")}}),N.default.createElement(_it,{instance:t})):null})),kit=function(e,n){var r=t.useRef(null),i=t.useMemo((function(){return function(e){var t=e.initialIndex;return Xa(Xa({},vit),{},{currentIndex:t})}(e)}),[]),o=t.useReducer(git,i),a=Gc(o,2),s=a[0],l=a[1],u=function(e){var n=e.state,r=e.dispatch,i=e.props,o=e.previewRef,a=t.useCallback((function(){return"boolean"==typeof i.visible?i.visible:n.visible}),[i.visible,n.visible]),s=t.useCallback((function(e){var t=e.replace(/.*\./,"").toLowerCase();return["mp4","m2v","mkv","ogm","webm"].includes(t)}),[]),l=t.useCallback((function(){var e;null===(e=i.close)||void 0===e||e.call(i),r({type:"init"}),r({type:"changeVisible",visible:!1})}),[]),u=t.useCallback((function(e){var t=100*n.transform.scale,i=n.transform.rotateZ;switch(e){case"zoomIn":t+=25;break;case"zoomOut":30>t||(t-=25);break;case"rotateLeft":i-=90;break;case"rotateRight":i+=90}r({type:"changeTransform",transform:{rotateZ:i,scale:t/100}})}),[n.transform]),c=t.useCallback((function(e,t){r({type:"changeCurrent",current:{currentIndex:t}})}),[]),d=t.useCallback((function(e){r({type:"changeCurrent",current:{currentIndex:e}})}),[]),f=t.useCallback((function(e){o.current.goTo(e,!0)}),[]),p=t.useCallback((function(){o.current.next()}),[]),h=t.useCallback((function(){o.current.prev()}),[]);return t.useEffect((function(){a()&&(f(i.initialIndex),r({type:"changeCurrent",current:{currentIndex:i.initialIndex}}))}),[a,i.initialIndex,f]),{CoreMethods:{getVisible:a,getIsVideo:s,onClose:l,setTransform:u,beforeChange:c,afterChange:d,slickGoTo:f,slickNext:p,slickPrev:h},RefMethods:{getState:function(){return n}}}}({state:s,dispatch:l,props:e,previewRef:r}),c=u.CoreMethods,d=u.RefMethods,f=Xa(Xa(Xa(Xa({},e),c),d),{},{previewRef:r,state:s,dispatch:l});return t.useImperativeHandle(n,(function(){return{}})),N.default.createElement(Sit,{instance:f})},Ait=t.forwardRef(kit),Dit=function(e,n){var r=nd({},e),i=t.useRef(null),o=Xa({visible:null,urlList:[],zIndex:2001,initialIndex:0,infinite:!1,hideOnClickModal:!0,close:function(){}},r);return N.default.createElement(Ait,Xa({ref:n||i},o))},Fit=t.forwardRef(Dit);e.Alert=ftt,e.Approval=Dtt,e.AutoComplete=rtt,e.Avatar=dre,e.Badge=znt,e.Button=yp,e.ButtonTags=function(e){var t=e.value,n=e.onChange,r=e.disabled,i=e.type,o=void 0===i?"checkbox":i,a=e.options;return N.default.createElement("div",{className:"lm_base_button_tag_Group ".concat("small"===e.size?"small":""," ").concat(r?"disabled":"")},null==a?void 0:a.map((function(e){return N.default.createElement("div",{key:e.value,className:"button_tag_item ".concat((null==t?void 0:t.indexOf(e.value))>-1?"active":""),onClick:function(){return function(e){if("radio"===o)null==n||n(t===e.value?"":e.value);else{var r=t||[],i=(null==r?void 0:r.includes(e.value))?r.filter((function(t){return t!==e.value})):[].concat(ed(r),[e.value]);null==n||n(i)}}(e)}},e.label)})))},e.Calendar=g3e,e.Card=Zx,e.CardTable=wne,e.Carousel=s6e,e.Cascader=function(e){var t=e.className,n=e.dropdownClassName,r=e.placeholder,i=void 0===r?"请选择":r,o=vp(e,r_);return N.default.createElement(n_,Xa({placeholder:i,className:ir("lm_cascader",t),dropdownClassName:ir("lm_cascader_dropdown",n)},o))},e.Checkbox=m_,e.Col=X4e,e.Collapse=z6e,e.Comment=function(e){var n=e.actions,r=e.author,i=e.avatar,o=e.children,a=e.className,s=e.content,l=e.prefixCls,u=e.datetime,c=V6e(e,["actions","author","avatar","children","className","content","prefixCls","datetime"]),d=t.useContext(Ta),f=d.direction,p=(0,d.getPrefixCls)("comment",l),h=i?t.createElement("div",{className:"".concat(p,"-avatar")},"string"==typeof i?t.createElement("img",{src:i,alt:"comment-avatar"}):i):null,m=n&&n.length?t.createElement("ul",{className:"".concat(p,"-actions")},n.map((function(e,n){return t.createElement("li",{key:"action-".concat(n)},e)}))):null,v=(r||u)&&t.createElement("div",{className:"".concat(p,"-content-author")},r&&t.createElement("span",{className:"".concat(p,"-content-author-name")},r),u&&t.createElement("span",{className:"".concat(p,"-content-author-time")},u)),g=t.createElement("div",{className:"".concat(p,"-content")},v,t.createElement("div",{className:"".concat(p,"-content-detail")},s),m),y=ir(p,pe({},"".concat(p,"-rtl"),"rtl"===f),a);return t.createElement("div",ce({},c,{className:y}),t.createElement("div",{className:"".concat(p,"-inner")},h,g),o?function(e,n){return t.createElement("div",{className:ir("".concat(e,"-nested"))},n)}(p,o):null)},e.ConfigProvider=tf,e.CropImg=mit,e.CustomTableOption=FJe,e.CustomerService=function(){var e=t.useState(!1),n=Gc(e,2),r=n[0],i=n[1],o=t.useRef();return N.default.createElement("div",{className:"lm_customerservice_warp"},N.default.createElement(YS,{cRef:o}),r?N.default.createElement(XS,{setIfOpenMessage:i}):N.default.createElement("div",{className:"fixGroup"},N.default.createElement("div",{className:"customerWrap",onClick:function(){o.current.showDrawerRef()}},N.default.createElement(zu,{style:{fontSize:"20px",color:"#fff"}})),N.default.createElement("div",{className:"customerWrap2",onClick:function(){i(!0)}},N.default.createElement("div",{className:"lineTop"}),N.default.createElement(vu,{style:{fontSize:"20px",color:"#fff"}}))))},e.DatePicker=tet,e.Descriptions=Xnt,e.Divider=Unt,e.Drawer=ZS,e.Dropdown=vk,e.EditTable=wV,e.Empty=PV,e.EnlargeImg=function(e){var n=Xa({},e),r=t.useState(null),i=Gc(r,2),o=i[0],a=i[1],s=t.useState(200),l=Gc(s,2),u=l[0],c=l[1],d=t.useState(300),f=Gc(d,2),p=f[1],h=t.useState("图片预览"),m=Gc(h,2),v=m[0],g=m[1],y=t.useState(!1),b=Gc(y,2),x=b[0],E=b[1];t.useEffect((function(){a(n.src),n.title&&g(n.title),n.openWidth&&p(n.openWidth),n.width&&c("number"==typeof n.width?"".concat(n.width,"px"):n.width)}),[]);var C=function(){E(!1)},w=function(){return N.default.createElement(N.default.Fragment,null,N.default.createElement(JV,{keyboard:!0,title:v,visible:x,onCancel:C,footer:!1,bodyStyle:{padding:0},maskClosable:!0,centered:!0},N.default.createElement("img",{src:o,alt:"null",style:{width:"100%"}})))};return N.default.createElement(N.default.Fragment,null,N.default.createElement("div",{className:"lm_enlargeimg_warp",onClick:function(){E(!0)}},N.default.createElement("img",{style:{width:"".concat(u)},src:o,alt:"null"})),x?N.default.createElement(w,null):null)},e.Form=r9e,e.FullScreen=function(e){var n=e.children,r=e.status,i=void 0!==r&&r,o=e.onClose;return t.useEffect((function(){var e=function(e){27===e.keyCode&&(null==o||o())};return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}}),[]),i?B.default.createPortal(N.default.createElement("div",{className:"lm_funll_screen"},n),document.body):n},e.Grid=H7e,e.Icon=function(e){return N.default.createElement("span",{className:e.className})},e.IconFont=Zj,e.IconSelect=function(e){var n=e.visible,r=e.onClose,i=e.value,o=void 0===i?"":i,a=e.onChange,s=t.useState(),l=Gc(s,2),u=l[0],c=l[1],d=t.useMemo((function(){for(var e=[],t=Sne,n=0,r=t.length;r>n;n+=4)e.push(t.slice(n,n+4));return e}),[]),f=function(){null==a||a(u),null==r||r()},p=function(e){e.preventDefault(),e.stopPropagation(),f()};return t.useEffect((function(){n&&c(o)}),[n]),N.default.createElement(N.default.Fragment,null,N.default.createElement(rGe,{title:"选择图标",visible:n,size:"small",onOk:f,onCancel:r},N.default.createElement("div",{className:"lm-icon_select"},N.default.createElement(TYe,{options:d},(function(e){var t=e.item,n=vp(e,kne);return N.default.createElement("div",nd({},n,{className:"lm-icon_row"}),null==t?void 0:t.map((function(e){return N.default.createElement("div",{key:e.font_class,className:"lm-icon_col_wrapper"},N.default.createElement("div",{className:ir("lm-icon_col","lmweb-".concat(e.font_class)===u&&"lm-icon_active"),onClick:function(){return c("lmweb-".concat(e.font_class))},onDoubleClick:p},N.default.createElement(Zj,{type:"lmweb-".concat(e.font_class)})))})))})))))},e.Image=oV,e.ImageViewer=Fit,e.Input=Pne,e.InputNumber=Mne,e.LMQuickMenu=function(e){var n=e.className,r=e.top,i=void 0===r?"104px":r,o=e.menuData,a=void 0===o?[]:o,s=e.warpElement,l=t.useRef({}),u=t.useState(!1),c=Gc(u,2),d=c[0],f=c[1],p=t.useRef(null),h=t.useState(!1),m=Gc(h,2),v=m[0],g=m[1],y=t.useRef(null),b=bCe(F9e(s||document),(function(){return v}));var x=function(e){var t=document.querySelectorAll('.lm_menu_list li a[data-id="'.concat(e,'"]'))[0];t&&([].forEach.call(document.querySelectorAll(".lm_menu_list li a"),(function(e){e.className=""})),t.className="current")};vCe((function(){b&&!d&&f(!0),y.current&&clearTimeout(y.current),y.current=setTimeout((function(){f(!1)}),2e3)}),[b],{wait:50});var E=function(){Object.keys(l.current).length||a.forEach((function(e){var t,n,r=(null===(t=F9e(s||document))||void 0===t?void 0:t.offsetTop)||0;l.current["".concat(e.menuId)]=(null===(n=document.getElementById("".concat(e.menuId)))||void 0===n?void 0:n.offsetTop)-r}))},C=function(){g(!0)};return t.useEffect((function(){var e;return setTimeout((function(){E(),function(){var e,t,n;if(p.current&&(null===(n=p.current)||void 0===n||n.destroy()),a.length){require("intersection-observer");var r=require("scrollama");p.current=r(),null===(e=p.current)||void 0===e||null===(t=e.setup({step:a.map((function(e){return document.getElementById("".concat(e.menuId))})).filter(Boolean)}))||void 0===t||t.onStepEnter((function(e){x(e.element.id)}))}}()}),200),null===(e=F9e(s||document))||void 0===e||e.addEventListener("scroll",C,{once:!0}),function(){var e;null===(e=F9e(s||document))||void 0===e||e.removeEventListener("scroll",C)}}),[]),N.default.createElement("div",{className:ir("lm_quick_menu"),onMouseEnter:function(){y.current&&clearTimeout(y.current),f(!0)},onMouseLeave:function(){f(!1)},style:{top:i}},!d&&N.default.createElement(yp,{icon:N.default.createElement(Zj,{type:"lmweb-icon_m_open"})}),N.default.createElement("ul",{className:ir("lm_menu_list",d&&"show",n)},a.map((function(e){return N.default.createElement("li",{key:e.menuId,onClick:function(){return function(e){var t;F9e(s||document).scrollTop=null===(t=l.current)||void 0===t?void 0:t[e]}(e.menuId)}},N.default.createElement("a",{"data-id":e.menuId},e.title))}))))},e.Layout=U6e,e.LeftTable=function(e){var n=e.useToggle,r=e.toggleTree,i=e.treeData,o=e.treeType,a=e.modeType,s=void 0===a?"readonly":a,l=e.showType,u=void 0===l?"primary":l,c=e.onAdd,d=void 0===c?function(){}:c,f=e.onHeaderClick,p=void 0===f?function(){}:f,h=e.bottomNode,m=void 0===h?null:h,v=vp(e,nre);"edit"===s&&i.category&&(i.category=ire(i.category));var g=t.useState({title:"分类",treeData:i.category}),y=Gc(g,2),b=y[0],x=y[1];t.useEffect((function(){b.treeData=i.category,x(Xa({},b))}),[i]);Array(50).fill().map((function(e,t){return{id:t,title:"物料的名称",code:"MLY001Y002009".concat(t,"Y"),signer:t%4?["战略备料","预售期货","大货齐备","外发加工"]:["战略备料","样衣打版"],tags:[{icon:N.default.createElement(Tl,null),label:"战略备料"},{label:"战略备料"}],checked:!1,material:"物料名称",materialCode:"MLY001Y002009".concat(t,"Y"),img:t%2?"http://www.wuliwu.top/logo.png":tre,imgUrl:tre,state:t%3?"ok":t%2?"disable":"wait",supplier:"供应商名称",number:"MLY001",contactUser:"联系人",phone:"13131313131",category:t%2?"牛仔":"非牛仔",type:t%2?"面料":"辅料",money:Math.floor(2e3*Math.random())*t,remark:"这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注"}}));var E="ghost"===u?"lm_ghost":"";return N.default.createElement("div",{className:n?"lm_grid_tree ".concat(E):"lm_grid_tree grid_toggle ".concat(E)},N.default.createElement("div",{className:"grid_tree_title",onClick:p},N.default.createElement("div",{className:"grid_tree_title_left"},N.default.createElement("span",null,b.title)),o&&N.default.createElement(ere,{item:o,config:{arrow:!1,placement:"bottomRight",overlayStyle:{width:168,paddingTop:0}},getChange:function(e,t){return function(e){var t=o.data.find((function(t){return t.value===e.value})).label;x({title:t,treeData:i[e.value]})}(e)}},N.default.createElement("div",{className:"grid_tree_title_right"},N.default.createElement(pp,{type:"text"},N.default.createElement(Sl,null))))),N.default.createElement(CM,nd({treeData:b.treeData},v,{rootClassName:"lm_tree_warp"})),"readonly"!==s&&N.default.createElement("div",{className:"bottom_node"},m||N.default.createElement(ore,{onAdd:d})),N.default.createElement("div",{className:"toggle_btn",onClick:r},N.default.createElement(pu,null)))},e.List=Wne,e.LmEditTable=D9e,e.LmFilter=nH,e.LmImgList=urt,e.LmSelect=eGe,e.LmTable=FYe,e.LmUpload=ote,e.LoadingPage=function(e){var t=e.height;return N.default.createElement("div",{style:{display:"flex",width:"100%",height:void 0===t?"100%":t,alignItems:"center",justifyContent:"center"}},N.default.createElement(nF,{size:"large"}))},e.Mentions=W5e,e.Menu=sT,e.Modal=rGe,e.Pagination=aGe,e.Popconfirm=Voe,e.Popover=iet,e.Progress=Tde,e.Radio=uGe,e.Rate=Wde,e.Result=Mnt,e.Row=l3e,e.Segmented=A7e,e.Select=fGe,e.Skeleton=kp,e.Slider=Dve,e.Space=tae,e.Spin=nF,e.Statistic=Fhe,e.Steps=Jme,e.Switch=fJe,e.Table=aN,e.Tabs=cJe,e.Tag=xGe,e.TimePicker=Zne,e.Timeline=T7e,e.Tooltip=C2e,e.Transfer=U7e,e.Tree=wnt,e.TreeSelect=Ffe,e.Typography=ett,e.Upload=function(e){var t=e.sizeType,n=e.listType;return N.default.createElement(nge,Xa({className:ir(e.className,"small"==t&&"little-upload"),itemRender:function(e,t){return n?e:N.default.createElement(JP,{placement:"bottom",title:t.name},e.props.children)},sizeType:t,listType:n},e))},e.UploadOss=cV,e.VirtualList=TYe,e.message=xd,e.notification=zd,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export interface ImageViewerProps {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
urlList?: any;
|
|
5
|
+
zIndex?: number;
|
|
6
|
+
initialIndex?: number;
|
|
7
|
+
infinite?: boolean;
|
|
8
|
+
hideOnClickModal?: boolean;
|
|
9
|
+
}
|
|
2
10
|
declare const _default: React.ForwardRefExoticComponent<Pick<{
|
|
3
11
|
[x: string]: any;
|
|
4
12
|
}, string | number> & React.RefAttributes<unknown>>;
|
package/es/ImageViewer/index.js
CHANGED
package/es/index.d.ts
CHANGED
|
@@ -123,3 +123,5 @@ export * from './LmImgList';
|
|
|
123
123
|
export { default as LmImgList } from './LmImgList';
|
|
124
124
|
export { default as CropImg } from './CropImg';
|
|
125
125
|
export type { CropImgProps } from './CropImg';
|
|
126
|
+
export { default as ImageViewer } from './ImageViewer';
|
|
127
|
+
export type { ImageViewerProps } from './ImageViewer';
|
package/es/index.js
CHANGED
|
@@ -81,4 +81,5 @@ export { default as Descriptions } from './Descriptions';
|
|
|
81
81
|
export { default as FullScreen } from './FullScreen';
|
|
82
82
|
export * from './LmImgList';
|
|
83
83
|
export { default as LmImgList } from './LmImgList';
|
|
84
|
-
export { default as CropImg } from './CropImg';
|
|
84
|
+
export { default as CropImg } from './CropImg';
|
|
85
|
+
export { default as ImageViewer } from './ImageViewer';
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
export interface ImageViewerProps {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
urlList?: any;
|
|
5
|
+
zIndex?: number;
|
|
6
|
+
initialIndex?: number;
|
|
7
|
+
infinite?: boolean;
|
|
8
|
+
hideOnClickModal?: boolean;
|
|
9
|
+
}
|
|
2
10
|
declare const _default: React.ForwardRefExoticComponent<Pick<{
|
|
3
11
|
[x: string]: any;
|
|
4
12
|
}, string | number> & React.RefAttributes<unknown>>;
|
package/lib/ImageViewer/index.js
CHANGED
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
+
var _exportNames = {};
|
|
8
9
|
exports.default = void 0;
|
|
9
10
|
|
|
10
|
-
var _LmImageViewer =
|
|
11
|
+
var _LmImageViewer = _interopRequireWildcard(require("./LmImageViewer"));
|
|
11
12
|
|
|
13
|
+
Object.keys(_LmImageViewer).forEach(function (key) {
|
|
14
|
+
if (key === "default" || key === "__esModule") return;
|
|
15
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
16
|
+
if (key in exports && exports[key] === _LmImageViewer[key]) return;
|
|
17
|
+
Object.defineProperty(exports, key, {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function get() {
|
|
20
|
+
return _LmImageViewer[key];
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
});
|
|
12
24
|
var _default = _LmImageViewer.default;
|
|
13
25
|
exports.default = _default;
|
package/lib/index.d.ts
CHANGED
|
@@ -123,3 +123,5 @@ export * from './LmImgList';
|
|
|
123
123
|
export { default as LmImgList } from './LmImgList';
|
|
124
124
|
export { default as CropImg } from './CropImg';
|
|
125
125
|
export type { CropImgProps } from './CropImg';
|
|
126
|
+
export { default as ImageViewer } from './ImageViewer';
|
|
127
|
+
export type { ImageViewerProps } from './ImageViewer';
|
package/lib/index.js
CHANGED
|
@@ -90,7 +90,8 @@ var _exportNames = {
|
|
|
90
90
|
Descriptions: true,
|
|
91
91
|
FullScreen: true,
|
|
92
92
|
LmImgList: true,
|
|
93
|
-
CropImg: true
|
|
93
|
+
CropImg: true,
|
|
94
|
+
ImageViewer: true
|
|
94
95
|
};
|
|
95
96
|
Object.defineProperty(exports, "Alert", {
|
|
96
97
|
enumerable: true,
|
|
@@ -302,6 +303,12 @@ Object.defineProperty(exports, "Image", {
|
|
|
302
303
|
return _Image.default;
|
|
303
304
|
}
|
|
304
305
|
});
|
|
306
|
+
Object.defineProperty(exports, "ImageViewer", {
|
|
307
|
+
enumerable: true,
|
|
308
|
+
get: function get() {
|
|
309
|
+
return _ImageViewer.default;
|
|
310
|
+
}
|
|
311
|
+
});
|
|
305
312
|
Object.defineProperty(exports, "Input", {
|
|
306
313
|
enumerable: true,
|
|
307
314
|
get: function get() {
|
|
@@ -767,4 +774,6 @@ Object.keys(_LmImgList).forEach(function (key) {
|
|
|
767
774
|
});
|
|
768
775
|
});
|
|
769
776
|
|
|
770
|
-
var _CropImg = _interopRequireDefault(require("./CropImg"));
|
|
777
|
+
var _CropImg = _interopRequireDefault(require("./CropImg"));
|
|
778
|
+
|
|
779
|
+
var _ImageViewer = _interopRequireDefault(require("./ImageViewer"));
|