@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/navigation-menu/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"mappings":";;;;;KAYK,sBAAsB;;cAGd,oCAAoB,8BAAA;;IAIA,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;;;;;;;;;IAGjB,MAAA,SAAS;;;;;;;;IAEA,MAAA,SAAS,QAAQ;;;;IACzB,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAfN,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACD,MAAA,SAAS;;;;;;;;;;;;IAGjB,MAAA,SAAS;;;;;;;;IAEA,MAAA,SAAS,QAAQ;;;;IACzB,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;qCA0BnC;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAelC;cAGW,uCAAuB,8BAAA;;;;;;;;;;;;MA2BlC,oDAAA;;cAGW,oCAAoB,8BAAA;;;;;;;;qCAa/B;;cAGW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"mappings":";;;;;KAmBK,sBAAsB;;cAGd,oCAAoB,8BAAA;;IAIA,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;;;IAGjB,MAAA,SAAS;;;;;;;;;;;IAGA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAhBN,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACD,MAAA,SAAS;;;;;;;;;IAGjB,MAAA,SAAS;;;;;;;;;;;IAGA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;qCA0BnC;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAelC;;cAIW,gDAAgC,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAc3C;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;MAgDlC,oDAAA;;cAGW,oCAAoB,8BAAA;;;;;;;;qCAe/B;;cAGW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/navigation-menu/navigation-menu.js

@@ -3,57 +3,30 @@ import { withXhConfig } from "../../config/config.js";
 import { slotPaints } from "../../runtime/slot-content.js";
 import { provideNavigationMenu, useNavigationMenuContext } from "./context.js";
 import { useNavigationMenu } from "./use-navigation-menu.js";
-import { defineComponent, h, ref } from "vue";
-import { createRuntimeConfig } from "@xihan-ui/kernel";
+import { defineComponent, h, nextTick, onMounted, ref, useId } from "vue";
 //#region src/components/navigation-menu/navigation-menu.ts
 /** 根节点渲染为 nav，收起的三条出口（指针离开、焦点离场、Escape）在这一层处理 */
 const XhNavigationMenuRoot = defineComponent({
 	name: "XhNavigationMenuRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		value: {
-			type: String,
-			default: void 0
-		},
-		defaultValue: {
-			type: String,
-			default: void 0
-		},
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		delayDuration: {
-			type: Number,
-			default: void 0
-		},
-		skipDelayDuration: {
-			type: Number,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			default: void 0
-		},
+		collection: { type: Array },
+		value: { type: String },
+		defaultValue: { type: String },
+		orientation: { type: String },
+		delayDuration: { type: Number },
+		skipDelayDuration: { type: Number },
+		dir: { type: String },
 		loop: {
 			type: Boolean,
 			default: void 0
 		},
-		translations: {
-			type: Object,
-			default: void 0
-		},
-		tone: {
-			type: String,
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		translations: { type: Object },
+		tone: { type: String },
+		size: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -118,6 +91,27 @@ const XhNavigationMenuTrigger = defineComponent({
 		}), slots.default?.());
 	}
 });
+/** 入口中表示下方还有面板的标记，展开时转向；身份与所在 trigger 同一份声明 */
+const XhNavigationMenuTriggerIndicator = defineComponent({
+	name: "XhNavigationMenuTriggerIndicator",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useNavigationMenuContext();
+		return () => h("span", ctx.api.value.getTriggerIndicatorProps({
+			value: props.value,
+			disabled: props.disabled
+		}), slots.default?.());
+	}
+});
 const XhNavigationMenuContent = defineComponent({
 	name: "XhNavigationMenuContent",
 	props: { value: {
@@ -127,10 +121,38 @@ const XhNavigationMenuContent = defineComponent({
 	setup(props, { slots }) {
 		const ctx = useNavigationMenuContext();
 		const contentRef = ref(null);
+		let presence = null;
 		const visible = useOverlayExit({
-			config: typeof document === "undefined" ? null : createRuntimeConfig(),
-			isOpen: () => ctx.api.value.getContentProps({ value: props.value }).hidden !== true,
-			contentRef
+			config: ctx.config,
+			isOpen: () => ctx.api.value.isOpen(props.value),
+			contentRef,
+			onPresence: (next) => {
+				const previous = presence;
+				presence = next;
+				if (ctx.service.getStatus() !== "Started") return;
+				if (next) ctx.service.send({
+					type: "PRESENCE.SET",
+					value: props.value,
+					presence: next,
+					connected: true
+				});
+				else if (previous) ctx.service.send({
+					type: "PRESENCE.SET",
+					value: props.value,
+					presence: previous,
+					connected: false
+				});
+			}
+		});
+		onMounted(() => {
+			nextTick(() => {
+				if (presence && ctx.service.getStatus() === "Started") ctx.service.send({
+					type: "PRESENCE.SET",
+					value: props.value,
+					presence,
+					connected: true
+				});
+			});
 		});
 		return () => h("div", {
 			...ctx.api.value.getContentProps({ value: props.value }),
@@ -147,10 +169,14 @@ const XhNavigationMenuLink = defineComponent({
 	props: { current: Boolean },
 	setup(props, { slots }) {
 		const ctx = useNavigationMenuContext();
-		return () => h("a", ctx.api.value.getLinkProps({ current: props.current }), slots.default?.());
+		const value = useId();
+		return () => h("a", ctx.api.value.getLinkProps({
+			value,
+			current: props.current
+		}), slots.default?.());
 	}
 });
-/** 指示条容器，位置由机器算好写入内联样式；渲染为 li 以 list 为定位参照系 */
+/** 指示条容器，位置由状态机计算后写入内联样式；渲染为 li 以 list 为定位参照系 */
 const XhNavigationMenuIndicator = defineComponent({
 	name: "XhNavigationMenuIndicator",
 	setup() {
@@ -167,9 +193,9 @@ const XhNavigationMenuViewport = defineComponent({
 	}
 });
 /**
-* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
-* 一项一个 li：带 href 的铺成直达链接，其余铺成 trigger 加面板，面板内容由 panel 插槽给。
-* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
+* 一项一个 li：带 href 的铺为直达链接，其余铺为 trigger 加面板，面板内容由 panel 插槽提供。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
 */
 function renderDefaultTree(collection, panelSlot) {
 	return [h(XhNavigationMenuList, null, () => [...collection.map((node) => h(XhNavigationMenuItem, { key: node.value }, () => node.href != null ? [h(XhNavigationMenuLink, {
@@ -178,6 +204,6 @@ function renderDefaultTree(collection, panelSlot) {
 	}, () => node.label)] : [h(XhNavigationMenuTrigger, { value: node.value }, () => node.label), h(XhNavigationMenuContent, { value: node.value }, () => panelSlot?.(node) ?? [])])), h(XhNavigationMenuIndicator)])];
 }
 //#endregion
-export { XhNavigationMenuContent, XhNavigationMenuIndicator, XhNavigationMenuItem, XhNavigationMenuLink, XhNavigationMenuList, XhNavigationMenuRoot, XhNavigationMenuTrigger, XhNavigationMenuViewport };
+export { XhNavigationMenuContent, XhNavigationMenuIndicator, XhNavigationMenuItem, XhNavigationMenuLink, XhNavigationMenuList, XhNavigationMenuRoot, XhNavigationMenuTrigger, XhNavigationMenuTriggerIndicator, XhNavigationMenuViewport };
 
 //# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["import type { NavigationMenuNode, NavigationMenuNodeMeta, NavigationMenuSchema, NavigationMenuTranslations } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { createRuntimeConfig } from '@xihan-ui/kernel'\nimport { defineComponent, h, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideNavigationMenu, useNavigationMenuContext } from './context'\nimport { useNavigationMenu } from './use-navigation-menu'\n\ntype NavigationMenuProps = NavigationMenuSchema['props']\n\n/** 根节点渲染为 nav，收起的三条出口（指针离开、焦点离场、Escape）在这一层处理 */\nexport const XhNavigationMenuRoot = defineComponent({\n  name: 'XhNavigationMenuRoot',\n  // 全部 default: undefined，缺省值由机器与 connect 决定\n  props: {\n    collection: { type: Array as PropType<NavigationMenuNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    delayDuration: { type: Number, default: undefined },\n    skipDelayDuration: { type: Number, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<NavigationMenuTranslations>>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值以支持 v-model:value\n  emits: {\n    'value-change': (_details: PayloadOf<NavigationMenuProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<NavigationMenuProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: NavigationMenuProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useNavigationMenu(withXhConfig('navigation-menu', props) as NavigationMenuProps, notify)\n    provideNavigationMenu(ctx)\n    return () => {\n      // 默认插槽里有真内容就照旧交给作者；只剩注释或空白时当没写，给了 collection 就按数据铺开整套结构\n      const authored = slots.default?.()\n      const children = slotPaints(authored)\n        ? authored\n        : (props.collection ? renderDefaultTree(ctx.api.value.collection, slots.panel) : undefined)\n      return h('nav', {\n        ...ctx.api.value.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, children)\n    }\n  },\n})\n\n// 用 ul 而非 div：站点导航是一组并列的去处，读屏会念\"列表，共 n 项\"。\nexport const XhNavigationMenuList = defineComponent({\n  name: 'XhNavigationMenuList',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('ul', {\n      ...ctx.api.value.getListProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.listRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 一项渲染为一个 li；面板 content 写在同一个 li 内、紧跟 trigger 之后 */\nexport const XhNavigationMenuItem = defineComponent({\n  name: 'XhNavigationMenuItem',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNavigationMenuTrigger = defineComponent({\n  name: 'XhNavigationMenuTrigger',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h(\n      'button',\n      ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n// 面板常挂，靠 hidden 显隐，不做懒挂载\nexport const XhNavigationMenuContent = defineComponent({\n  name: 'XhNavigationMenuContent',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    // 一个面板一份退场闸门：它们各开各的、动画各跑各的，一份管不过来。\n    // 开合判据直接取 connect 这一帧的产出，不另起一套——两边各判一次迟早会说岔\n    const contentRef = ref<HTMLElement | null>(null)\n    const visible = useOverlayExit({\n      config: typeof document === 'undefined' ? null : createRuntimeConfig(),\n      isOpen: () => (ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>).hidden !== true,\n      contentRef,\n    })\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>,\n        // 收起跟着闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场就一帧都\n        // 播不出来），所以真正的收起落成内联 display\n        style: visible.value ? undefined : { display: 'none' },\n        ref: (el: unknown) => { contentRef.value = el as HTMLElement | null },\n      },\n      slots.default?.(),\n    )\n  },\n})\n\n/** 面板内的链接项：href 由作者写，点击不拦截，只收起导航 */\nexport const XhNavigationMenuLink = defineComponent({\n  name: 'XhNavigationMenuLink',\n  props: {\n    current: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h(\n      'a',\n      ctx.api.value.getLinkProps({ current: props.current }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 指示条容器，位置由机器算好写入内联样式；渲染为 li 以 list 为定位参照系 */\nexport const XhNavigationMenuIndicator = defineComponent({\n  name: 'XhNavigationMenuIndicator',\n  setup() {\n    const ctx = useNavigationMenuContext()\n    return () => h('li', ctx.api.value.getIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/** 可选的共享面板外壳，放在 root 内、list 之后 */\nexport const XhNavigationMenuViewport = defineComponent({\n  name: 'XhNavigationMenuViewport',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 一项一个 li：带 href 的铺成直达链接，其余铺成 trigger 加面板，面板内容由 panel 插槽给。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  collection: readonly NavigationMenuNodeMeta[],\n  panelSlot?: (node: NavigationMenuNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    h(XhNavigationMenuList, null, () => [\n      ...collection.map(node => h(XhNavigationMenuItem, { key: node.value }, () => (\n        node.href != null\n          ? [h(XhNavigationMenuLink, { href: node.href, current: node.current }, () => node.label)]\n          : [\n              h(XhNavigationMenuTrigger, { value: node.value }, () => node.label),\n              h(XhNavigationMenuContent, { value: node.value }, () => panelSlot?.(node) ?? []),\n            ]\n      ))),\n      h(XhNavigationMenuIndicator),\n    ]),\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/components/navigation-menu/navigation-menu.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 navigation menu 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { PresenceHandle } from '@xihan-ui/core/presence'\nimport type { NavigationMenuNode, NavigationMenuNodeMeta, NavigationMenuSchema, NavigationMenuTranslations } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, nextTick, onMounted, ref, useId } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideNavigationMenu, useNavigationMenuContext } from './context'\nimport { useNavigationMenu } from './use-navigation-menu'\n\ntype NavigationMenuProps = NavigationMenuSchema['props']\n\n/** 根节点渲染为 nav，收起的三条出口（指针离开、焦点离场、Escape）在这一层处理 */\nexport const XhNavigationMenuRoot = defineComponent({\n  name: 'XhNavigationMenuRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<NavigationMenuNode[]> },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    orientation: { type: String as PropType<Orientation> },\n    delayDuration: { type: Number },\n    skipDelayDuration: { type: Number },\n    dir: { type: String as PropType<Direction> },\n    loop: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<NavigationMenuTranslations>> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值以支持 v-model:value\n  emits: {\n    'value-change': (_details: PayloadOf<NavigationMenuProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<NavigationMenuProps, 'onValueChange'>['value']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: NavigationMenuProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useNavigationMenu(withXhConfig('navigation-menu', props) as NavigationMenuProps, notify)\n    provideNavigationMenu(ctx)\n    return () => {\n      // 默认插槽里有真内容就照旧交给作者；只剩注释或空白时当没写，给了 collection 就按数据铺开整套结构\n      const authored = slots.default?.()\n      const children = slotPaints(authored)\n        ? authored\n        : (props.collection ? renderDefaultTree(ctx.api.value.collection, slots.panel) : undefined)\n      return h('nav', {\n        ...ctx.api.value.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n      }, children)\n    }\n  },\n})\n\n// 用 ul 而非 div：站点导航是一组并列的去处，读屏会念\"列表，共 n 项\"。\nexport const XhNavigationMenuList = defineComponent({\n  name: 'XhNavigationMenuList',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('ul', {\n      ...ctx.api.value.getListProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.listRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\n/** 一项渲染为一个 li；面板 content 写在同一个 li 内、紧跟 trigger 之后 */\nexport const XhNavigationMenuItem = defineComponent({\n  name: 'XhNavigationMenuItem',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhNavigationMenuTrigger = defineComponent({\n  name: 'XhNavigationMenuTrigger',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h(\n      'button',\n      ctx.api.value.getTriggerProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n// 面板常挂，靠 hidden 显隐，不做懒挂载\n/** 入口中表示下方还有面板的标记，展开时转向；身份与所在 trigger 同一份声明 */\nexport const XhNavigationMenuTriggerIndicator = defineComponent({\n  name: 'XhNavigationMenuTriggerIndicator',\n  props: {\n    value: { type: String, required: true },\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h(\n      'span',\n      ctx.api.value.getTriggerIndicatorProps({ value: props.value, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhNavigationMenuContent = defineComponent({\n  name: 'XhNavigationMenuContent',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    // 一个面板一份退场闸门：它们各开各的、动画各跑各的，一份管不过来。\n    // 开合判据直接取 connect 这一帧的产出，不另起一套——两边各判一次迟早会说岔\n    const contentRef = ref<HTMLElement | null>(null)\n    let presence: PresenceHandle | null = null\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => ctx.api.value.isOpen(props.value),\n      contentRef,\n      onPresence: (next) => {\n        const previous = presence\n        presence = next\n        if (ctx.service.getStatus() !== 'Started')\n          return\n        if (next) {\n          ctx.service.send({ type: 'PRESENCE.SET', value: props.value, presence: next, connected: true })\n        }\n        else if (previous) {\n          ctx.service.send({ type: 'PRESENCE.SET', value: props.value, presence: previous, connected: false })\n        }\n      },\n    })\n    // setup 期 Presence 早于根机器的 onMounted；挂载后补报一次，确保首帧句柄已入 Headless 表。\n    onMounted(() => {\n      // 子组件 mounted 早于父级根机器启动，再让出一次提交队列才可安全送事件。\n      void nextTick(() => {\n        if (presence && ctx.service.getStatus() === 'Started')\n          ctx.service.send({ type: 'PRESENCE.SET', value: props.value, presence, connected: true })\n      })\n    })\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>,\n        // 收起跟着闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场就一帧都\n        // 播不出来），所以真正的收起落成内联 display\n        style: visible.value ? undefined : { display: 'none' },\n        ref: (el: unknown) => { contentRef.value = el as HTMLElement | null },\n      },\n      slots.default?.(),\n    )\n  },\n})\n\n/** 面板内的链接项：href 由作者写，点击不拦截，只收起导航 */\nexport const XhNavigationMenuLink = defineComponent({\n  name: 'XhNavigationMenuLink',\n  props: {\n    current: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useNavigationMenuContext()\n    // 链接身份：按压通道按它记按住的那一条，按实例生成，作者不必提供\n    const value = useId()\n    return () => h(\n      'a',\n      ctx.api.value.getLinkProps({ value, current: props.current }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 指示条容器，位置由状态机计算后写入内联样式；渲染为 li 以 list 为定位参照系 */\nexport const XhNavigationMenuIndicator = defineComponent({\n  name: 'XhNavigationMenuIndicator',\n  setup() {\n    const ctx = useNavigationMenuContext()\n    return () => h('li', ctx.api.value.getIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/** 可选的共享面板外壳，放在 root 内、list 之后 */\nexport const XhNavigationMenuViewport = defineComponent({\n  name: 'XhNavigationMenuViewport',\n  setup(_, { slots }) {\n    const ctx = useNavigationMenuContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 一项一个 li：带 href 的铺为直达链接，其余铺为 trigger 加面板，面板内容由 panel 插槽提供。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  collection: readonly NavigationMenuNodeMeta[],\n  panelSlot?: (node: NavigationMenuNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    h(XhNavigationMenuList, null, () => [\n      ...collection.map(node => h(XhNavigationMenuItem, { key: node.value }, () => (\n        node.href != null\n          ? [h(XhNavigationMenuLink, { href: node.href, current: node.current }, () => node.label)]\n          : [\n              h(XhNavigationMenuTrigger, { value: node.value }, () => node.label),\n              h(XhNavigationMenuContent, { value: node.value }, () => panelSlot?.(node) ?? []),\n            ]\n      ))),\n      h(XhNavigationMenuIndicator),\n    ]),\n  ]\n}\n"],"mappings":"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"}

package/dist/components/navigation-menu/use-navigation-menu.d.ts

@@ -1,14 +1,16 @@
 import { ComputedRef, Ref } from "vue";
+import { RuntimeConfig, Service } from "@xihan-ui/core";
 import { NavigationMenuApi, NavigationMenuSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/navigation-menu/use-navigation-menu.d.ts
 interface NavigationMenuContext {
   api: ComputedRef<NavigationMenuApi>;
   service: Service<NavigationMenuSchema>;
   /** nav 根节点：消解层的层内判定以它为界。 */
   rootRef: Ref<HTMLElement | null>;
-  /** list 节点：trigger 集合的查询容器，同时是指示条量测的参照系。 */
+  /** list 节点：trigger 集合的查询容器，同时是指示条测量的参照系。 */
   listRef: Ref<HTMLElement | null>;
+  /** 与 Headless Layer 同 realm 的配置；子面板退场闸门复用它。 */
+  config: RuntimeConfig | null;
 }
 declare function useNavigationMenu(props: NavigationMenuSchema['props'], onValueChange?: NavigationMenuSchema['props']['onValueChange']): NavigationMenuContext;
 //#endregion

package/dist/components/navigation-menu/use-navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-menu.d.ts","names":[],"sources":["../../../src/components/navigation-menu/use-navigation-menu.ts"],"mappings":";;;;UAWiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;EAEb,SAAS,IAAI;;iBAGC,kBACd,OAAO,+BACP,gBAAgB,iDACf"}
+{"version":3,"file":"use-navigation-menu.d.ts","names":[],"sources":["../../../src/components/navigation-menu/use-navigation-menu.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;EAEb,SAAS,IAAI;;EAEb,QAAQ;;iBAGM,kBACd,OAAO,+BACP,gBAAgB,iDACf"}

package/dist/components/navigation-menu/use-navigation-menu.js

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { connectNavigationMenu, navigationMenuMachine } from "@xihan-ui/headless";
-import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 //#region src/components/navigation-menu/use-navigation-menu.ts
 function useNavigationMenu(props, onValueChange) {
 	const rootRef = ref(null);
@@ -15,8 +15,9 @@ function useNavigationMenu(props, onValueChange) {
 		onValueChange
 	}), scope);
 	service.refs.set("getListEl", () => listRef.value);
+	let config = null;
 	if (typeof document !== "undefined") {
-		const config = createRuntimeConfig({
+		config = createRuntimeConfig({
 			scope,
 			idGenerator: idGen
 		});
@@ -25,7 +26,6 @@ function useNavigationMenu(props, onValueChange) {
 			node: () => rootRef.value,
 			branches: () => [],
 			isModal: () => false,
-			setModal: () => {},
 			surfaces: () => []
 		});
 		service.refs.set("config", config);
@@ -35,7 +35,8 @@ function useNavigationMenu(props, onValueChange) {
 		api: computed(() => connectNavigationMenu(service, vueNormalize)),
 		service,
 		rootRef,
-		listRef
+		listRef,
+		config
 	};
 }
 //#endregion

package/dist/components/navigation-menu/use-navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-navigation-menu.js","names":[],"sources":["../../../src/components/navigation-menu/use-navigation-menu.ts"],"sourcesContent":["import type { NavigationMenuApi, NavigationMenuSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectNavigationMenu, navigationMenuMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface NavigationMenuContext {\n  api: ComputedRef<NavigationMenuApi>\n  service: Service<NavigationMenuSchema>\n  /** nav 根节点：消解层的层内判定以它为界。 */\n  rootRef: Ref<HTMLElement | null>\n  /** list 节点：trigger 集合的查询容器，同时是指示条量测的参照系。 */\n  listRef: Ref<HTMLElement | null>\n}\n\nexport function useNavigationMenu(\n  props: NavigationMenuSchema['props'],\n  onValueChange?: NavigationMenuSchema['props']['onValueChange'],\n): NavigationMenuContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const listRef = ref<HTMLElement | null>(null)\n  const idGen = createVueIdGenerator()\n  // trigger 与 content 要按 value 逐对互指，那些 id 由 scope 派生，故自建一个\n  const scope = createScope(null, idGen)\n  const service = useMachine(navigationMenuMachine, () => ({ ...props, onValueChange }), scope)\n\n  // 指示条的量测在机器的 action 里跑，参照系经 refs 交进去\n  service.refs.set('getListEl', () => listRef.value)\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 syncLayer 按展开项驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      // 导航只参与 Escape 仲裁与栈顶判定：面板就在文档流里，不陷焦点、不锁滚动、没有遮罩\n      kind: 'inline',\n      // 整个 nav 都算层内：trigger 与面板都住在里面\n      node: () => rootRef.value,\n      branches: () => [],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n  }\n\n  const api = computed(() => connectNavigationMenu(service, vueNormalize))\n  return { api, service, rootRef, listRef }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,kBACd,OACA,eACuB;CACvB,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,8BAA8B;EAAE,GAAG;EAAO;CAAc,IAAI,KAAK;CAG5F,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAEjD,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG/E,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAE5F,MAAM;GAEN,YAAY,QAAQ;GACpB,gBAAgB,CAAC;GACjB,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAED,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;CACjD;CAGA,OAAO;EAAE,KADG,eAAe,sBAAsB,SAAS,YAAY,CAC3D;EAAG;EAAS;EAAS;CAAQ;AAC1C"}
+{"version":3,"file":"use-navigation-menu.js","names":[],"sources":["../../../src/components/navigation-menu/use-navigation-menu.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use navigation menu 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { NavigationMenuApi, NavigationMenuSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectNavigationMenu, navigationMenuMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface NavigationMenuContext {\n  api: ComputedRef<NavigationMenuApi>\n  service: Service<NavigationMenuSchema>\n  /** nav 根节点：消解层的层内判定以它为界。 */\n  rootRef: Ref<HTMLElement | null>\n  /** list 节点：trigger 集合的查询容器，同时是指示条测量的参照系。 */\n  listRef: Ref<HTMLElement | null>\n  /** 与 Headless Layer 同 realm 的配置；子面板退场闸门复用它。 */\n  config: RuntimeConfig | null\n}\n\nexport function useNavigationMenu(\n  props: NavigationMenuSchema['props'],\n  onValueChange?: NavigationMenuSchema['props']['onValueChange'],\n): NavigationMenuContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const listRef = ref<HTMLElement | null>(null)\n  const idGen = createVueIdGenerator()\n  // trigger 与 content 要按 value 逐对互指，那些 id 由 scope 派生，故自建一个\n  const scope = createScope(null, idGen)\n  const service = useMachine(navigationMenuMachine, () => ({ ...props, onValueChange }), scope)\n\n  // 指示条的量测在机器的 action 里跑，参照系经 refs 交进去\n  service.refs.set('getListEl', () => listRef.value)\n\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 syncLayer 按展开项驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      // 导航只参与 Escape 仲裁与栈顶判定：面板就在文档流里，不陷焦点、不锁滚动、没有遮罩\n      kind: 'inline',\n      // 整个 nav 都算层内：trigger 与面板都住在里面\n      node: () => rootRef.value,\n      branches: () => [],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n  }\n\n  const api = computed(() => connectNavigationMenu(service, vueNormalize))\n  return { api, service, rootRef, listRef, config }\n}\n"],"mappings":";;;;;;;AA4BA,SAAgB,kBACd,OACA,eACuB;CACvB,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,QAAQ,qBAAqB;CAEnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,8BAA8B;EAAE,GAAG;EAAO;CAAc,IAAI,KAAK;CAG5F,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAEjD,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAE7F,MAAM;GAEN,YAAY,QAAQ;GACpB,gBAAgB,CAAC;GACjB,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAED,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;CACjD;CAGA,OAAO;EAAE,KADG,eAAe,sBAAsB,SAAS,YAAY,CAC3D;EAAG;EAAS;EAAS;EAAS;CAAO;AAClD"}

package/dist/components/notification/context.d.ts

@@ -3,7 +3,7 @@ import { NotificationApi, NotificationItemApi, NotificationOptions } from "@xiha
 //#region src/components/notification/context.d.ts
 interface NotificationContext {
   api: ComputedRef<NotificationApi>;
-  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */
+  /** 入队并返回 id；同 id 已存在则就地改写，位置不变。 */
   create: (options?: NotificationOptions) => string;
   update: (id: string, options: Partial<NotificationOptions>) => void;
   dismiss: (id: string) => void;

package/dist/components/notification/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/notification/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;EAEjB,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;UAGe;EACf,KAAK,YAAY;;iBAMH,oBAAoB,KAAK;iBAIzB,0BAA0B;;iBAQ1B,kCAAkC;iBAIlC,wBAAwB,KAAK;iBAI7B,8BAA8B"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/notification/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;EAEjB,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;UAGe;EACf,KAAK,YAAY;;iBAMH,oBAAoB,KAAK;iBAIzB,0BAA0B;;iBAQ1B,kCAAkC;iBAIlC,wBAAwB,KAAK;iBAI7B,8BAA8B"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/notification/context.ts"],"sourcesContent":["import type { NotificationApi, NotificationItemApi, NotificationOptions } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface NotificationContext {\n  api: ComputedRef<NotificationApi>\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}\n\nexport interface NotificationItemContext {\n  api: ComputedRef<NotificationItemApi>\n}\n\nconst KEY: InjectionKey<NotificationContext> = Symbol.for('xh-notification')\nconst ITEM_KEY: InjectionKey<NotificationItemContext> = Symbol.for('xh-notification-item')\n\nexport function provideNotification(ctx: NotificationContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useNotificationContext(): NotificationContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Notification 部件必须用在 XhNotificationRoot 内')\n  return ctx\n}\n\n/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */\nexport function useNotificationContextOptional(): NotificationContext | null {\n  return inject(KEY, null)\n}\n\nexport function provideNotificationItem(ctx: NotificationItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useNotificationItemContext(): NotificationItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Notification 卡片部件必须用在 XhNotificationItem 内')\n  return ctx\n}\n"],"mappings":";;AAiBA,MAAM,MAAyC,OAAO,IAAI,iBAAiB;AAC3E,MAAM,WAAkD,OAAO,IAAI,sBAAsB;AAEzF,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT;;AAGA,SAAgB,iCAA6D;CAC3E,OAAO,OAAO,KAAK,IAAI;AACzB;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/notification/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { NotificationApi, NotificationItemApi, NotificationOptions } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface NotificationContext {\n  api: ComputedRef<NotificationApi>\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}\n\nexport interface NotificationItemContext {\n  api: ComputedRef<NotificationItemApi>\n}\n\nconst KEY: InjectionKey<NotificationContext> = Symbol.for('xh-notification')\nconst ITEM_KEY: InjectionKey<NotificationItemContext> = Symbol.for('xh-notification-item')\n\nexport function provideNotification(ctx: NotificationContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useNotificationContext(): NotificationContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Notification 部件必须用在 XhNotificationRoot 内')\n  return ctx\n}\n\n/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */\nexport function useNotificationContextOptional(): NotificationContext | null {\n  return inject(KEY, null)\n}\n\nexport function provideNotificationItem(ctx: NotificationItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useNotificationItemContext(): NotificationItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Notification 卡片部件必须用在 XhNotificationItem 内')\n  return ctx\n}\n"],"mappings":";;AAwBA,MAAM,MAAyC,OAAO,IAAI,iBAAiB;AAC3E,MAAM,WAAkD,OAAO,IAAI,sBAAsB;AAEzF,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT;;AAGA,SAAgB,iCAA6D;CAC3E,OAAO,OAAO,KAAK,IAAI;AACzB;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}

package/dist/components/notification/notification.d.ts

@@ -1,6 +1,6 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { NotificationItemApi, NotificationOptions, NotificationPlacement, NotificationRecord, NotificationSchema, NotificationTranslations, ResolvedNotification, ToastSchema, ToastType } from "@xihan-ui/headless";
+import { NotificationDedupe, NotificationItemApi, NotificationOptions, NotificationPlacement, NotificationRecord, NotificationSchema, NotificationTranslations, ResolvedNotification, ToastSchema, ToastTone } from "@xihan-ui/headless";
 //#region src/components/notification/notification.d.ts
 type NotificationProps = NotificationSchema['props'];
 /** 默认插槽的载荷：当前可见的通知队列与它的落位分组，以及入队、改写、关闭的命令。 */
@@ -17,31 +17,27 @@ interface NotificationRootSlotProps {
 declare const XhNotificationRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   items: {
     type: PropType<NotificationRecord[]>;
-    default: undefined;
   };
   defaultItems: {
     type: PropType<NotificationRecord[]>;
-    default: undefined;
   };
   placement: {
     type: PropType<NotificationPlacement>;
-    default: undefined;
   };
   max: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  dedupe: {
+    type: PropType<NotificationDedupe>;
   };
   gap: {
     type: NumberConstructor;
-    default: undefined;
   };
   duration: {
     type: NumberConstructor;
-    default: undefined;
   };
   removeDelay: {
     type: NumberConstructor;
-    default: undefined;
   };
   pauseOnPageIdle: {
     type: BooleanConstructor;
@@ -49,7 +45,6 @@ declare const XhNotificationRoot: import("vue").DefineComponent<import("vue").Ex
   };
   translations: {
     type: PropType<Partial<NotificationTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -59,31 +54,27 @@ declare const XhNotificationRoot: import("vue").DefineComponent<import("vue").Ex
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   items: {
     type: PropType<NotificationRecord[]>;
-    default: undefined;
   };
   defaultItems: {
     type: PropType<NotificationRecord[]>;
-    default: undefined;
   };
   placement: {
     type: PropType<NotificationPlacement>;
-    default: undefined;
   };
   max: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  dedupe: {
+    type: PropType<NotificationDedupe>;
   };
   gap: {
     type: NumberConstructor;
-    default: undefined;
   };
   duration: {
     type: NumberConstructor;
-    default: undefined;
   };
   removeDelay: {
     type: NumberConstructor;
-    default: undefined;
   };
   pauseOnPageIdle: {
     type: BooleanConstructor;
@@ -91,70 +82,55 @@ declare const XhNotificationRoot: import("vue").DefineComponent<import("vue").Ex
   };
   translations: {
     type: PropType<Partial<NotificationTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onItems-change"?: ((_details: import("@xihan-ui/headless").NotificationItemsChangeDetails) => any) | undefined;
   "onUpdate:items"?: ((_items: NotificationRecord[]) => any) | undefined;
 }>, {
-  translations: Partial<NotificationTranslations>;
-  max: number;
-  placement: NotificationPlacement;
-  items: NotificationRecord[];
-  gap: number;
-  defaultItems: NotificationRecord[];
-  duration: number;
-  removeDelay: number;
   pauseOnPageIdle: boolean;
 }, SlotsType<{
   default?: (props: NotificationRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 默认插槽的载荷：这一组里逐条铺开的通知。 */
+/** 默认插槽的载荷：该组中逐条铺开的通知。 */
 interface NotificationGroupSlotProps {
   item: ResolvedNotification;
 }
 declare const XhNotificationGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   placement: {
     type: PropType<NotificationPlacement>;
-    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<NotificationPlacement>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  placement: NotificationPlacement;
-}, SlotsType<{
+}>> & Readonly<{}>, {}, SlotsType<{
   default?: (props: NotificationGroupSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 单条卡片。生命周期复用 toast 那台机器：会自己消失的卡片，这一行为与消息来源无关。 */
+/** 单条卡片。生命周期复用 toast 的状态机：会自动消失的卡片，该行为与消息来源无关。 */
 declare const XhNotificationItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   id: {
     type: StringConstructor;
-    default: undefined;
   };
   title: {
     type: StringConstructor;
-    default: undefined;
   };
   description: {
     type: StringConstructor;
-    default: undefined;
   };
-  type: {
-    type: PropType<ToastType>;
+  tone: {
+    type: PropType<ToastTone>;
+  };
+  loading: {
+    type: BooleanConstructor;
     default: undefined;
   };
   duration: {
     type: NumberConstructor;
-    default: undefined;
   };
   removeDelay: {
     type: NumberConstructor;
-    default: undefined;
   };
   closable: {
     type: BooleanConstructor;
@@ -164,9 +140,12 @@ declare const XhNotificationItem: import("vue").DefineComponent<import("vue").Ex
     type: BooleanConstructor;
     default: undefined;
   };
+  paused: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   translations: {
     type: PropType<Partial<NotificationTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -176,27 +155,25 @@ declare const XhNotificationItem: import("vue").DefineComponent<import("vue").Ex
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   id: {
     type: StringConstructor;
-    default: undefined;
   };
   title: {
     type: StringConstructor;
-    default: undefined;
   };
   description: {
     type: StringConstructor;
-    default: undefined;
   };
-  type: {
-    type: PropType<ToastType>;
+  tone: {
+    type: PropType<ToastTone>;
+  };
+  loading: {
+    type: BooleanConstructor;
     default: undefined;
   };
   duration: {
     type: NumberConstructor;
-    default: undefined;
   };
   removeDelay: {
     type: NumberConstructor;
-    default: undefined;
   };
   closable: {
     type: BooleanConstructor;
@@ -206,29 +183,27 @@ declare const XhNotificationItem: import("vue").DefineComponent<import("vue").Ex
     type: BooleanConstructor;
     default: undefined;
   };
+  paused: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   translations: {
     type: PropType<Partial<NotificationTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onStatus-change"?: ((_details: import("@xihan-ui/headless").ToastStatusChangeDetails) => any) | undefined;
   onAction?: (() => any) | undefined;
 }>, {
-  type: ToastType;
-  title: string;
-  translations: Partial<NotificationTranslations>;
   closable: boolean;
-  duration: number;
-  removeDelay: number;
+  loading: boolean;
+  paused: boolean;
   pauseOnPageIdle: boolean;
-  id: string;
-  description: string;
 }, SlotsType<{
   default?: (props: {
     item: NotificationItemApi;
   }) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 类型指示符。作者不写内容时由皮肤按 data-type 画一枚兜底字形。 */
+/** 语气指示符。作者未写内容时由皮肤按 data-tone 绘制兜底字形，data-loading 时换为加载指示。 */
 declare const XhNotificationItemIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -241,9 +216,12 @@ declare const XhNotificationItemDescription: import("vue").DefineComponent<{}, (
 declare const XhNotificationItemActionTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhNotificationItemProgress: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhNotificationItemCloseTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { NotificationGroupSlotProps, NotificationRootSlotProps, XhNotificationGroup, XhNotificationItem, XhNotificationItemActionTrigger, XhNotificationItemCloseTrigger, XhNotificationItemDescription, XhNotificationItemIndicator, XhNotificationItemTitle, XhNotificationRoot };
+export { NotificationGroupSlotProps, NotificationRootSlotProps, XhNotificationGroup, XhNotificationItem, XhNotificationItemActionTrigger, XhNotificationItemCloseTrigger, XhNotificationItemDescription, XhNotificationItemIndicator, XhNotificationItemProgress, XhNotificationItemTitle, XhNotificationRoot };
 //# sourceMappingURL=notification.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","names":[],"sources":["../../../src/components/notification/notification.ts"],"mappings":";;;;KAQK,oBAAoB;;UAGR;EACf,OAAO;EACP,YAAY;EACZ;EACA,sBAAsB,WAAW,0BAA0B;EAC3D,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;cAGW,kCAAkB,8BAAA;;IAIH,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;IAMN,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAbX,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;IAMN,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,8BAA8B;kCAqBlD;;UAGe;EACf,MAAM;;cAGK,mCAAmB,8BAAA;;IAIC,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;;EAG5B,WAAC,OAAO,+BAA+B;kCAkBnD;;cAGW,kCAAkB,8BAAA;;;;;;;;;;;;;;IAOH,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;EAGrB,kBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;IARd,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;EAOvC,WAAC;IAAS,MAAM;QAA0B;kCAiBtD;;cAGW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAUxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8CAA8B,0BAAA,oBAAA,4BAAA;;8BAMzC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../../src/components/notification/notification.ts"],"mappings":";;;;KAeK,oBAAoB;;UAGR;EACf,OAAO;EACP,YAAY;EACZ;EACA,sBAAsB,WAAW,0BAA0B;EAC3D,SAAS,UAAU;EACnB,SAAS,YAAY,SAAS,QAAQ;EACtC,UAAU;EACV;;cAGW,kCAAkB,8BAAA;;IAIH,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACX,MAAA,SAAS;;;;;;IAEZ,MAAA,SAAS;;;;;;;;;;;;;;;;IAKH,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAdX,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACX,MAAA,SAAS;;;;;;IAEZ,MAAA,SAAS;;;;;;;;;;;;;;;;IAKH,MAAA,SAAS,QAAQ;;;;;;;;EAQvC,WAAC,OAAO,8BAA8B;kCAqBlD;;UAGe;EACf,MAAM;;cAGK,mCAAmB,8BAAA;;IAIC,MAAA,SAAS;;;;;;IAAT,MAAA,SAAS;;;EAG5B,WAAC,OAAO,+BAA+B;kCAkBnD;;cAGW,kCAAkB,8BAAA;;;;;;;;;;;IAOH,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;IAQD,MAAA,SAAS,QAAQ;;;;;EAGrB,kBAAA,UAAA,UAAU;;;;;;;;;;;;;IAXd,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;IAQD,MAAA,SAAS,QAAQ;;;;;;;;;;;EAOvC,WAAC;IAAS,MAAM;QAA0B;kCAiBtD;;cAGW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAUxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8CAA8B,0BAAA,oBAAA,4BAAA;;8BAMzC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}