@v-c/image 1.0.1 → 1.0.3

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;

package/dist/hooks/useMouseEvent.cjs

@@ -1,96 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_warning = require("../util/dist/warning.cjs");
-require("../util/dist/index.cjs");
-const require_getFixScaleEleTransPosition = require("../getFixScaleEleTransPosition.cjs");
-const require_previewConfig = require("../previewConfig.cjs");
-let vue = require("vue");
-function useMouseEvent(imgRef, movable, open, scaleStep, transform, updateTransform, dispatchZoomChange) {
-	const isMoving = (0, vue.shallowRef)(false);
-	const startPositionInfo = (0, vue.shallowRef)({
-		diffX: 0,
-		diffY: 0,
-		transformX: 0,
-		transformY: 0
-	});
-	const onMouseDown = (event) => {
-		const { x, y } = transform.value;
-		if (!movable.value || event.button !== 0) return;
-		event.preventDefault();
-		event.stopPropagation();
-		startPositionInfo.value = {
-			diffX: event.pageX - x,
-			diffY: event.pageY - y,
-			transformX: x,
-			transformY: y
-		};
-		isMoving.value = true;
-	};
-	const onMouseMove = (event) => {
-		if (open.value && isMoving.value) updateTransform({
-			x: event.pageX - startPositionInfo.value.diffX,
-			y: event.pageY - startPositionInfo.value.diffY
-		}, "move");
-	};
-	const onMouseUp = () => {
-		if (open.value && isMoving.value) {
-			const { x, y, scale, rotate } = transform.value;
-			isMoving.value = false;
-			const { transformX, transformY } = startPositionInfo.value;
-			if (!(x !== transformX && y !== transformY)) return;
-			if (!imgRef.value) return;
-			const width = imgRef.value.offsetWidth * scale;
-			const height = imgRef.value.offsetHeight * scale;
-			const { left, top } = imgRef.value.getBoundingClientRect() ?? {};
-			const isRotate = rotate % 180 !== 0;
-			const fixState = require_getFixScaleEleTransPosition.default(isRotate ? height : width, isRotate ? width : height, left, top);
-			if (fixState) updateTransform({ ...fixState }, "dragRebound");
-		}
-	};
-	const onWheel = (event) => {
-		if (!open.value || event.deltaY === 0) return;
-		const scaleRatio = Math.abs(event.deltaY / 100);
-		let ratio = 1 + Math.min(scaleRatio, 1) * scaleStep.value;
-		if (event.deltaY > 0) ratio = 1 / ratio;
-		dispatchZoomChange(ratio, "wheel", event.clientX, event.clientY);
-	};
-	(0, vue.watch)([
-		open,
-		isMoving,
-		transform,
-		movable
-	], (_n, _o, onCleanup) => {
-		if (movable.value) {
-			window.addEventListener("mouseup", onMouseUp, false);
-			window.addEventListener("mousemove", onMouseMove, false);
-			try {
-				/* istanbul ignore next */
-				if (window.top !== window.self) {
-					window?.top?.addEventListener("mouseup", onMouseUp, false);
-					window?.top?.addEventListener("mousemove", onMouseMove, false);
-				}
-			} catch (e) {
-				require_warning.warning_default(false, `[vc-image] ${e}`);
-			}
-		}
-		onCleanup(() => {
-			window.removeEventListener("mouseup", onMouseUp);
-			window.removeEventListener("mousemove", onMouseMove);
-			/* istanbul ignore next */
-			try {
-				window.top?.removeEventListener("mouseup", onMouseUp);
-				window.top?.removeEventListener("mousemove", onMouseMove);
-			} catch (error) {}
-		});
-	});
-	return {
-		isMoving,
-		onMouseDown,
-		onMouseMove,
-		onMouseUp,
-		onWheel
-	};
-}
-exports.default = useMouseEvent;

package/dist/hooks/usePreviewItems.cjs

@@ -1,48 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_common = require("../common.cjs");
-let vue = require("vue");
-function usePreviewItems(items) {
-	const images = (0, vue.shallowRef)({});
-	const registerImage = (id, data) => {
-		images.value = {
-			...images.value,
-			[id]: data
-		};
-		return () => {
-			const cloneImgs = { ...images.value };
-			delete cloneImgs[id];
-			images.value = cloneImgs;
-		};
-	};
-	const mergedItems = (0, vue.shallowRef)([]);
-	(0, vue.watchEffect)(() => {
-		if (items?.value) {
-			mergedItems.value = items.value.map((item) => {
-				if (typeof item === "string") return { data: { src: item } };
-				const data = {};
-				Object.keys(item).forEach((key) => {
-					if (["src", ...require_common.COMMON_PROPS].includes(key)) data[key] = item[key];
-				});
-				return { data };
-			});
-			return;
-		}
-		mergedItems.value = Object.keys(images.value).reduce((total, id) => {
-			const { canPreview, data } = images.value[id];
-			if (canPreview) total.push({
-				data,
-				id
-			});
-			return total;
-		}, []);
-	});
-	return [
-		mergedItems,
-		registerImage,
-		(0, vue.computed)(() => !!items?.value)
-	];
-}
-exports.default = usePreviewItems;

package/dist/hooks/useRegisterImage.cjs

@@ -1,28 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_context = require("../context.cjs");
-let vue = require("vue");
-var uid = 0;
-function useRegisterImage(canPreview, data) {
-	uid += 1;
-	const id = (0, vue.shallowRef)(String(uid));
-	const groupContext = require_context.usePreviewGroupContext();
-	const registerData = () => ({
-		data: data.value,
-		canPreview: canPreview.value
-	});
-	let unRegister;
-	(0, vue.onMounted)(() => {
-		if (groupContext) unRegister = groupContext.register(id.value, registerData());
-	});
-	(0, vue.watch)([canPreview, data], () => {
-		if (groupContext) groupContext.register(id.value, registerData());
-	}, { deep: true });
-	(0, vue.onBeforeUnmount)(() => {
-		unRegister?.();
-	});
-	return id.value;
-}
-exports.default = useRegisterImage;

package/dist/hooks/useStatus.cjs

@@ -1,49 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_util = require("../util.cjs");
-let vue = require("vue");
-function useStatus(options) {
-	const { src, isCustomPlaceholder, fallback } = options;
-	const status = (0, vue.shallowRef)(isCustomPlaceholder?.value ? "loading" : "normal");
-	const isLoaded = (0, vue.shallowRef)(false);
-	const isError = (0, vue.computed)(() => status.value === "error");
-	(0, vue.watchEffect)((onCleanup) => {
-		let isCurrentSrc = true;
-		require_util.isImageValid(src.value || "").then((isValid) => {
-			if (!isValid && isCurrentSrc) status.value = "error";
-		});
-		onCleanup(() => {
-			isCurrentSrc = false;
-		});
-	});
-	(0, vue.watch)(() => src.value, () => {
-		isLoaded.value = false;
-		if (isCustomPlaceholder?.value && !isLoaded.value) status.value = "loading";
-		else if (isError.value) status.value = "normal";
-	}, { immediate: true });
-	const onLoad = () => {
-		isLoaded.value = true;
-		status.value = "normal";
-	};
-	const getImgRef = (img) => {
-		isLoaded.value = false;
-		if (status.value === "loading" && img?.complete && (img.naturalWidth || img.naturalHeight)) {
-			isLoaded.value = true;
-			onLoad();
-		}
-	};
-	return [
-		getImgRef,
-		(0, vue.computed)(() => {
-			if (isError.value && fallback?.value) return { src: fallback.value };
-			return {
-				onLoad,
-				src: src.value
-			};
-		}),
-		status
-	];
-}
-exports.default = useStatus;

package/dist/hooks/useTouchEvent.cjs

@@ -1,125 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_canUseDom = require("../util/dist/Dom/canUseDom.cjs");
-const require_getFixScaleEleTransPosition = require("../getFixScaleEleTransPosition.cjs");
-let vue = require("vue");
-function getDistance(a, b) {
-	const x = a.x - b.x;
-	const y = a.y - b.y;
-	return Math.hypot(x, y);
-}
-function getCenter(oldPoint1, oldPoint2, newPoint1, newPoint2) {
-	const distance1 = getDistance(oldPoint1, newPoint1);
-	const distance2 = getDistance(oldPoint2, newPoint2);
-	if (distance1 === 0 && distance2 === 0) return [oldPoint1.x, oldPoint1.y];
-	const ratio = distance1 / (distance1 + distance2);
-	return [oldPoint1.x + ratio * (oldPoint2.x - oldPoint1.x), oldPoint1.y + ratio * (oldPoint2.y - oldPoint1.y)];
-}
-function useTouchEvent(imgRef, movable, open, minScale, transform, updateTransform, dispatchZoomChange) {
-	const isTouching = (0, vue.shallowRef)(false);
-	const touchPointInfo = (0, vue.shallowRef)({
-		point1: {
-			x: 0,
-			y: 0
-		},
-		point2: {
-			x: 0,
-			y: 0
-		},
-		eventType: "none"
-	});
-	const updateTouchPointInfo = (values) => {
-		touchPointInfo.value = {
-			...touchPointInfo.value,
-			...values
-		};
-	};
-	const onTouchStart = (event) => {
-		if (!movable.value) return;
-		event.stopPropagation();
-		isTouching.value = true;
-		const { touches = [] } = event;
-		const { x, y } = transform.value;
-		if (touches.length > 1) updateTouchPointInfo({
-			point1: {
-				x: touches[0].clientX,
-				y: touches[0].clientY
-			},
-			point2: {
-				x: touches[1].clientX,
-				y: touches[1].clientY
-			},
-			eventType: "touchZoom"
-		});
-		else updateTouchPointInfo({
-			point1: {
-				x: touches[0].clientX - x,
-				y: touches[0].clientY - y
-			},
-			eventType: "move"
-		});
-	};
-	const onTouchMove = (event) => {
-		const { touches = [] } = event;
-		const { point1, point2, eventType } = touchPointInfo.value;
-		if (touches.length > 1 && eventType === "touchZoom") {
-			const newPoint1 = {
-				x: touches[0].clientX,
-				y: touches[0].clientY
-			};
-			const newPoint2 = {
-				x: touches[1].clientX,
-				y: touches[1].clientY
-			};
-			const [centerX, centerY] = getCenter(point1, point2, newPoint1, newPoint2);
-			dispatchZoomChange(getDistance(newPoint1, newPoint2) / getDistance(point1, point2), "touchZoom", centerX, centerY, true);
-			updateTouchPointInfo({
-				point1: newPoint1,
-				point2: newPoint2,
-				eventType: "touchZoom"
-			});
-		} else if (eventType === "move") {
-			updateTransform({
-				x: touches[0].clientX - point1.x,
-				y: touches[0].clientY - point1.y
-			}, "move");
-			updateTouchPointInfo({ eventType: "move" });
-		}
-	};
-	const onTouchEnd = () => {
-		if (!open.value || !imgRef.value) return;
-		if (isTouching.value) isTouching.value = false;
-		updateTouchPointInfo({ eventType: "none" });
-		const { rotate, scale } = transform.value;
-		if (minScale.value > scale) return updateTransform({
-			x: 0,
-			y: 0,
-			scale: minScale.value
-		}, "touchZoom");
-		const width = imgRef.value.offsetWidth * scale;
-		const height = imgRef.value.offsetHeight * scale;
-		const { left, top } = imgRef.value.getBoundingClientRect() ?? {};
-		const isRotate = rotate % 180 !== 0;
-		const fixState = require_getFixScaleEleTransPosition.default(isRotate ? height : width, isRotate ? width : height, left, top);
-		if (fixState) updateTransform({ ...fixState }, "dragRebound");
-	};
-	(0, vue.watchEffect)((onCleanup) => {
-		const preventDefault = (e) => {
-			e.preventDefault();
-		};
-		if (open.value && movable.value) window.addEventListener("touchmove", preventDefault, { passive: false });
-		onCleanup(() => {
-			if (!require_canUseDom.canUseDom()) return;
-			window.removeEventListener("touchmove", preventDefault);
-		});
-	});
-	return {
-		isTouching,
-		onTouchStart,
-		onTouchMove,
-		onTouchEnd
-	};
-}
-exports.default = useTouchEvent;

package/dist/index.cjs

@@ -1,11 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Image = require("./Image.cjs");
-const require_PreviewGroup = require("./PreviewGroup.cjs");
-var ExportImage = require_Image.default;
-ExportImage.PreviewGroup = require_PreviewGroup.default;
-var src_default = ExportImage;
-exports.PreviewGroup = require_PreviewGroup.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/dist/portal/dist/Context.cjs

@@ -1,12 +0,0 @@
-let vue = require("vue");
-var QueueContextKey = Symbol("QueueContextKey");
-function useContextProvider(appendFunc) {
-	const queueCreate = appendFunc;
-	(0, vue.provide)(QueueContextKey, queueCreate);
-	return queueCreate;
-}
-function useContextState() {
-	return (0, vue.inject)(QueueContextKey, void 0);
-}
-exports.useContextProvider = useContextProvider;
-exports.useContextState = useContextState;