@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/feedback/Toast.js

@@ -0,0 +1,572 @@
+import { t } from "../config/theme/tokens.js";
+import { useLang } from "../config/context.js";
+import { mergeAttrs, mergePartProps } from "../utils/props.js";
+import { useAnimate } from "../utils/motion/animation.js";
+import { startMove } from "../utils/dom/move.js";
+import { focusAfterRemoval } from "../utils/dom/focus.js";
+import { topModal } from "../utils/dom/overlay.js";
+import { toElement } from "../utils/dom/element.js";
+import { usePresence } from "../utils/motion/presence.js";
+import { FlexOrderedList } from "../layout/Flex.js";
+import { Collapse } from "../display/Collapse.js";
+import { useLayoutAnimation } from "../utils/motion/layout.js";
+import { useHotkeys } from "../utils/dom/hotkeys.js";
+import { Alert } from "./Alert.js";
+import { ConfigScope } from "../config/Provider.js";
+import { usePageVisible } from "../utils/dom/page-visibility.js";
+import { Teleport, createVNode, isVNode, mergeProps, nextTick, onBeforeUnmount, onMounted, ref, shallowReactive, shallowRef, watch } from "vue";
+import { _component, effect, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { utils } from "animejs";
+//#region src/feedback/Toast.tsx
+/**
+* 通知（toast）：操作结果的短暂提示，几秒后自动消失。控制器 + 显示区域（参考 Sonner、Radix Toast、React Aria Toast）：
+*
+*   // toaster.ts：应用里创建一次，组件内外（请求拦截器、store）都能导入使用
+*   export const toaster = createToaster();
+*   // App：放一个显示区域
+*   <Toaster controller={toaster} placement="bottom-end" />
+*   // 任意位置
+*   toaster.show({ tone: 'success', title: '已保存' });       // 或 toaster.success('已保存')
+*   const id = toaster.show({ title: '已删除', action: <Button onClick={() => undo(id)}>撤销</Button> });
+*   toaster.loading('正在导出', { id: 'export' }); …; toaster.success('导出完成', { id: 'export' });  // 同一个 id 换掉原来那条
+*   await toaster.promise(upload(file), { loading: { title: '正在上传' }, success: { title: '上传完成' }, error: (e) => ({ title: String(e) }) });
+*
+* 控制器是普通对象，不经 Provider 注入（COMPONENTS.md §1 的“命令式能力”），所以组件外也能用。
+* 写了 id 的通知不重复：同一个 id 再 show 时换掉那一条（重新计时），不再加一条（接口重试、连点保存时只留一条）。
+*
+* - 每条通知就是 Alert（surface 外观加阴影），图标、标题、正文、操作、关闭按钮都复用它；加载中用 Alert 的 loading。
+* - 计时：默认 5 秒；指针在区域上、焦点在区域里、页面切到后台时暂停；加载中的、duration 为 Infinity 的不自动消失。
+* - 无障碍：区域是带名称的 landmark（section），F8 跳到通知区域，焦点在一条通知里时 Esc 关闭它；
+*   列表 aria-live="polite"，新通知被读屏念出。
+*   关闭一条后焦点交给相邻的通知，没有时回到进入通知区域之前的位置。
+* - 区域传送到 body（或最上层的模态里），用 ConfigScope 带上当前的主题与语言。
+* - 顶层：区域是 popover="manual"，显示在页面之上；模态打开时外面的元素都是 inert 的（顶层也不例外），
+*   所以这时区域移进最上层的模态 dialog 里（topModal），通知里的按钮仍可点击、可 Tab 到。
+* - 动画：进场淡入并从边缘移入（@starting-style），离场时高度收起（复用 Collapse）后从列表移除。
+* - 横向滑动（触摸、鼠标拖动）超过宽度的 35% 就关闭，否则弹回（startMove；同 Sonner、Radix Toast 的滑动关闭）。
+*/
+/** 一条通知的内容与行为 */
+/** 快捷方法的选项：标题由第一个参数给出 */
+/** 通知为什么关闭 */
+/** 列表里的一条通知 */
+/** promise 各阶段的通知：固定内容，或由结果算出 */
+/** toaster.promise 的三个阶段 */
+/** createToaster 的选项 */
+/** 通知控制器：createToaster() 创建，交给 <Toaster controller>，在任何地方调用 */
+/** 控制器内部可写的通知记录 */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var nextId = 0;
+/** 创建通知控制器 */
+function createToaster({ duration: defaultDuration = 5e3 } = {}) {
+	const toasts = shallowReactive([]);
+	const timers = /* @__PURE__ */ new Map();
+	const state = shallowReactive({ paused: false });
+	let countdowns = 0;
+	let limit = Infinity;
+	const find = (id) => toasts.find((toast) => toast.id === id);
+	function start(id, timer) {
+		timer.startedAt = Date.now();
+		timer.handle = setTimeout(() => close(id, "timeout"), timer.remaining);
+	}
+	function close(id, reason) {
+		const toast = find(id);
+		if (!toast || toast.closing) return;
+		toast.closing = true;
+		toast.countdown = null;
+		clearTimeout(timers.get(toast.id)?.handle);
+		timers.delete(toast.id);
+		toast.onClose?.(reason);
+	}
+	function stop(timer) {
+		if (timer.handle === void 0) return;
+		clearTimeout(timer.handle);
+		timer.handle = void 0;
+		timer.remaining -= Date.now() - timer.startedAt;
+	}
+	/** 计时与显示对齐：显示出来的（最新的 limit 条）在走，其余停着；暂停时都停 */
+	function sync() {
+		const shown = new Set(toasts.slice(-limit).map((toast) => toast.id));
+		for (const [id, timer] of timers) {
+			const running = timer.handle !== void 0;
+			if (!state.paused && shown.has(id)) {
+				if (!running) start(id, timer);
+			} else if (running) stop(timer);
+		}
+	}
+	function schedule(toast) {
+		clearTimeout(timers.get(toast.id)?.handle);
+		timers.delete(toast.id);
+		const duration = toast.loading ? Infinity : toast.duration ?? defaultDuration;
+		toast.countdown = Number.isFinite(duration) ? {
+			duration,
+			id: ++countdowns
+		} : null;
+		if (!toast.countdown) return;
+		const timer = {
+			remaining: duration,
+			startedAt: 0
+		};
+		timers.set(toast.id, timer);
+		sync();
+	}
+	const resolve = (message, value) => typeof message === "function" ? message(value) : message;
+	const controller = {
+		toasts,
+		get paused() {
+			return state.paused;
+		},
+		show(options) {
+			const existing = options.id === void 0 ? void 0 : find(options.id);
+			if (existing && !existing.closing) {
+				for (const key of Object.keys(existing)) if (key !== "id" && key !== "closing" && key !== "countdown") delete existing[key];
+				controller.update(existing.id, options);
+				return existing.id;
+			}
+			if (existing) controller.remove(existing.id);
+			const id = options.id ?? `toast-${++nextId}`;
+			toasts.push(shallowReactive({
+				...options,
+				id,
+				closing: false,
+				countdown: null
+			}));
+			schedule(find(id));
+			return id;
+		},
+		success: (title, options) => controller.show({
+			...options,
+			title,
+			tone: "success"
+		}),
+		error: (title, options) => controller.show({
+			important: true,
+			...options,
+			title,
+			tone: "danger"
+		}),
+		warning: (title, options) => controller.show({
+			...options,
+			title,
+			tone: "warning"
+		}),
+		info: (title, options) => controller.show({
+			...options,
+			title,
+			tone: "info"
+		}),
+		loading: (title, options) => controller.show({
+			closable: false,
+			...options,
+			title,
+			tone: "neutral",
+			loading: true
+		}),
+		update(id, options) {
+			const toast = find(id);
+			if (!toast || toast.closing) return;
+			Object.assign(toast, options);
+			schedule(toast);
+		},
+		dismiss(id) {
+			for (const toast of id == null ? [...toasts] : [find(id)]) if (toast) close(toast.id, "dismissed");
+		},
+		async promise(promise, { loading, success, error }) {
+			const id = controller.show({
+				closable: false,
+				...loading,
+				loading: true
+			});
+			try {
+				const value = await promise;
+				controller.update(id, {
+					tone: "success",
+					closable: true,
+					...resolve(success, value),
+					loading: false
+				});
+				return value;
+			} catch (reason) {
+				controller.update(id, {
+					tone: "danger",
+					closable: true,
+					...resolve(error, reason),
+					loading: false
+				});
+				throw reason;
+			}
+		},
+		pause() {
+			if (state.paused) return;
+			state.paused = true;
+			sync();
+		},
+		resume() {
+			if (!state.paused) return;
+			state.paused = false;
+			sync();
+		},
+		remove(id) {
+			const index = toasts.findIndex((toast) => toast.id === id);
+			if (index >= 0) toasts.splice(index, 1);
+			clearTimeout(timers.get(id)?.handle);
+			timers.delete(id);
+			sync();
+		},
+		setLimit(next) {
+			limit = next;
+			sync();
+		}
+	};
+	return controller;
+}
+/** 通知显示在视口的哪个位置 */
+/** 未声明的属性落到区域（section）上；aria-label 默认取语言包（通知） */
+var countdown = css.keyframes({
+	from: { transform: "scaleX(1)" },
+	to: { transform: "scaleX(0)" }
+});
+/** Toaster 的样式：region、list、listFromTop、item、itemFromBottom、itemFromTop 等 */
+var toastStyles = css.create({
+	region: {
+		position: "fixed",
+		inset: "auto",
+		margin: 0,
+		padding: "_lg",
+		borderWidth: 0,
+		backgroundColor: "transparent",
+		overflow: "visible",
+		boxSizing: "border-box",
+		width: "min(26em, 100vw)",
+		maxHeight: "100dvh",
+		pointerEvents: "none",
+		outlineStyle: "none"
+	},
+	item: {
+		pointerEvents: "auto",
+		touchAction: "pan-y",
+		opacity: {
+			default: 1,
+			"@starting-style": 0
+		},
+		transition: `opacity ${t.durations.md} ${t.easings.enter}, translate ${t.durations.md} ${t.easings.enter}`
+	},
+	itemFromBottom: { translate: {
+		default: "none",
+		"@starting-style": "0 0.75em"
+	} },
+	itemFromTop: { translate: {
+		default: "none",
+		"@starting-style": "0 -0.75em"
+	} },
+	itemClosing: {
+		opacity: 0,
+		transition: `opacity ${t.durations.sm} ${t.easings.exit}`
+	},
+	gap: {
+		position: "relative",
+		paddingBlock: "_xs"
+	},
+	toast: { boxShadow: "_lg" },
+	countdown: {
+		position: "absolute",
+		insetInline: "_md",
+		bottom: `calc(${t.space.xs} + ${t.borderWidths.xs})`,
+		height: "_borderWidths.sm",
+		borderRadius: "_full",
+		backgroundColor: `color-mix(in srgb, ${t.colors.textMuted} 50%, transparent)`,
+		transformOrigin: {
+			default: "left",
+			":dir(rtl)": "right"
+		},
+		animationName: countdown,
+		animationTimingFunction: "linear",
+		animationFillMode: "forwards",
+		pointerEvents: "none"
+	},
+	countdownPaused: { animationPlayState: "paused" },
+	stacked: {
+		position: "relative",
+		transition: `opacity ${t.durations.md} ${t.easings.standard}, translate ${t.durations.md} ${t.easings.standard}, scale ${t.durations.md} ${t.easings.standard}`
+	},
+	stackedBehind: {
+		position: "absolute",
+		insetInline: 0
+	},
+	stackedHidden: { opacity: 0 },
+	stackedFromTop: { top: 0 },
+	stackedFromBottom: { bottom: 0 }
+});
+/** Toaster 的样式：叠放时第 depth 层（0 是最新的）的位移、缩放与层叠顺序 */
+var toastStackStyles = css.create({ depth: (offset, scale, zIndex) => ({
+	translate: offset,
+	scale,
+	zIndex
+}) });
+/** Toaster 的样式：剩余时间条的时长 */
+var toastCountdownStyles = css.create({ duration: (ms) => ({ animationDuration: ms }) });
+/** Toaster 的样式：top-start、top、top-end、bottom-start、bottom、bottom-end */
+var toastPlacementStyles = css.create({
+	"top-start": {
+		top: 0,
+		insetInlineStart: 0
+	},
+	top: {
+		top: 0,
+		insetInline: 0,
+		marginInline: "auto"
+	},
+	"top-end": {
+		top: 0,
+		insetInlineEnd: 0
+	},
+	"bottom-start": {
+		bottom: 0,
+		insetInlineStart: 0
+	},
+	bottom: {
+		bottom: 0,
+		insetInline: 0,
+		marginInline: "auto"
+	},
+	"bottom-end": {
+		bottom: 0,
+		insetInlineEnd: 0
+	}
+});
+/** Toaster 里每条通知的 props */
+/** 滑动超过宽度的这个比例就关闭 */
+var SWIPE_RATIO = .35;
+/** 叠放的一层：每深一层错开 0.75em、缩小 5%，第三层之后隐藏 */
+function stackSx(depth, fromTop) {
+	const offset = `0 ${(fromTop ? .75 : -.75) * depth}em`;
+	return [
+		toastStyles.stacked,
+		depth > 0 && [toastStyles.stackedBehind, fromTop ? toastStyles.stackedFromTop : toastStyles.stackedFromBottom],
+		toastStackStyles.depth(offset, 1 - depth * .05, 100 - depth),
+		depth > 2 && toastStyles.stackedHidden
+	];
+}
+/** 列表里的一项：Collapse 负责离场时收起高度，收起后从控制器里移除 */
+var ToastItem = /*#__PURE__*/ _component((_props, _ctx) => {
+	const toast = readonlyProp(_props, "toast");
+	const controller = readonlyProp(_props, "controller");
+	const fromTop = readonlyProp(_props, "fromTop");
+	const fallbackFocus = readonlyProp(_props, "fallbackFocus");
+	const depth = readonlyProp(_props, "depth");
+	const progress = readonlyProp(_props, "progress");
+	const propsItem = readonlyProp(_props, "propsItem");
+	const propsToast = readonlyProp(_props, "propsToast");
+	const propsProgress = readonlyProp(_props, "propsProgress");
+	const propsCollapse = readonlyProp(_props, "propsCollapse");
+	let item = null;
+	const animate = useAnimate();
+	const presence = usePresence(() => !toast.value.closing, { onExited: () => controller.value.remove(toast.value.id) });
+	function close() {
+		if (item) focusAfterRemoval(item, fallbackFocus.value());
+		controller.value.dismiss(toast.value.id);
+	}
+	function onKeydown(event) {
+		if (event.key !== "Escape" || toast.value.closable === false || toast.value.closing) return;
+		event.preventDefault();
+		event.stopPropagation();
+		close();
+	}
+	function onPointerdown(event) {
+		const element = item;
+		if (!element || toast.value.closing || toast.value.closable === false) return;
+		if (event.target.closest("button, a, input, textarea, select")) return;
+		const width = element.getBoundingClientRect().width;
+		startMove(event, {
+			threshold: 4,
+			onMove: ({ deltaX }) => {
+				element.style.transition = "none";
+				utils.set(element, {
+					x: deltaX,
+					opacity: Math.max(0, 1 - Math.abs(deltaX) / width)
+				});
+			},
+			onEnd: ({ deltaX, moved, cancelled }) => {
+				const settled = () => {
+					element.style.transition = "";
+					element.style.removeProperty("transform");
+					element.style.removeProperty("opacity");
+				};
+				if (moved && !cancelled && Math.abs(deltaX) > width * SWIPE_RATIO) {
+					const out = {
+						x: Math.sign(deltaX) * width,
+						opacity: 0
+					};
+					animate(element, out, {
+						duration: "sm",
+						ease: "exit"
+					}).then(() => {
+						close();
+						element.style.transition = "";
+					});
+					return;
+				}
+				animate(element, {
+					x: 0,
+					opacity: 1
+				}, { bounce: .35 }).then(settled);
+			}
+		});
+	}
+	return () => {
+		const itemProps = typeof propsItem.value === "function" ? propsItem.value(toast.value) : propsItem.value;
+		const toastProps = typeof propsToast.value === "function" ? propsToast.value(toast.value) : propsToast.value;
+		return createVNode("li", mergeProps(mergeAttrs({ sx: [
+			toastStyles.item,
+			fromTop.value ? toastStyles.itemFromTop : toastStyles.itemFromBottom,
+			depth.value != null && stackSx(depth.value, fromTop.value),
+			toast.value.closing && toastStyles.itemClosing
+		] }, itemProps, {
+			"aria-live": toast.value.important ? "assertive" : void 0,
+			"aria-atomic": toast.value.important || void 0,
+			ref: (element) => {
+				item = toElement(element);
+				presence.ref(element);
+			},
+			onPointerdown,
+			onKeydown
+		}), { "data-state": presence.state }), [createVNode(Collapse, mergeProps(mergePartProps({ propsContent: { sx: toastStyles.gap } }, propsCollapse.value), { "_open": !toast.value.closing }), { default: () => [createVNode(Alert, mergePartProps({
+			variant: "surface",
+			tone: toast.value.tone ?? "neutral",
+			icon: toast.value.icon,
+			loading: toast.value.loading,
+			title: toast.value.title,
+			description: toast.value.description,
+			action: toast.value.action,
+			sx: toastStyles.toast
+		}, toastProps, { onClose: toast.value.closable === false ? void 0 : close }), null), progress.value && toast.value.countdown && createVNode("span", mergeProps({ "key": toast.value.countdown.id }, mergeAttrs({ sx: toastStyles.countdown }, propsProgress.value, {
+			sx: [css.bind(toastCountdownStyles.duration, () => [`${toast.value.countdown.duration}ms`], true), css.select(() => controller.value.paused && toastStyles.countdownPaused, true)],
+			"aria-hidden": true
+		})), null)] })]);
+	};
+}, {
+	props: [
+		"toast",
+		"controller",
+		"fromTop",
+		"fallbackFocus",
+		"depth",
+		"progress",
+		"propsItem",
+		"propsToast",
+		"propsProgress",
+		"propsCollapse"
+	],
+	name: "ToastItem"
+});
+/** 通知的显示区域：放一个即可；模态打开时自动移进最上层的模态 */
+var Toaster = /*#__PURE__*/ _component((_props2, _ctx2) => {
+	const _cache = [];
+	const controller = readonlyProp(_props2, "controller");
+	const placement = readonlyProp(_props2, "placement", "bottom-end");
+	const max = readonlyProp(_props2, "max", 3);
+	const stack = readonlyProp(_props2, "stack", false);
+	const progress = readonlyProp(_props2, "progress", false);
+	const propsList = readonlyProp(_props2, "propsList");
+	const propsItem = readonlyProp(_props2, "propsItem");
+	const propsToast = readonlyProp(_props2, "propsToast");
+	const propsProgress = readonlyProp(_props2, "propsProgress");
+	const propsCollapse = readonlyProp(_props2, "propsCollapse");
+	const rest = restProps(_props2, _ctx2, true);
+	const lang = useLang();
+	let region = shallowRef(null);
+	let hovering = ref(false);
+	let focused = ref(false);
+	const pageVisible = usePageVisible();
+	let list = shallowRef(null);
+	let expanded = ref(false);
+	const layout = useLayoutAnimation(() => list.value, { children: ":scope > li" });
+	watch(() => hovering.value || focused.value, (next) => {
+		if (stack.value) layout.change(() => expanded.value = next);
+		else expanded.value = next;
+	});
+	let outsideFocus = null;
+	effect(() => {
+		if (hovering.value || focused.value || !pageVisible.value) controller.value.pause();
+		else controller.value.resume();
+	});
+	const reopen = () => {
+		if (region.value?.isConnected && !region.value.matches(":popover-open")) region.value.showPopover();
+	};
+	watch(topModal, () => void nextTick(reopen));
+	const noHotkeys = {};
+	useHotkeys(() => region.value && controller.value.toasts.length ? { F8: () => region.value?.focus() } : noHotkeys, { inInputs: true });
+	onMounted(reopen);
+	watch(() => max.value, (limit) => controller.value.setLimit(limit), { immediate: true });
+	onBeforeUnmount(() => {
+		controller.value.setLimit(Infinity);
+		controller.value.resume();
+	});
+	function onFocusin(event) {
+		focused.value = true;
+		const from = event.relatedTarget;
+		if (from instanceof HTMLElement && !region.value?.contains(from)) outsideFocus = from;
+	}
+	function onFocusout(event) {
+		const to = event.relatedTarget;
+		if (!(to instanceof Node && region.value?.contains(to))) focused.value = false;
+	}
+	return () => {
+		let _slot;
+		const fromTop = placement.value.startsWith("top");
+		const visible = controller.value.toasts.slice(-max.value);
+		let depth = visible.filter((toast) => !toast.closing).length;
+		const depths = visible.map((toast) => toast.closing ? depth : --depth);
+		const stacked = stack.value && !expanded.value;
+		return createVNode(Teleport, { "to": topModal() ?? "body" }, { default: () => [createVNode(ConfigScope, null, { default: () => [createVNode("section", mergeProps(mergeAttrs({
+			sx: [toastStyles.region, toastPlacementStyles[placement.value]],
+			"aria-label": lang.toasterLabel
+		}, rest, {
+			ref: region,
+			popover: "manual",
+			tabindex: -1,
+			onPointerenter: () => hovering.value = true,
+			onPointerleave: () => hovering.value = false,
+			onFocusin,
+			onFocusout
+		}), {
+			"data-placement": placement.value,
+			"data-expanded": stack.value ? String(!stacked) : void 0
+		}), [createVNode(FlexOrderedList, mergePartProps({ direction: fromTop ? "column-reverse" : "column" }, propsList.value, {
+			ref: (value) => list.value = toElement(value),
+			"aria-live": "polite"
+		}), _isSlot(_slot = visible.map((toast, index) => createVNode(ToastItem, {
+			"key": toast.id,
+			"depth": stacked ? depths[index] : null,
+			"toast": toast,
+			"controller": controller.value,
+			"fromTop": fromTop,
+			"fallbackFocus": _cache[0] || (_cache[0] = () => outsideFocus),
+			"propsItem": propsItem.value,
+			"propsToast": propsToast.value,
+			"progress": progress.value,
+			"propsProgress": propsProgress.value,
+			"propsCollapse": propsCollapse.value
+		}, null))) ? _slot : { default: () => [_slot] })])] })] });
+	};
+}, {
+	name: "Toaster",
+	props: [
+		"controller",
+		"placement",
+		"max",
+		"stack",
+		"progress",
+		"propsList",
+		"propsItem",
+		"propsToast",
+		"propsProgress",
+		"propsCollapse"
+	]
+});
+//#endregion
+export { ToastItem, Toaster, createToaster, toastCountdownStyles, toastPlacementStyles, toastStackStyles, toastStyles };
+
+//# sourceMappingURL=Toast.js.map

package/dist/feedback/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["_isVNode","_vtp_readonlyProp","_createVNode","_mergeProps","_vtp_restProps","_vue_shallowRef","_vue_ref"],"sources":["../../src/feedback/Toast.tsx"],"sourcesContent":["/**\n * 通知（toast）：操作结果的短暂提示，几秒后自动消失。控制器 + 显示区域（参考 Sonner、Radix Toast、React Aria Toast）：\n *\n *   // toaster.ts：应用里创建一次，组件内外（请求拦截器、store）都能导入使用\n *   export const toaster = createToaster();\n *   // App：放一个显示区域\n *   <Toaster controller={toaster} placement=\"bottom-end\" />\n *   // 任意位置\n *   toaster.show({ tone: 'success', title: '已保存' });       // 或 toaster.success('已保存')\n *   const id = toaster.show({ title: '已删除', action: <Button onClick={() => undo(id)}>撤销</Button> });\n *   toaster.loading('正在导出', { id: 'export' }); …; toaster.success('导出完成', { id: 'export' });  // 同一个 id 换掉原来那条\n *   await toaster.promise(upload(file), { loading: { title: '正在上传' }, success: { title: '上传完成' }, error: (e) => ({ title: String(e) }) });\n *\n * 控制器是普通对象，不经 Provider 注入（COMPONENTS.md §1 的“命令式能力”），所以组件外也能用。\n * 写了 id 的通知不重复：同一个 id 再 show 时换掉那一条（重新计时），不再加一条（接口重试、连点保存时只留一条）。\n *\n * - 每条通知就是 Alert（surface 外观加阴影），图标、标题、正文、操作、关闭按钮都复用它；加载中用 Alert 的 loading。\n * - 计时：默认 5 秒；指针在区域上、焦点在区域里、页面切到后台时暂停；加载中的、duration 为 Infinity 的不自动消失。\n * - 无障碍：区域是带名称的 landmark（section），F8 跳到通知区域，焦点在一条通知里时 Esc 关闭它；\n *   列表 aria-live=\"polite\"，新通知被读屏念出。\n *   关闭一条后焦点交给相邻的通知，没有时回到进入通知区域之前的位置。\n * - 区域传送到 body（或最上层的模态里），用 ConfigScope 带上当前的主题与语言。\n * - 顶层：区域是 popover=\"manual\"，显示在页面之上；模态打开时外面的元素都是 inert 的（顶层也不例外），\n *   所以这时区域移进最上层的模态 dialog 里（topModal），通知里的按钮仍可点击、可 Tab 到。\n * - 动画：进场淡入并从边缘移入（@starting-style），离场时高度收起（复用 Collapse）后从列表移除。\n * - 横向滑动（触摸、鼠标拖动）超过宽度的 35% 就关闭，否则弹回（startMove；同 Sonner、Radix Toast 的滑动关闭）。\n */\nimport { utils } from 'animejs';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport {\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  shallowReactive,\n  Teleport,\n  watch,\n  type VNodeChild,\n} from 'vue';\nimport type { IconData } from '../base/Icon';\nimport { useLang } from '../config/context';\nimport { ConfigScope } from '../config/Provider';\nimport { Collapse, type CollapseProps } from '../display/Collapse';\nimport { useAnimate } from '../utils/motion/animation';\nimport { useLayoutAnimation } from '../utils/motion/layout';\nimport { usePresence } from '../utils/motion/presence';\nimport { startMove } from '../utils/dom/move';\nimport { topModal } from '../utils/dom/overlay';\nimport { toElement } from '../utils/dom/element';\nimport { useHotkeys, type HotkeyMap } from '../utils/dom/hotkeys';\nimport { focusAfterRemoval } from '../utils/dom/focus';\nimport { usePageVisible } from '../utils/dom/page-visibility';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport type { StatusTone } from '../utils/style/tone-styles';\nimport { Alert, type AlertProps } from './Alert';\nimport { FlexOrderedList, type FlexProps } from '../layout/Flex';\nimport { t } from '../config/theme/tokens';\n\n/** 一条通知的内容与行为 */\nexport interface ToastOptions {\n  /** 标题（加粗的第一行） */\n  title?: VNodeChild;\n  /** 正文 */\n  description?: VNodeChild;\n  /** 色调，默认 neutral */\n  tone?: StatusTone;\n  /** 图标；不写时按色调选，false 不显示 */\n  icon?: IconData | false;\n  /** 进行中：图标换成加载指示，不自动消失 */\n  loading?: boolean;\n  /** 右侧的操作（如“撤销”按钮） */\n  action?: VNodeChild;\n  /** 显示关闭按钮，默认 true */\n  closable?: boolean;\n  /** 显示多久（毫秒）后自动消失；Infinity 不自动消失；不写时用 createToaster 的默认值 */\n  duration?: number;\n  /** 重要：读屏立即打断播报（aria-live=\"assertive\"），用于出错、需要马上处理的通知；默认按礼貌的顺序念 */\n  important?: boolean;\n  /** 编号：同一个编号的通知只有一条，再 show 时换掉它；不写时自动生成 */\n  id?: string;\n  /** 开始关闭时调用（自动消失或被关闭）；同一条通知只调用一次 */\n  onClose?: (reason: keyof ToastCloseReasons) => void;\n}\n\n/** 快捷方法的选项：标题由第一个参数给出 */\nexport type ToastShortcutOptions = Omit<ToastOptions, 'title' | 'tone'>;\n\n/** 通知为什么关闭 */\nexport interface ToastCloseReasons {\n  /** 到时间自动消失 */\n  timeout: unknown;\n  /** 用户点了关闭、滑走、按了 Esc，或代码调用了 dismiss */\n  dismissed: unknown;\n}\n\n/** 列表里的一条通知 */\nexport interface ToastRecord extends ToastOptions {\n  /** show 返回的编号 */\n  readonly id: string;\n  /** 正在离场（已关闭，等离场过渡结束后移除） */\n  readonly closing: boolean;\n  /** 本轮自动关闭的计时：总时长（毫秒）与编号（重新计时时换一个）；不自动关闭（加载中、Infinity）时为 null */\n  readonly countdown: { readonly duration: number; readonly id: number } | null;\n}\n\n/** promise 各阶段的通知：固定内容，或由结果算出 */\nexport type ToastMessage<T> = ToastOptions | ((value: T) => ToastOptions);\n\n/** toaster.promise 的三个阶段 */\nexport interface ToastPromiseMessages<T> {\n  /** 进行中（自动带上 loading） */\n  loading: ToastOptions;\n  /** 成功，默认色调 success */\n  success: ToastMessage<T>;\n  /** 失败，默认色调 danger */\n  error: ToastMessage<unknown>;\n}\n\n/** createToaster 的选项 */\nexport interface ToasterOptions {\n  /** 默认显示时长（毫秒），默认 5000 */\n  duration?: number;\n}\n\n/** 通知控制器：createToaster() 创建，交给 <Toaster controller>，在任何地方调用 */\nexport interface ToasterController {\n  /** 当前的通知，旧的在前 */\n  readonly toasts: readonly ToastRecord[];\n  /** 计时是否暂停（悬停、聚焦、页面隐藏时） */\n  readonly paused: boolean;\n  /** 显示一条通知，返回它的编号；options.id 已有时换掉那一条（不与它合并） */\n  show(options: ToastOptions): string;\n  /** 成功的通知：`toaster.success('已保存')` */\n  success(title: VNodeChild, options?: ToastShortcutOptions): string;\n  /** 出错的通知（读屏立即播报） */\n  error(title: VNodeChild, options?: ToastShortcutOptions): string;\n  /** 警告的通知 */\n  warning(title: VNodeChild, options?: ToastShortcutOptions): string;\n  /** 提示的通知 */\n  info(title: VNodeChild, options?: ToastShortcutOptions): string;\n  /** 进行中的通知（不自动消失）：完成后用同一个 id 调 success / error 换掉它，或 dismiss */\n  loading(title: VNodeChild, options?: ToastShortcutOptions): string;\n  /** 改一条通知的内容（如加载完成）；计时按新的 duration 重新开始 */\n  update(id: string, options: ToastOptions): void;\n  /** 关闭一条通知；不给编号时关闭全部 */\n  dismiss(id?: string): void;\n  /** 进行中 → 成功 / 失败：同一条通知依次更新；返回原 Promise 的结果（失败时照样抛出） */\n  promise<T>(promise: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T>;\n  /** 暂停 / 继续所有通知的计时：Toaster 在悬停、聚焦、页面隐藏时调用 */\n  pause(): void;\n  /** 继续计时，见 pause */\n  resume(): void;\n  /** 从列表里移除（Toaster 在离场过渡结束后调用；直接调用则没有离场动画） */\n  remove(id: string): void;\n  /** 最多显示几条（Toaster 的 max）：只给显示出来的通知计时，没轮到的等它出现再开始 */\n  setLimit(limit: number): void;\n}\n\n/** 控制器内部可写的通知记录 */\ntype MutableToast = { -readonly [K in keyof ToastRecord]: ToastRecord[K] };\n\ninterface Timer {\n  remaining: number;\n  startedAt: number;\n  handle?: ReturnType<typeof setTimeout>;\n}\n\nlet nextId = 0;\n\n/** 创建通知控制器 */\nexport function createToaster({\n  duration: defaultDuration = 5000,\n}: ToasterOptions = {}): ToasterController {\n  // 浅层响应：列表增删与每条通知的字段变化会触发渲染；内容是 VNode，不需要（也不该）深层代理\n  const toasts = shallowReactive<MutableToast[]>([]);\n  const timers = new Map<string, Timer>();\n  const state = shallowReactive({ paused: false });\n  let countdowns = 0;\n  let limit = Infinity;\n\n  const find = (id: string) => toasts.find((toast) => toast.id === id);\n\n  function start(id: string, timer: Timer) {\n    timer.startedAt = Date.now();\n    timer.handle = setTimeout(() => close(id, 'timeout'), timer.remaining);\n  }\n\n  function close(id: string, reason: keyof ToastCloseReasons) {\n    const toast = find(id);\n    if (!toast || toast.closing) return;\n    toast.closing = true;\n    toast.countdown = null;\n    clearTimeout(timers.get(toast.id)?.handle);\n    timers.delete(toast.id);\n    toast.onClose?.(reason);\n  }\n\n  function stop(timer: Timer) {\n    if (timer.handle === undefined) return;\n    clearTimeout(timer.handle);\n    timer.handle = undefined;\n    timer.remaining -= Date.now() - timer.startedAt;\n  }\n\n  /** 计时与显示对齐：显示出来的（最新的 limit 条）在走，其余停着；暂停时都停 */\n  function sync() {\n    const shown = new Set(toasts.slice(-limit).map((toast) => toast.id));\n    for (const [id, timer] of timers) {\n      const running = timer.handle !== undefined;\n      if (!state.paused && shown.has(id)) {\n        if (!running) start(id, timer);\n      } else if (running) stop(timer);\n    }\n  }\n\n  function schedule(toast: MutableToast) {\n    clearTimeout(timers.get(toast.id)?.handle);\n    timers.delete(toast.id);\n    const duration = toast.loading ? Infinity : (toast.duration ?? defaultDuration);\n    toast.countdown = Number.isFinite(duration) ? { duration, id: ++countdowns } : null;\n    if (!toast.countdown) return;\n    const timer: Timer = { remaining: duration, startedAt: 0 };\n    timers.set(toast.id, timer);\n    sync();\n  }\n\n  const resolve = <T,>(message: ToastMessage<T>, value: T) =>\n    typeof message === 'function' ? message(value) : message;\n\n  const controller: ToasterController = {\n    toasts,\n    get paused() {\n      return state.paused;\n    },\n    show(options) {\n      const existing = options.id === undefined ? undefined : find(options.id);\n      if (existing && !existing.closing) {\n        // 换掉整条（不与上一条合并）：上一条的“进行中”、不可关闭都不留着\n        for (const key of Object.keys(existing) as (keyof MutableToast)[]) {\n          if (key !== 'id' && key !== 'closing' && key !== 'countdown') delete existing[key];\n        }\n        controller.update(existing.id, options);\n        return existing.id;\n      }\n      // 同一个编号的那条正在离场：先移走，新的接着出现\n      if (existing) controller.remove(existing.id);\n      const id = options.id ?? `toast-${++nextId}`;\n      toasts.push(shallowReactive({ ...options, id, closing: false, countdown: null }));\n      schedule(find(id)!);\n      return id;\n    },\n    success: (title, options) => controller.show({ ...options, title, tone: 'success' }),\n    error: (title, options) =>\n      controller.show({ important: true, ...options, title, tone: 'danger' }),\n    warning: (title, options) => controller.show({ ...options, title, tone: 'warning' }),\n    info: (title, options) => controller.show({ ...options, title, tone: 'info' }),\n    loading: (title, options) =>\n      controller.show({ closable: false, ...options, title, tone: 'neutral', loading: true }),\n    update(id, options) {\n      const toast = find(id);\n      if (!toast || toast.closing) return;\n      Object.assign(toast, options);\n      schedule(toast);\n    },\n    dismiss(id) {\n      for (const toast of id == null ? [...toasts] : [find(id)]) {\n        if (toast) close(toast.id, 'dismissed');\n      }\n    },\n    async promise(promise, { loading, success, error }) {\n      const id = controller.show({ closable: false, ...loading, loading: true });\n      try {\n        const value = await promise;\n        controller.update(id, {\n          tone: 'success',\n          closable: true,\n          ...resolve(success, value),\n          loading: false,\n        });\n        return value;\n      } catch (reason) {\n        controller.update(id, {\n          tone: 'danger',\n          closable: true,\n          ...resolve(error, reason),\n          loading: false,\n        });\n        throw reason;\n      }\n    },\n    pause() {\n      if (state.paused) return;\n      state.paused = true;\n      sync();\n    },\n    resume() {\n      if (!state.paused) return;\n      state.paused = false;\n      sync();\n    },\n    remove(id) {\n      const index = toasts.findIndex((toast) => toast.id === id);\n      if (index >= 0) toasts.splice(index, 1);\n      clearTimeout(timers.get(id)?.handle);\n      timers.delete(id);\n      // 腾出一个位置：下一条没轮到的通知出现，开始计时\n      sync();\n    },\n    setLimit(next) {\n      limit = next;\n      sync();\n    },\n  };\n  return controller;\n}\n\n/** 通知显示在视口的哪个位置 */\nexport interface ToastPlacements {\n  /** 左上（从右到左排版时右上） */\n  'top-start': unknown;\n  /** 顶部居中 */\n  top: unknown;\n  /** 右上（从右到左排版时左上） */\n  'top-end': unknown;\n  /** 左下（从右到左排版时右下） */\n  'bottom-start': unknown;\n  /** 底部居中 */\n  bottom: unknown;\n  /** 右下（默认；从右到左排版时左下） */\n  'bottom-end': unknown;\n}\n\n/** 未声明的属性落到区域（section）上；aria-label 默认取语言包（通知） */\nexport interface ToasterProps extends PartProps<'section', 'popover' | 'tabindex'> {\n  /** createToaster() 创建的控制器 */\n  controller: ToasterController;\n  /** 显示位置，默认 bottom-end */\n  placement?: keyof ToastPlacements;\n  /** 最多同时显示几条，默认 3；更早的先不显示，前面的关闭后补上 */\n  max?: number;\n  /** 叠成一摞（同 Sonner）：只露出最新的一条，更早的缩小叠在后面；悬停或聚焦时展开，展开收起有布局动画。默认 false（平铺） */\n  stack?: boolean;\n  /** 在自动关闭的通知底部显示剩余时间条（暂停计时时一起停），默认 false */\n  progress?: boolean;\n  /** 列表（ol）的部件属性 */\n  propsList?: Omit<Partial<FlexProps<'ol'>>, 'aria-live'>;\n  /** 每一项（li）的部件属性 */\n  propsItem?: PartProps<'li'> | ((toast: ToastRecord) => PartProps<'li'>);\n  /** 每条通知（Alert）的部件属性 */\n  propsToast?: Partial<AlertProps> | ((toast: ToastRecord) => Partial<AlertProps>);\n  /** 剩余时间条的部件属性 */\n  propsProgress?: PartProps<'span'>;\n  /** 每一项里收起高度的 Collapse 的部件属性（离场时它收起，下面的通知补上来） */\n  propsCollapse?: Partial<CollapseProps>;\n}\n\nconst countdown = css.keyframes({\n  from: { transform: 'scaleX(1)' },\n  to: { transform: 'scaleX(0)' },\n});\n\n/** Toaster 的样式：region、list、listFromTop、item、itemFromBottom、itemFromTop 等 */\nexport const toastStyles = css.create({\n  region: {\n    // 原生 popover 默认居中、带边框与底色，改为贴着视口的一角\n    position: 'fixed',\n    inset: 'auto',\n    margin: 0,\n    padding: '_lg',\n    borderWidth: 0,\n    backgroundColor: 'transparent',\n    overflow: 'visible',\n    boxSizing: 'border-box',\n    width: 'min(26em, 100vw)',\n    maxHeight: '100dvh',\n    // 区域本身不挡住下面页面的点击，只有通知能点\n    pointerEvents: 'none',\n    outlineStyle: 'none',\n  },\n  item: {\n    pointerEvents: 'auto',\n    // 纵向仍可滚动页面，横向交给滑动关闭\n    touchAction: 'pan-y',\n    opacity: { default: 1, '@starting-style': 0 },\n    transition: `opacity ${t.durations.md} ${t.easings.enter}, translate ${t.durations.md} ${t.easings.enter}`,\n  },\n  itemFromBottom: { translate: { default: 'none', '@starting-style': '0 0.75em' } },\n  itemFromTop: { translate: { default: 'none', '@starting-style': '0 -0.75em' } },\n  itemClosing: {\n    opacity: 0,\n    transition: `opacity ${t.durations.sm} ${t.easings.exit}`,\n  },\n  // 间距放在每一项里：离场收起高度时间距一起收掉；剩余时间条按它定位\n  gap: { position: 'relative', paddingBlock: '_xs' },\n  toast: { boxShadow: '_lg' },\n  // 贴着通知底边的细条，从满到空；时长是这条通知的计时（不是主题时长），由动态样式给出\n  countdown: {\n    position: 'absolute',\n    insetInline: '_md',\n    bottom: `calc(${t.space.xs} + ${t.borderWidths.xs})`,\n    height: '_borderWidths.sm',\n    borderRadius: '_full',\n    backgroundColor: `color-mix(in srgb, ${t.colors.textMuted} 50%, transparent)`,\n    transformOrigin: { default: 'left', ':dir(rtl)': 'right' },\n    animationName: countdown,\n    animationTimingFunction: 'linear',\n    animationFillMode: 'forwards',\n    pointerEvents: 'none',\n  },\n  countdownPaused: { animationPlayState: 'paused' },\n  // 叠放：每一项都定位、按深度排层叠顺序；最新的一条留在文档流里撑起高度，更早的绝对定位叠在它后面\n  stacked: {\n    position: 'relative',\n    transition: `opacity ${t.durations.md} ${t.easings.standard}, translate ${t.durations.md} ${t.easings.standard}, scale ${t.durations.md} ${t.easings.standard}`,\n  },\n  stackedBehind: { position: 'absolute', insetInline: 0 },\n  stackedHidden: { opacity: 0 },\n  stackedFromTop: { top: 0 },\n  stackedFromBottom: { bottom: 0 },\n});\n\n// 深度是运行时的数，用动态样式；单独一个 create，见 COMPONENTS.md §4\n/** Toaster 的样式：叠放时第 depth 层（0 是最新的）的位移、缩放与层叠顺序 */\nexport const toastStackStyles = css.create({\n  depth: (offset: string, scale: number, zIndex: number) => ({ translate: offset, scale, zIndex }),\n});\n\n// 时长来自每条通知，用动态样式；单独一个 create，见 COMPONENTS.md §4\n/** Toaster 的样式：剩余时间条的时长 */\nexport const toastCountdownStyles = css.create({\n  duration: (ms: string) => ({ animationDuration: ms }),\n});\n\n/** Toaster 的样式：top-start、top、top-end、bottom-start、bottom、bottom-end */\nexport const toastPlacementStyles = css.create({\n  'top-start': { top: 0, insetInlineStart: 0 },\n  top: { top: 0, insetInline: 0, marginInline: 'auto' },\n  'top-end': { top: 0, insetInlineEnd: 0 },\n  'bottom-start': { bottom: 0, insetInlineStart: 0 },\n  bottom: { bottom: 0, insetInline: 0, marginInline: 'auto' },\n  'bottom-end': { bottom: 0, insetInlineEnd: 0 },\n});\n\n/** Toaster 里每条通知的 props */\nexport interface ToastItemProps {\n  /** 这条通知 */\n  toast: ToastRecord;\n  /** 所属的通知器：关闭、暂停计时 */\n  controller: ToasterController;\n  /** Toaster 在顶部：进场从上方滑入 */\n  fromTop: boolean;\n  /** 最后一条被关闭时焦点回到这里 */\n  fallbackFocus: () => HTMLElement | null;\n  /** 每条通知外层（li）的部件属性 */\n  propsItem: ToasterProps['propsItem'];\n  /** 通知本身（Alert）的部件属性 */\n  propsToast: ToasterProps['propsToast'];\n  /** 叠放时的深度（0 是最新的一条）；平铺或展开时为 null */\n  depth: number | null;\n  /** 显示剩余时间条 */\n  progress: boolean;\n  /** 剩余时间条的部件属性 */\n  propsProgress: ToasterProps['propsProgress'];\n  /** 收起高度的 Collapse 的部件属性 */\n  propsCollapse: ToasterProps['propsCollapse'];\n}\n\n/** 滑动超过宽度的这个比例就关闭 */\nconst SWIPE_RATIO = 0.35;\n\n/** 叠放的一层：每深一层错开 0.75em、缩小 5%，第三层之后隐藏 */\nfunction stackSx(depth: number, fromTop: boolean) {\n  const offset = `0 ${(fromTop ? 0.75 : -0.75) * depth}em`;\n  return [\n    toastStyles.stacked,\n    depth > 0 && [\n      toastStyles.stackedBehind,\n      fromTop ? toastStyles.stackedFromTop : toastStyles.stackedFromBottom,\n    ],\n    toastStackStyles.depth(offset, 1 - depth * 0.05, 100 - depth),\n    depth > 2 && toastStyles.stackedHidden,\n  ];\n}\n\n/** 列表里的一项：Collapse 负责离场时收起高度，收起后从控制器里移除 */\nexport const ToastItem = _component(\n  ({\n    toast,\n    controller,\n    fromTop,\n    fallbackFocus,\n    depth,\n    progress,\n    propsItem,\n    propsToast,\n    propsProgress,\n    propsCollapse,\n  }: ToastItemProps) => {\n    let item: HTMLElement | null = null;\n    const animate = useAnimate();\n\n    const presence = usePresence(() => !toast.closing, {\n      onExited: () => controller.remove(toast.id),\n    });\n\n    function close() {\n      if (item) focusAfterRemoval(item, fallbackFocus());\n      controller.dismiss(toast.id);\n    }\n\n    // 焦点在通知里（操作、关闭按钮）时 Esc 关闭它（同 Radix Toast）；不能关闭的通知不处理\n    function onKeydown(event: KeyboardEvent) {\n      if (event.key !== 'Escape' || toast.closable === false || toast.closing) return;\n      event.preventDefault();\n      event.stopPropagation();\n      close();\n    }\n\n    // 横向滑动关闭：拖动中直接写元素的样式（不触发渲染）。松开时过了阈值就沿滑动方向滑出再关闭，\n    // 不够就用弹簧弹回（Anime.js，时长取主题；减少动态效果时立即到位）。不能关闭的通知（promise 的加载中）不跟手\n    function onPointerdown(event: PointerEvent) {\n      const element = item;\n      if (!element || toast.closing || toast.closable === false) return;\n      if ((event.target as Element).closest('button, a, input, textarea, select')) return;\n      const width = element.getBoundingClientRect().width;\n      startMove(event, {\n        threshold: 4,\n        onMove: ({ deltaX }) => {\n          // 拖动中跟手：去掉进出场的 CSS 过渡，不然每一帧都在追赶\n          element.style.transition = 'none';\n          void utils.set(element, {\n            x: deltaX,\n            opacity: Math.max(0, 1 - Math.abs(deltaX) / width),\n          });\n        },\n        onEnd: ({ deltaX, moved, cancelled }) => {\n          // 弹回后去掉内联样式：之后的离场淡出要靠 CSS 的 opacity\n          const settled = () => {\n            element.style.transition = '';\n            element.style.removeProperty('transform');\n            element.style.removeProperty('opacity');\n          };\n          if (moved && !cancelled && Math.abs(deltaX) > width * SWIPE_RATIO) {\n            const out = { x: Math.sign(deltaX) * width, opacity: 0 };\n            void animate(element, out, { duration: 'sm', ease: 'exit' }).then(() => {\n              close();\n              element.style.transition = '';\n            });\n            return;\n          }\n          void animate(element, { x: 0, opacity: 1 }, { bounce: 0.35 }).then(settled);\n        },\n      });\n    }\n\n    return () => {\n      const itemProps = typeof propsItem === 'function' ? propsItem(toast) : propsItem;\n      const toastProps = typeof propsToast === 'function' ? propsToast(toast) : propsToast;\n      return (\n        <li\n          {...mergeAttrs<'li'>(\n            {\n              sx: [\n                toastStyles.item,\n                fromTop ? toastStyles.itemFromTop : toastStyles.itemFromBottom,\n                depth != null && stackSx(depth, fromTop),\n                toast.closing && toastStyles.itemClosing,\n              ],\n            },\n            itemProps,\n            {\n              // 重要的通知打断播报（同 Sonner）；其余随列表的 aria-live=\"polite\"\n              'aria-live': toast.important ? 'assertive' : undefined,\n              'aria-atomic': toast.important || undefined,\n              ref: (element: unknown) => {\n                item = toElement(element);\n                presence.ref(element);\n              },\n              onPointerdown,\n              onKeydown,\n            },\n          )}\n          data-state={presence.state}\n        >\n          <Collapse\n            {...mergePartProps<CollapseProps>(\n              { propsContent: { sx: toastStyles.gap } },\n              propsCollapse,\n            )}\n            _open={!toast.closing}\n          >\n            <Alert\n              {...mergePartProps<AlertProps>(\n                {\n                  variant: 'surface',\n                  tone: toast.tone ?? 'neutral',\n                  icon: toast.icon,\n                  loading: toast.loading,\n                  title: toast.title,\n                  description: toast.description,\n                  action: toast.action,\n                  sx: toastStyles.toast,\n                },\n                toastProps,\n                { onClose: toast.closable === false ? undefined : close },\n              )}\n            />\n            {progress && toast.countdown && (\n              <span\n                key={toast.countdown.id}\n                {...mergeAttrs<'span'>({ sx: toastStyles.countdown }, propsProgress, {\n                  sx: [\n                    toastCountdownStyles.duration(`${toast.countdown.duration}ms`),\n                    controller.paused && toastStyles.countdownPaused,\n                  ],\n                  'aria-hidden': true,\n                })}\n              />\n            )}\n          </Collapse>\n        </li>\n      );\n    };\n  },\n  { name: 'ToastItem' },\n);\n\n/** 通知的显示区域：放一个即可；模态打开时自动移进最上层的模态 */\nexport const Toaster = _component(\n  ({\n    controller,\n    placement = 'bottom-end',\n    max = 3,\n    stack = false,\n    progress = false,\n    propsList,\n    propsItem,\n    propsToast,\n    propsProgress,\n    propsCollapse,\n    ...rest\n  }: ToasterProps) => {\n    const lang = useLang();\n    let region = _state.raw<HTMLElement | null>(null);\n    let hovering = _state(false);\n    let focused = _state(false);\n    const pageVisible = usePageVisible();\n    // 叠放时悬停或聚焦就展开；展开、收起时各项从旧位置平移过去\n    let list = _state.raw<HTMLElement | null>(null);\n    let expanded = _state(false);\n    const layout = useLayoutAnimation(() => list, { children: ':scope > li' });\n    watch(\n      () => hovering || focused,\n      (next) => {\n        if (stack) void layout.change(() => (expanded = next));\n        else expanded = next;\n      },\n    );\n    // 进入通知区域之前焦点所在的元素：最后一条通知被关闭后焦点回到这里\n    let outsideFocus: HTMLElement | null = null;\n\n    _effect(() => {\n      if (hovering || focused || !pageVisible.value) controller.pause();\n      else controller.resume();\n    });\n\n    // 移动到别的父元素（Teleport 换目标）时浏览器会关掉 popover，移完重新打开\n    const reopen = () => {\n      if (region?.isConnected && !region.matches(':popover-open')) region.showPopover();\n    };\n    watch(topModal, () => void nextTick(reopen));\n\n    // F8 跳到通知区域（同 Radix Toast）；输入框里也能用\n    const noHotkeys: HotkeyMap = {};\n    useHotkeys(\n      () => (region && controller.toasts.length ? { F8: () => region?.focus() } : noHotkeys),\n      { inInputs: true },\n    );\n    onMounted(reopen);\n    // 只给显示出来的通知计时：告诉控制器最多显示几条\n    watch(\n      () => max,\n      (limit) => controller.setLimit(limit),\n      { immediate: true },\n    );\n    onBeforeUnmount(() => {\n      controller.setLimit(Infinity);\n      controller.resume();\n    });\n\n    function onFocusin(event: FocusEvent) {\n      focused = true;\n      const from = event.relatedTarget;\n      if (from instanceof HTMLElement && !region?.contains(from)) outsideFocus = from;\n    }\n    function onFocusout(event: FocusEvent) {\n      const to = event.relatedTarget;\n      if (!(to instanceof Node && region?.contains(to))) focused = false;\n    }\n\n    return () => {\n      const fromTop = placement.startsWith('top');\n      const visible = controller.toasts.slice(-max);\n      // 深度只数还在显示的：正在离场的不占一层\n      let depth = visible.filter((toast) => !toast.closing).length;\n      const depths = visible.map((toast) => (toast.closing ? depth : --depth));\n      const stacked = stack && !expanded;\n      return (\n        <Teleport to={topModal() ?? 'body'}>\n          <ConfigScope>\n            <section\n              {...mergeAttrs<'section'>(\n                {\n                  sx: [toastStyles.region, toastPlacementStyles[placement]],\n                  'aria-label': lang.toasterLabel,\n                },\n                rest,\n                {\n                  ref: _toRef(region),\n                  popover: 'manual',\n                  tabindex: -1,\n                  onPointerenter: () => (hovering = true),\n                  onPointerleave: () => (hovering = false),\n                  onFocusin,\n                  onFocusout,\n                },\n              )}\n              data-placement={placement}\n              data-expanded={stack ? String(!stacked) : undefined}\n            >\n              <FlexOrderedList\n                {...mergePartProps<FlexProps<'ol'>>(\n                  // 新通知靠近所在的边缘：在顶部时最新的在最上面\n                  { direction: fromTop ? 'column-reverse' : 'column' },\n                  propsList,\n                  {\n                    ref: (value: unknown) => (list = toElement(value)),\n                    'aria-live': 'polite',\n                  },\n                )}\n              >\n                {visible.map((toast, index) => (\n                  <ToastItem\n                    key={toast.id}\n                    depth={stacked ? depths[index]! : null}\n                    toast={toast}\n                    controller={controller}\n                    fromTop={fromTop}\n                    fallbackFocus={() => outsideFocus}\n                    propsItem={propsItem}\n                    propsToast={propsToast}\n                    progress={progress}\n                    propsProgress={propsProgress}\n                    propsCollapse={propsCollapse}\n                  />\n                ))}\n              </FlexOrderedList>\n            </section>\n          </ConfigScope>\n        </Teleport>\n      );\n    };\n  },\n);\n"],"mappings":"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"}