@qw-ui/core 0.3.0-next.9 → 0.3.0

package/dist/image-preview/index.js

@@ -0,0 +1,450 @@
+import { c as clampSwiperIndex } from "../swiper-BKivDkHp.js";
+import { createMachine } from "@zag-js/core";
+//#region src/image-preview/image-preview.ts
+const initial = () => ({
+	scale: 1,
+	x: 0,
+	y: 0
+});
+const finite = (value, fallback) => Number.isFinite(value) ? value : fallback;
+function resolveImagePreviewMaxZoom(value = 3) {
+	return Math.max(1, Math.min(6, finite(value, 3)));
+}
+function resolveImagePreviewImages(images = []) {
+	if (images.length > 12) throw new RangeError("ImagePreview supports at most 12 images, matching native Swiper channels");
+	for (const image of images) if (typeof image.src !== "string" || !image.src.trim() || typeof image.alt !== "string" || !image.alt.trim()) throw new TypeError("ImagePreview images require nonempty src and alt");
+	return images;
+}
+function clampImagePreviewTransform(value, maxZoom, width = 0, height = 0) {
+	const scale = Math.max(1, Math.min(resolveImagePreviewMaxZoom(maxZoom), finite(value.scale, 1)));
+	const xBound = Math.max(0, width * (scale - 1) / 2), yBound = Math.max(0, height * (scale - 1) / 2);
+	return {
+		scale,
+		x: Math.max(-xBound, Math.min(xBound, finite(value.x, 0))),
+		y: Math.max(-yBound, Math.min(yBound, finite(value.y, 0)))
+	};
+}
+function createImagePreviewProps(props = {}) {
+	return {
+		...props,
+		images: resolveImagePreviewImages(props.images),
+		maxZoom: resolveImagePreviewMaxZoom(props.maxZoom),
+		ariaLabel: props.ariaLabel?.trim() || "图片预览"
+	};
+}
+const imagesOf = (service) => resolveImagePreviewImages(service.prop("images"));
+const indexOf = (service) => clampSwiperIndex({ count: imagesOf(service).length }, service.context.get("index"));
+const imageId = (id, index) => `${id}:image-resource:${index}`;
+const resetGesture = (gesture) => {
+	gesture.points.clear();
+	gesture.distance = 0;
+};
+const imagePreviewMachine = createMachine({
+	props: ({ props }) => createImagePreviewProps(props),
+	initialState: () => "ready",
+	states: { ready: {} },
+	context: ({ prop, bindable }) => ({
+		open: bindable(() => ({
+			value: prop("open"),
+			defaultValue: prop("defaultOpen") ?? false,
+			onChange: (open) => prop("onOpenChange")?.(open)
+		})),
+		index: bindable(() => ({
+			value: prop("index"),
+			defaultValue: prop("defaultIndex") ?? 0,
+			onChange: (index) => prop("onIndexChange")?.({ index })
+		})),
+		transform: bindable(() => ({
+			defaultValue: initial(),
+			hash: JSON.stringify
+		})),
+		status: bindable(() => ({ defaultValue: "loading" })),
+		revision: bindable(() => ({ defaultValue: 0 }))
+	}),
+	refs: () => ({
+		gesture: {
+			points: /* @__PURE__ */ new Map(),
+			distance: 0,
+			scale: 1,
+			x: 0,
+			y: 0,
+			originX: 0,
+			originY: 0
+		},
+		syncResource: void 0
+	}),
+	effects: ["trackResources"],
+	watch({ track, prop, context, send }) {
+		track([
+			() => JSON.stringify(prop("images")),
+			() => context.get("index"),
+			() => context.get("open"),
+			() => prop("maxZoom")
+		], () => send({ type: "SYNC" }));
+	},
+	on: {
+		OPEN: { actions: ["open"] },
+		INDEX: { actions: ["index"] },
+		TRANSFORM: { actions: ["transform"] },
+		RESOURCE: { actions: ["resource"] },
+		RESET: { actions: ["reset"] },
+		RETRY: { actions: ["retry"] },
+		SYNC: { actions: ["sync"] }
+	},
+	implementations: {
+		actions: {
+			open({ event, context }) {
+				if (event.type === "OPEN") context.set("open", event.open);
+			},
+			index(params) {
+				if (params.event.type !== "INDEX" || !imagesOf(params).length) return;
+				params.context.set("index", clampSwiperIndex({ count: imagesOf(params).length }, params.event.index));
+			},
+			transform({ event, context, prop }) {
+				if (event.type === "TRANSFORM") context.set("transform", clampImagePreviewTransform(event.value, prop("maxZoom") ?? 3, event.width, event.height));
+			},
+			resource(params) {
+				const { event, context } = params;
+				if (event.type === "RESOURCE" && context.get("open") && event.src === imagesOf(params)[indexOf(params)]?.src && event.revision === context.get("revision")) context.set("status", event.status);
+			},
+			reset({ context, refs }) {
+				context.set("transform", initial());
+				resetGesture(refs.get("gesture"));
+			},
+			retry({ context, refs }) {
+				context.set("revision", context.get("revision") + 1);
+				context.set("status", "loading");
+				context.set("transform", initial());
+				resetGesture(refs.get("gesture"));
+				refs.get("syncResource")?.();
+			},
+			sync(params) {
+				const { context, refs } = params;
+				const index = indexOf(params);
+				if (params.prop("index") === void 0 && context.get("index") !== index) context.set("index", index);
+				context.set("transform", initial());
+				context.set("status", "loading");
+				context.set("revision", context.get("revision") + 1);
+				resetGesture(refs.get("gesture"));
+				refs.get("syncResource")?.();
+			}
+		},
+		effects: { trackResources(params) {
+			const { scope, context, send, refs } = params, doc = scope.getDoc(), win = doc?.defaultView;
+			if (!doc || !win?.MutationObserver) return;
+			let target = null, disposed = false;
+			const read = () => {
+				const index = indexOf(params), image = imagesOf(params)[index];
+				if (disposed || !context.get("open") || !target?.isConnected || !image || target.id !== imageId(scope.id, index) || target.getAttribute("src") !== image.src || target.getAttribute("data-revision") !== String(context.get("revision")) || !target.complete) return;
+				const status = Number.isFinite(target.naturalWidth) && target.naturalWidth > 0 ? "loaded" : "error";
+				if (context.get("status") !== status) send({
+					type: "RESOURCE",
+					src: image.src,
+					revision: context.get("revision"),
+					status
+				});
+			};
+			const check = () => {
+				const id = imageId(scope.id, indexOf(params));
+				const next = context.get("open") ? scope.getById(id) ?? doc.getElementById(id) : null;
+				if (next !== target) {
+					target?.removeEventListener("load", read);
+					target?.removeEventListener("error", read);
+					target = next;
+					target?.addEventListener("load", read);
+					target?.addEventListener("error", read);
+				}
+				read();
+			};
+			const observer = new win.MutationObserver(check), root = scope.getRootNode();
+			const sync = () => {
+				observer.disconnect();
+				if (context.get("open")) {
+					observer.observe(root, {
+						childList: true,
+						subtree: true
+					});
+					if (root !== doc) observer.observe(doc, {
+						childList: true,
+						subtree: true
+					});
+				}
+				check();
+			};
+			refs.set("syncResource", sync);
+			sync();
+			return () => {
+				disposed = true;
+				refs.set("syncResource", void 0);
+				observer.disconnect();
+				target?.removeEventListener("load", read);
+				target?.removeEventListener("error", read);
+				target = null;
+			};
+		} }
+	}
+});
+function connectImagePreview(service, normalize) {
+	const images = imagesOf(service), index = indexOf(service), open = service.context.get("open"), transform = service.context.get("transform"), status = service.context.get("status"), revision = service.context.get("revision"), max = service.prop("maxZoom") ?? 3;
+	const part = (name) => ({
+		"data-scope": "image-preview",
+		"data-part": name
+	});
+	const reset = () => service.send({ type: "RESET" });
+	const changeScale = (value) => service.send({
+		type: "TRANSFORM",
+		value: {
+			scale: value,
+			x: 0,
+			y: 0
+		}
+	});
+	const popupProps = {
+		id: `${service.scope.id}-popup`,
+		open,
+		placement: "bottom",
+		title: service.prop("title"),
+		ariaLabel: service.prop("ariaLabel"),
+		closeLabel: service.prop("closeLabel"),
+		closeOnMaskClick: service.prop("closeOnMaskClick"),
+		disableBodyScroll: service.prop("disableBodyScroll"),
+		safeArea: service.prop("safeArea"),
+		returnFocus: service.prop("returnFocus"),
+		onOpenChange: (next) => service.send({
+			type: "OPEN",
+			open: next
+		})
+	};
+	const swiperProps = {
+		id: `${service.scope.id}-swiper`,
+		count: images.length,
+		index,
+		loop: service.prop("loop"),
+		navigation: true,
+		indicator: false,
+		allowTouchMove: transform.scale === 1,
+		label: service.prop("ariaLabel"),
+		prevLabel: service.prop("prevLabel"),
+		nextLabel: service.prop("nextLabel"),
+		onIndexChange: (details) => service.send({
+			type: "INDEX",
+			index: details.index
+		})
+	};
+	const stageId = (imageIndex) => `${service.scope.id}:image:${imageIndex}`;
+	const statusText = status === "error" ? service.prop("errorText") || "图片加载失败" : status === "loading" ? service.prop("loadingText") || "加载中" : "";
+	const zoom = (direction) => changeScale(service.context.get("transform").scale + direction * .5);
+	const current = (imageIndex) => indexOf(service) === imageIndex && service.context.get("open");
+	return {
+		images,
+		index,
+		open,
+		status,
+		revision,
+		transform,
+		popupProps,
+		swiperProps,
+		statusText,
+		retryText: service.prop("retryText") || "重试",
+		counter: images.length ? `${index + 1} / ${images.length}` : "0 / 0",
+		reset,
+		setOpen: (next) => service.send({
+			type: "OPEN",
+			open: next
+		}),
+		setIndex: (next) => service.send({
+			type: "INDEX",
+			index: next
+		}),
+		getRootProps: () => normalize.element({
+			...part("root"),
+			lang: service.prop("lang"),
+			dir: service.prop("dir"),
+			"data-visual-target": "image-preview-root"
+		}),
+		getCounterProps: () => normalize.element({
+			...part("counter"),
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": true
+		}),
+		getControlsProps: () => normalize.element({
+			...part("controls"),
+			role: "group",
+			"aria-label": "图片缩放"
+		}),
+		getZoomInProps: () => normalize.button({
+			...part("zoom-in"),
+			type: "button",
+			"aria-label": service.prop("zoomInLabel") || "放大",
+			disabled: !images.length || transform.scale >= max,
+			onClick: () => zoom(1)
+		}),
+		getZoomOutProps: () => normalize.button({
+			...part("zoom-out"),
+			type: "button",
+			"aria-label": service.prop("zoomOutLabel") || "缩小",
+			disabled: !images.length || transform.scale <= 1,
+			onClick: () => zoom(-1)
+		}),
+		getResetProps: () => normalize.button({
+			...part("reset"),
+			type: "button",
+			"aria-label": service.prop("resetLabel") || "复位",
+			disabled: !images.length || transform.scale === 1,
+			onClick: reset
+		}),
+		getStatusProps: () => normalize.element({
+			...part("status"),
+			role: status === "error" ? "alert" : "status",
+			hidden: status === "loaded" || !images.length
+		}),
+		getRetryProps: () => normalize.button({
+			...part("retry"),
+			type: "button",
+			hidden: status !== "error",
+			onClick: () => service.send({ type: "RETRY" })
+		}),
+		getImageProps(imageIndex) {
+			const image = images[imageIndex];
+			const active = imageIndex === index;
+			return normalize.element({
+				...part("image"),
+				id: imageId(service.scope.id, imageIndex),
+				src: image.src,
+				alt: image.alt,
+				draggable: false,
+				"data-revision": revision,
+				style: { transform: active ? `translate(${transform.x}px, ${transform.y}px) scale(${transform.scale})` : void 0 },
+				onLoad: () => {
+					if (active) service.send({
+						type: "RESOURCE",
+						src: image.src,
+						revision,
+						status: "loaded"
+					});
+				},
+				onError: () => {
+					if (active) service.send({
+						type: "RESOURCE",
+						src: image.src,
+						revision,
+						status: "error"
+					});
+				}
+			});
+		},
+		getStageProps(imageIndex) {
+			const active = imageIndex === index;
+			return normalize.element({
+				...part("stage"),
+				id: stageId(imageIndex),
+				role: "group",
+				tabIndex: active ? 0 : -1,
+				"aria-label": images[imageIndex]?.alt,
+				"data-zoomed": active && transform.scale > 1 ? "" : void 0,
+				"data-visual-target": active ? "image-preview-stage" : void 0,
+				onKeyDown(event) {
+					if (event.target !== event.currentTarget || !current(imageIndex)) return;
+					const key = event.key;
+					if (key === "+" || key === "=" || key === "-" || key === "0") {
+						event.preventDefault();
+						event.stopPropagation();
+						if (key === "0") reset();
+						else zoom(key === "-" ? -1 : 1);
+					}
+				},
+				onDoubleClick(event) {
+					if (!current(imageIndex)) return;
+					event.preventDefault();
+					event.stopPropagation();
+					changeScale(service.context.get("transform").scale > 1 ? 1 : Math.min(2, max));
+				},
+				onPointerDown(event) {
+					if (!current(imageIndex) || event.pointerType === "mouse" && event.button !== 0) return;
+					const gesture = service.refs.get("gesture"), value = service.context.get("transform");
+					gesture.points.set(event.pointerId, {
+						x: event.clientX,
+						y: event.clientY
+					});
+					if (gesture.points.size === 1) {
+						gesture.x = event.clientX;
+						gesture.y = event.clientY;
+						gesture.originX = value.x;
+						gesture.originY = value.y;
+					}
+					if (gesture.points.size === 2) {
+						const points = [...gesture.points.values()];
+						gesture.distance = Math.hypot(points[0].x - points[1].x, points[0].y - points[1].y);
+						gesture.scale = value.scale;
+						const viewport = event.currentTarget.closest("[data-scope=\"swiper\"][data-part=\"viewport\"]"), win = event.currentTarget.ownerDocument.defaultView;
+						const first = [...gesture.points.keys()][0];
+						if (viewport && win?.PointerEvent) viewport.dispatchEvent(new win.PointerEvent("pointercancel", {
+							bubbles: true,
+							pointerId: first
+						}));
+					}
+					if (value.scale > 1 || gesture.points.size > 1) {
+						event.stopPropagation();
+						try {
+							event.currentTarget.setPointerCapture(event.pointerId);
+						} catch {}
+					}
+				},
+				onPointerMove(event) {
+					const gesture = service.refs.get("gesture");
+					if (!current(imageIndex) || !gesture.points.has(event.pointerId)) return;
+					gesture.points.set(event.pointerId, {
+						x: event.clientX,
+						y: event.clientY
+					});
+					const value = service.context.get("transform"), rect = event.currentTarget.getBoundingClientRect();
+					if (gesture.points.size > 1) {
+						event.stopPropagation();
+						event.preventDefault();
+						const points = [...gesture.points.values()];
+						const distance = Math.hypot(points[0].x - points[1].x, points[0].y - points[1].y);
+						service.send({
+							type: "TRANSFORM",
+							value: {
+								scale: gesture.distance > 0 ? gesture.scale * distance / gesture.distance : value.scale,
+								x: 0,
+								y: 0
+							},
+							width: rect.width,
+							height: rect.height
+						});
+					} else if (value.scale > 1) {
+						event.stopPropagation();
+						event.preventDefault();
+						service.send({
+							type: "TRANSFORM",
+							value: {
+								...value,
+								x: gesture.originX + event.clientX - gesture.x,
+								y: gesture.originY + event.clientY - gesture.y
+							},
+							width: rect.width,
+							height: rect.height
+						});
+					}
+				},
+				onPointerUp(event) {
+					const gesture = service.refs.get("gesture");
+					if (gesture.points.size > 1 || service.context.get("transform").scale > 1) event.stopPropagation();
+					resetGesture(gesture);
+				},
+				onPointerCancel() {
+					resetGesture(service.refs.get("gesture"));
+				},
+				onLostPointerCapture() {
+					resetGesture(service.refs.get("gesture"));
+				}
+			});
+		}
+	};
+}
+//#endregion
+export { clampImagePreviewTransform, connectImagePreview, createImagePreviewProps, imagePreviewMachine, resolveImagePreviewImages, resolveImagePreviewMaxZoom };
+
+//# sourceMappingURL=index.js.map

package/dist/image-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/image-preview/image-preview.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport type { QwPopupProps } from \"../popup/popup.js\";\nimport { clampSwiperIndex, type QwSwiperProps } from \"../swiper/swiper.js\";\n\nexport interface ImagePreviewImage { src: string; alt: string }\nexport interface ImagePreviewIndexDetails { index: number }\nexport interface QwImagePreviewProps extends Omit<QwPopupProps, \"placement\"> {\n  /** Locale on the immediate Popup host; arbitrary outer ancestors are not copied into its portal. */\n  lang?: string;\n  dir?: string;\n  /** Up to 12 images (the shared native Swiper channel domain); alt is always visible to assistive technology. */\n  images?: readonly ImagePreviewImage[];\n  index?: number;\n  defaultIndex?: number;\n  loop?: boolean;\n  /** Finite upper zoom, clamped to 1–6; default 3. */\n  maxZoom?: number;\n  prevLabel?: string; nextLabel?: string; zoomInLabel?: string; zoomOutLabel?: string; resetLabel?: string;\n  loadingText?: string; errorText?: string; retryText?: string;\n  onIndexChange?: (details: ImagePreviewIndexDetails) => void;\n}\nexport interface PreviewTransform { scale: number; x: number; y: number }\ninterface PointerPoint { x: number; y: number }\ninterface Gesture { points: Map<number, PointerPoint>; distance: number; scale: number; x: number; y: number; originX: number; originY: number }\nexport interface QwImagePreviewSchema {\n  props: QwImagePreviewProps;\n  context: { open: boolean; index: number; transform: PreviewTransform; status: \"loading\" | \"loaded\" | \"error\"; revision: number };\n  refs: { gesture: Gesture; syncResource: (() => void) | undefined };\n  state: \"ready\";\n  effect: \"trackResources\";\n  action: \"open\" | \"index\" | \"transform\" | \"resource\" | \"reset\" | \"retry\" | \"sync\";\n  event: { type: \"OPEN\"; open: boolean } | { type: \"INDEX\"; index: number } | { type: \"TRANSFORM\"; value: PreviewTransform; width?: number; height?: number } | { type: \"RESOURCE\"; src: string; revision: number; status: \"loaded\" | \"error\" } | { type: \"RESET\" } | { type: \"RETRY\" } | { type: \"SYNC\" };\n}\nexport type QwImagePreviewService = Service<QwImagePreviewSchema>;\nconst initial = (): PreviewTransform => ({ scale: 1, x: 0, y: 0 });\nconst finite = (value: number, fallback: number) => Number.isFinite(value) ? value : fallback;\nexport function resolveImagePreviewMaxZoom(value = 3): number { return Math.max(1, Math.min(6, finite(value, 3))); }\nexport function resolveImagePreviewImages(images: readonly ImagePreviewImage[] = []): readonly ImagePreviewImage[] {\n  if (images.length > 12) throw new RangeError(\"ImagePreview supports at most 12 images, matching native Swiper channels\");\n  for (const image of images) if (typeof image.src !== \"string\" || !image.src.trim() || typeof image.alt !== \"string\" || !image.alt.trim()) throw new TypeError(\"ImagePreview images require nonempty src and alt\");\n  return images;\n}\nexport function clampImagePreviewTransform(value: PreviewTransform, maxZoom: number, width = 0, height = 0): PreviewTransform {\n  const scale = Math.max(1, Math.min(resolveImagePreviewMaxZoom(maxZoom), finite(value.scale, 1)));\n  const xBound = Math.max(0, width * (scale - 1) / 2), yBound = Math.max(0, height * (scale - 1) / 2);\n  return { scale, x: Math.max(-xBound, Math.min(xBound, finite(value.x, 0))), y: Math.max(-yBound, Math.min(yBound, finite(value.y, 0))) };\n}\nexport function createImagePreviewProps(props: QwImagePreviewProps = {}): QwImagePreviewProps {\n  return { ...props, images: resolveImagePreviewImages(props.images), maxZoom: resolveImagePreviewMaxZoom(props.maxZoom), ariaLabel: props.ariaLabel?.trim() || \"图片预览\" };\n}\nconst imagesOf = (service: Pick<QwImagePreviewService, \"prop\">) => resolveImagePreviewImages(service.prop(\"images\"));\nconst indexOf = (service: Pick<QwImagePreviewService, \"prop\" | \"context\">) => clampSwiperIndex({ count: imagesOf(service).length }, service.context.get(\"index\"));\nconst imageId = (id: string | undefined, index: number) => `${id}:image-resource:${index}`;\nconst resetGesture = (gesture: Gesture) => { gesture.points.clear(); gesture.distance = 0; };\nexport const imagePreviewMachine: Machine<QwImagePreviewSchema> = createMachine<QwImagePreviewSchema>({\n  props: ({ props }) => createImagePreviewProps(props), initialState: () => \"ready\", states: { ready: {} },\n  context: ({ prop, bindable }) => ({\n    open: bindable(() => ({ value: prop(\"open\"), defaultValue: prop(\"defaultOpen\") ?? false, onChange: (open) => prop(\"onOpenChange\")?.(open) })),\n    index: bindable(() => ({ value: prop(\"index\"), defaultValue: prop(\"defaultIndex\") ?? 0, onChange: (index) => prop(\"onIndexChange\")?.({ index }) })),\n    transform: bindable(() => ({ defaultValue: initial(), hash: JSON.stringify })), status: bindable<\"loading\" | \"loaded\" | \"error\">(() => ({ defaultValue: \"loading\" })), revision: bindable(() => ({ defaultValue: 0 })),\n  }),\n  refs: () => ({ gesture: { points: new Map(), distance: 0, scale: 1, x: 0, y: 0, originX: 0, originY: 0 }, syncResource: undefined }),\n  effects: [\"trackResources\"],\n  watch({ track, prop, context, send }) {\n    track([() => JSON.stringify(prop(\"images\")), () => context.get(\"index\"), () => context.get(\"open\"), () => prop(\"maxZoom\")], () => send({ type: \"SYNC\" }));\n  },\n  on: { OPEN: { actions: [\"open\"] }, INDEX: { actions: [\"index\"] }, TRANSFORM: { actions: [\"transform\"] }, RESOURCE: { actions: [\"resource\"] }, RESET: { actions: [\"reset\"] }, RETRY: { actions: [\"retry\"] }, SYNC: { actions: [\"sync\"] } },\n  implementations: { actions: {\n    open({ event, context }) { if (event.type === \"OPEN\") context.set(\"open\", event.open); },\n    index(params) { if (params.event.type !== \"INDEX\" || !imagesOf(params).length) return; params.context.set(\"index\", clampSwiperIndex({ count: imagesOf(params).length }, params.event.index)); },\n    transform({ event, context, prop }) { if (event.type === \"TRANSFORM\") context.set(\"transform\", clampImagePreviewTransform(event.value, prop(\"maxZoom\") ?? 3, event.width, event.height)); },\n    resource(params) { const { event, context } = params; if (event.type === \"RESOURCE\" && context.get(\"open\") && event.src === imagesOf(params)[indexOf(params)]?.src && event.revision === context.get(\"revision\")) context.set(\"status\", event.status); },\n    reset({ context, refs }) { context.set(\"transform\", initial()); resetGesture(refs.get(\"gesture\")); },\n    retry({ context, refs }) { context.set(\"revision\", context.get(\"revision\") + 1); context.set(\"status\", \"loading\"); context.set(\"transform\", initial()); resetGesture(refs.get(\"gesture\")); refs.get(\"syncResource\")?.(); },\n    sync(params) { const { context, refs } = params; const index = indexOf(params); if (params.prop(\"index\") === undefined && context.get(\"index\") !== index) context.set(\"index\", index); context.set(\"transform\", initial()); context.set(\"status\", \"loading\"); context.set(\"revision\", context.get(\"revision\") + 1); resetGesture(refs.get(\"gesture\")); refs.get(\"syncResource\")?.(); },\n  }, effects: {\n    trackResources(params) {\n      const { scope, context, send, refs } = params, doc = scope.getDoc(), win = doc?.defaultView;\n      if (!doc || !win?.MutationObserver) return;\n      let target: HTMLImageElement | null = null, disposed = false;\n      const read = () => {\n        const index = indexOf(params), image = imagesOf(params)[index];\n        if (disposed || !context.get(\"open\") || !target?.isConnected || !image || target.id !== imageId(scope.id, index) || target.getAttribute(\"src\") !== image.src || target.getAttribute(\"data-revision\") !== String(context.get(\"revision\")) || !target.complete) return;\n        const status = Number.isFinite(target.naturalWidth) && target.naturalWidth > 0 ? \"loaded\" : \"error\";\n        if (context.get(\"status\") !== status) send({ type: \"RESOURCE\", src: image.src, revision: context.get(\"revision\"), status });\n      };\n      const check = () => {\n        const id = imageId(scope.id, indexOf(params));\n        const next = context.get(\"open\") ? scope.getById<HTMLImageElement>(id) ?? doc.getElementById(id) as HTMLImageElement | null : null;\n        if (next !== target) {\n          target?.removeEventListener(\"load\", read); target?.removeEventListener(\"error\", read); target = next;\n          target?.addEventListener(\"load\", read); target?.addEventListener(\"error\", read);\n        }\n        // Cached SSR resources may have completed before hydration installed event handlers.\n        read();\n      };\n      const observer = new win.MutationObserver(check), root = scope.getRootNode();\n      const sync = () => {\n        observer.disconnect();\n        if (context.get(\"open\")) {\n          observer.observe(root, { childList: true, subtree: true });\n          if (root !== doc) observer.observe(doc, { childList: true, subtree: true });\n        }\n        check();\n      };\n      refs.set(\"syncResource\", sync); sync();\n      return () => { disposed = true; refs.set(\"syncResource\", undefined); observer.disconnect(); target?.removeEventListener(\"load\", read); target?.removeEventListener(\"error\", read); target = null; };\n    },\n  } },\n});\ninterface StagePointer { pointerId: number; pointerType?: string; button: number; clientX: number; clientY: number; currentTarget: HTMLElement; stopPropagation(): void; preventDefault(): void }\nexport function connectImagePreview<T extends PropTypes>(service: QwImagePreviewService, normalize: NormalizeProps<T>) {\n  const images = imagesOf(service), index = indexOf(service), open = service.context.get(\"open\"), transform = service.context.get(\"transform\"), status = service.context.get(\"status\"), revision = service.context.get(\"revision\"), max = service.prop(\"maxZoom\") ?? 3;\n  const part = (name: string) => ({ \"data-scope\": \"image-preview\", \"data-part\": name });\n  const reset = () => service.send({ type: \"RESET\" });\n  const changeScale = (value: number) => service.send({ type: \"TRANSFORM\", value: { scale: value, x: 0, y: 0 } });\n  const popupProps: QwPopupProps = { id: `${service.scope.id}-popup`, open, placement: \"bottom\", title: service.prop(\"title\"), ariaLabel: service.prop(\"ariaLabel\"), closeLabel: service.prop(\"closeLabel\"), closeOnMaskClick: service.prop(\"closeOnMaskClick\"), disableBodyScroll: service.prop(\"disableBodyScroll\"), safeArea: service.prop(\"safeArea\"), returnFocus: service.prop(\"returnFocus\"), onOpenChange: (next) => service.send({ type: \"OPEN\", open: next }) };\n  const swiperProps: QwSwiperProps = { id: `${service.scope.id}-swiper`, count: images.length, index, loop: service.prop(\"loop\"), navigation: true, indicator: false, allowTouchMove: transform.scale === 1, label: service.prop(\"ariaLabel\"), prevLabel: service.prop(\"prevLabel\"), nextLabel: service.prop(\"nextLabel\"), onIndexChange: (details) => service.send({ type: \"INDEX\", index: details.index }) };\n  const stageId = (imageIndex: number) => `${service.scope.id}:image:${imageIndex}`;\n  const statusText = status === \"error\" ? service.prop(\"errorText\") || \"图片加载失败\" : status === \"loading\" ? service.prop(\"loadingText\") || \"加载中\" : \"\";\n  const zoom = (direction: -1 | 1) => changeScale(service.context.get(\"transform\").scale + direction * 0.5);\n  const current = (imageIndex: number) => indexOf(service) === imageIndex && service.context.get(\"open\");\n  return { images, index, open, status, revision, transform, popupProps, swiperProps, statusText, retryText: service.prop(\"retryText\") || \"重试\", counter: images.length ? `${index + 1} / ${images.length}` : \"0 / 0\", reset,\n    setOpen: (next: boolean) => service.send({ type: \"OPEN\", open: next }), setIndex: (next: number) => service.send({ type: \"INDEX\", index: next }),\n    getRootProps: () => normalize.element({ ...part(\"root\"), lang: service.prop(\"lang\"), dir: service.prop(\"dir\"), \"data-visual-target\": \"image-preview-root\" }),\n    getCounterProps: () => normalize.element({ ...part(\"counter\"), role: \"status\", \"aria-live\": \"polite\", \"aria-atomic\": true }),\n    getControlsProps: () => normalize.element({ ...part(\"controls\"), role: \"group\", \"aria-label\": \"图片缩放\" }),\n    getZoomInProps: () => normalize.button({ ...part(\"zoom-in\"), type: \"button\", \"aria-label\": service.prop(\"zoomInLabel\") || \"放大\", disabled: !images.length || transform.scale >= max, onClick: () => zoom(1) }),\n    getZoomOutProps: () => normalize.button({ ...part(\"zoom-out\"), type: \"button\", \"aria-label\": service.prop(\"zoomOutLabel\") || \"缩小\", disabled: !images.length || transform.scale <= 1, onClick: () => zoom(-1) }),\n    getResetProps: () => normalize.button({ ...part(\"reset\"), type: \"button\", \"aria-label\": service.prop(\"resetLabel\") || \"复位\", disabled: !images.length || transform.scale === 1, onClick: reset }),\n    getStatusProps: () => normalize.element({ ...part(\"status\"), role: status === \"error\" ? \"alert\" : \"status\", hidden: status === \"loaded\" || !images.length }),\n    getRetryProps: () => normalize.button({ ...part(\"retry\"), type: \"button\", hidden: status !== \"error\", onClick: () => service.send({ type: \"RETRY\" }) }),\n    getImageProps(imageIndex: number) {\n      const image = images[imageIndex]!; const active = imageIndex === index;\n      return normalize.element({ ...part(\"image\"), id: imageId(service.scope.id, imageIndex), src: image.src, alt: image.alt, draggable: false, \"data-revision\": revision, style: { transform: active ? `translate(${transform.x}px, ${transform.y}px) scale(${transform.scale})` : undefined },\n        onLoad: () => { if (active) service.send({ type: \"RESOURCE\", src: image.src, revision, status: \"loaded\" }); }, onError: () => { if (active) service.send({ type: \"RESOURCE\", src: image.src, revision, status: \"error\" }); } });\n    },\n    getStageProps(imageIndex: number) {\n      const active = imageIndex === index;\n      return normalize.element({ ...part(\"stage\"), id: stageId(imageIndex), role: \"group\", tabIndex: active ? 0 : -1, \"aria-label\": images[imageIndex]?.alt, \"data-zoomed\": active && transform.scale > 1 ? \"\" : undefined, \"data-visual-target\": active ? \"image-preview-stage\" : undefined,\n        onKeyDown(event: { key: string; target: unknown; currentTarget: unknown; preventDefault(): void; stopPropagation(): void }) { if (event.target !== event.currentTarget || !current(imageIndex)) return; const key = event.key; if (key === \"+\" || key === \"=\" || key === \"-\" || key === \"0\") { event.preventDefault(); event.stopPropagation(); if (key === \"0\") reset(); else zoom(key === \"-\" ? -1 : 1); } },\n        onDoubleClick(event: { preventDefault(): void; stopPropagation(): void }) { if (!current(imageIndex)) return; event.preventDefault(); event.stopPropagation(); changeScale(service.context.get(\"transform\").scale > 1 ? 1 : Math.min(2, max)); },\n        onPointerDown(event: StagePointer) {\n          if (!current(imageIndex) || (event.pointerType === \"mouse\" && event.button !== 0)) return;\n          const gesture = service.refs.get(\"gesture\"), value = service.context.get(\"transform\");\n          gesture.points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n          if (gesture.points.size === 1) { gesture.x = event.clientX; gesture.y = event.clientY; gesture.originX = value.x; gesture.originY = value.y; }\n          if (gesture.points.size === 2) {\n            const points = [...gesture.points.values()]; gesture.distance = Math.hypot(points[0]!.x - points[1]!.x, points[0]!.y - points[1]!.y); gesture.scale = value.scale;\n            // Cancel the already armed one-finger Swiper gesture before this becomes a pinch.\n            const viewport = event.currentTarget.closest('[data-scope=\"swiper\"][data-part=\"viewport\"]'), win = event.currentTarget.ownerDocument.defaultView;\n            const first = [...gesture.points.keys()][0]!;\n            if (viewport && win?.PointerEvent) viewport.dispatchEvent(new win.PointerEvent(\"pointercancel\", { bubbles: true, pointerId: first }));\n          }\n          if (value.scale > 1 || gesture.points.size > 1) { event.stopPropagation(); try { event.currentTarget.setPointerCapture(event.pointerId); } catch { /* pointer already released */ } }\n        },\n        onPointerMove(event: StagePointer) {\n          const gesture = service.refs.get(\"gesture\"); if (!current(imageIndex) || !gesture.points.has(event.pointerId)) return;\n          gesture.points.set(event.pointerId, { x: event.clientX, y: event.clientY });\n          const value = service.context.get(\"transform\"), rect = event.currentTarget.getBoundingClientRect();\n          if (gesture.points.size > 1) { event.stopPropagation(); event.preventDefault(); const points = [...gesture.points.values()]; const distance = Math.hypot(points[0]!.x - points[1]!.x, points[0]!.y - points[1]!.y); service.send({ type: \"TRANSFORM\", value: { scale: gesture.distance > 0 ? gesture.scale * distance / gesture.distance : value.scale, x: 0, y: 0 }, width: rect.width, height: rect.height }); }\n          else if (value.scale > 1) { event.stopPropagation(); event.preventDefault(); service.send({ type: \"TRANSFORM\", value: { ...value, x: gesture.originX + event.clientX - gesture.x, y: gesture.originY + event.clientY - gesture.y }, width: rect.width, height: rect.height }); }\n        },\n        onPointerUp(event: StagePointer) { const gesture = service.refs.get(\"gesture\"); if (gesture.points.size > 1 || service.context.get(\"transform\").scale > 1) event.stopPropagation(); resetGesture(gesture); },\n        onPointerCancel() { resetGesture(service.refs.get(\"gesture\")); }, onLostPointerCapture() { resetGesture(service.refs.get(\"gesture\")); },\n      });\n    },\n  };\n}\nexport type QwImagePreviewApi<T extends PropTypes = PropTypes> = ReturnType<typeof connectImagePreview<T>>;\n"],"mappings":"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"}

package/dist/index-bar/index-bar.d.ts

@@ -0,0 +1,121 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+/** Stable DOM parts shared by every adapter. */
+export declare const INDEX_BAR_PARTS: readonly ["root", "index", "index-item", "indicator", "list", "group", "anchor", "group-content", "status"];
+/** Caller data: Core owns key/title; content is a scalar fallback that adapters may replace with nodes/slots. */
+export interface QwIndexBarGroup {
+    key: string;
+    title?: string;
+    content?: string;
+}
+export interface IndexBarChangeDetails {
+    key: string;
+}
+export interface ResolvedIndexBarGroup {
+    key: string;
+    title: string;
+    content: string;
+    index: number;
+}
+export interface ResolvedIndexBarItem {
+    key: string;
+    title: string;
+    disabled: boolean;
+    group: number;
+}
+export interface QwIndexBarProps {
+    /** Page-unique instance identity; adapters generate one when omitted. */
+    id?: string;
+    /** Ordered groups. Empty/duplicate keys are dropped. */
+    groups?: readonly QwIndexBarGroup[];
+    /** Sidebar keys; defaults to the group keys. Keys without a group render disabled and are skipped. */
+    indexes?: readonly string[];
+    /** Element id of the scrolling container. Omitted/missing: nearest scrollable ancestor, then the viewport. */
+    target?: string;
+    /** Pixels reserved at the top of the container (for example a fixed NavBar); default 0. */
+    stickyOffset?: number;
+    /** Keep the current group's anchor title stuck at stickyOffset; default true. */
+    sticky?: boolean;
+    /** Accessible name of the index toolbar; default 索引. */
+    indexLabel?: string;
+    /** Accessible name template of an index item with {title}; default 跳转到 {title} 组. */
+    jumpLabel?: string;
+    /** The current group changed (scrolling or jumping). */
+    onChange?: (details: IndexBarChangeDetails) => void;
+}
+export interface ResolvedIndexBarState {
+    groups: ResolvedIndexBarGroup[];
+    items: ResolvedIndexBarItem[];
+    target: string | undefined;
+    stickyOffset: number;
+    sticky: boolean;
+    indexLabel: string;
+    jumpLabel: string;
+}
+export declare function resolveIndexBarState(props?: QwIndexBarProps): ResolvedIndexBarState;
+/** The key under a pointer position, from item rects measured top-down. Disabled items are skipped. */
+export declare function resolveIndexBarKeyAt(y: number, rects: readonly {
+    key: string;
+    top: number;
+    bottom: number;
+}[]): string | null;
+/** Current group: the last one whose top has reached the sticky offset; the first group before any is reached. */
+export declare function resolveIndexBarActive(tops: readonly {
+    key: string;
+    top: number;
+}[], offset: number): string | null;
+export declare function createIndexBarProps(props?: QwIndexBarProps): QwIndexBarProps;
+export interface QwIndexBarSchema {
+    props: QwIndexBarProps;
+    context: {
+        active: string | null;
+        focusKey: string | null;
+        indicator: string | null;
+    };
+    refs: {
+        suppressScroll: boolean;
+        sync: (() => void) | null;
+    };
+    state: "ready";
+    action: "syncActive" | "jump" | "dragEnd" | "focusItem" | "resync";
+    effect: "trackScroll";
+    event: {
+        type: "ACTIVE.SYNC";
+        key: string | null;
+    } | {
+        type: "JUMP";
+        key: string;
+        drag?: boolean;
+    } | {
+        type: "DRAG.END";
+    } | {
+        type: "FOCUS.MOVE";
+        key: string;
+        focus?: boolean;
+    } | {
+        type: "GROUPS.CHANGE";
+    };
+}
+export type QwIndexBarMachine = Machine<QwIndexBarSchema>;
+export type QwIndexBarService = Service<QwIndexBarSchema>;
+/** Core owns scroll tracking, jumping, drag measurement, roving focus and listener cleanup. */
+export declare const indexBarMachine: QwIndexBarMachine;
+export interface QwIndexBarApi<T extends PropTypes = PropTypes> {
+    groups: ResolvedIndexBarGroup[];
+    items: ResolvedIndexBarItem[];
+    active: string | null;
+    indicator: string | null;
+    statusText: string;
+    /** Scroll the container so the group's top meets stickyOffset. Unknown/disabled keys are ignored. */
+    scrollTo(key: string): void;
+    getRootProps(): T["element"];
+    getIndexProps(): T["element"];
+    getIndexItemProps(item: ResolvedIndexBarItem): T["button"];
+    getIndicatorProps(): T["element"];
+    getListProps(): T["element"];
+    getGroupProps(group: ResolvedIndexBarGroup): T["element"];
+    getAnchorProps(group: ResolvedIndexBarGroup): T["element"];
+    getGroupContentProps(group: ResolvedIndexBarGroup): T["element"];
+    getStatusProps(): T["element"];
+}
+export declare function connectIndexBar<T extends PropTypes>(service: QwIndexBarService, normalize: NormalizeProps<T>): QwIndexBarApi<T>;

package/dist/index-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./index-bar.js";