@xihan-ui/vue 1.0.0-alpha.3 → 1.0.0

package/dist/services/toast-service.js

@@ -1,83 +1,136 @@
-import { provideXhConfig } from "../config/config.js";
-import { provideToaster } from "../components/toaster/context.js";
-import { XhToastCloseTrigger, XhToastDescription, XhToastRoot, XhToastTitle } from "../components/toast/toast.js";
-import { useToaster } from "../components/toaster/use-toaster.js";
-import { XhToasterGroup } from "../components/toaster/toaster.js";
-import { typeBadge } from "./glyph.js";
-import { Fragment, createApp, defineComponent, h } from "vue";
+import { XhToastCloseTrigger, XhToastRoot, XhToastTitle } from "../components/toast/toast.js";
+import { typeGlyph } from "./glyph.js";
+import { mountServiceHost } from "./mount-host.js";
+import { createServiceConfig } from "./service-config.js";
+import { Fragment, createApp, defineComponent, h, shallowRef, toValue } from "vue";
+import { TOAST_DURATION, TOAST_GAP, TOAST_PLACEMENT, toastAnatomy } from "@xihan-ui/headless";
+import { DATA_INERT_EXEMPT, ensurePortalRoot } from "@xihan-ui/kernel";
 //#region src/services/toast-service.ts
-function defaultToast(toast, translations, onUnmounted) {
+const parts = toastAnatomy.build();
+/**
+* 这一条会不会自己走掉。loading 一直挂着，duration <= 0 与非有限值也是。
+* 走不掉的必须留个出口，否则界面上一个可点、可聚焦的节点都没有。
+*/
+function selfDismissing(toast, defaults) {
+	if (toast.type === "loading") return false;
+	const duration = toast.duration ?? defaults.duration ?? TOAST_DURATION;
+	return Number.isFinite(duration) && duration > 0;
+}
+function defaultToast(toast, defaults, translations, onUnmounted) {
+	const closable = toast.closable ?? !selfDismissing(toast, defaults);
+	const type = toast.type ?? "info";
 	return h(XhToastRoot, {
 		id: toast.id,
 		title: toast.title,
-		description: toast.description,
-		type: toast.type,
-		duration: toast.duration,
-		removeDelay: toast.removeDelay,
-		closable: toast.closable,
+		type,
+		duration: toast.duration ?? defaults.duration,
+		removeDelay: toast.removeDelay ?? defaults.removeDelay,
+		closable,
+		pauseOnPageIdle: defaults.pauseOnPageIdle,
 		translations,
 		onStatusChange: ({ id, status }) => {
 			if (status === "unmounted") onUnmounted(id);
 		}
 	}, () => [
-		h("div", { style: {
-			display: "flex",
-			alignItems: "center",
-			gap: "var(--xh-space-2)"
-		} }, [typeBadge(toast.type), h(XhToastTitle)]),
-		toast.description ? h(XhToastDescription) : null,
-		toast.closable !== false ? h(XhToastCloseTrigger) : null
+		typeGlyph(type),
+		h(XhToastTitle),
+		closable ? h(XhToastCloseTrigger) : null
 	]);
 }
 function createToastService(options = {}) {
 	if (typeof document === "undefined") throw new Error("createToastService 需要 document；SSR 里请等到客户端再创建");
-	const { target, toastTranslations, config, ...toasterProps } = options;
+	const { target, toastTranslations, config, placement = TOAST_PLACEMENT, gap = TOAST_GAP, max = 5, ...defaults } = options;
+	const configSource = createServiceConfig(config);
 	const holder = target ?? document.createElement("div");
-	if (!target) document.body.appendChild(holder);
-	let ctx = null;
+	if (!target) ensurePortalRoot(document).appendChild(holder);
+	const queue = shallowRef([]);
+	let seq = 0;
+	const indexOf = (id) => queue.value.findIndex((item) => item.id === id);
+	const create = (opts = {}) => {
+		const id = opts.id ?? `toast-${++seq}`;
+		const at = indexOf(id);
+		if (at >= 0) {
+			const next = queue.value.slice();
+			next[at] = {
+				...next[at],
+				...opts,
+				id
+			};
+			queue.value = next;
+			return id;
+		}
+		const next = [...queue.value, {
+			...opts,
+			id
+		}];
+		queue.value = Number.isFinite(max) && max > 0 && next.length > max ? next.slice(next.length - max) : next;
+		return id;
+	};
+	const update = (id, opts) => {
+		const at = indexOf(id);
+		if (at < 0) return;
+		const next = queue.value.slice();
+		next[at] = {
+			...next[at],
+			...opts,
+			id
+		};
+		queue.value = next;
+	};
+	const remove = (id) => {
+		const next = queue.value.filter((item) => item.id !== id);
+		if (next.length !== queue.value.length) queue.value = next;
+	};
 	const app = createApp(defineComponent({
 		name: "XhToastServiceHost",
 		setup() {
-			if (config) provideXhConfig(config);
-			const inner = useToaster({
-				placement: "top",
-				max: 5,
-				...toasterProps
-			});
-			provideToaster(inner);
-			ctx = inner;
-			return () => {
-				const api = inner.api.value;
-				return h("div", api.getRootProps(), api.placements.map((placement) => h(XhToasterGroup, {
-					key: placement,
-					placement
-				}, { default: ({ toast }) => h(Fragment, { key: toast.id }, [defaultToast(toast, toastTranslations, inner.dismiss)]) })));
-			};
+			configSource.provide();
+			return () => h("div", {
+				...parts.group.attrs,
+				"data-placement": placement,
+				"data-count": queue.value.length,
+				"style": { gap: `${gap}px` },
+				[DATA_INERT_EXEMPT]: "",
+				"hidden": queue.value.length === 0 || void 0
+			}, queue.value.map((toast) => h(Fragment, { key: toast.id }, [defaultToast(toast, defaults, toValue(toastTranslations), remove)])));
 		}
 	}));
-	app.mount(holder);
-	const use = () => {
-		if (!ctx) throw new Error("toast 服务已卸载");
-		return ctx;
+	const mounted = mountServiceHost(app, holder, "toast");
+	let disposed = false;
+	/**
+	* 宿主没挂起来时命令一律空转：把提示丢掉好过让调用点（拦截器、store）连锁崩掉。
+	* 已卸载则是另一回事——那是调用方拿着一个死服务在用，明说好过静默吞掉。
+	*/
+	const alive = () => {
+		if (disposed) throw new Error("toast 服务已卸载");
+		return mounted;
 	};
-	const sugar = (type) => (message, opts = {}) => use().create({
+	const sugar = (type) => (message, opts = {}) => alive() ? create({
 		...opts,
 		type,
 		title: message
-	});
+	}) : "";
 	return {
-		create: (opts) => use().create(opts),
-		update: (id, opts) => use().update(id, opts),
-		dismiss: (id) => use().dismiss(id),
-		dismissAll: () => use().dismissAll(),
+		create: (opts) => alive() ? create(opts) : "",
+		update: (id, opts) => {
+			if (alive()) update(id, opts);
+		},
+		dismiss: (id) => {
+			if (alive()) remove(id);
+		},
+		dismissAll: () => {
+			if (alive()) queue.value = [];
+		},
 		info: sugar("info"),
 		success: sugar("success"),
 		warning: sugar("warning"),
 		error: sugar("error"),
 		loading: sugar("loading"),
+		setConfig: (next) => configSource.set(next),
 		dispose: () => {
-			app.unmount();
-			ctx = null;
+			if (mounted) app.unmount();
+			disposed = true;
+			queue.value = [];
 			if (!target) holder.remove();
 		}
 	};

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

@@ -1 +1 @@
-{"version":3,"file":"toast-service.js","names":[],"sources":["../../src/services/toast-service.ts"],"sourcesContent":["// 全局命令式通知服务：自带一个挂到 body 的宿主应用与默认渲染模板，\n// create/success 等命令在任意模块作用域可调（请求拦截器、store），\n// 不要求调用点在组件树内。组件树内的组合用法仍走 XhToasterRoot。\nimport type { ToasterSchema, ToasterTranslations, ToastOptions, ToastPlacement, ToastRecord, ToastTranslations, ToastType } from '@xihan-ui/headless'\nimport type { App, VNode } from 'vue'\nimport type { ToasterContext } from '../components/toaster/use-toaster'\nimport type { XhConfig } from '../config/config'\nimport { createApp, defineComponent, Fragment, h } from 'vue'\nimport { XhToastCloseTrigger, XhToastDescription, XhToastRoot, XhToastTitle } from '../components/toast/toast'\nimport { provideToaster } from '../components/toaster/context'\nimport { XhToasterGroup } from '../components/toaster/toaster'\nimport { useToaster } from '../components/toaster/use-toaster'\nimport { provideXhConfig } from '../config/config'\nimport { typeBadge } from './glyph'\n\nexport interface ToastServiceOptions {\n  /** 默认落位，服务档默认 'top'（轻提示习惯位）；单条可用 options.placement 覆盖。 */\n  placement?: ToastPlacement\n  /** 每个位置最多同时留几条，默认 5。 */\n  max?: number\n  gap?: number\n  duration?: number\n  removeDelay?: number\n  pauseOnPageIdle?: boolean\n  translations?: Partial<ToasterTranslations>\n  /** toast 部件的文案（关闭钮的读屏名等）。 */\n  toastTranslations?: Partial<ToastTranslations>\n  /**\n   * 喂给通知子树的全局配置（locale / translations / size / portalContainer）。\n   * 本服务自带宿主应用，接不到组件树里的 provideXhConfig，要让它跟应用同语言就从这里给。\n   */\n  config?: XhConfig\n  /** 宿主容器；不给就在 body 下新建一个。 */\n  target?: HTMLElement\n}\n\n/** 类型糖的入参：只差 type，其余同 create。 */\nexport type ToastMessageOptions = Omit<ToastOptions, 'type' | 'title'>\n\nexport interface ToastService {\n  /** 入队并返回 id；同 id 已存在则就地改写。 */\n  create: (options?: ToastOptions) => string\n  update: (id: string, options: Partial<ToastOptions>) => void\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  error: (message: string, options?: ToastMessageOptions) => string\n  /** 返回 id，之后用 update(id, { type: 'success', title: … }) 收尾。 */\n  loading: (message: string, options?: ToastMessageOptions) => string\n  /** 卸载宿主应用并移除容器。 */\n  dispose: () => void\n}\n\nfunction defaultToast(\n  toast: ToastRecord,\n  translations: Partial<ToastTranslations> | undefined,\n  onUnmounted: (id: string) => void,\n): VNode {\n  return h(XhToastRoot, {\n    id: toast.id,\n    title: toast.title,\n    description: toast.description,\n    type: toast.type,\n    duration: toast.duration,\n    removeDelay: toast.removeDelay,\n    closable: toast.closable,\n    translations,\n    onStatusChange: ({ id, status }: { id: string, status: string }) => {\n      if (status === 'unmounted')\n        onUnmounted(id)\n    },\n  }, () => [\n    h('div', { style: { display: 'flex', alignItems: 'center', gap: 'var(--xh-space-2)' } }, [\n      typeBadge(toast.type),\n      h(XhToastTitle),\n    ]),\n    toast.description ? h(XhToastDescription) : null,\n    toast.closable !== false ? 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 { target, toastTranslations, config, ...toasterProps } = options\n  const holder = target ?? document.createElement('div')\n  if (!target)\n    document.body.appendChild(holder)\n\n  let ctx: ToasterContext | null = null\n\n  const Host = defineComponent({\n    name: 'XhToastServiceHost',\n    setup() {\n      if (config)\n        provideXhConfig(config)\n      const inner = useToaster({ placement: 'top', max: 5, ...toasterProps } as ToasterSchema['props'])\n      provideToaster(inner)\n      ctx = inner\n      return () => {\n        const api = inner.api.value\n        return h('div', api.getRootProps() as Record<string, unknown>, api.placements.map(placement =>\n          h(XhToasterGroup, { key: placement, placement }, {\n            default: ({ toast }: { toast: ToastRecord }) =>\n              h(Fragment, { key: toast.id }, [defaultToast(toast, toastTranslations, inner.dismiss)]),\n          })))\n      }\n    },\n  })\n\n  const app: App = createApp(Host)\n  app.mount(holder)\n\n  const use = (): ToasterContext => {\n    if (!ctx)\n      throw new Error('toast 服务已卸载')\n    return ctx\n  }\n  const sugar = (type: ToastType) => (message: string, opts: ToastMessageOptions = {}): string =>\n    use().create({ ...opts, type, title: message })\n\n  return {\n    create: opts => use().create(opts),\n    update: (id, opts) => use().update(id, opts),\n    dismiss: id => use().dismiss(id),\n    dismissAll: () => use().dismissAll(),\n    info: sugar('info'),\n    success: sugar('success'),\n    warning: sugar('warning'),\n    error: sugar('error'),\n    loading: sugar('loading'),\n    dispose: () => {\n      app.unmount()\n      ctx = null\n      if (!target)\n        holder.remove()\n    },\n  }\n}\n"],"mappings":";;;;;;;;AAuDA,SAAS,aACP,OACA,cACA,aACO;CACP,OAAO,EAAE,aAAa;EACpB,IAAI,MAAM;EACV,OAAO,MAAM;EACb,aAAa,MAAM;EACnB,MAAM,MAAM;EACZ,UAAU,MAAM;EAChB,aAAa,MAAM;EACnB,UAAU,MAAM;EAChB;EACA,iBAAiB,EAAE,IAAI,aAA6C;GAClE,IAAI,WAAW,aACb,YAAY,EAAE;EAClB;CACF,SAAS;EACP,EAAE,OAAO,EAAE,OAAO;GAAE,SAAS;GAAQ,YAAY;GAAU,KAAK;EAAoB,EAAE,GAAG,CACvF,UAAU,MAAM,IAAI,GACpB,EAAE,YAAY,CAChB,CAAC;EACD,MAAM,cAAc,EAAE,kBAAkB,IAAI;EAC5C,MAAM,aAAa,QAAQ,EAAE,mBAAmB,IAAI;CACtD,CAAC;AACH;AAEA,SAAgB,mBAAmB,UAA+B,CAAC,GAAiB;CAClF,IAAI,OAAO,aAAa,aACtB,MAAM,IAAI,MAAM,+CAA+C;CAEjE,MAAM,EAAE,QAAQ,mBAAmB,QAAQ,GAAG,iBAAiB;CAC/D,MAAM,SAAS,UAAU,SAAS,cAAc,KAAK;CACrD,IAAI,CAAC,QACH,SAAS,KAAK,YAAY,MAAM;CAElC,IAAI,MAA6B;CAqBjC,MAAM,MAAW,UAnBJ,gBAAgB;EAC3B,MAAM;EACN,QAAQ;GACN,IAAI,QACF,gBAAgB,MAAM;GACxB,MAAM,QAAQ,WAAW;IAAE,WAAW;IAAO,KAAK;IAAG,GAAG;GAAa,CAA2B;GAChG,eAAe,KAAK;GACpB,MAAM;GACN,aAAa;IACX,MAAM,MAAM,MAAM,IAAI;IACtB,OAAO,EAAE,OAAO,IAAI,aAAa,GAA8B,IAAI,WAAW,KAAI,cAChF,EAAE,gBAAgB;KAAE,KAAK;KAAW;IAAU,GAAG,EAC/C,UAAU,EAAE,YACV,EAAE,UAAU,EAAE,KAAK,MAAM,GAAG,GAAG,CAAC,aAAa,OAAO,mBAAmB,MAAM,OAAO,CAAC,CAAC,EAC1F,CAAC,CAAC,CAAC;GACP;EACF;CACF,CAE8B,CAAC;CAC/B,IAAI,MAAM,MAAM;CAEhB,MAAM,YAA4B;EAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,aAAa;EAC/B,OAAO;CACT;CACA,MAAM,SAAS,UAAqB,SAAiB,OAA4B,CAAC,MAChF,IAAI,CAAC,CAAC,OAAO;EAAE,GAAG;EAAM;EAAM,OAAO;CAAQ,CAAC;CAEhD,OAAO;EACL,SAAQ,SAAQ,IAAI,CAAC,CAAC,OAAO,IAAI;EACjC,SAAS,IAAI,SAAS,IAAI,CAAC,CAAC,OAAO,IAAI,IAAI;EAC3C,UAAS,OAAM,IAAI,CAAC,CAAC,QAAQ,EAAE;EAC/B,kBAAkB,IAAI,CAAC,CAAC,WAAW;EACnC,MAAM,MAAM,MAAM;EAClB,SAAS,MAAM,SAAS;EACxB,SAAS,MAAM,SAAS;EACxB,OAAO,MAAM,OAAO;EACpB,SAAS,MAAM,SAAS;EACxB,eAAe;GACb,IAAI,QAAQ;GACZ,MAAM;GACN,IAAI,CAAC,QACH,OAAO,OAAO;EAClB;CACF;AACF"}
+{"version":3,"file":"toast-service.js","names":[],"sources":["../../src/services/toast-service.ts"],"sourcesContent":["// 全局命令式轻提示服务：自带一个挂到 body 的宿主应用与默认渲染模板，\n// info/success 等命令在任意模块作用域可调（请求拦截器、store），\n// 不要求调用点在组件树内。\n//\n// 队列是本服务的私事，没有对应的容器组件：一次操作的反馈落在哪儿是整个服务的口径，\n// 不该让每个业务页面各挂一份容器再各自决定。\nimport type { ToastOptions, ToastPlacement, ToastRecord, ToastTranslations, ToastType } from '@xihan-ui/headless'\nimport type { App, MaybeRefOrGetter, VNode } from 'vue'\nimport type { XhConfig } from '../config/config'\nimport { TOAST_DURATION, TOAST_GAP, TOAST_PLACEMENT, toastAnatomy } from '@xihan-ui/headless'\nimport { DATA_INERT_EXEMPT, ensurePortalRoot } from '@xihan-ui/kernel'\nimport { createApp, defineComponent, Fragment, h, shallowRef, toValue } from 'vue'\nimport { XhToastCloseTrigger, XhToastRoot, XhToastTitle } from '../components/toast/toast'\nimport { typeGlyph } from './glyph'\nimport { mountServiceHost } from './mount-host'\nimport { createServiceConfig } from './service-config'\n\nconst parts = toastAnatomy.build()\n\n/** 单条没写时的兜底：服务档一次定好，逐条渲染时补进去。 */\ninterface ToastDefaults {\n  duration?: number\n  removeDelay?: number\n  pauseOnPageIdle?: boolean\n}\n\nexport interface ToastServiceOptions extends ToastDefaults {\n  /** 那一摞落在哪儿，默认 'top'：视线正好在刚才操作的地方上方。 */\n  placement?: ToastPlacement\n  /** 最多同时留几条，超出挤掉最旧的，默认 5。 */\n  max?: number\n  /** 摞内间距（px），默认 16。 */\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/** 类型糖的入参：只差 type，其余同 create。 */\nexport type ToastMessageOptions = Omit<ToastOptions, 'type' | 'title'>\n\nexport interface ToastService {\n  /** 入队并返回 id；同 id 已存在则就地改写。 */\n  create: (options?: ToastOptions) => 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  error: (message: string, options?: ToastMessageOptions) => string\n  /** 返回 id，之后用 update(id, { type: 'success', title: … }) 收尾。 */\n  loading: (message: string, options?: ToastMessageOptions) => string\n  /** 换一份全局配置源。 */\n  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void\n  /** 卸载宿主应用并移除容器。 */\n  dispose: () => void\n}\n\n/**\n * 这一条会不会自己走掉。loading 一直挂着，duration <= 0 与非有限值也是。\n * 走不掉的必须留个出口，否则界面上一个可点、可聚焦的节点都没有。\n */\nfunction selfDismissing(toast: ToastRecord, defaults: ToastDefaults): boolean {\n  if (toast.type === 'loading')\n    return false\n  const duration = toast.duration ?? defaults.duration ?? TOAST_DURATION\n  return Number.isFinite(duration) && duration > 0\n}\n\nfunction defaultToast(\n  toast: ToastRecord,\n  defaults: ToastDefaults,\n  translations: Partial<ToastTranslations> | undefined,\n  onUnmounted: (id: string) => void,\n): VNode {\n  // 到点自己走的默认不出叉，多一颗叉就多一个「要不要点」的判断；\n  // 走不掉的反过来默认给叉。两者都能用 closable 显式改口\n  const closable = toast.closable ?? !selfDismissing(toast, defaults)\n  // 语气跟着 connect 的缺省走（type 缺席即 info），字形不能在这儿另算一份——\n  // 算差了就成了「整条蓝淡底、却没有字形」的半截态\n  const type = toast.type ?? 'info'\n  return h(XhToastRoot, {\n    id: toast.id,\n    title: toast.title,\n    type,\n    // 单条 > 服务档 > 机器内建默认\n    duration: toast.duration ?? defaults.duration,\n    removeDelay: toast.removeDelay ?? defaults.removeDelay,\n    closable,\n    pauseOnPageIdle: defaults.pauseOnPageIdle,\n    translations,\n    onStatusChange: ({ id, status }: { id: string, status: string }) => {\n      if (status === 'unmounted')\n        onUnmounted(id)\n    },\n  }, () => [\n    // 三个节点平铺，不再套一层行容器：横排是皮肤的事，模板套一层只会与它打架\n    typeGlyph(type),\n    h(XhToastTitle),\n    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 = 5,\n    ...defaults\n  } = options\n  const configSource = createServiceConfig(config)\n  const holder = target ?? document.createElement('div')\n  if (!target)\n    ensurePortalRoot(document).appendChild(holder)\n\n  // 队列本身就是全部状态，没有第二种模式，也没有第二个使用者：一个数组足够，不必上机器\n  const queue = shallowRef<ToastRecord[]>([])\n  let seq = 0\n\n  const indexOf = (id: string): number => queue.value.findIndex(item => item.id === id)\n\n  const create = (opts: ToastOptions = {}): string => {\n    const id = opts.id ?? `toast-${++seq}`\n    const at = indexOf(id)\n    // 同 id 视为就地改写（loading 转 success 走的就是这条），位置不动\n    if (at >= 0) {\n      const next = queue.value.slice()\n      next[at] = { ...next[at]!, ...opts, id }\n      queue.value = next\n      return id\n    }\n    const next = [...queue.value, { ...opts, id }]\n    // 超出上限就挤掉最旧的；<=0 与非有限数一并按不限处理\n    queue.value = Number.isFinite(max) && max > 0 && next.length > max ? next.slice(next.length - max) : next\n    return id\n  }\n\n  const update = (id: string, opts: Partial<ToastOptions>): void => {\n    const at = indexOf(id)\n    if (at < 0)\n      return\n    const next = queue.value.slice()\n    next[at] = { ...next[at]!, ...opts, id }\n    queue.value = next\n  }\n\n  const remove = (id: string): void => {\n    const next = queue.value.filter(item => item.id !== id)\n    if (next.length !== queue.value.length)\n      queue.value = next\n  }\n\n  const Host = defineComponent({\n    name: 'XhToastServiceHost',\n    setup() {\n      configSource.provide()\n      return () => h(\n        'div',\n        // 摞没有对应的容器组件，属性直接从解剖里取\n        {\n          ...parts.group.attrs,\n          'data-placement': placement,\n          'data-count': queue.value.length,\n          'style': { gap: `${gap}px` },\n          // 模态浮层给背景施加 inert 时跳过这一摞：轻提示画在遮罩之上，\n          // 一并罩住就成了看得见、点不动、读屏也跳过\n          [DATA_INERT_EXEMPT]: '',\n          // 队列空着时整面定位面撤掉：留着白白多一个罩住整块视口的合成层\n          'hidden': queue.value.length === 0 || undefined,\n        },\n        // 按队列身份 id 给 key，避免节点被就地复用\n        queue.value.map(toast => h(Fragment, { key: toast.id }, [\n          defaultToast(toast, defaults, toValue(toastTranslations), remove),\n        ])),\n      )\n    },\n  })\n\n  const app: App = createApp(Host)\n  const mounted = mountServiceHost(app, holder, 'toast')\n  let disposed = false\n\n  /**\n   * 宿主没挂起来时命令一律空转：把提示丢掉好过让调用点（拦截器、store）连锁崩掉。\n   * 已卸载则是另一回事——那是调用方拿着一个死服务在用，明说好过静默吞掉。\n   */\n  const alive = (): boolean => {\n    if (disposed)\n      throw new Error('toast 服务已卸载')\n    return mounted\n  }\n  const sugar = (type: ToastType) => (message: string, opts: ToastMessageOptions = {}): string =>\n    alive() ? create({ ...opts, type, title: message }) : ''\n\n  return {\n    create: opts => (alive() ? create(opts) : ''),\n    update: (id, opts) => {\n      if (alive())\n        update(id, opts)\n    },\n    dismiss: (id) => {\n      if (alive())\n        remove(id)\n    },\n    dismissAll: () => {\n      if (alive())\n        queue.value = []\n    },\n    info: sugar('info'),\n    success: sugar('success'),\n    warning: sugar('warning'),\n    error: sugar('error'),\n    loading: sugar('loading'),\n    setConfig: next => configSource.set(next),\n    dispose: () => {\n      if (mounted)\n        app.unmount()\n      disposed = true\n      queue.value = []\n      if (!target)\n        holder.remove()\n    },\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xihan-ui/vue",
   "type": "module",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0",
   "description": "XiHan.UI Vue adapter — components, composables, machine runtime.",
   "author": {
     "name": "XiHanFun",
@@ -34,6 +34,10 @@
       "types": "./dist/backgrounds.d.ts",
       "import": "./dist/backgrounds.js"
     },
+    "./behavior": {
+      "types": "./dist/behavior.d.ts",
+      "import": "./dist/behavior.js"
+    },
     "./sound": {
       "types": "./dist/sound.d.ts",
       "import": "./dist/sound.js"
@@ -55,8 +59,8 @@
   },
   "peerDependencies": {
     "vue": "^3.5.0",
-    "@xihan-ui/backgrounds": "^1.0.0-alpha.3",
-    "@xihan-ui/sound": "^1.0.0-alpha.3"
+    "@xihan-ui/backgrounds": "^1.0.0",
+    "@xihan-ui/sound": "^1.0.0"
   },
   "peerDependenciesMeta": {
     "@xihan-ui/backgrounds": {
@@ -67,13 +71,13 @@
     }
   },
   "dependencies": {
-    "@xihan-ui/behavior": "^1.0.0-alpha.3",
-    "@xihan-ui/code-highlight": "^1.0.0-alpha.3",
-    "@xihan-ui/headless": "^1.0.0-alpha.3",
-    "@xihan-ui/kernel": "^1.0.0-alpha.3",
-    "@xihan-ui/machine": "^1.0.0-alpha.3",
-    "@xihan-ui/motion": "^1.0.0-alpha.3",
-    "@xihan-ui/position": "^1.0.0-alpha.3"
+    "@xihan-ui/behavior": "^1.0.0",
+    "@xihan-ui/code-highlight": "^1.0.0",
+    "@xihan-ui/headless": "^1.0.0",
+    "@xihan-ui/kernel": "^1.0.0",
+    "@xihan-ui/machine": "^1.0.0",
+    "@xihan-ui/motion": "^1.0.0",
+    "@xihan-ui/position": "^1.0.0"
   },
   "devDependencies": {
     "@vitest/browser": "^4.1.10",
@@ -83,12 +87,12 @@
     "playwright": "^1.62.0",
     "vitest": "^4.1.10",
     "vue": "^3.5.40",
-    "@xihan-ui/backgrounds": "1.0.0-alpha.3",
+    "@xihan-ui/backgrounds": "1.0.0",
     "@xihan-ui/build": "0.0.0",
-    "@xihan-ui/sound": "1.0.0-alpha.3",
-    "@xihan-ui/styles": "1.0.0-alpha.3",
+    "@xihan-ui/sound": "1.0.0",
+    "@xihan-ui/styles": "1.0.0",
     "@xihan-ui/testing": "0.0.0",
-    "@xihan-ui/tokens": "1.0.0-alpha.3",
+    "@xihan-ui/tokens": "1.0.0",
     "@xihan-ui/tsconfig": "0.0.0"
   },
   "scripts": {

package/dist/components/toaster/context.js

@@ -1,19 +0,0 @@
-import { inject, provide } from "vue";
-//#region src/components/toaster/context.ts
-const KEY = Symbol("xh-toaster");
-function provideToaster(ctx) {
-	provide(KEY, ctx);
-}
-function useToasterContext() {
-	const ctx = inject(KEY, null);
-	if (!ctx) throw new Error("[xh] Toaster 部件必须用在 XhToasterRoot 内");
-	return ctx;
-}
-/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */
-function useToasterContextOptional() {
-	return inject(KEY, null);
-}
-//#endregion
-export { provideToaster, useToasterContext, useToasterContextOptional };
-
-//# sourceMappingURL=context.js.map

package/dist/components/toaster/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/toaster/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ToasterContext } from './use-toaster'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ToasterContext> = Symbol('xh-toaster')\n\nexport function provideToaster(ctx: ToasterContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useToasterContext(): ToasterContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Toaster 部件必须用在 XhToasterRoot 内')\n  return ctx\n}\n\n/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */\nexport function useToasterContextOptional(): ToasterContext | null {\n  return inject(KEY, null)\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,YAAY;AAE7D,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;;AAGA,SAAgB,4BAAmD;CACjE,OAAO,OAAO,KAAK,IAAI;AACzB"}

package/dist/components/toaster/toaster.d.ts

@@ -1,135 +0,0 @@
-import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
-import { ResolvedToast, ToastOptions, ToastPlacement, ToastRecord, ToasterSchema, ToasterTranslations } from "@xihan-ui/headless";
-//#region src/components/toaster/toaster.d.ts
-type ToasterProps = ToasterSchema['props'];
-/** 默认插槽的载荷：当前可见的通知队列与它的落位分组，以及入队、改写、关闭的命令。 */
-interface ToasterRootSlotProps {
-  toasts: ResolvedToast[];
-  placements: ToastPlacement[];
-  count: number;
-  getToastsByPlacement: (placement: ToastPlacement) => ResolvedToast[];
-  create: (options?: ToastOptions) => string;
-  update: (id: string, options: Partial<ToastOptions>) => void;
-  dismiss: (id: string) => void;
-  dismissAll: () => void;
-}
-declare const XhToasterRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  toasts: {
-    type: PropType<ToastRecord[]>;
-    default: undefined;
-  };
-  defaultToasts: {
-    type: PropType<ToastRecord[]>;
-    default: undefined;
-  };
-  placement: {
-    type: PropType<ToastPlacement>;
-    default: undefined;
-  };
-  max: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  gap: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  duration: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  removeDelay: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  pauseOnPageIdle: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-  translations: {
-    type: PropType<Partial<ToasterTranslations>>;
-    default: undefined;
-  };
-}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  'toasts-change': (_details: PayloadOf<ToasterProps, "onToastsChange">) => true;
-  'update:toasts': (_toasts: PayloadOf<ToasterProps, "onToastsChange">["toasts"]) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  toasts: {
-    type: PropType<ToastRecord[]>;
-    default: undefined;
-  };
-  defaultToasts: {
-    type: PropType<ToastRecord[]>;
-    default: undefined;
-  };
-  placement: {
-    type: PropType<ToastPlacement>;
-    default: undefined;
-  };
-  max: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  gap: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  duration: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  removeDelay: {
-    type: NumberConstructor;
-    default: undefined;
-  };
-  pauseOnPageIdle: {
-    type: BooleanConstructor;
-    default: undefined;
-  };
-  translations: {
-    type: PropType<Partial<ToasterTranslations>>;
-    default: undefined;
-  };
-}>> & Readonly<{
-  "onToasts-change"?: ((_details: import("@xihan-ui/headless").ToasterToastsChangeDetails) => any) | undefined;
-  "onUpdate:toasts"?: ((_toasts: ToastRecord[]) => any) | undefined;
-}>, {
-  translations: Partial<ToasterTranslations>;
-  max: number;
-  placement: ToastPlacement;
-  gap: number;
-  duration: number;
-  removeDelay: number;
-  pauseOnPageIdle: boolean;
-  toasts: ToastRecord[];
-  defaultToasts: ToastRecord[];
-}, SlotsType<{
-  default?: (props: ToasterRootSlotProps) => VNode[];
-}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 默认插槽的载荷：这一组里逐条铺开的通知。 */
-interface ToasterGroupSlotProps {
-  toast: ResolvedToast;
-}
-declare const XhToasterGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  placement: {
-    type: PropType<ToastPlacement>;
-    default: undefined;
-  };
-}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-  [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  placement: {
-    type: PropType<ToastPlacement>;
-    default: undefined;
-  };
-}>> & Readonly<{}>, {
-  placement: ToastPlacement;
-}, SlotsType<{
-  default?: (props: ToasterGroupSlotProps) => VNode[];
-}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { ToasterGroupSlotProps, ToasterRootSlotProps, XhToasterGroup, XhToasterRoot };
-//# sourceMappingURL=toaster.d.ts.map

package/dist/components/toaster/toaster.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toaster.d.ts","names":[],"sources":["../../../src/components/toaster/toaster.ts"],"mappings":";;;;KAQK,eAAe;;UAGH;EACf,QAAQ;EACR,YAAY;EACZ;EACA,uBAAuB,WAAW,mBAAmB;EACrD,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;cAGW,6BAAa,8BAAA;;IAIG,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;IAMN,MAAA,SAAS,QAAQ;;;;;;EAIrB,kBAAA,UAAA,UAAU;EACX,kBAAA,SAAA,UAAU;;;IAbZ,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;IAMN,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,yBAAyB;kCAqB7C;;UAGe;EACf,OAAO;;cAGI,8BAAc,8BAAA;;IAIM,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;;EAG5B,WAAC,OAAO,0BAA0B;kCAkB9C"}

package/dist/components/toaster/toaster.js

@@ -1,91 +0,0 @@
-import { withXhConfig } from "../../config/config.js";
-import { provideToaster, useToasterContext } from "./context.js";
-import { useToaster } from "./use-toaster.js";
-import { Fragment, defineComponent, h } from "vue";
-//#region src/components/toaster/toaster.ts
-const XhToasterRoot = defineComponent({
-	name: "XhToasterRoot",
-	props: {
-		toasts: {
-			type: Array,
-			default: void 0
-		},
-		defaultToasts: {
-			type: Array,
-			default: void 0
-		},
-		placement: {
-			type: String,
-			default: void 0
-		},
-		max: {
-			type: Number,
-			default: void 0
-		},
-		gap: {
-			type: Number,
-			default: void 0
-		},
-		duration: {
-			type: Number,
-			default: void 0
-		},
-		removeDelay: {
-			type: Number,
-			default: void 0
-		},
-		pauseOnPageIdle: {
-			type: Boolean,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
-	},
-	emits: {
-		"toasts-change": (_details) => true,
-		"update:toasts": (_toasts) => true
-	},
-	slots: Object,
-	setup(props, { slots, emit }) {
-		const notify = (details) => {
-			emit("toasts-change", details);
-			emit("update:toasts", details.toasts);
-		};
-		const ctx = useToaster(withXhConfig("toaster", props), notify);
-		provideToaster(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
-			toasts: ctx.api.value.visibleToasts,
-			placements: ctx.api.value.placements,
-			count: ctx.api.value.count,
-			getToastsByPlacement: ctx.api.value.getToastsByPlacement,
-			create: ctx.create,
-			update: ctx.update,
-			dismiss: ctx.dismiss,
-			dismissAll: ctx.dismissAll
-		}));
-	}
-});
-const XhToasterGroup = defineComponent({
-	name: "XhToasterGroup",
-	props: { placement: {
-		type: String,
-		default: void 0
-	} },
-	slots: Object,
-	setup(props, { slots }) {
-		const ctx = useToasterContext();
-		return () => {
-			const api = ctx.api.value;
-			const groupProps = api.getGroupProps({ placement: props.placement });
-			const placement = groupProps["data-placement"];
-			const list = api.getToastsByPlacement(placement);
-			return h("div", groupProps, slots.default ? list.map((toast) => h(Fragment, { key: toast.id }, slots.default({ toast }))) : void 0);
-		};
-	}
-});
-//#endregion
-export { XhToasterGroup, XhToasterRoot };
-
-//# sourceMappingURL=toaster.js.map

package/dist/components/toaster/toaster.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toaster.js","names":[],"sources":["../../../src/components/toaster/toaster.ts"],"sourcesContent":["import type { ResolvedToast, ToasterSchema, ToasterTranslations, ToastOptions, ToastPlacement, ToastRecord } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, Fragment, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideToaster, useToasterContext } from './context'\nimport { useToaster } from './use-toaster'\n\ntype ToasterProps = ToasterSchema['props']\n\n/** 默认插槽的载荷：当前可见的通知队列与它的落位分组，以及入队、改写、关闭的命令。 */\nexport interface ToasterRootSlotProps {\n  toasts: ResolvedToast[]\n  placements: ToastPlacement[]\n  count: number\n  getToastsByPlacement: (placement: ToastPlacement) => ResolvedToast[]\n  create: (options?: ToastOptions) => string\n  update: (id: string, options: Partial<ToastOptions>) => void\n  dismiss: (id: string) => void\n  dismissAll: () => void\n}\n\nexport const XhToasterRoot = defineComponent({\n  name: 'XhToasterRoot',\n  // 缺省值由 connect 决定，这里一律 default: undefined\n  props: {\n    toasts: { type: Array as PropType<ToastRecord[]>, default: undefined },\n    defaultToasts: { type: Array as PropType<ToastRecord[]>, default: undefined },\n    placement: { type: String as PropType<ToastPlacement>, default: undefined },\n    max: { type: Number, default: undefined },\n    gap: { type: Number, default: undefined },\n    duration: { type: Number, default: undefined },\n    removeDelay: { type: Number, default: undefined },\n    pauseOnPageIdle: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<ToasterTranslations>>, default: undefined },\n  },\n  // toasts-change 携带 { toasts }，update:toasts 携带裸队列以支持 v-model:toasts\n  emits: {\n    'toasts-change': (_details: PayloadOf<ToasterProps, 'onToastsChange'>) => true,\n    'update:toasts': (_toasts: PayloadOf<ToasterProps, 'onToastsChange'>['toasts']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ToasterRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: ToasterProps['onToastsChange'] = (details) => {\n      emit('toasts-change', details)\n      emit('update:toasts', details.toasts)\n    }\n    const ctx = useToaster(withXhConfig('toaster', props) as ToasterProps, notify)\n    provideToaster(ctx)\n    // 根节点是地标容器，插槽作用域里一并暴露队列与增删改命令\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      toasts: ctx.api.value.visibleToasts,\n      placements: ctx.api.value.placements,\n      count: ctx.api.value.count,\n      getToastsByPlacement: ctx.api.value.getToastsByPlacement,\n      create: ctx.create,\n      update: ctx.update,\n      dismiss: ctx.dismiss,\n      dismissAll: ctx.dismissAll,\n    }))\n  },\n})\n\n/** 默认插槽的载荷：这一组里逐条铺开的通知。 */\nexport interface ToasterGroupSlotProps {\n  toast: ResolvedToast\n}\n\nexport const XhToasterGroup = defineComponent({\n  name: 'XhToasterGroup',\n  props: {\n    // 不写就用 toaster 的 placement；写了就只收这个位置上的条目\n    placement: { type: String as PropType<ToastPlacement>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ToasterGroupSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useToasterContext()\n    return () => {\n      const api = ctx.api.value\n      const groupProps = api.getGroupProps({ placement: props.placement }) as Record<string, unknown>\n      // 落位从 group 自己的产出里读回，不在这边重算缺省\n      const placement = groupProps['data-placement'] as ToastPlacement\n      const list = api.getToastsByPlacement(placement)\n      // 每条通知按队列身份 id 给 key，避免节点被就地复用\n      return h(\n        'div',\n        groupProps,\n        slots.default ? list.map(toast => h(Fragment, { key: toast.id }, slots.default!({ toast }))) : undefined,\n      )\n    }\n  },\n})\n"],"mappings":";;;;;AAsBA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,QAAQ;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EACrE,eAAe;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EAC5E,WAAW;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EAC1E,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,iBAAiB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACrD,cAAc;GAAE,MAAM;GAAkD,SAAS,KAAA;EAAU;CAC7F;CAEA,OAAO;EACL,kBAAkB,aAAwD;EAC1E,kBAAkB,YAAiE;CACrF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,iBAAiB,OAAO;GAC7B,KAAK,iBAAiB,QAAQ,MAAM;EACtC;EACA,MAAM,MAAM,WAAW,aAAa,WAAW,KAAK,GAAmB,MAAM;EAC7E,eAAe,GAAG;EAElB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,QAAQ,IAAI,IAAI,MAAM;GACtB,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,sBAAsB,IAAI,IAAI,MAAM;GACpC,QAAQ,IAAI;GACZ,QAAQ,IAAI;GACZ,SAAS,IAAI;GACb,YAAY,IAAI;EAClB,CAAC,CAAC;CACJ;AACF,CAAC;AAOD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO,EAEL,WAAW;EAAE,MAAM;EAAoC,SAAS,KAAA;CAAU,EAC5E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,kBAAkB;EAC9B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,aAAa,IAAI,cAAc,EAAE,WAAW,MAAM,UAAU,CAAC;GAEnE,MAAM,YAAY,WAAW;GAC7B,MAAM,OAAO,IAAI,qBAAqB,SAAS;GAE/C,OAAO,EACL,OACA,YACA,MAAM,UAAU,KAAK,KAAI,UAAS,EAAE,UAAU,EAAE,KAAK,MAAM,GAAG,GAAG,MAAM,QAAS,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,KAAA,CACjG;EACF;CACF;AACF,CAAC"}

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

@@ -1,15 +0,0 @@
-import { ComputedRef } from "vue";
-import { ToastOptions, ToasterApi, ToasterSchema } from "@xihan-ui/headless";
-//#region src/components/toaster/use-toaster.d.ts
-interface ToasterContext {
-  api: ComputedRef<ToasterApi>;
-  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */
-  create: (options?: ToastOptions) => string;
-  update: (id: string, options: Partial<ToastOptions>) => void;
-  dismiss: (id: string) => void;
-  dismissAll: () => void;
-}
-declare function useToaster(props: ToasterSchema['props'], onToastsChange?: ToasterSchema['props']['onToastsChange']): ToasterContext;
-//#endregion
-export { ToasterContext, useToaster };
-//# sourceMappingURL=use-toaster.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-toaster.d.ts","names":[],"sources":["../../../src/components/toaster/use-toaster.ts"],"mappings":";;;UAOiB;EACf,KAAK,YAAY;;EAEjB,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;iBAGc,WACd,OAAO,wBACP,iBAAiB,2CAChB"}

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

@@ -1,23 +0,0 @@
-import { vueNormalize } from "../../runtime/normalize-props.js";
-import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
-import { connectToaster, toasterMachine } from "@xihan-ui/headless";
-//#region src/components/toaster/use-toaster.ts
-function useToaster(props, onToastsChange) {
-	const service = useMachine(toasterMachine, () => ({
-		...props,
-		onToastsChange
-	}));
-	const api = computed(() => connectToaster(service, vueNormalize));
-	return {
-		api,
-		create: (options) => api.value.create(options),
-		update: (id, options) => api.value.update(id, options),
-		dismiss: (id) => api.value.dismiss(id),
-		dismissAll: () => api.value.dismissAll()
-	};
-}
-//#endregion
-export { useToaster };
-
-//# sourceMappingURL=use-toaster.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-toaster.js","names":[],"sources":["../../../src/components/toaster/use-toaster.ts"],"sourcesContent":["import type { ToasterApi, ToasterSchema, ToastOptions } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectToaster, toasterMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface ToasterContext {\n  api: ComputedRef<ToasterApi>\n  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */\n  create: (options?: ToastOptions) => string\n  update: (id: string, options: Partial<ToastOptions>) => void\n  dismiss: (id: string) => void\n  dismissAll: () => void\n}\n\nexport function useToaster(\n  props: ToasterSchema['props'],\n  onToastsChange?: ToasterSchema['props']['onToastsChange'],\n): ToasterContext {\n  const service = useMachine(toasterMachine, () => ({ ...props, onToastsChange }))\n  const api = computed(() => connectToaster(service, vueNormalize))\n  // 四个命令在顶层摊平，函数身份稳定，可解构后随时调用且不读取队列\n  return {\n    api,\n    create: options => api.value.create(options),\n    update: (id, options) => api.value.update(id, options),\n    dismiss: id => api.value.dismiss(id),\n    dismissAll: () => api.value.dismissAll(),\n  }\n}\n"],"mappings":";;;;;AAgBA,SAAgB,WACd,OACA,gBACgB;CAChB,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO;CAAe,EAAE;CAC/E,MAAM,MAAM,eAAe,eAAe,SAAS,YAAY,CAAC;CAEhE,OAAO;EACL;EACA,SAAQ,YAAW,IAAI,MAAM,OAAO,OAAO;EAC3C,SAAS,IAAI,YAAY,IAAI,MAAM,OAAO,IAAI,OAAO;EACrD,UAAS,OAAM,IAAI,MAAM,QAAQ,EAAE;EACnC,kBAAkB,IAAI,MAAM,WAAW;CACzC;AACF"}