@xihan-ui/vue 2.1.0 → 3.0.0

package/dist/components/toast/use-toast.d.ts

@@ -1,10 +0,0 @@
-import { ComputedRef } from "vue";
-import { ToastApi, ToastSchema } from "@xihan-ui/headless";
-//#region src/components/toast/use-toast.d.ts
-interface ToastContext {
-  api: ComputedRef<ToastApi>;
-}
-declare function useToast(props: ToastSchema['props'], onStatusChange?: ToastSchema['props']['onStatusChange'], onAction?: ToastSchema['props']['onAction']): ToastContext;
-//#endregion
-export { ToastContext, useToast };
-//# sourceMappingURL=use-toast.d.ts.map

package/dist/components/toast/use-toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toast.d.ts","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"mappings":";;;UAciB;EACf,KAAK,YAAY;;iBAGH,SACd,OAAO,sBACP,iBAAiB,wCACjB,WAAW,mCACV"}

package/dist/components/toast/use-toast.js

@@ -1,17 +0,0 @@
-import { vueNormalize } from "../../runtime/normalize-props.js";
-import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
-import { connectToast, toastMachine } from "@xihan-ui/headless";
-//#region src/components/toast/use-toast.ts
-function useToast(props, onStatusChange, onAction) {
-	const service = useMachine(toastMachine, () => ({
-		...props,
-		onStatusChange,
-		onAction
-	}));
-	return { api: computed(() => connectToast(service, vueNormalize)) };
-}
-//#endregion
-export { useToast };
-
-//# sourceMappingURL=use-toast.js.map

package/dist/components/toast/use-toast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-toast.js","names":[],"sources":["../../../src/components/toast/use-toast.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use toast 相关实现。\n\nimport type { ToastApi, ToastSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectToast, toastMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface ToastContext {\n  api: ComputedRef<ToastApi>\n}\n\nexport function useToast(\n  props: ToastSchema['props'],\n  onStatusChange?: ToastSchema['props']['onStatusChange'],\n  onAction?: ToastSchema['props']['onAction'],\n): ToastContext {\n  const service = useMachine(toastMachine, () => ({ ...props, onStatusChange, onAction }))\n  const api = computed(() => connectToast(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAkBA,SAAgB,SACd,OACA,gBACA,UACc;CACd,MAAM,UAAU,WAAW,qBAAqB;EAAE,GAAG;EAAO;EAAgB;CAAS,EAAE;CAEvF,OAAO,EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD,EAAE;AACf"}

package/dist/services/toast-service.d.ts

@@ -1,69 +0,0 @@
-import { XhConfig } from "../config/config.js";
-import { MaybeRefOrGetter } from "vue";
-import { NotificationDedupe, ToastOptions, ToastPlacement, ToastServiceDefaults, ToastTranslations } from "@xihan-ui/headless";
-//#region src/services/toast-service.d.ts
-interface ToastServiceOptions extends ToastServiceDefaults {
-  /** 堆叠区的位置，默认 'bottom'。 */
-  placement?: ToastPlacement;
-  /** 最多同时保留几条，默认 3；超出时先移除低优先级的，同级中移除最旧的。 */
-  max?: number;
-  /** 重复的判定方式，默认 'id'；传 'content' 则同一内容合并为一条并计数。 */
-  dedupe?: NotificationDedupe;
-  /** 堆叠内间距（px），默认 12。 */
-  gap?: number;
-  /** toast 部件的文案（关闭按钮的读屏名等）。 */
-  toastTranslations?: MaybeRefOrGetter<Partial<ToastTranslations>>;
-  /**
-   * 提供给轻提示子树的全局配置（locale / translations / size / portalContainer）。
-   * 本服务自带宿主应用，无法接收组件树中的 provideXhConfig，需要与应用同语言时从这里提供；
-   * 传 ref/getter 即可在运行期跟随切换语言，也可以之后用 setConfig 推送。
-   */
-  config?: MaybeRefOrGetter<XhConfig>;
-  /** 宿主容器；未提供时在 body 下新建一个。 */
-  target?: HTMLElement;
-}
-/**
- * create 的入参。`actionLabel` 是提示条上行内动作按钮的文案，`onAction` 是按下它执行的动作：
- * 回调不进入队列记录（该记录要能被整份替换、序列化、比对），服务按 id 单独保存一张表。
- */
-interface ToastCreateOptions extends ToastOptions {
-  onAction?: () => void;
-}
-/** 语气糖的入参：只差 tone / loading，其余同 create。 */
-type ToastMessageOptions = Omit<ToastCreateOptions, 'tone' | 'loading' | 'title'>;
-/** promise 三态的文案：成功与失败可以传函数，拿到结果后再拼装文案。 */
-interface ToastPromiseOptions<T> extends Omit<ToastMessageOptions, 'duration'> {
-  loading: string;
-  success: string | ((value: T) => string);
-  error: string | ((reason: unknown) => string);
-}
-interface ToastService {
-  /** 入队并返回 id；同 id 已存在则就地改写，被合并的返回被并入的那一条。 */
-  create: (options?: ToastCreateOptions) => string;
-  update: (id: string, options: Partial<ToastOptions>) => void;
-  /** 立即从队列中删除。提示条自己的关闭按钮经退场窗口，带退场动画。 */
-  dismiss: (id: string) => void;
-  dismissAll: () => void;
-  info: (message: string, options?: ToastMessageOptions) => string;
-  success: (message: string, options?: ToastMessageOptions) => string;
-  warning: (message: string, options?: ToastMessageOptions) => string;
-  danger: (message: string, options?: ToastMessageOptions) => string;
-  /** 返回 id，之后用 update(id, { loading: false, tone: 'success', title: … }) 收尾。 */
-  loading: (message: string, options?: ToastMessageOptions) => string;
-  /**
-   * 先显示一条 loading，Promise 落定后就地改写为 success / danger。
-   * 返回该条的 id；Promise 的结果原样交回调用方，拒绝也照旧拒绝。
-   */
-  promise: <T>(input: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T>) => Promise<T>;
-  /** 暂停当前堆叠的计时，'service' 这一路与指针、焦点并存。 */
-  pauseAll: () => void;
-  resumeAll: () => void;
-  /** 更换全局配置源。 */
-  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void;
-  /** 卸载宿主应用并移除容器。 */
-  dispose: () => void;
-}
-declare function createToastService(options?: ToastServiceOptions): ToastService;
-//#endregion
-export { ToastCreateOptions, ToastMessageOptions, ToastPromiseOptions, ToastService, ToastServiceOptions, createToastService };
-//# sourceMappingURL=toast-service.d.ts.map

package/dist/services/toast-service.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-service.d.ts","names":[],"sources":["../../src/services/toast-service.ts"],"mappings":";;;;UAqDiB,4BAA4B;;EAE3C,YAAY;;EAEZ;;EAEA,SAAS;;EAET;;EAEA,oBAAoB,iBAAiB,QAAQ;;;;;;EAM7C,SAAS,iBAAiB;;EAE1B,SAAS;;;;;;UAOM,2BAA2B;EAC1C;;;KAIU,sBAAsB,KAAK;;UAGtB,oBAAoB,WAAW,KAAK;EACnD;EACA,oBAAoB,OAAO;EAC3B,kBAAkB;;UAGH;;EAEf,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;;EAEtC,UAAU;EACV;EACA,OAAO,iBAAiB,UAAU;EAClC,UAAU,iBAAiB,UAAU;EACrC,UAAU,iBAAiB,UAAU;EACrC,SAAS,iBAAiB,UAAU;;EAEpC,UAAU,iBAAiB,UAAU;;;;;EAKrC,UAAU,GAAG,OAAO,QAAQ,YAAY,QAAQ,KAAK,SAAS,oBAAoB,OAAO,QAAQ;;EAEjG;EACA;;EAEA,YAAY,MAAM,iBAAiB;;EAEnC;;iBAwCc,mBAAmB,UAAS,sBAA2B"}

package/dist/services/toast-service.js

@@ -1,161 +0,0 @@
-import { vueNormalize } from "../runtime/normalize-props.js";
-import { useMachine } from "../runtime/use-machine.js";
-import { XhToastActionTrigger, XhToastCloseTrigger, XhToastContent, XhToastDescription, XhToastIndicator, XhToastRoot, XhToastTitle } from "../components/toast/toast.js";
-import { createServiceConfig } from "./service-config.js";
-import { mountServiceHost } from "./mount-host.js";
-import { Fragment, computed, createApp, defineComponent, h, shallowRef, toValue } from "vue";
-import { DATA_INERT_EXEMPT, ensurePortalRoot } from "@xihan-ui/core";
-import { TOAST_GAP, TOAST_MAX, TOAST_PLACEMENT, connectNotification, createFeedbackServiceController, createToastStackController, notificationMachine, resolveToastServiceItem, toastAnatomy, visibleNotifications } from "@xihan-ui/headless";
-//#region src/services/toast-service.ts
-const parts = toastAnatomy.build();
-function defaultToast(toast, defaults, translations, paused, onUnmounted, onAction) {
-	const item = resolveToastServiceItem(toast, defaults);
-	return h(XhToastRoot, {
-		id: item.id,
-		title: item.title,
-		description: item.description,
-		tone: item.tone,
-		loading: item.loading,
-		duration: item.duration,
-		removeDelay: item.removeDelay,
-		closable: item.closable,
-		pauseOnPageIdle: item.pauseOnPageIdle,
-		paused,
-		translations,
-		onStatusChange: ({ id, status }) => {
-			if (status === "unmounted") onUnmounted(id);
-		},
-		onAction: ({ id }) => onAction(id)
-	}, () => [
-		h(XhToastIndicator),
-		h(XhToastContent, () => [h(XhToastTitle), item.description ? h(XhToastDescription) : null]),
-		item.actionLabel ? h(XhToastActionTrigger, () => item.actionLabel) : null,
-		item.closable ? h(XhToastCloseTrigger) : null
-	]);
-}
-function createToastService(options = {}) {
-	if (typeof document === "undefined") throw new Error("createToastService 需要 document；SSR 里请等到客户端再创建");
-	const { target, toastTranslations, config, placement = TOAST_PLACEMENT, gap = TOAST_GAP, max = TOAST_MAX, dedupe, ...defaults } = options;
-	const serviceDefaults = {
-		...defaults,
-		pauseOnPageIdle: defaults.pauseOnPageIdle ?? true
-	};
-	const configSource = createServiceConfig(config);
-	const holder = target ?? document.createElement("div");
-	if (!target) ensurePortalRoot(document).appendChild(holder);
-	let publishState = () => {};
-	const controller = createFeedbackServiceController({
-		name: "toast",
-		idPrefix: "toast",
-		onStateChange: (state) => publishState(state.paused)
-	});
-	const pausedAll = shallowRef(controller.state.paused);
-	publishState = (paused) => void (pausedAll.value = paused);
-	let stack = null;
-	let stackGroup = null;
-	const bindGroup = (group) => {
-		const next = group instanceof HTMLElement ? group : null;
-		if (next === stackGroup) return;
-		stack?.dispose();
-		stackGroup = next;
-		stack = next ? createToastStackController({
-			group: next,
-			gap,
-			placement,
-			onInteractionChange: (active) => active ? controller.pauseAll() : controller.resumeAll()
-		}) : null;
-	};
-	const app = createApp(defineComponent({
-		name: "XhToastServiceHost",
-		setup() {
-			configSource.provide();
-			const service = useMachine(notificationMachine, () => ({
-				placement,
-				max,
-				dedupe,
-				duration: serviceDefaults.duration,
-				removeDelay: serviceDefaults.removeDelay,
-				pauseOnPageIdle: serviceDefaults.pauseOnPageIdle
-			}), void 0, { start: "setup" });
-			const api = computed(() => connectNotification(service, vueNormalize));
-			const items = computed(() => visibleNotifications(service.context.get("items"), max, placement));
-			controller.attach({
-				create: (opts) => api.value.create(opts),
-				update: (id, opts) => api.value.update(id, opts),
-				dismiss: (id) => api.value.dismiss(id),
-				dismissAll: () => api.value.dismissAll()
-			});
-			return () => {
-				controller.syncItems(items.value.map((item) => item.id));
-				return h("div", {
-					...parts.group.attrs,
-					"ref": bindGroup,
-					"data-placement": placement,
-					"data-count": items.value.length,
-					[DATA_INERT_EXEMPT]: "",
-					"hidden": items.value.length === 0 || void 0
-				}, items.value.map((toast) => h(Fragment, { key: toast.id }, [defaultToast(toast, serviceDefaults, toValue(toastTranslations), pausedAll.value, controller.unmounted, controller.invokeAction)])));
-			};
-		}
-	}));
-	const mounted = mountServiceHost(app, holder, "toast");
-	if (!mounted) controller.attach(null);
-	/** 入队一条；回调另存一张表，队列记录中只保留文案。 */
-	const create = (opts = {}) => {
-		const { onAction, ...record } = opts;
-		return controller.create(record, onAction);
-	};
-	const sugar = (tone) => (message, opts = {}) => create({
-		...opts,
-		tone,
-		title: message
-	});
-	return {
-		create,
-		update: controller.update,
-		dismiss: controller.dismiss,
-		dismissAll: controller.dismissAll,
-		info: sugar("info"),
-		success: sugar("success"),
-		warning: sugar("warning"),
-		danger: sugar("danger"),
-		loading: (message, opts = {}) => create({
-			...opts,
-			loading: true,
-			title: message
-		}),
-		promise: (input, opts) => {
-			const { loading, success, error, ...rest } = opts;
-			const running = typeof input === "function" ? input() : input;
-			const { onAction, ...record } = rest;
-			return controller.trackPromise(running, {
-				...record,
-				loading: true,
-				title: loading
-			}, (value) => ({
-				loading: false,
-				tone: "success",
-				title: typeof success === "function" ? success(value) : success
-			}), (reason) => ({
-				loading: false,
-				tone: "danger",
-				title: typeof error === "function" ? error(reason) : error
-			}), onAction);
-		},
-		pauseAll: controller.pauseAll,
-		resumeAll: controller.resumeAll,
-		setConfig: (next) => configSource.set(next),
-		dispose: () => {
-			stack?.dispose();
-			stack = null;
-			stackGroup = null;
-			if (mounted) app.unmount();
-			controller.dispose();
-			if (!target) holder.remove();
-		}
-	};
-}
-//#endregion
-export { createToastService };
-
-//# sourceMappingURL=toast-service.js.map

package/dist/services/toast-service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast-service.js","names":[],"sources":["../../src/services/toast-service.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 全局命令式轻提示服务：自带一个挂到 body 的宿主应用与默认渲染模板，\n// info/success 等命令在任意模块作用域可调（请求拦截器、store），\n// 不要求调用点在组件树内。\n//\n// 摞落在哪儿是整个服务的口径，不该让每个业务页面各挂一份容器再各自决定，\n// 因此这里没有对应的容器组件；队列本身跑的是 notification 那台队列机器，\n// 上限、挤条与合并计数全库一份实现。\nimport type {\n  NotificationDedupe,\n  ToastOptions,\n  ToastPlacement,\n  ToastRecord,\n  ToastServiceDefaults,\n  ToastTone,\n  ToastTranslations,\n} from '@xihan-ui/headless'\nimport type { App, MaybeRefOrGetter, VNode } from 'vue'\nimport type { XhConfig } from '../config/config'\nimport { DATA_INERT_EXEMPT, ensurePortalRoot } from '@xihan-ui/core'\nimport {\n  connectNotification,\n  createFeedbackServiceController,\n  createToastStackController,\n  notificationMachine,\n  resolveToastServiceItem,\n  TOAST_GAP,\n  TOAST_MAX,\n  TOAST_PLACEMENT,\n  toastAnatomy,\n  visibleNotifications,\n} from '@xihan-ui/headless'\nimport { computed, createApp, defineComponent, Fragment, h, shallowRef, toValue } from 'vue'\nimport {\n  XhToastActionTrigger,\n  XhToastCloseTrigger,\n  XhToastContent,\n  XhToastDescription,\n  XhToastIndicator,\n  XhToastRoot,\n  XhToastTitle,\n} from '../components/toast/toast'\nimport { vueNormalize } from '../runtime/normalize-props'\nimport { useMachine } from '../runtime/use-machine'\nimport { mountServiceHost } from './mount-host'\nimport { createServiceConfig } from './service-config'\n\nconst parts = toastAnatomy.build()\n\nexport interface ToastServiceOptions extends ToastServiceDefaults {\n  /** 堆叠区的位置，默认 'bottom'。 */\n  placement?: ToastPlacement\n  /** 最多同时保留几条，默认 3；超出时先移除低优先级的，同级中移除最旧的。 */\n  max?: number\n  /** 重复的判定方式，默认 'id'；传 'content' 则同一内容合并为一条并计数。 */\n  dedupe?: NotificationDedupe\n  /** 堆叠内间距（px），默认 12。 */\n  gap?: number\n  /** toast 部件的文案（关闭按钮的读屏名等）。 */\n  toastTranslations?: MaybeRefOrGetter<Partial<ToastTranslations>>\n  /**\n   * 提供给轻提示子树的全局配置（locale / translations / size / portalContainer）。\n   * 本服务自带宿主应用，无法接收组件树中的 provideXhConfig，需要与应用同语言时从这里提供；\n   * 传 ref/getter 即可在运行期跟随切换语言，也可以之后用 setConfig 推送。\n   */\n  config?: MaybeRefOrGetter<XhConfig>\n  /** 宿主容器；未提供时在 body 下新建一个。 */\n  target?: HTMLElement\n}\n\n/**\n * create 的入参。`actionLabel` 是提示条上行内动作按钮的文案，`onAction` 是按下它执行的动作：\n * 回调不进入队列记录（该记录要能被整份替换、序列化、比对），服务按 id 单独保存一张表。\n */\nexport interface ToastCreateOptions extends ToastOptions {\n  onAction?: () => void\n}\n\n/** 语气糖的入参：只差 tone / loading，其余同 create。 */\nexport type ToastMessageOptions = Omit<ToastCreateOptions, 'tone' | 'loading' | 'title'>\n\n/** promise 三态的文案：成功与失败可以传函数，拿到结果后再拼装文案。 */\nexport interface ToastPromiseOptions<T> extends Omit<ToastMessageOptions, 'duration'> {\n  loading: string\n  success: string | ((value: T) => string)\n  error: string | ((reason: unknown) => string)\n}\n\nexport interface ToastService {\n  /** 入队并返回 id；同 id 已存在则就地改写，被合并的返回被并入的那一条。 */\n  create: (options?: ToastCreateOptions) => string\n  update: (id: string, options: Partial<ToastOptions>) => void\n  /** 立即从队列中删除。提示条自己的关闭按钮经退场窗口，带退场动画。 */\n  dismiss: (id: string) => void\n  dismissAll: () => void\n  info: (message: string, options?: ToastMessageOptions) => string\n  success: (message: string, options?: ToastMessageOptions) => string\n  warning: (message: string, options?: ToastMessageOptions) => string\n  danger: (message: string, options?: ToastMessageOptions) => string\n  /** 返回 id，之后用 update(id, { loading: false, tone: 'success', title: … }) 收尾。 */\n  loading: (message: string, options?: ToastMessageOptions) => string\n  /**\n   * 先显示一条 loading，Promise 落定后就地改写为 success / danger。\n   * 返回该条的 id；Promise 的结果原样交回调用方，拒绝也照旧拒绝。\n   */\n  promise: <T>(input: Promise<T> | (() => Promise<T>), options: ToastPromiseOptions<T>) => Promise<T>\n  /** 暂停当前堆叠的计时，'service' 这一路与指针、焦点并存。 */\n  pauseAll: () => void\n  resumeAll: () => void\n  /** 更换全局配置源。 */\n  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void\n  /** 卸载宿主应用并移除容器。 */\n  dispose: () => void\n}\n\nfunction defaultToast(\n  toast: ToastRecord,\n  defaults: ToastServiceDefaults,\n  translations: Partial<ToastTranslations> | undefined,\n  paused: boolean,\n  onUnmounted: (id: string) => void,\n  onAction: (id: string) => void,\n): VNode {\n  const item = resolveToastServiceItem(toast, defaults)\n  return h(XhToastRoot, {\n    id: item.id,\n    title: item.title,\n    description: item.description,\n    tone: item.tone,\n    loading: item.loading,\n    duration: item.duration,\n    removeDelay: item.removeDelay,\n    closable: item.closable,\n    pauseOnPageIdle: item.pauseOnPageIdle,\n    paused,\n    translations,\n    onStatusChange: ({ id, status }: { id: string, status: string }) => {\n      if (status === 'unmounted')\n        onUnmounted(id)\n    },\n    onAction: ({ id }: { id: string }) => onAction(id),\n  }, () => [\n    h(XhToastIndicator),\n    h(XhToastContent, () => [\n      h(XhToastTitle),\n      item.description ? h(XhToastDescription) : null,\n    ]),\n    item.actionLabel ? h(XhToastActionTrigger, () => item.actionLabel) : null,\n    item.closable ? h(XhToastCloseTrigger) : null,\n  ])\n}\n\nexport function createToastService(options: ToastServiceOptions = {}): ToastService {\n  if (typeof document === 'undefined')\n    throw new Error('createToastService 需要 document；SSR 里请等到客户端再创建')\n\n  const {\n    target,\n    toastTranslations,\n    config,\n    placement = TOAST_PLACEMENT,\n    gap = TOAST_GAP,\n    max = TOAST_MAX,\n    dedupe,\n    ...defaults\n  } = options\n  const serviceDefaults: ToastServiceDefaults = {\n    ...defaults,\n    pauseOnPageIdle: defaults.pauseOnPageIdle ?? true,\n  }\n  const configSource = createServiceConfig(config)\n  const holder = target ?? document.createElement('div')\n  if (!target)\n    ensurePortalRoot(document).appendChild(holder)\n\n  let publishState: (paused: boolean) => void = () => {}\n  const controller = createFeedbackServiceController<ToastOptions, Partial<ToastOptions>>({\n    name: 'toast',\n    idPrefix: 'toast',\n    onStateChange: state => publishState(state.paused),\n  })\n  const pausedAll = shallowRef(controller.state.paused)\n  publishState = paused => void (pausedAll.value = paused)\n  let stack: ReturnType<typeof createToastStackController> | null = null\n  let stackGroup: HTMLElement | null = null\n  const bindGroup = (group: unknown): void => {\n    const next = group instanceof HTMLElement ? group : null\n    if (next === stackGroup)\n      return\n    stack?.dispose()\n    stackGroup = next\n    stack = next\n      ? createToastStackController({\n          group: next,\n          gap,\n          placement,\n          onInteractionChange: active => active ? controller.pauseAll() : controller.resumeAll(),\n        })\n      : null\n  }\n\n  const Host = defineComponent({\n    name: 'XhToastServiceHost',\n    setup() {\n      configSource.provide()\n      // 队列机器在 setup 里当场 start：它没有 DOM 锚点，而端口紧接着就接上。\n      // 等 mounted 再 start 的话，从业务组件的 onMounted 懒建本服务时，宿主的 mounted\n      // 会排到调用方那条 post-flush 队列的队尾，调用方接着发的第一条命令就撞上 SEND_BEFORE_MOUNT\n      const service = useMachine(notificationMachine, () => ({\n        placement,\n        max,\n        dedupe,\n        duration: serviceDefaults.duration,\n        removeDelay: serviceDefaults.removeDelay,\n        pauseOnPageIdle: serviceDefaults.pauseOnPageIdle,\n      }), undefined, { start: 'setup' })\n      const api = computed(() => connectNotification(service, vueNormalize))\n      // 渲染读原始记录，保留 Toast 自己的标题计数与可选说明投影。\n      const items = computed(() => visibleNotifications(service.context.get('items'), max, placement))\n      controller.attach({\n        create: opts => api.value.create(opts),\n        update: (id, opts) => api.value.update(id, opts),\n        dismiss: id => api.value.dismiss(id),\n        dismissAll: () => api.value.dismissAll(),\n      })\n      return () => {\n        controller.syncItems(items.value.map(item => item.id))\n        return h(\n          'div',\n          // 摞没有对应的容器组件，属性直接从解剖里取\n          {\n            ...parts.group.attrs,\n            'ref': bindGroup,\n            'data-placement': placement,\n            'data-count': items.value.length,\n            // 模态浮层给背景施加 inert 时跳过这一摞：轻提示画在遮罩之上，\n            // 一并罩住就成了看得见、点不动、读屏也跳过\n            [DATA_INERT_EXEMPT]: '',\n            // 队列空着时整面定位面撤掉：留着白白多一个罩住整块视口的合成层\n            'hidden': items.value.length === 0 || undefined,\n          },\n          // 按队列身份 id 给 key，避免节点被就地复用\n          items.value.map(toast => h(Fragment, { key: toast.id }, [\n            defaultToast(\n              toast,\n              serviceDefaults,\n              toValue(toastTranslations),\n              pausedAll.value,\n              controller.unmounted,\n              controller.invokeAction,\n            ),\n          ])),\n        )\n      }\n    },\n  })\n\n  const app: App = createApp(Host)\n  const mounted = mountServiceHost(app, holder, 'toast')\n  if (!mounted)\n    controller.attach(null)\n\n  /** 入队一条；回调另存一张表，队列记录中只保留文案。 */\n  const create = (opts: ToastCreateOptions = {}): string => {\n    const { onAction, ...record } = opts\n    return controller.create(record, onAction)\n  }\n\n  const sugar = (tone: ToastTone) => (message: string, opts: ToastMessageOptions = {}): string =>\n    create({ ...opts, tone, title: message })\n\n  return {\n    create,\n    update: controller.update,\n    dismiss: controller.dismiss,\n    dismissAll: controller.dismissAll,\n    info: sugar('info'),\n    success: sugar('success'),\n    warning: sugar('warning'),\n    danger: sugar('danger'),\n    loading: (message, opts = {}) => create({ ...opts, loading: true, title: message }),\n    promise: <T>(input: Promise<T> | (() => Promise<T>), opts: ToastPromiseOptions<T>): Promise<T> => {\n      const { loading, success, error, ...rest } = opts\n      const running = typeof input === 'function' ? input() : input\n      const { onAction, ...record } = rest\n      return controller.trackPromise(\n        running,\n        { ...record, loading: true, title: loading },\n        value => ({ loading: false, tone: 'success', title: typeof success === 'function' ? success(value) : success }),\n        reason => ({ loading: false, tone: 'danger', title: typeof error === 'function' ? error(reason) : error }),\n        onAction,\n      )\n    },\n    pauseAll: controller.pauseAll,\n    resumeAll: controller.resumeAll,\n    setConfig: next => configSource.set(next),\n    dispose: () => {\n      stack?.dispose()\n      stack = null\n      stackGroup = null\n      if (mounted)\n        app.unmount()\n      controller.dispose()\n      if (!target)\n        holder.remove()\n    },\n  }\n}\n"],"mappings":"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"}