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

package/dist/services/loading-bar-service.js

@@ -0,0 +1,70 @@
+import { vueNormalize } from "../runtime/normalize-props.js";
+import { useMachine } from "../runtime/use-machine.js";
+import { mountServiceHost } from "./mount-host.js";
+import { createServiceConfig } from "./service-config.js";
+import { computed, createApp, defineComponent, h, reactive, toValue } from "vue";
+import { connectLoadingBar, loadingBarMachine } from "@xihan-ui/headless";
+import { ensurePortalRoot } from "@xihan-ui/kernel";
+//#region src/services/loading-bar-service.ts
+function createLoadingBarService(options = {}) {
+	if (typeof document === "undefined") throw new Error("createLoadingBarService 需要 document；SSR 里请等到客户端再创建");
+	const { target, config, tone = "brand", errorTone = "danger", translations, ...barProps } = options;
+	const holder = target ?? document.createElement("div");
+	if (!target) ensurePortalRoot(document).appendChild(holder);
+	const configSource = createServiceConfig(config);
+	const state = reactive({
+		pending: 0,
+		tone,
+		value: void 0
+	});
+	const app = createApp(defineComponent({
+		name: "XhLoadingBarServiceHost",
+		setup() {
+			configSource.provide();
+			const service = useMachine(loadingBarMachine, () => ({
+				...barProps,
+				loading: state.pending > 0,
+				tone: state.tone,
+				value: state.value,
+				translations: toValue(translations)
+			}));
+			const api = computed(() => connectLoadingBar(service, vueNormalize));
+			return () => h("div", api.value.getRootProps(), [h("div", api.value.getTrackProps(), [h("div", api.value.getRangeProps())])]);
+		}
+	}));
+	const mounted = mountServiceHost(app, holder, "loading-bar");
+	const settle = (nextTone) => {
+		if (!mounted) return;
+		state.pending = 0;
+		state.tone = nextTone;
+		state.value = void 0;
+	};
+	return {
+		start: () => {
+			if (!mounted) return;
+			state.tone = tone;
+			state.value = void 0;
+			state.pending += 1;
+		},
+		finish: () => {
+			if (!mounted) return;
+			state.pending = Math.max(0, state.pending - 1);
+			if (state.pending === 0) state.value = void 0;
+		},
+		error: () => settle(errorTone),
+		finishAll: () => settle(tone),
+		set: (value) => {
+			if (!mounted) return;
+			state.value = value;
+		},
+		setConfig: (next) => configSource.set(next),
+		dispose: () => {
+			if (mounted) app.unmount();
+			if (!target) holder.remove();
+		}
+	};
+}
+//#endregion
+export { createLoadingBarService };
+
+//# sourceMappingURL=loading-bar-service.js.map

package/dist/services/loading-bar-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-bar-service.js","names":[],"sources":["../../src/services/loading-bar-service.ts"],"sourcesContent":["// 全局命令式顶部进度条：自带一个挂到 body 的宿主应用，\n// start/finish 在任意模块作用域可调（路由守卫、请求拦截器），不要求调用点在组件树内。\n// 组件树内的组合用法仍走 XhLoadingBarRoot。\nimport type { LoadingBarTranslations } from '@xihan-ui/headless'\nimport type { Tone } from '@xihan-ui/kernel'\nimport type { App, MaybeRefOrGetter } from 'vue'\nimport type { XhConfig } from '../config/config'\nimport { connectLoadingBar, loadingBarMachine } from '@xihan-ui/headless'\nimport { ensurePortalRoot } from '@xihan-ui/kernel'\nimport { computed, createApp, defineComponent, h, reactive, toValue } from 'vue'\nimport { vueNormalize } from '../runtime/normalize-props'\nimport { useMachine } from '../runtime/use-machine'\nimport { mountServiceHost } from './mount-host'\nimport { createServiceConfig } from './service-config'\n\nexport interface LoadingBarServiceOptions {\n  /** 正常收尾的语气，缺省 brand。 */\n  tone?: Tone\n  /** error() 收尾用的语气，缺省 danger：出错的收尾要与正常收尾区分得开。 */\n  errorTone?: Tone\n  height?: string | number\n  color?: string\n  trickle?: boolean\n  trickleSpeed?: number\n  minimum?: number\n  fadeDuration?: number\n  translations?: MaybeRefOrGetter<Partial<LoadingBarTranslations>>\n  /**\n   * 喂给进度条子树的全局配置。\n   * 本服务自带宿主应用，接不到组件树里的 provideXhConfig，要让它跟应用同语言就从这里给；\n   * 传 ref/getter 即可运行期跟着切语言，也可以之后用 setConfig 推。\n   */\n  config?: MaybeRefOrGetter<XhConfig>\n  /** 宿主容器；不给就在 body 下新建一个。 */\n  target?: HTMLElement\n}\n\nexport interface LoadingBarService {\n  /** 在途计数 +1；从 0 起跳即开始爬升。 */\n  start: () => void\n  /** 在途计数 -1（夹到 0，多调不会变负）；归零才收。 */\n  finish: () => void\n  /** 强制归零并以 errorTone 收。 */\n  error: () => void\n  /** 不管还剩几笔在途一律收掉（路由跳走时用）。 */\n  finishAll: () => void\n  /** 切成确定进度：给了值就照它显示，内部爬升停止；再 start() 回到不确定。 */\n  set: (value: number) => void\n  /** 换一份全局配置源。 */\n  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void\n  /** 卸载宿主应用并移除容器。 */\n  dispose: () => void\n}\n\nexport function createLoadingBarService(options: LoadingBarServiceOptions = {}): LoadingBarService {\n  if (typeof document === 'undefined')\n    throw new Error('createLoadingBarService 需要 document；SSR 里请等到客户端再创建')\n\n  const { target, config, tone = 'brand', errorTone = 'danger', translations, ...barProps } = options\n  const holder = target ?? document.createElement('div')\n  if (!target)\n    ensurePortalRoot(document).appendChild(holder)\n\n  const configSource = createServiceConfig(config)\n\n  // 在途计数而不是布尔开关：并发请求里第一个回来时其余还在跑，\n  // 布尔开关会把条子提前收掉。\n  const state = reactive<{ pending: number, tone: Tone, value: number | undefined }>({\n    pending: 0,\n    tone,\n    value: undefined,\n  })\n\n  const Host = defineComponent({\n    name: 'XhLoadingBarServiceHost',\n    setup() {\n      configSource.provide()\n      // 直接从 api 渲染那三层，不走部件组件：这棵子树固定且全归服务自己拥有，\n      // 经上下文传 api 什么也没换来，却把「跨模块 provide/inject 必须对得上」\n      // 加成了一条本可以没有的前提\n      const service = useMachine(loadingBarMachine, () => ({\n        ...barProps,\n        loading: state.pending > 0,\n        tone: state.tone,\n        value: state.value,\n        translations: toValue(translations),\n      }))\n      const api = computed(() => connectLoadingBar(service, vueNormalize))\n      return () => h('div', api.value.getRootProps() as Record<string, unknown>, [\n        h('div', api.value.getTrackProps() as Record<string, unknown>, [\n          h('div', api.value.getRangeProps() as Record<string, unknown>),\n        ]),\n      ])\n    },\n  })\n\n  const app: App = createApp(Host)\n  const mounted = mountServiceHost(app, holder, 'loading-bar')\n\n  const settle = (nextTone: Tone): void => {\n    if (!mounted)\n      return\n    state.pending = 0\n    state.tone = nextTone\n    state.value = undefined\n  }\n\n  return {\n    // 宿主没挂起来时整体惰化：状态一动不动，残骸也就不会被叫醒\n    start: () => {\n      if (!mounted)\n        return\n      state.tone = tone\n      state.value = undefined\n      state.pending += 1\n    },\n    finish: () => {\n      if (!mounted)\n        return\n      state.pending = Math.max(0, state.pending - 1)\n      if (state.pending === 0)\n        state.value = undefined\n    },\n    error: () => settle(errorTone),\n    finishAll: () => settle(tone),\n    set: (value) => {\n      if (!mounted)\n        return\n      state.value = value\n    },\n    setConfig: next => configSource.set(next),\n    dispose: () => {\n      if (mounted)\n        app.unmount()\n      if (!target)\n        holder.remove()\n    },\n  }\n}\n"],"mappings":";;;;;;;;AAsDA,SAAgB,wBAAwB,UAAoC,CAAC,GAAsB;CACjG,IAAI,OAAO,aAAa,aACtB,MAAM,IAAI,MAAM,oDAAoD;CAEtE,MAAM,EAAE,QAAQ,QAAQ,OAAO,SAAS,YAAY,UAAU,cAAc,GAAG,aAAa;CAC5F,MAAM,SAAS,UAAU,SAAS,cAAc,KAAK;CACrD,IAAI,CAAC,QACH,iBAAiB,QAAQ,CAAC,CAAC,YAAY,MAAM;CAE/C,MAAM,eAAe,oBAAoB,MAAM;CAI/C,MAAM,QAAQ,SAAqE;EACjF,SAAS;EACT;EACA,OAAO,KAAA;CACT,CAAC;CAyBD,MAAM,MAAW,UAvBJ,gBAAgB;EAC3B,MAAM;EACN,QAAQ;GACN,aAAa,QAAQ;GAIrB,MAAM,UAAU,WAAW,0BAA0B;IACnD,GAAG;IACH,SAAS,MAAM,UAAU;IACzB,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,cAAc,QAAQ,YAAY;GACpC,EAAE;GACF,MAAM,MAAM,eAAe,kBAAkB,SAAS,YAAY,CAAC;GACnE,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,CACzE,EAAE,OAAO,IAAI,MAAM,cAAc,GAA8B,CAC7D,EAAE,OAAO,IAAI,MAAM,cAAc,CAA4B,CAC/D,CAAC,CACH,CAAC;EACH;CACF,CAE8B,CAAC;CAC/B,MAAM,UAAU,iBAAiB,KAAK,QAAQ,aAAa;CAE3D,MAAM,UAAU,aAAyB;EACvC,IAAI,CAAC,SACH;EACF,MAAM,UAAU;EAChB,MAAM,OAAO;EACb,MAAM,QAAQ,KAAA;CAChB;CAEA,OAAO;EAEL,aAAa;GACX,IAAI,CAAC,SACH;GACF,MAAM,OAAO;GACb,MAAM,QAAQ,KAAA;GACd,MAAM,WAAW;EACnB;EACA,cAAc;GACZ,IAAI,CAAC,SACH;GACF,MAAM,UAAU,KAAK,IAAI,GAAG,MAAM,UAAU,CAAC;GAC7C,IAAI,MAAM,YAAY,GACpB,MAAM,QAAQ,KAAA;EAClB;EACA,aAAa,OAAO,SAAS;EAC7B,iBAAiB,OAAO,IAAI;EAC5B,MAAM,UAAU;GACd,IAAI,CAAC,SACH;GACF,MAAM,QAAQ;EAChB;EACA,YAAW,SAAQ,aAAa,IAAI,IAAI;EACxC,eAAe;GACb,IAAI,SACF,IAAI,QAAQ;GACd,IAAI,CAAC,QACH,OAAO,OAAO;EAClB;CACF;AACF"}

package/dist/services/mount-host.js

@@ -0,0 +1,35 @@
+import { DIAGNOSTIC_CODES, reportDiagnostic } from "@xihan-ui/kernel";
+//#region src/services/mount-host.ts
+/**
+* 把命令式服务的宿主应用挂上去，挂不起来也不连累调用方。
+*
+* 这几个服务是从路由守卫、请求拦截器这类地方懒建的——那些位置抛异常，
+* 后果不是「提示没弹出来」而是整次导航失败、整站白屏，而报错指向的是浮层部件，
+* 与真正的原因隔着十万八千里。一条轻提示、一根进度条都不该有这个权力。
+*
+* 挂不起来时发一条诊断并交回 false，由调用方整体惰化：状态一律不再改动。
+* 半挂载的树仍订阅着响应式状态，继续写它只会让那棵残骸一遍遍重渲，
+* 每次都吐一串「slot invoked outside of the render function」，把控制台淹掉。
+*/
+function mountServiceHost(app, holder, service) {
+	try {
+		app.mount(holder);
+		return true;
+	} catch (error) {
+		reportDiagnostic({
+			code: DIAGNOSTIC_CODES.warn,
+			level: "warn",
+			message: `[xh] ${service} 的宿主没挂起来，这个服务本次退化成空操作。常见原因是同一份组件模块被加载成了两份（链到工作区的库重建产物后，dev server 的模块图会新旧混杂），清掉 node_modules/.vite 再重启即可。`,
+			detail: {
+				service,
+				error
+			}
+		});
+		holder.remove();
+		return false;
+	}
+}
+//#endregion
+export { mountServiceHost };
+
+//# sourceMappingURL=mount-host.js.map

package/dist/services/mount-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-host.js","names":[],"sources":["../../src/services/mount-host.ts"],"sourcesContent":["import type { App } from 'vue'\nimport { DIAGNOSTIC_CODES, reportDiagnostic } from '@xihan-ui/kernel'\n\n/**\n * 把命令式服务的宿主应用挂上去，挂不起来也不连累调用方。\n *\n * 这几个服务是从路由守卫、请求拦截器这类地方懒建的——那些位置抛异常，\n * 后果不是「提示没弹出来」而是整次导航失败、整站白屏，而报错指向的是浮层部件，\n * 与真正的原因隔着十万八千里。一条轻提示、一根进度条都不该有这个权力。\n *\n * 挂不起来时发一条诊断并交回 false，由调用方整体惰化：状态一律不再改动。\n * 半挂载的树仍订阅着响应式状态，继续写它只会让那棵残骸一遍遍重渲，\n * 每次都吐一串「slot invoked outside of the render function」，把控制台淹掉。\n */\nexport function mountServiceHost(app: App, holder: HTMLElement, service: string): boolean {\n  try {\n    app.mount(holder)\n    return true\n  }\n  catch (error) {\n    reportDiagnostic({\n      code: DIAGNOSTIC_CODES.warn,\n      level: 'warn',\n      message:\n        `[xh] ${service} 的宿主没挂起来，这个服务本次退化成空操作。`\n        + '常见原因是同一份组件模块被加载成了两份（链到工作区的库重建产物后，'\n        + 'dev server 的模块图会新旧混杂），清掉 node_modules/.vite 再重启即可。',\n      detail: { service, error },\n    })\n    // 不调 app.unmount()：mount 抛出时 Vue 并没把 isMounted 置真，\n    // 这时卸载只会再吐一条「Cannot unmount an app that is not mounted」\n    holder.remove()\n    return false\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,iBAAiB,KAAU,QAAqB,SAA0B;CACxF,IAAI;EACF,IAAI,MAAM,MAAM;EAChB,OAAO;CACT,SACO,OAAO;EACZ,iBAAiB;GACf,MAAM,iBAAiB;GACvB,OAAO;GACP,SACE,QAAQ,QAAQ;GAGlB,QAAQ;IAAE;IAAS;GAAM;EAC3B,CAAC;EAGD,OAAO,OAAO;EACd,OAAO;CACT;AACF"}

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

@@ -0,0 +1,46 @@
+import { XhConfig } from "../config/config.js";
+import { MaybeRefOrGetter } from "vue";
+import { NotificationOptions, NotificationPlacement, NotificationTranslations } from "@xihan-ui/headless";
+//#region src/services/notification-service.d.ts
+interface NotificationServiceOptions {
+  /** 默认落位，默认 bottom-end；单条可用 options.placement 覆盖。 */
+  placement?: NotificationPlacement;
+  /** 每个位置最多同时留几条，超出挤掉最旧的。不给即不限。 */
+  max?: number;
+  /** 同一摞内的间距（px），默认 16。 */
+  gap?: number;
+  duration?: number;
+  removeDelay?: number;
+  pauseOnPageIdle?: boolean;
+  /** 通知的文案：那一摞的读屏名与卡片上那颗叉的读屏名，一个桶装完。 */
+  translations?: MaybeRefOrGetter<Partial<NotificationTranslations>>;
+  /**
+   * 喂给通知子树的全局配置（locale / translations / size / portalContainer）。
+   * 本服务自带宿主应用，接不到组件树里的 provideXhConfig，要让它跟应用同语言就从这里给；
+   * 传 ref/getter 即可运行期跟着切语言，也可以之后用 setConfig 推。
+   */
+  config?: MaybeRefOrGetter<XhConfig>;
+  /** 宿主容器；不给就在 body 下新建一个。 */
+  target?: HTMLElement;
+}
+/** 类型糖的入参：只差 type 与 title，其余同 create。 */
+type NotificationMessageOptions = Omit<NotificationOptions, 'type' | 'title'>;
+interface NotificationService {
+  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */
+  create: (options?: NotificationOptions) => string;
+  update: (id: string, options: Partial<NotificationOptions>) => void;
+  dismiss: (id: string) => void;
+  dismissAll: () => void;
+  info: (title: string, options?: NotificationMessageOptions) => string;
+  success: (title: string, options?: NotificationMessageOptions) => string;
+  warning: (title: string, options?: NotificationMessageOptions) => string;
+  error: (title: string, options?: NotificationMessageOptions) => string;
+  /** 换一份全局配置源。 */
+  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void;
+  /** 卸载宿主应用并移除容器。 */
+  dispose: () => void;
+}
+declare function createNotificationService(options?: NotificationServiceOptions): NotificationService;
+//#endregion
+export { NotificationMessageOptions, NotificationService, NotificationServiceOptions, createNotificationService };
+//# sourceMappingURL=notification-service.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-service.d.ts","names":[],"sources":["../../src/services/notification-service.ts"],"mappings":";;;;UA8BiB;;EAEf,YAAY;;EAEZ;;EAEA;EACA;EACA;EACA;;EAEA,eAAe,iBAAiB,QAAQ;;;;;;EAMxC,SAAS,iBAAiB;;EAE1B,SAAS;;;KAIC,6BAA6B,KAAK;UAE7B;;EAEf,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;EACA,OAAO,eAAe,UAAU;EAChC,UAAU,eAAe,UAAU;EACnC,UAAU,eAAe,UAAU;EACnC,QAAQ,eAAe,UAAU;;EAEjC,YAAY,MAAM,iBAAiB;;EAEnC;;iBAiCc,0BAA0B,UAAS,6BAAkC"}

package/dist/services/notification-service.js

@@ -0,0 +1,91 @@
+import { useNotification } from "../components/notification/use-notification.js";
+import { XhNotificationItem, XhNotificationItemCloseTrigger, XhNotificationItemDescription, XhNotificationItemIndicator, XhNotificationItemTitle } from "../components/notification/notification.js";
+import { mountServiceHost } from "./mount-host.js";
+import { createServiceConfig } from "./service-config.js";
+import { Fragment, computed, createApp, defineComponent, h, toValue } from "vue";
+import { ensurePortalRoot } from "@xihan-ui/kernel";
+//#region src/services/notification-service.ts
+function defaultCard(item, translations, onUnmounted) {
+	return h(XhNotificationItem, {
+		id: item.id,
+		title: item.title,
+		description: item.description,
+		type: item.type,
+		duration: item.duration,
+		removeDelay: item.removeDelay,
+		closable: item.closable,
+		pauseOnPageIdle: item.pauseOnPageIdle,
+		translations,
+		onStatusChange: ({ id, status }) => {
+			if (status === "unmounted") onUnmounted(id);
+		}
+	}, () => [
+		h(XhNotificationItemIndicator),
+		h(XhNotificationItemTitle),
+		h(XhNotificationItemDescription),
+		item.closable !== false ? h(XhNotificationItemCloseTrigger) : null
+	]);
+}
+function createNotificationService(options = {}) {
+	if (typeof document === "undefined") throw new Error("createNotificationService 需要 document；SSR 里请等到客户端再创建");
+	const { target, config, ...queueProps } = options;
+	const configSource = createServiceConfig(config);
+	const holder = target ?? document.createElement("div");
+	if (!target) ensurePortalRoot(document).appendChild(holder);
+	let ctx = null;
+	const app = createApp(defineComponent({
+		name: "XhNotificationServiceHost",
+		setup() {
+			configSource.provide();
+			const inner = useNotification(() => ({
+				...queueProps,
+				translations: toValue(queueProps.translations)
+			}));
+			ctx = inner;
+			const api = computed(() => inner.api.value);
+			return () => {
+				const value = api.value;
+				return h("div", value.getRootProps(), value.placements.map((placement) => h("div", {
+					key: placement,
+					...value.getGroupProps({ placement })
+				}, value.getItemsByPlacement(placement).map((item) => h(Fragment, { key: item.id }, [defaultCard(item, toValue(queueProps.translations), inner.dismiss)])))));
+			};
+		}
+	}));
+	const mounted = mountServiceHost(app, holder, "notification");
+	let disposed = false;
+	/**
+	* 宿主没挂起来时命令一律空转：把消息丢掉好过让调用点（推送回调、拦截器）连锁崩掉。
+	* 已卸载则是另一回事——那是调用方拿着一个死服务在用，明说好过静默吞掉。
+	*/
+	const use = () => {
+		if (disposed) throw new Error("notification 服务已卸载");
+		return mounted ? ctx : null;
+	};
+	const sugar = (type) => (title, opts = {}) => use()?.create({
+		...opts,
+		type,
+		title
+	}) ?? "";
+	return {
+		create: (opts) => use()?.create(opts) ?? "",
+		update: (id, opts) => use()?.update(id, opts),
+		dismiss: (id) => use()?.dismiss(id),
+		dismissAll: () => use()?.dismissAll(),
+		info: sugar("info"),
+		success: sugar("success"),
+		warning: sugar("warning"),
+		error: sugar("error"),
+		setConfig: (next) => configSource.set(next),
+		dispose: () => {
+			if (mounted) app.unmount();
+			disposed = true;
+			ctx = null;
+			if (!target) holder.remove();
+		}
+	};
+}
+//#endregion
+export { createNotificationService };
+
+//# sourceMappingURL=notification-service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-service.js","names":[],"sources":["../../src/services/notification-service.ts"],"sourcesContent":["// 全局命令式通知服务：自带一个挂到 body 的宿主应用与默认渲染模板。\n//\n// 通知常常不是从组件树里发出来的——推送连接的回调、后台任务的收尾、拦截器里的\n// 一条系统消息，调用点都在组件之外。要它们各自去找一份队列上下文并不现实，\n// 所以队列由本服务持有，业务代码只管发。\n//\n// 队列要长在页面结构里（比如通知中心那一栏自己排版）时，用组件形态的\n// XhNotificationRoot，那是另一条路，两者不共享队列。\nimport type {\n  NotificationOptions,\n  NotificationPlacement,\n  NotificationTranslations,\n  ResolvedNotification,\n} from '@xihan-ui/headless'\nimport type { App, MaybeRefOrGetter, VNode } from 'vue'\nimport type { NotificationContext } from '../components/notification/context'\nimport type { XhConfig } from '../config/config'\nimport { ensurePortalRoot } from '@xihan-ui/kernel'\nimport { computed, createApp, defineComponent, Fragment, h, toValue } from 'vue'\nimport {\n  XhNotificationItem,\n  XhNotificationItemCloseTrigger,\n  XhNotificationItemDescription,\n  XhNotificationItemIndicator,\n  XhNotificationItemTitle,\n} from '../components/notification/notification'\nimport { useNotification } from '../components/notification/use-notification'\nimport { mountServiceHost } from './mount-host'\nimport { createServiceConfig } from './service-config'\n\nexport interface NotificationServiceOptions {\n  /** 默认落位，默认 bottom-end；单条可用 options.placement 覆盖。 */\n  placement?: NotificationPlacement\n  /** 每个位置最多同时留几条，超出挤掉最旧的。不给即不限。 */\n  max?: number\n  /** 同一摞内的间距（px），默认 16。 */\n  gap?: number\n  duration?: number\n  removeDelay?: number\n  pauseOnPageIdle?: boolean\n  /** 通知的文案：那一摞的读屏名与卡片上那颗叉的读屏名，一个桶装完。 */\n  translations?: MaybeRefOrGetter<Partial<NotificationTranslations>>\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 与 title，其余同 create。 */\nexport type NotificationMessageOptions = Omit<NotificationOptions, 'type' | 'title'>\n\nexport interface NotificationService {\n  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */\n  create: (options?: NotificationOptions) => string\n  update: (id: string, options: Partial<NotificationOptions>) => void\n  dismiss: (id: string) => void\n  dismissAll: () => void\n  info: (title: string, options?: NotificationMessageOptions) => string\n  success: (title: string, options?: NotificationMessageOptions) => string\n  warning: (title: string, options?: NotificationMessageOptions) => string\n  error: (title: string, options?: NotificationMessageOptions) => string\n  /** 换一份全局配置源。 */\n  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void\n  /** 卸载宿主应用并移除容器。 */\n  dispose: () => void\n}\n\nfunction defaultCard(\n  item: ResolvedNotification,\n  translations: Partial<NotificationTranslations> | undefined,\n  onUnmounted: (id: string) => void,\n): VNode {\n  return h(XhNotificationItem, {\n    id: item.id,\n    title: item.title,\n    description: item.description,\n    type: item.type,\n    duration: item.duration,\n    removeDelay: item.removeDelay,\n    closable: item.closable,\n    pauseOnPageIdle: item.pauseOnPageIdle,\n    translations,\n    onStatusChange: ({ id, status }: { id: string, status: string }) => {\n      if (status === 'unmounted')\n        onUnmounted(id)\n    },\n  }, () => [\n    // 四个节点平铺：两列网格与右上角那颗叉都归皮肤，模板套一层行容器只会与它打架。\n    // 指示符与说明都恒渲染——皮肤的 :empty 规则负责把空盒收走，\n    // 而 aria-describedby 无条件指着说明那一个，节点缺席就成了悬空引用\n    h(XhNotificationItemIndicator),\n    h(XhNotificationItemTitle),\n    h(XhNotificationItemDescription),\n    item.closable !== false ? h(XhNotificationItemCloseTrigger) : null,\n  ])\n}\n\nexport function createNotificationService(options: NotificationServiceOptions = {}): NotificationService {\n  if (typeof document === 'undefined')\n    throw new Error('createNotificationService 需要 document；SSR 里请等到客户端再创建')\n\n  const { target, config, ...queueProps } = options\n  const configSource = createServiceConfig(config)\n  const holder = target ?? document.createElement('div')\n  if (!target)\n    ensurePortalRoot(document).appendChild(holder)\n\n  let ctx: NotificationContext | null = null\n\n  const Host = defineComponent({\n    name: 'XhNotificationServiceHost',\n    setup() {\n      configSource.provide()\n      // props 每帧现展开：文案是 getter 时才跟得上运行期切语言\n      const inner = useNotification(() => ({ ...queueProps, translations: toValue(queueProps.translations) }))\n      ctx = inner\n      // 部件不经 provide/inject 取队列：本服务自己收 status-change 把走完退场的那条删掉，\n      // 卡片与队列之间因此没有第二条隐式链路\n      const api = computed(() => inner.api.value)\n      return () => {\n        const value = api.value\n        return h('div', value.getRootProps() as Record<string, unknown>, value.placements.map(placement =>\n          h(\n            'div',\n            { key: placement, ...value.getGroupProps({ placement }) as Record<string, unknown> },\n            // 按队列身份 id 给 key，避免节点被就地复用\n            value.getItemsByPlacement(placement).map(item => h(Fragment, { key: item.id }, [\n              defaultCard(item, toValue(queueProps.translations), inner.dismiss),\n            ])),\n          )))\n      }\n    },\n  })\n\n  const app: App = createApp(Host)\n  const mounted = mountServiceHost(app, holder, 'notification')\n  let disposed = false\n\n  /**\n   * 宿主没挂起来时命令一律空转：把消息丢掉好过让调用点（推送回调、拦截器）连锁崩掉。\n   * 已卸载则是另一回事——那是调用方拿着一个死服务在用，明说好过静默吞掉。\n   */\n  const use = (): NotificationContext | null => {\n    if (disposed)\n      throw new Error('notification 服务已卸载')\n    return mounted ? ctx : null\n  }\n  const sugar = (type: NotificationOptions['type']) =>\n    (title: string, opts: NotificationMessageOptions = {}): string =>\n      use()?.create({ ...opts, type, title }) ?? ''\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    setConfig: next => configSource.set(next),\n    dispose: () => {\n      if (mounted)\n        app.unmount()\n      disposed = true\n      ctx = null\n      if (!target)\n        holder.remove()\n    },\n  }\n}\n"],"mappings":";;;;;;;AAuEA,SAAS,YACP,MACA,cACA,aACO;CACP,OAAO,EAAE,oBAAoB;EAC3B,IAAI,KAAK;EACT,OAAO,KAAK;EACZ,aAAa,KAAK;EAClB,MAAM,KAAK;EACX,UAAU,KAAK;EACf,aAAa,KAAK;EAClB,UAAU,KAAK;EACf,iBAAiB,KAAK;EACtB;EACA,iBAAiB,EAAE,IAAI,aAA6C;GAClE,IAAI,WAAW,aACb,YAAY,EAAE;EAClB;CACF,SAAS;EAIP,EAAE,2BAA2B;EAC7B,EAAE,uBAAuB;EACzB,EAAE,6BAA6B;EAC/B,KAAK,aAAa,QAAQ,EAAE,8BAA8B,IAAI;CAChE,CAAC;AACH;AAEA,SAAgB,0BAA0B,UAAsC,CAAC,GAAwB;CACvG,IAAI,OAAO,aAAa,aACtB,MAAM,IAAI,MAAM,sDAAsD;CAExE,MAAM,EAAE,QAAQ,QAAQ,GAAG,eAAe;CAC1C,MAAM,eAAe,oBAAoB,MAAM;CAC/C,MAAM,SAAS,UAAU,SAAS,cAAc,KAAK;CACrD,IAAI,CAAC,QACH,iBAAiB,QAAQ,CAAC,CAAC,YAAY,MAAM;CAE/C,IAAI,MAAkC;CA2BtC,MAAM,MAAW,UAzBJ,gBAAgB;EAC3B,MAAM;EACN,QAAQ;GACN,aAAa,QAAQ;GAErB,MAAM,QAAQ,uBAAuB;IAAE,GAAG;IAAY,cAAc,QAAQ,WAAW,YAAY;GAAE,EAAE;GACvG,MAAM;GAGN,MAAM,MAAM,eAAe,MAAM,IAAI,KAAK;GAC1C,aAAa;IACX,MAAM,QAAQ,IAAI;IAClB,OAAO,EAAE,OAAO,MAAM,aAAa,GAA8B,MAAM,WAAW,KAAI,cACpF,EACE,OACA;KAAE,KAAK;KAAW,GAAG,MAAM,cAAc,EAAE,UAAU,CAAC;IAA6B,GAEnF,MAAM,oBAAoB,SAAS,CAAC,CAAC,KAAI,SAAQ,EAAE,UAAU,EAAE,KAAK,KAAK,GAAG,GAAG,CAC7E,YAAY,MAAM,QAAQ,WAAW,YAAY,GAAG,MAAM,OAAO,CACnE,CAAC,CAAC,CACJ,CAAC,CAAC;GACN;EACF;CACF,CAE8B,CAAC;CAC/B,MAAM,UAAU,iBAAiB,KAAK,QAAQ,cAAc;CAC5D,IAAI,WAAW;;;;;CAMf,MAAM,YAAwC;EAC5C,IAAI,UACF,MAAM,IAAI,MAAM,oBAAoB;EACtC,OAAO,UAAU,MAAM;CACzB;CACA,MAAM,SAAS,UACZ,OAAe,OAAmC,CAAC,MAClD,IAAI,CAAC,EAAE,OAAO;EAAE,GAAG;EAAM;EAAM;CAAM,CAAC,KAAK;CAE/C,OAAO;EACL,SAAQ,SAAQ,IAAI,CAAC,EAAE,OAAO,IAAI,KAAK;EACvC,SAAS,IAAI,SAAS,IAAI,CAAC,EAAE,OAAO,IAAI,IAAI;EAC5C,UAAS,OAAM,IAAI,CAAC,EAAE,QAAQ,EAAE;EAChC,kBAAkB,IAAI,CAAC,EAAE,WAAW;EACpC,MAAM,MAAM,MAAM;EAClB,SAAS,MAAM,SAAS;EACxB,SAAS,MAAM,SAAS;EACxB,OAAO,MAAM,OAAO;EACpB,YAAW,SAAQ,aAAa,IAAI,IAAI;EACxC,eAAe;GACb,IAAI,SACF,IAAI,QAAQ;GACd,WAAW;GACX,MAAM;GACN,IAAI,CAAC,QACH,OAAO,OAAO;EAClB;CACF;AACF"}

package/dist/services/service-config.js

@@ -0,0 +1,16 @@
+import { provideXhConfig } from "../config/config.js";
+import { shallowRef, toValue } from "vue";
+//#region src/services/service-config.ts
+function createServiceConfig(initial) {
+	const box = shallowRef({ src: initial });
+	return {
+		provide: () => provideXhConfig(() => toValue(box.value.src) ?? {}),
+		set: (next) => {
+			box.value = { src: next };
+		}
+	};
+}
+//#endregion
+export { createServiceConfig };
+
+//# sourceMappingURL=service-config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"service-config.js","names":[],"sources":["../../src/services/service-config.ts"],"sourcesContent":["// 命令式服务共用的配置源。三个服务各自 createApp 到自建容器，接不到组件树里的\n// provideXhConfig，只能自己往宿主里 provide 一份；这里把那段收在一处。\n// 源收成 shallowRef 是为了运行期能换：传 ref/getter 的跟着应用切语言，\n// 没有响应式源的用句柄上的 setConfig 命令式推。\nimport type { MaybeRefOrGetter } from 'vue'\nimport type { XhConfig } from '../config/config'\nimport { shallowRef, toValue } from 'vue'\nimport { provideXhConfig } from '../config/config'\n\nexport interface ServiceConfigSource {\n  /** 在宿主组件的 setup 里调一次。 */\n  provide: () => void\n  /** 换一份配置源；下一帧起服务子树读新值。 */\n  set: (next: MaybeRefOrGetter<XhConfig> | undefined) => void\n}\n\nexport function createServiceConfig(initial?: MaybeRefOrGetter<XhConfig>): ServiceConfigSource {\n  // 源本身可能就是个 ref，直接放进 shallowRef 会被解包成只读，故套一层盒子\n  const box = shallowRef<{ src: MaybeRefOrGetter<XhConfig> | undefined }>({ src: initial })\n  return {\n    provide: () => provideXhConfig(() => toValue(box.value.src) ?? {}),\n    set: (next) => {\n      box.value = { src: next }\n    },\n  }\n}\n"],"mappings":";;;AAgBA,SAAgB,oBAAoB,SAA2D;CAE7F,MAAM,MAAM,WAA4D,EAAE,KAAK,QAAQ,CAAC;CACxF,OAAO;EACL,eAAe,sBAAsB,QAAQ,IAAI,MAAM,GAAG,KAAK,CAAC,CAAC;EACjE,MAAM,SAAS;GACb,IAAI,QAAQ,EAAE,KAAK,KAAK;EAC1B;CACF;AACF"}

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

@@ -1,17 +1,28 @@
-import { ToastOptions, ToastPlacement, ToastTranslations, ToasterTranslations } from "@xihan-ui/headless";
+import { XhConfig } from "../config/config.js";
+import { MaybeRefOrGetter } from "vue";
+import { ToastOptions, ToastPlacement, ToastTranslations } from "@xihan-ui/headless";
 //#region src/services/toast-service.d.ts
-interface ToastServiceOptions {
-  /** 默认落位，服务档默认 'top'（轻提示习惯位）；单条可用 options.placement 覆盖。 */
-  placement?: ToastPlacement;
-  /** 每个位置最多同时留几条，默认 5。 */
-  max?: number;
-  gap?: number;
+/** 单条没写时的兜底：服务档一次定好，逐条渲染时补进去。 */
+interface ToastDefaults {
   duration?: number;
   removeDelay?: number;
   pauseOnPageIdle?: boolean;
-  translations?: Partial<ToasterTranslations>;
+}
+interface ToastServiceOptions extends ToastDefaults {
+  /** 那一摞落在哪儿，默认 'top'：视线正好在刚才操作的地方上方。 */
+  placement?: ToastPlacement;
+  /** 最多同时留几条，超出挤掉最旧的，默认 5。 */
+  max?: number;
+  /** 摞内间距（px），默认 16。 */
+  gap?: number;
   /** toast 部件的文案（关闭钮的读屏名等）。 */
-  toastTranslations?: Partial<ToastTranslations>;
+  toastTranslations?: MaybeRefOrGetter<Partial<ToastTranslations>>;
+  /**
+   * 喂给轻提示子树的全局配置（locale / translations / size / portalContainer）。
+   * 本服务自带宿主应用，接不到组件树里的 provideXhConfig，要让它跟应用同语言就从这里给；
+   * 传 ref/getter 即可运行期跟着切语言，也可以之后用 setConfig 推。
+   */
+  config?: MaybeRefOrGetter<XhConfig>;
   /** 宿主容器；不给就在 body 下新建一个。 */
   target?: HTMLElement;
 }
@@ -21,6 +32,7 @@ interface ToastService {
   /** 入队并返回 id；同 id 已存在则就地改写。 */
   create: (options?: ToastOptions) => string;
   update: (id: string, options: Partial<ToastOptions>) => void;
+  /** 立刻从队列里删掉。条子自己的关闭按钮走的是退场窗口，有退场动画。 */
   dismiss: (id: string) => void;
   dismissAll: () => void;
   info: (message: string, options?: ToastMessageOptions) => string;
@@ -29,6 +41,8 @@ interface ToastService {
   error: (message: string, options?: ToastMessageOptions) => string;
   /** 返回 id，之后用 update(id, { type: 'success', title: … }) 收尾。 */
   loading: (message: string, options?: ToastMessageOptions) => string;
+  /** 换一份全局配置源。 */
+  setConfig: (next: MaybeRefOrGetter<XhConfig> | undefined) => void;
   /** 卸载宿主应用并移除容器。 */
   dispose: () => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"toast-service.d.ts","names":[],"sources":["../../src/services/toast-service.ts"],"mappings":";;UAaiB;;EAEf,YAAY;;EAEZ;EACA;EACA;EACA;EACA;EACA,eAAe,QAAQ;;EAEvB,oBAAoB,QAAQ;;EAE5B,SAAS;;;KAIC,sBAAsB,KAAK;UAEtB;;EAEf,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;EACA,OAAO,iBAAiB,UAAU;EAClC,UAAU,iBAAiB,UAAU;EACrC,UAAU,iBAAiB,UAAU;EACrC,QAAQ,iBAAiB,UAAU;;EAEnC,UAAU,iBAAiB,UAAU;;EAErC;;iBA+Bc,mBAAmB,UAAS,sBAA2B"}
+{"version":3,"file":"toast-service.d.ts","names":[],"sources":["../../src/services/toast-service.ts"],"mappings":";;;;;UAoBU;EACR;EACA;EACA;;UAGe,4BAA4B;;EAE3C,YAAY;;EAEZ;;EAEA;;EAEA,oBAAoB,iBAAiB,QAAQ;;;;;;EAM7C,SAAS,iBAAiB;;EAE1B,SAAS;;;KAIC,sBAAsB,KAAK;UAEtB;;EAEf,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;;EAEtC,UAAU;EACV;EACA,OAAO,iBAAiB,UAAU;EAClC,UAAU,iBAAiB,UAAU;EACrC,UAAU,iBAAiB,UAAU;EACrC,QAAQ,iBAAiB,UAAU;;EAEnC,UAAU,iBAAiB,UAAU;;EAErC,YAAY,MAAM,iBAAiB;;EAEnC;;iBAgDc,mBAAmB,UAAS,sBAA2B"}

package/dist/services/toast-service.js

@@ -1,81 +1,136 @@
-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, ...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() {
-			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 { 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 { 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  /** 宿主容器；不给就在 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, ...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      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":";;;;;;;AAgDA,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,2BAA2B,GAAG,IAAI;CACjE,CAAC;AACH;AAEA,SAAgB,mBAAmB,UAA+B,CAAC,GAAiB;CAClF,IAAI,OAAO,aAAa,aACtB,MAAM,IAAI,MAAM,+CAA+C;CAEjE,MAAM,EAAE,QAAQ,mBAAmB,GAAG,iBAAiB;CACvD,MAAM,SAAS,UAAU,SAAS,cAAc,KAAK;CACrD,IAAI,CAAC,QACH,SAAS,KAAK,YAAY,MAAM;CAElC,IAAI,MAA6B;CAmBjC,MAAM,MAAW,UAjBJ,gBAAgB;EAC3B,MAAM;EACN,QAAQ;GACN,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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"}