@qw-ui/core 0.3.0-next.40 → 0.3.0-next.43

package/dist/swipe-action/index.js

@@ -0,0 +1,417 @@
+import { n as resolveSwipeIntent, r as sampleVelocity, t as lockGestureAxis } from "../gesture-_SRHIvBm.js";
+import { createMachine } from "@zag-js/core";
+import { visuallyHiddenStyle } from "@zag-js/dom-query";
+//#region src/swipe-action/swipe-action.ts
+/** Logical sides: start actions sit at inline-start (left in LTR, right in RTL). */
+const SWIPE_ACTION_SIDES = ["start", "end"];
+const SWIPE_ACTION_COLORS = [
+	"default",
+	"primary",
+	"warning",
+	"danger"
+];
+/** Stable DOM parts shared by every adapter. */
+const SWIPE_ACTION_PARTS = [
+	"root",
+	"track",
+	"actions",
+	"action",
+	"content",
+	"status"
+];
+/** Share of an action group's width that commits opening/closing; flicks commit earlier. */
+const SWIPE_ACTION_DISTANCE_RATIO = .4;
+const MAX_ACTIONS = 8;
+const items = (value, side) => {
+	const seen = /* @__PURE__ */ new Set(), result = [];
+	for (const item of Array.isArray(value) ? value : []) {
+		if (!item || typeof item.key !== "string" || !item.key || seen.has(item.key) || typeof item.text !== "string" || !item.text.trim()) continue;
+		seen.add(item.key);
+		result.push({
+			key: item.key,
+			text: item.text,
+			color: SWIPE_ACTION_COLORS.includes(item.color) ? item.color : "default",
+			disabled: !!item.disabled,
+			side
+		});
+		if (result.length === MAX_ACTIONS) break;
+	}
+	return result;
+};
+const side = (value) => value === "start" || value === "end" ? value : null;
+/** Invalid/duplicate/empty actions are dropped; at most 8 per side. */
+function resolveSwipeActionState(props = {}) {
+	return {
+		start: items(props.startActions, "start"),
+		end: items(props.endActions, "end"),
+		closeOnAction: props.closeOnAction !== false,
+		closeOnTouchOutside: props.closeOnTouchOutside !== false,
+		disabled: !!props.disabled,
+		openedText: typeof props.openedText === "string" && props.openedText.trim() ? props.openedText : "已展开 {count} 个操作"
+	};
+}
+/** A side can only be open when it has actions and the component is enabled. */
+function resolveSwipeActionOpen(state, open) {
+	const value = side(open);
+	return !value || state.disabled || !state[value].length ? null : value;
+}
+/** Resting logical offset: positive reveals start actions. */
+function getSwipeActionRestOffset(open, widths) {
+	return open === "start" ? widths.start : open === "end" ? -widths.end : 0;
+}
+/** Logical drag offset from the resting position, clamped to the measured action widths. */
+function clampSwipeActionOffset(offset, widths) {
+	return Math.min(Math.max(0, widths.start), Math.max(-Math.max(0, widths.end), Number.isFinite(offset) ? offset : 0));
+}
+/** Release decision. `delta` is the logical drag distance (positive = toward inline-end). */
+function resolveSwipeActionRelease(input) {
+	const { open, delta, velocity, widths } = input;
+	const intent = (size) => resolveSwipeIntent({
+		distance: delta,
+		velocity,
+		size,
+		ratio: SWIPE_ACTION_DISTANCE_RATIO
+	});
+	if (open === "end") return intent(widths.end) > 0 ? null : "end";
+	if (open === "start") return intent(widths.start) < 0 ? null : "start";
+	if (delta > 0 && widths.start > 0 && intent(widths.start) > 0) return "start";
+	if (delta < 0 && widths.end > 0 && intent(widths.end) < 0) return "end";
+	return null;
+}
+function createSwipeActionProps(props = {}) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("SwipeAction requires a nonempty instance id when provided");
+	return {
+		...props,
+		defaultOpen: side(props.defaultOpen),
+		open: props.open === void 0 ? void 0 : side(props.open)
+	};
+}
+const ids = (scope) => ({
+	root: `swipe-action:${scope.id}`,
+	track: `swipe-action:${scope.id}:track`,
+	content: `swipe-action:${scope.id}:content`,
+	start: `swipe-action:${scope.id}:start`,
+	end: `swipe-action:${scope.id}:end`
+});
+const live = (service) => resolveSwipeActionState({
+	startActions: service.prop("startActions"),
+	endActions: service.prop("endActions"),
+	closeOnAction: service.prop("closeOnAction"),
+	closeOnTouchOutside: service.prop("closeOnTouchOutside"),
+	disabled: service.prop("disabled"),
+	openedText: service.prop("openedText")
+});
+/** Measured widths, zeroed for a side without actions (its hidden group may still report a stale size). */
+const widthsOf = (context, state) => ({
+	start: state.start.length && !state.disabled ? context.get("startWidth") : 0,
+	end: state.end.length && !state.disabled ? context.get("endWidth") : 0
+});
+/** Move focus off an action that is about to be hidden, so it never stays on clipped content. */
+function releaseFocus(scope) {
+	const root = scope.getById(ids(scope).root), active = root?.ownerDocument.activeElement;
+	if (root && active && active !== root && active.closest?.("[data-scope=\"swipe-action\"][data-part=\"actions\"]") && root.contains(active)) root.focus({ preventScroll: true });
+}
+/** Core owns gestures, axis locking, outside/close handling, focus-driven opening and cleanup. */
+const swipeActionMachine = createMachine({
+	props: ({ props }) => createSwipeActionProps(props),
+	initialState: () => "ready",
+	states: { ready: {} },
+	context: ({ bindable, prop }) => ({
+		open: bindable(() => ({
+			defaultValue: prop("defaultOpen") ?? null,
+			value: prop("open"),
+			onChange(open) {
+				prop("onOpenChange")?.({ open });
+			}
+		})),
+		offset: bindable(() => ({ defaultValue: 0 })),
+		dragging: bindable(() => ({ defaultValue: false })),
+		startWidth: bindable(() => ({ defaultValue: 0 })),
+		endWidth: bindable(() => ({ defaultValue: 0 }))
+	}),
+	watch({ track, prop, action }) {
+		track([() => prop("disabled")], () => action(["closeIfDisabled"]));
+	},
+	on: {
+		"OPEN.SET": { actions: ["setOpen"] },
+		CLOSE: { actions: ["close"] },
+		"DRAG.MOVE": { actions: ["dragMove"] },
+		"DRAG.END": { actions: ["dragEnd"] },
+		MEASURE: { actions: ["measure"] },
+		ACTION: { actions: ["activate"] }
+	},
+	effects: ["trackGestures"],
+	implementations: {
+		actions: {
+			setOpen({ event, context, prop }) {
+				if (event.type !== "OPEN.SET") return;
+				const state = live({ prop }), next = resolveSwipeActionOpen(state, event.side);
+				if (next !== resolveSwipeActionOpen(state, context.get("open"))) context.set("open", next);
+			},
+			close({ event, context, prop, scope }) {
+				if (event.type === "CLOSE" && event.restoreFocus) releaseFocus(scope);
+				if (resolveSwipeActionOpen(live({ prop }), context.get("open")) !== null) context.set("open", null);
+			},
+			closeIfDisabled({ context, prop }) {
+				if (prop("disabled") && side(context.get("open"))) context.set("open", null);
+			},
+			dragMove({ event, context }) {
+				if (event.type === "DRAG.MOVE") {
+					context.set("dragging", true);
+					context.set("offset", event.offset);
+				}
+			},
+			dragEnd({ event, context, prop }) {
+				if (event.type !== "DRAG.END") return;
+				context.set("dragging", false);
+				context.set("offset", 0);
+				const state = live({ prop }), next = resolveSwipeActionOpen(state, event.side);
+				if (next !== resolveSwipeActionOpen(state, context.get("open"))) context.set("open", next);
+			},
+			measure({ event, context }) {
+				if (event.type === "MEASURE") {
+					context.set("startWidth", event.start);
+					context.set("endWidth", event.end);
+				}
+			},
+			activate({ event, context, prop, scope }) {
+				if (event.type !== "ACTION") return;
+				const state = live({ prop }), item = state[event.side].find((action) => action.key === event.key);
+				if (!item || item.disabled || state.disabled) return;
+				prop("onAction")?.({
+					key: item.key,
+					side: item.side
+				});
+				if (state.closeOnAction && side(context.get("open"))) {
+					releaseFocus(scope);
+					context.set("open", null);
+				}
+			}
+		},
+		effects: { trackGestures({ scope, prop, context, send }) {
+			const id = ids(scope), root = scope.getById(id.root), track = scope.getById(id.track), win = root?.ownerDocument.defaultView;
+			if (!root || !track || !win) return;
+			const doc = root.ownerDocument;
+			const openNow = () => resolveSwipeActionOpen(live({ prop }), context.get("open"));
+			const measure = () => {
+				const start = scope.getById(id.start)?.offsetWidth ?? 0, end = scope.getById(id.end)?.offsetWidth ?? 0;
+				if (start !== context.get("startWidth") || end !== context.get("endWidth")) send({
+					type: "MEASURE",
+					start,
+					end
+				});
+			};
+			let gesture = null;
+			let suppressClick = false;
+			const logical = (dx, rtl) => rtl ? -dx : dx;
+			const onDown = (event) => {
+				gesture = null;
+				if (live({ prop }).disabled || event.pointerType === "mouse" && event.button !== 0) return;
+				measure();
+				gesture = {
+					id: event.pointerId,
+					x: event.clientX,
+					y: event.clientY,
+					axis: "pending",
+					rtl: win.getComputedStyle(root).direction === "rtl",
+					base: getSwipeActionRestOffset(openNow(), widthsOf(context, live({ prop }))),
+					samples: [],
+					captured: false
+				};
+				suppressClick = false;
+			};
+			const onMove = (event) => {
+				if (!gesture || event.pointerId !== gesture.id) return;
+				const dx = event.clientX - gesture.x, dy = event.clientY - gesture.y;
+				if (gesture.axis === "pending") gesture.axis = lockGestureAxis(dx, dy);
+				if (gesture.axis === "cross") {
+					gesture = null;
+					return;
+				}
+				if (gesture.axis !== "main") return;
+				if (!gesture.captured) {
+					gesture.captured = true;
+					try {
+						track.setPointerCapture?.(event.pointerId);
+					} catch {}
+				}
+				const delta = logical(dx, gesture.rtl);
+				gesture.samples.push({
+					position: delta,
+					time: event.timeStamp
+				});
+				send({
+					type: "DRAG.MOVE",
+					offset: clampSwipeActionOffset(gesture.base + delta, widthsOf(context, live({ prop })))
+				});
+			};
+			const onUp = (event) => {
+				if (!gesture || event.pointerId !== gesture.id) return;
+				const done = gesture;
+				gesture = null;
+				if (done.axis !== "main") return;
+				suppressClick = true;
+				const delta = logical(event.clientX - done.x, done.rtl);
+				done.samples.push({
+					position: delta,
+					time: event.timeStamp
+				});
+				send({
+					type: "DRAG.END",
+					side: resolveSwipeActionRelease({
+						open: openNow(),
+						delta,
+						velocity: sampleVelocity(done.samples, event.timeStamp),
+						widths: widthsOf(context, live({ prop }))
+					})
+				});
+			};
+			const onCancel = (event) => {
+				if (!gesture || event.pointerId !== gesture.id) return;
+				const done = gesture;
+				gesture = null;
+				if (done.axis === "main") send({
+					type: "DRAG.END",
+					side: openNow()
+				});
+			};
+			const onContentClick = (event) => {
+				const inContent = !!event.target?.closest?.(`[id="${id.content}"]`);
+				if (suppressClick || inContent && openNow()) {
+					event.preventDefault();
+					event.stopPropagation();
+					if (!suppressClick) send({ type: "CLOSE" });
+				}
+				suppressClick = false;
+			};
+			const onOutside = (event) => {
+				const target = event.target;
+				if (openNow() && live({ prop }).closeOnTouchOutside && target && !root.contains(target)) send({ type: "CLOSE" });
+			};
+			const onFocusIn = (event) => {
+				const which = (event.target?.closest?.("[data-scope=\"swipe-action\"][data-part=\"actions\"]"))?.getAttribute("data-side");
+				if ((which === "start" || which === "end") && openNow() !== which) {
+					measure();
+					send({
+						type: "OPEN.SET",
+						side: which
+					});
+				}
+			};
+			const onFocusOut = (event) => {
+				const next = event.relatedTarget;
+				if (openNow() && (!next || !root.contains(next))) send({ type: "CLOSE" });
+			};
+			track.addEventListener("pointerdown", onDown);
+			track.addEventListener("pointermove", onMove);
+			track.addEventListener("pointerup", onUp);
+			track.addEventListener("pointercancel", onCancel);
+			track.addEventListener("click", onContentClick, true);
+			root.addEventListener("focusin", onFocusIn);
+			root.addEventListener("focusout", onFocusOut);
+			doc.addEventListener("pointerdown", onOutside, true);
+			const Observer = win.ResizeObserver, observer = Observer ? new Observer(measure) : null;
+			for (const group of [scope.getById(id.start), scope.getById(id.end)]) if (group) observer?.observe(group);
+			measure();
+			return () => {
+				gesture = null;
+				observer?.disconnect();
+				track.removeEventListener("pointerdown", onDown);
+				track.removeEventListener("pointermove", onMove);
+				track.removeEventListener("pointerup", onUp);
+				track.removeEventListener("pointercancel", onCancel);
+				track.removeEventListener("click", onContentClick, true);
+				root.removeEventListener("focusin", onFocusIn);
+				root.removeEventListener("focusout", onFocusOut);
+				doc.removeEventListener("pointerdown", onOutside, true);
+			};
+		} }
+	}
+});
+const callKeyDown = (handler, event) => {
+	for (const item of Array.isArray(handler) ? handler : [handler]) if (typeof item === "function") item(event);
+};
+function connectSwipeAction(service, normalize, options = {}) {
+	const state = live(service), id = ids(service.scope), open = resolveSwipeActionOpen(state, service.context.get("open"));
+	const dragging = service.context.get("dragging"), offset = dragging ? service.context.get("offset") : getSwipeActionRestOffset(open, widthsOf(service.context, state));
+	const count = open ? state[open].length : 0;
+	const part = (name) => ({
+		"data-scope": "swipe-action",
+		"data-part": name
+	});
+	const show = (which = state.end.length ? "end" : "start") => service.send({
+		type: "OPEN.SET",
+		side: which
+	});
+	const close = () => service.send({ type: "CLOSE" });
+	return {
+		open,
+		dragging,
+		startActions: state.start,
+		endActions: state.end,
+		statusText: open ? state.openedText.replace(/\{count\}/g, String(count)) : "",
+		show,
+		close,
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id: id.root,
+			tabIndex: -1,
+			"data-state": open ? "open" : "closed",
+			"data-open": open ?? void 0,
+			"data-disabled": state.disabled ? "true" : void 0,
+			"data-dragging": dragging ? "true" : void 0,
+			onKeyDown(event) {
+				callKeyDown(options.onKeyDown, event);
+				if (!event.defaultPrevented && event.key === "Escape" && open) {
+					event.preventDefault();
+					service.send({
+						type: "CLOSE",
+						restoreFocus: true
+					});
+				}
+			}
+		}),
+		getTrackProps: () => normalize.element({
+			...part("track"),
+			id: id.track,
+			"data-dragging": dragging ? "true" : void 0,
+			style: { "--qw-swipe-action-offset": `${offset}px` }
+		}),
+		getActionsProps: (which) => normalize.element({
+			...part("actions"),
+			id: id[which],
+			"data-side": which,
+			"data-open": open === which ? "true" : void 0,
+			hidden: !state[which].length || void 0
+		}),
+		getActionProps: (item) => normalize.button({
+			...part("action"),
+			type: "button",
+			"data-key": item.key,
+			"data-side": item.side,
+			"data-color": item.color,
+			disabled: item.disabled || state.disabled,
+			onClick(event) {
+				if (!event.defaultPrevented) service.send({
+					type: "ACTION",
+					key: item.key,
+					side: item.side
+				});
+			}
+		}),
+		getContentProps: () => normalize.element({
+			...part("content"),
+			id: id.content
+		}),
+		getStatusProps: () => normalize.element({
+			...part("status"),
+			role: "status",
+			"aria-live": "polite",
+			style: visuallyHiddenStyle
+		})
+	};
+}
+//#endregion
+export { SWIPE_ACTION_COLORS, SWIPE_ACTION_DISTANCE_RATIO, SWIPE_ACTION_PARTS, SWIPE_ACTION_SIDES, clampSwipeActionOffset, connectSwipeAction, createSwipeActionProps, getSwipeActionRestOffset, resolveSwipeActionOpen, resolveSwipeActionRelease, resolveSwipeActionState, swipeActionMachine };
+
+//# sourceMappingURL=index.js.map

package/dist/swipe-action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/swipe-action/swipe-action.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport { visuallyHiddenStyle } from \"@zag-js/dom-query\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\nimport { lockGestureAxis, resolveSwipeIntent, sampleVelocity, type GestureAxis, type GestureSample } from \"../swiper/gesture.js\";\n\n/** Logical sides: start actions sit at inline-start (left in LTR, right in RTL). */\nexport const SWIPE_ACTION_SIDES = [\"start\", \"end\"] as const;\nexport const SWIPE_ACTION_COLORS = [\"default\", \"primary\", \"warning\", \"danger\"] as const;\n/** Stable DOM parts shared by every adapter. */\nexport const SWIPE_ACTION_PARTS = [\"root\", \"track\", \"actions\", \"action\", \"content\", \"status\"] as const;\n/** Share of an action group's width that commits opening/closing; flicks commit earlier. */\nexport const SWIPE_ACTION_DISTANCE_RATIO = 0.4;\nexport type SwipeActionSide = (typeof SWIPE_ACTION_SIDES)[number];\nexport type SwipeActionColor = (typeof SWIPE_ACTION_COLORS)[number];\n/** Scalar action. Rich action content is intentionally not supported so all stacks render the same button. */\nexport interface SwipeActionItem { key: string; text: string; color?: SwipeActionColor; disabled?: boolean }\nexport interface SwipeActionOpenChangeDetails { open: SwipeActionSide | null }\nexport interface SwipeActionActionDetails { key: string; side: SwipeActionSide }\n\nexport interface QwSwipeActionProps {\n  /** Page-unique instance identity; adapters generate one when omitted. */\n  id?: string;\n  /** Actions revealed by swiping toward inline-end (antd-mobile leftActions in LTR). */\n  startActions?: readonly SwipeActionItem[];\n  /** Actions revealed by swiping toward inline-start (antd-mobile rightActions in LTR). */\n  endActions?: readonly SwipeActionItem[];\n  /** Controlled open side; null is controlled closed, undefined enables Core-owned state. */\n  open?: SwipeActionSide | null;\n  defaultOpen?: SwipeActionSide | null;\n  /** Close after an action is activated; defaults to true. */\n  closeOnAction?: boolean;\n  /** Close when the user presses outside the component; defaults to true. */\n  closeOnTouchOutside?: boolean;\n  /** Ignore gestures and disable actions; an open item closes. */\n  disabled?: boolean;\n  /** Visually hidden status while open, with {count}; defaults to 已展开 {count} 个操作. */\n  openedText?: string;\n  onOpenChange?: (details: SwipeActionOpenChangeDetails) => void;\n  onAction?: (details: SwipeActionActionDetails) => void;\n}\nexport interface ResolvedSwipeActionItem { key: string; text: string; color: SwipeActionColor; disabled: boolean; side: SwipeActionSide }\nexport interface ResolvedSwipeActionState {\n  start: ResolvedSwipeActionItem[]; end: ResolvedSwipeActionItem[]; closeOnAction: boolean; closeOnTouchOutside: boolean; disabled: boolean; openedText: string;\n}\n\nconst MAX_ACTIONS = 8;\nconst items = (value: readonly SwipeActionItem[] | undefined, side: SwipeActionSide): ResolvedSwipeActionItem[] => {\n  const seen = new Set<string>(), result: ResolvedSwipeActionItem[] = [];\n  for (const item of Array.isArray(value) ? value : []) {\n    if (!item || typeof item.key !== \"string\" || !item.key || seen.has(item.key) || typeof item.text !== \"string\" || !item.text.trim()) continue;\n    seen.add(item.key);\n    result.push({ key: item.key, text: item.text, color: SWIPE_ACTION_COLORS.includes(item.color!) ? item.color! : \"default\", disabled: !!item.disabled, side });\n    if (result.length === MAX_ACTIONS) break;\n  }\n  return result;\n};\nconst side = (value: unknown): SwipeActionSide | null => value === \"start\" || value === \"end\" ? value : null;\n\n/** Invalid/duplicate/empty actions are dropped; at most 8 per side. */\nexport function resolveSwipeActionState(props: QwSwipeActionProps = {}): ResolvedSwipeActionState {\n  return {\n    start: items(props.startActions, \"start\"), end: items(props.endActions, \"end\"),\n    closeOnAction: props.closeOnAction !== false, closeOnTouchOutside: props.closeOnTouchOutside !== false, disabled: !!props.disabled,\n    openedText: typeof props.openedText === \"string\" && props.openedText.trim() ? props.openedText : \"已展开 {count} 个操作\",\n  };\n}\n/** A side can only be open when it has actions and the component is enabled. */\nexport function resolveSwipeActionOpen(state: ResolvedSwipeActionState, open: SwipeActionSide | null | undefined): SwipeActionSide | null {\n  const value = side(open);\n  return !value || state.disabled || !state[value].length ? null : value;\n}\n/** Resting logical offset: positive reveals start actions. */\nexport function getSwipeActionRestOffset(open: SwipeActionSide | null, widths: { start: number; end: number }): number {\n  return open === \"start\" ? widths.start : open === \"end\" ? -widths.end : 0;\n}\n/** Logical drag offset from the resting position, clamped to the measured action widths. */\nexport function clampSwipeActionOffset(offset: number, widths: { start: number; end: number }): number {\n  return Math.min(Math.max(0, widths.start), Math.max(-Math.max(0, widths.end), Number.isFinite(offset) ? offset : 0));\n}\n/** Release decision. `delta` is the logical drag distance (positive = toward inline-end). */\nexport function resolveSwipeActionRelease(input: { open: SwipeActionSide | null; delta: number; velocity: number; widths: { start: number; end: number } }): SwipeActionSide | null {\n  const { open, delta, velocity, widths } = input;\n  const intent = (size: number) => resolveSwipeIntent({ distance: delta, velocity, size, ratio: SWIPE_ACTION_DISTANCE_RATIO });\n  if (open === \"end\") return intent(widths.end) > 0 ? null : \"end\";\n  if (open === \"start\") return intent(widths.start) < 0 ? null : \"start\";\n  if (delta > 0 && widths.start > 0 && intent(widths.start) > 0) return \"start\";\n  if (delta < 0 && widths.end > 0 && intent(widths.end) < 0) return \"end\";\n  return null;\n}\nexport function createSwipeActionProps(props: QwSwipeActionProps = {}): QwSwipeActionProps {\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"SwipeAction requires a nonempty instance id when provided\");\n  return { ...props, defaultOpen: side(props.defaultOpen), open: props.open === undefined ? undefined : side(props.open) };\n}\n\nexport interface QwSwipeActionSchema {\n  props: QwSwipeActionProps;\n  context: { open: SwipeActionSide | null; offset: number; dragging: boolean; startWidth: number; endWidth: number };\n  state: \"ready\";\n  action: \"setOpen\" | \"dragMove\" | \"dragEnd\" | \"measure\" | \"activate\" | \"close\" | \"closeIfDisabled\";\n  effect: \"trackGestures\";\n  event:\n    | { type: \"OPEN.SET\"; side: SwipeActionSide | null }\n    | { type: \"CLOSE\"; restoreFocus?: boolean }\n    | { type: \"DRAG.MOVE\"; offset: number }\n    | { type: \"DRAG.END\"; side: SwipeActionSide | null }\n    | { type: \"MEASURE\"; start: number; end: number }\n    | { type: \"ACTION\"; key: string; side: SwipeActionSide };\n}\nexport type QwSwipeActionMachine = Machine<QwSwipeActionSchema>;\nexport type QwSwipeActionService = Service<QwSwipeActionSchema>;\nconst ids = (scope: QwSwipeActionService[\"scope\"]) => ({ root: `swipe-action:${scope.id}`, track: `swipe-action:${scope.id}:track`, content: `swipe-action:${scope.id}:content`,\n  start: `swipe-action:${scope.id}:start`, end: `swipe-action:${scope.id}:end` });\nconst live = (service: Pick<QwSwipeActionService, \"prop\">) => resolveSwipeActionState({\n  startActions: service.prop(\"startActions\"), endActions: service.prop(\"endActions\"), closeOnAction: service.prop(\"closeOnAction\"),\n  closeOnTouchOutside: service.prop(\"closeOnTouchOutside\"), disabled: service.prop(\"disabled\"), openedText: service.prop(\"openedText\"),\n});\n/** Measured widths, zeroed for a side without actions (its hidden group may still report a stale size). */\nconst widthsOf = (context: Pick<QwSwipeActionService[\"context\"], \"get\">, state: ResolvedSwipeActionState) => ({\n  start: state.start.length && !state.disabled ? context.get(\"startWidth\") : 0, end: state.end.length && !state.disabled ? context.get(\"endWidth\") : 0 });\n/** Move focus off an action that is about to be hidden, so it never stays on clipped content. */\nfunction releaseFocus(scope: QwSwipeActionService[\"scope\"]): void {\n  const root = scope.getById<HTMLElement>(ids(scope).root), active = root?.ownerDocument.activeElement;\n  if (root && active && active !== root && active.closest?.('[data-scope=\"swipe-action\"][data-part=\"actions\"]') && root.contains(active)) root.focus({ preventScroll: true });\n}\n\n/** Core owns gestures, axis locking, outside/close handling, focus-driven opening and cleanup. */\nexport const swipeActionMachine: QwSwipeActionMachine = createMachine<QwSwipeActionSchema>({\n  props: ({ props }) => createSwipeActionProps(props), initialState: () => \"ready\", states: { ready: {} },\n  context: ({ bindable, prop }) => ({\n    open: bindable<SwipeActionSide | null>(() => ({ defaultValue: prop(\"defaultOpen\") ?? null, value: prop(\"open\"), onChange(open) { prop(\"onOpenChange\")?.({ open }); } })),\n    offset: bindable(() => ({ defaultValue: 0 })), dragging: bindable(() => ({ defaultValue: false })),\n    startWidth: bindable(() => ({ defaultValue: 0 })), endWidth: bindable(() => ({ defaultValue: 0 })),\n  }),\n  watch({ track, prop, action }) { track([() => prop(\"disabled\")], () => action([\"closeIfDisabled\"])); },\n  on: {\n    \"OPEN.SET\": { actions: [\"setOpen\"] }, CLOSE: { actions: [\"close\"] }, \"DRAG.MOVE\": { actions: [\"dragMove\"] }, \"DRAG.END\": { actions: [\"dragEnd\"] },\n    MEASURE: { actions: [\"measure\"] }, ACTION: { actions: [\"activate\"] },\n  },\n  effects: [\"trackGestures\"],\n  implementations: {\n    actions: {\n      setOpen({ event, context, prop }) {\n        if (event.type !== \"OPEN.SET\") return;\n        const state = live({ prop }), next = resolveSwipeActionOpen(state, event.side);\n        if (next !== resolveSwipeActionOpen(state, context.get(\"open\"))) context.set(\"open\", next);\n      },\n      close({ event, context, prop, scope }) {\n        if (event.type === \"CLOSE\" && event.restoreFocus) releaseFocus(scope);\n        if (resolveSwipeActionOpen(live({ prop }), context.get(\"open\")) !== null) context.set(\"open\", null);\n      },\n      closeIfDisabled({ context, prop }) { if (prop(\"disabled\") && side(context.get(\"open\"))) context.set(\"open\", null); },\n      dragMove({ event, context }) { if (event.type === \"DRAG.MOVE\") { context.set(\"dragging\", true); context.set(\"offset\", event.offset); } },\n      dragEnd({ event, context, prop }) {\n        if (event.type !== \"DRAG.END\") return;\n        context.set(\"dragging\", false); context.set(\"offset\", 0);\n        const state = live({ prop }), next = resolveSwipeActionOpen(state, event.side);\n        if (next !== resolveSwipeActionOpen(state, context.get(\"open\"))) context.set(\"open\", next);\n      },\n      measure({ event, context }) { if (event.type === \"MEASURE\") { context.set(\"startWidth\", event.start); context.set(\"endWidth\", event.end); } },\n      activate({ event, context, prop, scope }) {\n        if (event.type !== \"ACTION\") return;\n        const state = live({ prop }), item = state[event.side].find((action) => action.key === event.key);\n        if (!item || item.disabled || state.disabled) return;\n        prop(\"onAction\")?.({ key: item.key, side: item.side });\n        if (state.closeOnAction && side(context.get(\"open\"))) { releaseFocus(scope); context.set(\"open\", null); }\n      },\n    },\n    effects: {\n      trackGestures({ scope, prop, context, send }) {\n        const id = ids(scope), root = scope.getById<HTMLElement>(id.root), track = scope.getById<HTMLElement>(id.track), win = root?.ownerDocument.defaultView;\n        if (!root || !track || !win) return;\n        const doc = root.ownerDocument;\n        const openNow = () => resolveSwipeActionOpen(live({ prop }), context.get(\"open\"));\n        const measure = () => {\n          const start = scope.getById<HTMLElement>(id.start)?.offsetWidth ?? 0, end = scope.getById<HTMLElement>(id.end)?.offsetWidth ?? 0;\n          if (start !== context.get(\"startWidth\") || end !== context.get(\"endWidth\")) send({ type: \"MEASURE\", start, end });\n        };\n        let gesture: { id: number; x: number; y: number; axis: GestureAxis; rtl: boolean; base: number; samples: GestureSample[]; captured: boolean } | null = null;\n        let suppressClick = false;\n        const logical = (dx: number, rtl: boolean) => rtl ? -dx : dx;\n        const onDown = (event: PointerEvent) => {\n          gesture = null;\n          if (live({ prop }).disabled || (event.pointerType === \"mouse\" && event.button !== 0)) return;\n          measure();\n          gesture = { id: event.pointerId, x: event.clientX, y: event.clientY, axis: \"pending\", rtl: win.getComputedStyle(root).direction === \"rtl\",\n            base: getSwipeActionRestOffset(openNow(), widthsOf(context, live({ prop }))), samples: [], captured: false };\n          suppressClick = false;\n        };\n        const onMove = (event: PointerEvent) => {\n          if (!gesture || event.pointerId !== gesture.id) return;\n          const dx = event.clientX - gesture.x, dy = event.clientY - gesture.y;\n          if (gesture.axis === \"pending\") gesture.axis = lockGestureAxis(dx, dy);\n          // Vertical intent: let the page or list scroll natively and forget this gesture.\n          if (gesture.axis === \"cross\") { gesture = null; return; }\n          if (gesture.axis !== \"main\") return;\n          if (!gesture.captured) { gesture.captured = true; try { track.setPointerCapture?.(event.pointerId); } catch { /* pointer already released */ } }\n          const delta = logical(dx, gesture.rtl);\n          gesture.samples.push({ position: delta, time: event.timeStamp });\n          send({ type: \"DRAG.MOVE\", offset: clampSwipeActionOffset(gesture.base + delta, widthsOf(context, live({ prop }))) });\n        };\n        const onUp = (event: PointerEvent) => {\n          if (!gesture || event.pointerId !== gesture.id) return;\n          const done = gesture; gesture = null;\n          if (done.axis !== \"main\") return;\n          suppressClick = true;\n          const delta = logical(event.clientX - done.x, done.rtl);\n          done.samples.push({ position: delta, time: event.timeStamp });\n          send({ type: \"DRAG.END\", side: resolveSwipeActionRelease({ open: openNow(), delta, velocity: sampleVelocity(done.samples, event.timeStamp), widths: widthsOf(context, live({ prop })) }) });\n        };\n        const onCancel = (event: PointerEvent) => {\n          if (!gesture || event.pointerId !== gesture.id) return;\n          const done = gesture; gesture = null;\n          if (done.axis === \"main\") send({ type: \"DRAG.END\", side: openNow() });\n        };\n        // A drag never clicks; a tap on open content closes instead of activating it.\n        const onContentClick = (event: Event) => {\n          const inContent = !!(event.target as Element | null)?.closest?.(`[id=\"${id.content}\"]`);\n          if (suppressClick || (inContent && openNow())) {\n            event.preventDefault(); event.stopPropagation();\n            if (!suppressClick) send({ type: \"CLOSE\" });\n          }\n          suppressClick = false;\n        };\n        const onOutside = (event: Event) => {\n          const target = event.target as Node | null;\n          if (openNow() && live({ prop }).closeOnTouchOutside && target && !root.contains(target)) send({ type: \"CLOSE\" });\n        };\n        // Keyboard alternative: focusing an action reveals its side; leaving the component closes it.\n        const onFocusIn = (event: FocusEvent) => {\n          const group = (event.target as Element | null)?.closest?.('[data-scope=\"swipe-action\"][data-part=\"actions\"]');\n          const which = group?.getAttribute(\"data-side\");\n          if ((which === \"start\" || which === \"end\") && openNow() !== which) { measure(); send({ type: \"OPEN.SET\", side: which }); }\n        };\n        const onFocusOut = (event: FocusEvent) => { const next = event.relatedTarget as Node | null; if (openNow() && (!next || !root.contains(next))) send({ type: \"CLOSE\" }); };\n        track.addEventListener(\"pointerdown\", onDown); track.addEventListener(\"pointermove\", onMove); track.addEventListener(\"pointerup\", onUp);\n        track.addEventListener(\"pointercancel\", onCancel); track.addEventListener(\"click\", onContentClick, true);\n        root.addEventListener(\"focusin\", onFocusIn); root.addEventListener(\"focusout\", onFocusOut);\n        doc.addEventListener(\"pointerdown\", onOutside, true);\n        const Observer = win.ResizeObserver, observer = Observer ? new Observer(measure) : null;\n        for (const group of [scope.getById<HTMLElement>(id.start), scope.getById<HTMLElement>(id.end)]) if (group) observer?.observe(group);\n        measure();\n        return () => {\n          gesture = null; observer?.disconnect();\n          track.removeEventListener(\"pointerdown\", onDown); track.removeEventListener(\"pointermove\", onMove); track.removeEventListener(\"pointerup\", onUp);\n          track.removeEventListener(\"pointercancel\", onCancel); track.removeEventListener(\"click\", onContentClick, true);\n          root.removeEventListener(\"focusin\", onFocusIn); root.removeEventListener(\"focusout\", onFocusOut);\n          doc.removeEventListener(\"pointerdown\", onOutside, true);\n        };\n      },\n    },\n  },\n});\n\nexport interface QwSwipeActionApi<T extends PropTypes = PropTypes> {\n  open: SwipeActionSide | null; dragging: boolean;\n  startActions: ResolvedSwipeActionItem[]; endActions: ResolvedSwipeActionItem[];\n  statusText: string;\n  show(side?: SwipeActionSide): void; close(): void;\n  getRootProps(): T[\"element\"];\n  getTrackProps(): T[\"element\"];\n  getActionsProps(side: SwipeActionSide): T[\"element\"];\n  getActionProps(item: ResolvedSwipeActionItem): T[\"button\"];\n  getContentProps(): T[\"element\"];\n  getStatusProps(): T[\"element\"];\n}\nexport interface SwipeActionDomEvent { key: string; defaultPrevented: boolean; preventDefault(): void }\ntype SwipeActionCallerHandler = (event: SwipeActionDomEvent) => void;\nexport interface SwipeActionConnectOptions { onKeyDown?(event: SwipeActionDomEvent): void }\nconst callKeyDown = (handler: unknown, event: SwipeActionDomEvent) => {\n  for (const item of Array.isArray(handler) ? handler : [handler]) if (typeof item === \"function\") (item as SwipeActionCallerHandler)(event);\n};\n\nexport function connectSwipeAction<T extends PropTypes>(service: QwSwipeActionService, normalize: NormalizeProps<T>, options: SwipeActionConnectOptions = {}): QwSwipeActionApi<T> {\n  const state = live(service), id = ids(service.scope), open = resolveSwipeActionOpen(state, service.context.get(\"open\"));\n  const dragging = service.context.get(\"dragging\"), offset = dragging ? service.context.get(\"offset\") : getSwipeActionRestOffset(open, widthsOf(service.context, state));\n  const count = open ? state[open].length : 0;\n  const part = (name: string) => ({ \"data-scope\": \"swipe-action\", \"data-part\": name });\n  const show = (which: SwipeActionSide = state.end.length ? \"end\" : \"start\") => service.send({ type: \"OPEN.SET\", side: which });\n  const close = () => service.send({ type: \"CLOSE\" });\n  return {\n    open, dragging, startActions: state.start, endActions: state.end,\n    statusText: open ? state.openedText.replace(/\\{count\\}/g, String(count)) : \"\",\n    show, close,\n    getRootProps: () => normalize.element({ ...part(\"root\"), id: id.root, tabIndex: -1, \"data-state\": open ? \"open\" : \"closed\", \"data-open\": open ?? undefined,\n      \"data-disabled\": state.disabled ? \"true\" : undefined, \"data-dragging\": dragging ? \"true\" : undefined,\n      onKeyDown(event: SwipeActionDomEvent) {\n        callKeyDown(options.onKeyDown, event);\n        if (!event.defaultPrevented && event.key === \"Escape\" && open) { event.preventDefault(); service.send({ type: \"CLOSE\", restoreFocus: true }); }\n      } }),\n    getTrackProps: () => normalize.element({ ...part(\"track\"), id: id.track, \"data-dragging\": dragging ? \"true\" : undefined, style: { \"--qw-swipe-action-offset\": `${offset}px` } }),\n    getActionsProps: (which) => normalize.element({ ...part(\"actions\"), id: id[which], \"data-side\": which, \"data-open\": open === which ? \"true\" : undefined, hidden: !state[which].length || undefined }),\n    getActionProps: (item) => normalize.button({ ...part(\"action\"), type: \"button\", \"data-key\": item.key, \"data-side\": item.side, \"data-color\": item.color,\n      disabled: item.disabled || state.disabled, onClick(event: { defaultPrevented: boolean }) { if (!event.defaultPrevented) service.send({ type: \"ACTION\", key: item.key, side: item.side }); } }),\n    getContentProps: () => normalize.element({ ...part(\"content\"), id: id.content }),\n    getStatusProps: () => normalize.element({ ...part(\"status\"), role: \"status\", \"aria-live\": \"polite\", style: visuallyHiddenStyle }),\n  };\n}\n"],"mappings":"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"}

package/dist/swipe-action/swipe-action.d.ts

@@ -0,0 +1,148 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+/** Logical sides: start actions sit at inline-start (left in LTR, right in RTL). */
+export declare const SWIPE_ACTION_SIDES: readonly ["start", "end"];
+export declare const SWIPE_ACTION_COLORS: readonly ["default", "primary", "warning", "danger"];
+/** Stable DOM parts shared by every adapter. */
+export declare const SWIPE_ACTION_PARTS: readonly ["root", "track", "actions", "action", "content", "status"];
+/** Share of an action group's width that commits opening/closing; flicks commit earlier. */
+export declare const SWIPE_ACTION_DISTANCE_RATIO = 0.4;
+export type SwipeActionSide = (typeof SWIPE_ACTION_SIDES)[number];
+export type SwipeActionColor = (typeof SWIPE_ACTION_COLORS)[number];
+/** Scalar action. Rich action content is intentionally not supported so all stacks render the same button. */
+export interface SwipeActionItem {
+    key: string;
+    text: string;
+    color?: SwipeActionColor;
+    disabled?: boolean;
+}
+export interface SwipeActionOpenChangeDetails {
+    open: SwipeActionSide | null;
+}
+export interface SwipeActionActionDetails {
+    key: string;
+    side: SwipeActionSide;
+}
+export interface QwSwipeActionProps {
+    /** Page-unique instance identity; adapters generate one when omitted. */
+    id?: string;
+    /** Actions revealed by swiping toward inline-end (antd-mobile leftActions in LTR). */
+    startActions?: readonly SwipeActionItem[];
+    /** Actions revealed by swiping toward inline-start (antd-mobile rightActions in LTR). */
+    endActions?: readonly SwipeActionItem[];
+    /** Controlled open side; null is controlled closed, undefined enables Core-owned state. */
+    open?: SwipeActionSide | null;
+    defaultOpen?: SwipeActionSide | null;
+    /** Close after an action is activated; defaults to true. */
+    closeOnAction?: boolean;
+    /** Close when the user presses outside the component; defaults to true. */
+    closeOnTouchOutside?: boolean;
+    /** Ignore gestures and disable actions; an open item closes. */
+    disabled?: boolean;
+    /** Visually hidden status while open, with {count}; defaults to 已展开 {count} 个操作. */
+    openedText?: string;
+    onOpenChange?: (details: SwipeActionOpenChangeDetails) => void;
+    onAction?: (details: SwipeActionActionDetails) => void;
+}
+export interface ResolvedSwipeActionItem {
+    key: string;
+    text: string;
+    color: SwipeActionColor;
+    disabled: boolean;
+    side: SwipeActionSide;
+}
+export interface ResolvedSwipeActionState {
+    start: ResolvedSwipeActionItem[];
+    end: ResolvedSwipeActionItem[];
+    closeOnAction: boolean;
+    closeOnTouchOutside: boolean;
+    disabled: boolean;
+    openedText: string;
+}
+/** Invalid/duplicate/empty actions are dropped; at most 8 per side. */
+export declare function resolveSwipeActionState(props?: QwSwipeActionProps): ResolvedSwipeActionState;
+/** A side can only be open when it has actions and the component is enabled. */
+export declare function resolveSwipeActionOpen(state: ResolvedSwipeActionState, open: SwipeActionSide | null | undefined): SwipeActionSide | null;
+/** Resting logical offset: positive reveals start actions. */
+export declare function getSwipeActionRestOffset(open: SwipeActionSide | null, widths: {
+    start: number;
+    end: number;
+}): number;
+/** Logical drag offset from the resting position, clamped to the measured action widths. */
+export declare function clampSwipeActionOffset(offset: number, widths: {
+    start: number;
+    end: number;
+}): number;
+/** Release decision. `delta` is the logical drag distance (positive = toward inline-end). */
+export declare function resolveSwipeActionRelease(input: {
+    open: SwipeActionSide | null;
+    delta: number;
+    velocity: number;
+    widths: {
+        start: number;
+        end: number;
+    };
+}): SwipeActionSide | null;
+export declare function createSwipeActionProps(props?: QwSwipeActionProps): QwSwipeActionProps;
+export interface QwSwipeActionSchema {
+    props: QwSwipeActionProps;
+    context: {
+        open: SwipeActionSide | null;
+        offset: number;
+        dragging: boolean;
+        startWidth: number;
+        endWidth: number;
+    };
+    state: "ready";
+    action: "setOpen" | "dragMove" | "dragEnd" | "measure" | "activate" | "close" | "closeIfDisabled";
+    effect: "trackGestures";
+    event: {
+        type: "OPEN.SET";
+        side: SwipeActionSide | null;
+    } | {
+        type: "CLOSE";
+        restoreFocus?: boolean;
+    } | {
+        type: "DRAG.MOVE";
+        offset: number;
+    } | {
+        type: "DRAG.END";
+        side: SwipeActionSide | null;
+    } | {
+        type: "MEASURE";
+        start: number;
+        end: number;
+    } | {
+        type: "ACTION";
+        key: string;
+        side: SwipeActionSide;
+    };
+}
+export type QwSwipeActionMachine = Machine<QwSwipeActionSchema>;
+export type QwSwipeActionService = Service<QwSwipeActionSchema>;
+/** Core owns gestures, axis locking, outside/close handling, focus-driven opening and cleanup. */
+export declare const swipeActionMachine: QwSwipeActionMachine;
+export interface QwSwipeActionApi<T extends PropTypes = PropTypes> {
+    open: SwipeActionSide | null;
+    dragging: boolean;
+    startActions: ResolvedSwipeActionItem[];
+    endActions: ResolvedSwipeActionItem[];
+    statusText: string;
+    show(side?: SwipeActionSide): void;
+    close(): void;
+    getRootProps(): T["element"];
+    getTrackProps(): T["element"];
+    getActionsProps(side: SwipeActionSide): T["element"];
+    getActionProps(item: ResolvedSwipeActionItem): T["button"];
+    getContentProps(): T["element"];
+    getStatusProps(): T["element"];
+}
+export interface SwipeActionDomEvent {
+    key: string;
+    defaultPrevented: boolean;
+    preventDefault(): void;
+}
+export interface SwipeActionConnectOptions {
+    onKeyDown?(event: SwipeActionDomEvent): void;
+}
+export declare function connectSwipeAction<T extends PropTypes>(service: QwSwipeActionService, normalize: NormalizeProps<T>, options?: SwipeActionConnectOptions): QwSwipeActionApi<T>;

package/dist/swiper/gesture.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Internal pointer-gesture helpers shared by Swiper and SwipeAction.
+ * Pure functions only (no DOM); not exported from any index.
+ */
+/** Movement in CSS pixels before the gesture axis is decided. */
+export declare const GESTURE_SLOP = 8;
+/** Release velocity in px/ms that counts as a flick. */
+export declare const GESTURE_FLICK_VELOCITY = 0.3;
+/** Minimum travel in px for a flick to count. */
+export declare const GESTURE_FLICK_DISTANCE = 12;
+/** Velocity samples older than this window (ms) are ignored. */
+export declare const GESTURE_VELOCITY_WINDOW = 100;
+/** pending: still under the slop; main: the component owns the drag; cross: hand it back to native scrolling. */
+export type GestureAxis = "pending" | "main" | "cross";
+export interface GestureSample {
+    position: number;
+    time: number;
+}
+/** Decide once per gesture which axis dominates. `vertical` means the component's main axis is block. */
+export declare function lockGestureAxis(dx: number, dy: number, vertical?: boolean, slop?: number): GestureAxis;
+/** Keep only the recent window and return the newest-minus-oldest velocity in px/ms. */
+export declare function sampleVelocity(samples: readonly GestureSample[], now: number, window?: number): number;
+/**
+ * Release decision along a signed logical axis (positive = forward).
+ * Commits when travel reaches `max(GESTURE_FLICK_DISTANCE, size * ratio)`, or on a same-direction flick.
+ */
+export declare function resolveSwipeIntent(input: {
+    distance: number;
+    velocity: number;
+    size: number;
+    ratio: number;
+}): -1 | 0 | 1;

package/dist/swiper/index.d.ts

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