@v-c/image 1.0.0 → 1.0.2

package/dist/Preview/index.cjs

@@ -1,404 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_KeyCode = require("../util/dist/KeyCode.cjs");
-const require_classnames = require("../util/dist/classnames.cjs");
-require("../util/dist/index.cjs");
-const require_context = require("../context.cjs");
-const require_useStatus = require("../hooks/useStatus.cjs");
-const require_canUseDom = require("../util/dist/Dom/canUseDom.cjs");
-const require_index$1 = require("../portal/dist/index.cjs");
-const require_transition = require("../util/dist/utils/transition.cjs");
-const require_useImageTransform = require("../hooks/useImageTransform.cjs");
-const require_previewConfig = require("../previewConfig.cjs");
-const require_useMouseEvent = require("../hooks/useMouseEvent.cjs");
-const require_useTouchEvent = require("../hooks/useTouchEvent.cjs");
-const require_CloseBtn = require("./CloseBtn.cjs");
-const require_Footer = require("./Footer.cjs");
-const require_PrevNext = require("./PrevNext.cjs");
-let vue = require("vue");
-var Preview = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, slots }) => {
-	const imgEl = (0, vue.shallowRef)();
-	const groupContext = require_context.usePreviewGroupContext();
-	const showLeftOrRightSwitches = (0, vue.computed)(() => !!groupContext && (props.count ?? 1) > 1);
-	const showOperationsProgress = (0, vue.computed)(() => !!groupContext && (props.count ?? 1) >= 1);
-	const enableTransition = (0, vue.shallowRef)(true);
-	(0, vue.watch)(enableTransition, async (val) => {
-		if (!val) {
-			await (0, vue.nextTick)();
-			enableTransition.value = true;
-		}
-	});
-	const { transform, resetTransform, updateTransform, dispatchZoomChange } = require_useImageTransform.default(imgEl, (0, vue.computed)(() => props.minScale ?? 1), (0, vue.computed)(() => props.maxScale ?? 50), (info) => props.onTransform?.(info));
-	const { isMoving, onMouseDown, onWheel } = require_useMouseEvent.default(imgEl, (0, vue.computed)(() => props.movable ?? true), (0, vue.computed)(() => !!props.open), (0, vue.computed)(() => props.scaleStep ?? .5), transform, updateTransform, dispatchZoomChange);
-	const { isTouching, onTouchStart, onTouchMove, onTouchEnd } = require_useTouchEvent.default(imgEl, (0, vue.computed)(() => props.movable ?? true), (0, vue.computed)(() => !!props.open), (0, vue.computed)(() => props.minScale ?? 1), transform, updateTransform, dispatchZoomChange);
-	(0, vue.watch)(() => props.open, (open) => {
-		if (!open) resetTransform("close");
-	});
-	const onDoubleClick = (event) => {
-		if (!props.open) return;
-		if (transform.value.scale !== 1) updateTransform({
-			x: 0,
-			y: 0,
-			scale: 1
-		}, "doubleClick");
-		else dispatchZoomChange(1 + (props.scaleStep ?? .5), "doubleClick", event.clientX, event.clientY);
-	};
-	const onZoomIn = () => {
-		dispatchZoomChange(1 + (props.scaleStep ?? .5), "zoomIn");
-	};
-	const onZoomOut = () => {
-		dispatchZoomChange(1 / (1 + (props.scaleStep ?? .5)), "zoomOut");
-	};
-	const onRotateRight = () => {
-		updateTransform({ rotate: transform.value.rotate + 90 }, "rotateRight");
-	};
-	const onRotateLeft = () => {
-		updateTransform({ rotate: transform.value.rotate - 90 }, "rotateLeft");
-	};
-	const onFlipX = () => {
-		updateTransform({ flipX: !transform.value.flipX }, "flipX");
-	};
-	const onFlipY = () => {
-		updateTransform({ flipY: !transform.value.flipY }, "flipY");
-	};
-	const onReset = () => {
-		resetTransform("reset");
-	};
-	const onActive = (offset) => {
-		const current = props.current ?? 0;
-		const count = props.count ?? 1;
-		const nextCurrent = current + offset;
-		if (nextCurrent >= 0 && nextCurrent <= count - 1) {
-			enableTransition.value = false;
-			resetTransform(offset < 0 ? "prev" : "next");
-			props.onChange?.(nextCurrent, current);
-		}
-	};
-	const onKeyDown = (event) => {
-		if (!props.open) return;
-		const { key } = event;
-		if (key === require_KeyCode.KeyCodeStr.Escape) {
-			props.onClose?.();
-			return;
-		}
-		if (showLeftOrRightSwitches.value) {
-			if (key === require_KeyCode.KeyCodeStr.ArrowLeft) onActive(-1);
-			else if (key === require_KeyCode.KeyCodeStr.ArrowRight) onActive(1);
-		}
-	};
-	(0, vue.watchEffect)((onCleanup) => {
-		if (!require_canUseDom.canUseDom()) return;
-		if (props.open) window.addEventListener("keydown", onKeyDown);
-		onCleanup(() => {
-			window.removeEventListener("keydown", onKeyDown);
-		});
-	});
-	const lockScroll = (0, vue.shallowRef)(false);
-	(0, vue.watch)(() => props.open, (open) => {
-		if (open) lockScroll.value = true;
-	});
-	const portalRender = (0, vue.shallowRef)(false);
-	(0, vue.watch)(() => props.open, (open) => {
-		if (open) portalRender.value = true;
-	});
-	const onVisibleChanged = (nextVisible) => {
-		if (!nextVisible) {
-			lockScroll.value = false;
-			portalRender.value = false;
-		}
-		props.afterOpenChange?.(nextVisible);
-	};
-	const setImgRef = (el) => {
-		imgEl.value = el;
-	};
-	const [getImgRef, srcAndOnload] = require_useStatus.default({
-		src: (0, vue.computed)(() => props.src),
-		fallback: (0, vue.computed)(() => props.fallback)
-	});
-	return () => {
-		const { prefixCls, rootClassName, src, alt, imageInfo, open, closeIcon, getContainer, current = 0, count = 1, countRender, motionName = "fade", imageRender, imgCommonProps, actionsRender = slots?.actionsRender, classNames = {}, styles = {}, mousePosition, zIndex, icons = {} } = props;
-		const bodyStyle = { ...styles.body ?? {} };
-		if (mousePosition) bodyStyle.transformOrigin = `${mousePosition.x}px ${mousePosition.y}px`;
-		const image = {
-			url: src || "",
-			alt: alt || "",
-			...imageInfo
-		};
-		const imgNode = (0, vue.createVNode)("img", (0, vue.mergeProps)(imgCommonProps, {
-			"src": srcAndOnload.value.src,
-			"ref": (el) => {
-				setImgRef(el);
-				getImgRef(el);
-			},
-			"width": props.width,
-			"height": props.height,
-			"class": `${prefixCls}-img`,
-			"alt": alt,
-			"onLoad": srcAndOnload.value.onLoad,
-			"style": {
-				transform: `translate3d(${transform.value.x}px, ${transform.value.y}px, 0) scale3d(${transform.value.flipX ? "-" : ""}${transform.value.scale}, ${transform.value.flipY ? "-" : ""}${transform.value.scale}, 1) rotate(${transform.value.rotate}deg)`,
-				transitionDuration: !enableTransition.value || isTouching.value ? "0s" : void 0
-			},
-			"onWheel": onWheel,
-			"onMousedown": onMouseDown,
-			"onDblclick": onDoubleClick,
-			"onTouchstart": onTouchStart,
-			"onTouchmove": onTouchMove,
-			"onTouchend": onTouchEnd,
-			"onTouchcancel": onTouchEnd
-		}), null);
-		const mergedRootStyle = {
-			...styles.root ?? {},
-			...attrs.style
-		};
-		if (zIndex) mergedRootStyle.zIndex = zIndex;
-		const mergedRootCls = require_classnames.clsx(prefixCls, rootClassName, classNames.root, { [`${prefixCls}-moving`]: isMoving.value });
-		const transitionProps = require_transition.getTransitionProps(motionName);
-		return (0, vue.createVNode)(require_index$1.src_default, {
-			"open": portalRender.value,
-			"getContainer": getContainer,
-			"autoLock": lockScroll.value
-		}, { default: () => [(0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)(transitionProps, {
-			"onAfterEnter": () => onVisibleChanged(true),
-			"onAfterLeave": () => onVisibleChanged(false)
-		}), { default: () => {
-			if (!(portalRender.value && open)) return null;
-			return (0, vue.createVNode)("div", {
-				"class": mergedRootCls,
-				"style": mergedRootStyle
-			}, [
-				(0, vue.createVNode)("div", {
-					"class": require_classnames.clsx(`${prefixCls}-mask`, classNames.mask),
-					"style": styles.mask,
-					"onClick": () => props.onClose?.()
-				}, null),
-				(0, vue.createVNode)("div", {
-					"class": require_classnames.clsx(`${prefixCls}-body`, classNames.body),
-					"style": bodyStyle
-				}, [imageRender ? imageRender(imgNode, {
-					transform: transform.value,
-					image,
-					...groupContext ? { current } : {}
-				}) : imgNode]),
-				closeIcon !== false && closeIcon !== null && (0, vue.createVNode)(require_CloseBtn.default, {
-					"prefixCls": prefixCls,
-					"icon": closeIcon === true ? icons.close : closeIcon || icons.close,
-					"onClick": () => props.onClose?.()
-				}, null),
-				showLeftOrRightSwitches.value && (0, vue.createVNode)(require_PrevNext.default, {
-					"prefixCls": prefixCls,
-					"current": current,
-					"count": count,
-					"icons": icons,
-					"onActive": onActive
-				}, null),
-				(0, vue.createVNode)(require_Footer.default, {
-					"prefixCls": prefixCls,
-					"showProgress": showOperationsProgress.value,
-					"current": current,
-					"count": count,
-					"showSwitch": showLeftOrRightSwitches.value,
-					"classNames": classNames,
-					"styles": styles,
-					"image": image,
-					"transform": transform.value,
-					"icons": icons,
-					"countRender": countRender,
-					"actionsRender": actionsRender,
-					"scale": transform.value.scale,
-					"minScale": props.minScale ?? 1,
-					"maxScale": props.maxScale ?? 50,
-					"onActive": onActive,
-					"onFlipY": onFlipY,
-					"onFlipX": onFlipX,
-					"onRotateLeft": onRotateLeft,
-					"onRotateRight": onRotateRight,
-					"onZoomOut": onZoomOut,
-					"onZoomIn": onZoomIn,
-					"onClose": () => props.onClose?.(),
-					"onReset": onReset
-				}, null)
-			]);
-		} })] });
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		prefixCls: {
-			type: String,
-			required: true,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		imageInfo: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		fallback: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		imgCommonProps: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		width: {
-			type: [String, Number],
-			required: false,
-			default: void 0
-		},
-		height: {
-			type: [String, Number],
-			required: false,
-			default: void 0
-		},
-		current: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		count: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onClose: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		mousePosition: {
-			type: [null, Object],
-			required: true,
-			default: void 0
-		},
-		rootClassName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		src: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		alt: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		scaleStep: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		minScale: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		maxScale: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		motionName: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		getContainer: {
-			required: false,
-			default: void 0
-		},
-		zIndex: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		afterOpenChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		movable: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		icons: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		closeIcon: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		onTransform: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		countRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		imageRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		actionsRender: {
-			type: Function,
-			required: false,
-			default: void 0
-		}
-	}, {
-		movable: true,
-		scaleStep: .5,
-		minScale: 1,
-		maxScale: 50,
-		motionName: "fade",
-		current: 0,
-		count: 1,
-		icons: {}
-	}),
-	name: "ImagePreview",
-	inheritAttrs: false
-});
-var Preview_default = Preview;
-exports.default = Preview_default;

package/dist/PreviewGroup.cjs

@@ -1,138 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_useMergedState = require("./util/dist/hooks/useMergedState.cjs");
-const require_context = require("./context.cjs");
-const require_index = require("./Preview/index.cjs");
-const require_usePreviewItems = require("./hooks/usePreviewItems.cjs");
-let vue = require("vue");
-var PreviewGroup = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, emit }) => {
-	const mergedPreviewConfig = (0, vue.computed)(() => {
-		if (props.preview && typeof props.preview === "object") return props.preview;
-		return {};
-	});
-	const previewOpen = (0, vue.computed)(() => mergedPreviewConfig.value.open);
-	const previewCurrent = (0, vue.computed)(() => mergedPreviewConfig.value.current);
-	const [mergedItems, register, fromItems] = require_usePreviewItems.default((0, vue.toRef)(props, "items"));
-	const [current, setCurrent] = require_useMergedState.useMergedState(0, { value: previewCurrent });
-	const keepOpenIndex = (0, vue.shallowRef)(false);
-	const [isShowPreview, setShowPreview] = require_useMergedState.useMergedState(!!previewOpen.value, { value: previewOpen });
-	const triggerShowPreview = (next) => {
-		const prev = isShowPreview.value;
-		setShowPreview(next);
-		if (next !== prev) mergedPreviewConfig.value.onOpenChange?.(next, { current: current.value });
-	};
-	const mousePosition = (0, vue.shallowRef)(null);
-	const onPreviewFromImage = (id, imageSrc, mouseX, mouseY) => {
-		const itemsList = mergedItems.value;
-		const index = fromItems.value ? itemsList.findIndex((item) => item.data.src === imageSrc) : itemsList.findIndex((item) => item.id === id);
-		setCurrent(index < 0 ? 0 : index);
-		triggerShowPreview(true);
-		mousePosition.value = {
-			x: mouseX,
-			y: mouseY
-		};
-		keepOpenIndex.value = true;
-	};
-	(0, vue.watch)(isShowPreview, (open) => {
-		if (open) {
-			if (!keepOpenIndex.value) setCurrent(0);
-		} else keepOpenIndex.value = false;
-	});
-	const onInternalChange = (next, prev) => {
-		setCurrent(next);
-		mergedPreviewConfig.value.onChange?.(next, prev);
-		emit("change", next, prev);
-	};
-	const onPreviewClose = () => {
-		triggerShowPreview(false);
-		mousePosition.value = null;
-	};
-	require_context.usePreviewGroupProvider({
-		register,
-		onPreview: onPreviewFromImage
-	});
-	return () => {
-		const itemsList = mergedItems.value;
-		const { src, ...imgCommonProps } = itemsList[current.value]?.data || {};
-		const countRender = slots.countRender ? (currentNum, total) => slots.countRender?.(currentNum, total) : mergedPreviewConfig.value.countRender;
-		const { open: _open, current: _current, onOpenChange: _onOpenChange, onChange: _onChange, ...restPreviewConfig } = mergedPreviewConfig.value;
-		return (0, vue.createVNode)(vue.Fragment, null, [slots.default?.(), (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)({
-			"aria-hidden": !isShowPreview.value,
-			"open": isShowPreview.value,
-			"prefixCls": props.previewPrefixCls,
-			"onClose": onPreviewClose,
-			"mousePosition": mousePosition.value,
-			"imgCommonProps": imgCommonProps,
-			"src": src,
-			"fallback": props.fallback,
-			"icons": props.icons,
-			"current": current.value,
-			"count": itemsList.length,
-			"onChange": onInternalChange
-		}, restPreviewConfig, {
-			"countRender": countRender,
-			"classNames": props.classNames?.popup,
-			"styles": props.styles?.popup
-		}), slots)]);
-	};
-}, {
-	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
-		previewPrefixCls: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		classNames: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		styles: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		icons: {
-			required: false,
-			default: void 0
-		},
-		items: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		fallback: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		preview: {
-			type: [Boolean, Object],
-			required: false,
-			default: void 0
-		},
-		children: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		}
-	}, {
-		previewPrefixCls: "vc-image-preview",
-		icons: {}
-	}),
-	name: "ImagePreviewGroup",
-	inheritAttrs: false,
-	emits: ["change"]
-});
-var PreviewGroup_default = PreviewGroup;
-exports.default = PreviewGroup_default;

package/dist/common.cjs

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const COMMON_PROPS = [
-	"crossOrigin",
-	"decoding",
-	"draggable",
-	"loading",
-	"referrerPolicy",
-	"sizes",
-	"srcset",
-	"useMap",
-	"alt"
-];
-exports.COMMON_PROPS = COMMON_PROPS;

package/dist/context.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let vue = require("vue");
-var PreviewGroupContextKey = Symbol("PreviewGroupContext");
-function usePreviewGroupContext() {
-	return (0, vue.inject)(PreviewGroupContextKey, null);
-}
-function usePreviewGroupProvider(value) {
-	(0, vue.provide)(PreviewGroupContextKey, value);
-}
-exports.usePreviewGroupContext = usePreviewGroupContext;
-exports.usePreviewGroupProvider = usePreviewGroupProvider;

package/dist/getFixScaleEleTransPosition.cjs

@@ -1,28 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_util = require("./util.cjs");
-function fixPoint(key, start, width, clientWidth) {
-	const startAddWidth = start + width;
-	const offsetStart = (width - clientWidth) / 2;
-	if (width > clientWidth) {
-		if (start > 0) return { [key]: offsetStart };
-		if (start < 0 && startAddWidth < clientWidth) return { [key]: -offsetStart };
-	} else if (start < 0 || startAddWidth > clientWidth) return { [key]: start < 0 ? offsetStart : -offsetStart };
-	return {};
-}
-function getFixScaleEleTransPosition(width, height, left, top) {
-	const { width: clientWidth, height: clientHeight } = require_util.getClientSize();
-	let fixPos = null;
-	if (width <= clientWidth && height <= clientHeight) fixPos = {
-		x: 0,
-		y: 0
-	};
-	else if (width > clientWidth || height > clientHeight) fixPos = {
-		...fixPoint("x", left, width, clientWidth),
-		...fixPoint("y", top, height, clientHeight)
-	};
-	return fixPos;
-}
-exports.default = getFixScaleEleTransPosition;

package/dist/hooks/useImageTransform.cjs

@@ -1,99 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_raf = require("../util/dist/raf.cjs");
-const require_util = require("../util.cjs");
-const require_isEqual = require("../util/dist/isEqual.cjs");
-let vue = require("vue");
-var initialTransform = {
-	x: 0,
-	y: 0,
-	rotate: 0,
-	scale: 1,
-	flipX: false,
-	flipY: false
-};
-function useImageTransform(imgRef, minScale, maxScale, onTransform) {
-	const frame = (0, vue.shallowRef)(null);
-	const queue = (0, vue.ref)([]);
-	const transform = (0, vue.shallowRef)(initialTransform);
-	const resetTransform = (action) => {
-		const oldTransform = transform.value;
-		transform.value = initialTransform;
-		if (!require_isEqual.isEqual_default(initialTransform, oldTransform)) onTransform?.({
-			transform: initialTransform,
-			action
-		});
-	};
-	const updateTransform = (newTransform, action) => {
-		if (frame.value === null) {
-			queue.value = [];
-			frame.value = require_raf.raf_default(() => {
-				let memoState = transform.value;
-				queue.value.forEach((queueState) => {
-					memoState = {
-						...memoState,
-						...queueState
-					};
-				});
-				frame.value = null;
-				onTransform?.({
-					transform: memoState,
-					action
-				});
-				transform.value = memoState;
-			});
-		}
-		queue.value.push({
-			...transform.value,
-			...newTransform
-		});
-	};
-	const dispatchZoomChange = (ratio, action, centerX, centerY, isTouch) => {
-		if (!imgRef.value) return;
-		const { width, height, offsetWidth, offsetHeight, offsetLeft, offsetTop } = imgRef.value;
-		const _transform = transform.value;
-		const _maxScale = maxScale.value;
-		const _minScale = minScale.value;
-		let newRatio = ratio;
-		let newScale = _transform.scale * ratio;
-		if (newScale > _maxScale) {
-			newScale = _maxScale;
-			newRatio = _maxScale / _transform.scale;
-		} else if (newScale < _minScale) {
-			newScale = isTouch ? newScale : _minScale;
-			newRatio = newScale / _transform.scale;
-		}
-		const mergedCenterX = centerX ?? innerWidth / 2;
-		const mergedCenterY = centerY ?? innerHeight / 2;
-		const diffRatio = newRatio - 1;
-		const diffImgX = diffRatio * width * .5;
-		const diffImgY = diffRatio * height * .5;
-		const diffOffsetLeft = diffRatio * (mergedCenterX - _transform.x - offsetLeft);
-		const diffOffsetTop = diffRatio * (mergedCenterY - _transform.y - offsetTop);
-		let newX = _transform.x - (diffOffsetLeft - diffImgX);
-		let newY = _transform.y - (diffOffsetTop - diffImgY);
-		if (ratio < 1 && newScale === 1) {
-			const mergedWidth = offsetWidth * newScale;
-			const mergedHeight = offsetHeight * newScale;
-			const { width: clientWidth, height: clientHeight } = require_util.getClientSize();
-			if (mergedWidth <= clientWidth && mergedHeight <= clientHeight) {
-				newX = 0;
-				newY = 0;
-			}
-		}
-		updateTransform({
-			x: newX,
-			y: newY,
-			scale: newScale
-		}, action);
-	};
-	return {
-		transform,
-		resetTransform,
-		updateTransform,
-		dispatchZoomChange
-	};
-}
-exports.default = useImageTransform;