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

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

@@ -1,8 +1,10 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 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 } from "vue";
+import { defineComponent, h, ref } from "vue";
+import { createRuntimeConfig } from "@xihan-ui/kernel";
 //#region src/components/navigation-menu/navigation-menu.ts
 /** 根节点渲染为 nav，收起的三条出口（指针离开、焦点离场、Escape）在这一层处理 */
 const XhNavigationMenuRoot = defineComponent({
@@ -67,7 +69,12 @@ const XhNavigationMenuRoot = defineComponent({
 		return () => {
 			const authored = slots.default?.();
 			const children = slotPaints(authored) ? authored : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.panel) : void 0;
-			return h("nav", ctx.api.value.getRootProps(), children);
+			return h("nav", {
+				...ctx.api.value.getRootProps(),
+				ref: (el) => {
+					ctx.rootRef.value = el;
+				}
+			}, children);
 		};
 	}
 });
@@ -119,7 +126,19 @@ const XhNavigationMenuContent = defineComponent({
 	} },
 	setup(props, { slots }) {
 		const ctx = useNavigationMenuContext();
-		return () => h("div", ctx.api.value.getContentProps({ value: props.value }), slots.default?.());
+		const contentRef = ref(null);
+		const visible = useOverlayExit({
+			config: typeof document === "undefined" ? null : createRuntimeConfig(),
+			isOpen: () => ctx.api.value.getContentProps({ value: props.value }).hidden !== true,
+			contentRef
+		});
+		return () => h("div", {
+			...ctx.api.value.getContentProps({ value: props.value }),
+			style: visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				contentRef.value = el;
+			}
+		}, slots.default?.());
 	}
 });
 /** 面板内的链接项：href 由作者写，点击不拦截，只收起导航 */

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 { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\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', ctx.api.value.getRootProps() as Record<string, unknown>, 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    return () => h(\n      'div',\n      ctx.api.value.getContentProps({ value: props.value }) as Record<string, unknown>,\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":["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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"}

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

@@ -5,6 +5,8 @@ import { Service } from "@xihan-ui/machine";
 interface NavigationMenuContext {
   api: ComputedRef<NavigationMenuApi>;
   service: Service<NavigationMenuSchema>;
+  /** nav 根节点：消解层的层内判定以它为界。 */
+  rootRef: Ref<HTMLElement | null>;
   /** list 节点：trigger 集合的查询容器，同时是指示条量测的参照系。 */
   listRef: Ref<HTMLElement | null>;
 }

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":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,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":";;;;UAWiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;EAEb,SAAS,IAAI;;iBAGC,kBACd,OAAO,+BACP,gBAAgB,iDACf"}

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

@@ -3,18 +3,38 @@ import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
 import { connectNavigationMenu, navigationMenuMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
+import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 //#region src/components/navigation-menu/use-navigation-menu.ts
 function useNavigationMenu(props, onValueChange) {
+	const rootRef = ref(null);
 	const listRef = ref(null);
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
 	const service = useMachine(navigationMenuMachine, () => ({
 		...props,
 		onValueChange
-	}), createScope(null, createVueIdGenerator()));
+	}), scope);
 	service.refs.set("getListEl", () => listRef.value);
+	if (typeof document !== "undefined") {
+		const config = createRuntimeConfig({
+			scope,
+			idGenerator: idGen
+		});
+		const registerLayer = () => config.layerRegistry.register({
+			kind: "inline",
+			node: () => rootRef.value,
+			branches: () => [],
+			isModal: () => false,
+			setModal: () => {},
+			surfaces: () => []
+		});
+		service.refs.set("config", config);
+		service.refs.set("registerLayer", registerLayer);
+	}
 	return {
 		api: computed(() => connectNavigationMenu(service, vueNormalize)),
 		service,
+		rootRef,
 		listRef
 	};
 }

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 { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectNavigationMenu, navigationMenuMachine } from '@xihan-ui/headless'\nimport { 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  /** 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 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  const api = computed(() => connectNavigationMenu(service, vueNormalize))\n  return { api, service, listRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,kBACd,OACA,eACuB;CACvB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,8BAA8B;EAAE,GAAG;EAAO;CAAc,IADrE,YAAY,MAFZ,qBAEsB,CACuD,CAAC;CAG5F,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,sBAAsB,SAAS,YAAY,CAC3D;EAAG;EAAS;CAAQ;AACjC"}
+{"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"}

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

@@ -0,0 +1,23 @@
+import { ComputedRef } from "vue";
+import { NotificationApi, NotificationItemApi, NotificationOptions } from "@xihan-ui/headless";
+//#region src/components/notification/context.d.ts
+interface NotificationContext {
+  api: ComputedRef<NotificationApi>;
+  /** 入队并返回 id；同 id 已存在则就地改写，位置不动。 */
+  create: (options?: NotificationOptions) => string;
+  update: (id: string, options: Partial<NotificationOptions>) => void;
+  dismiss: (id: string) => void;
+  dismissAll: () => void;
+}
+interface NotificationItemContext {
+  api: ComputedRef<NotificationItemApi>;
+}
+declare function provideNotification(ctx: NotificationContext): void;
+declare function useNotificationContext(): NotificationContext;
+/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */
+declare function useNotificationContextOptional(): NotificationContext | null;
+declare function provideNotificationItem(ctx: NotificationItemContext): void;
+declare function useNotificationItemContext(): NotificationItemContext;
+//#endregion
+export { NotificationContext, NotificationItemContext, provideNotification, provideNotificationItem, useNotificationContext, useNotificationContextOptional, useNotificationItemContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/notification/context.js

@@ -0,0 +1,28 @@
+import { inject, provide } from "vue";
+//#region src/components/notification/context.ts
+const KEY = Symbol.for("xh-notification");
+const ITEM_KEY = Symbol.for("xh-notification-item");
+function provideNotification(ctx) {
+	provide(KEY, ctx);
+}
+function useNotificationContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Notification 部件必须用在 XhNotificationRoot 内");
+	return ctx;
+}
+/** 注入队列上下文，不在队列内时返回 null 而非抛错。 */
+function useNotificationContextOptional() {
+	return inject(KEY, null);
+}
+function provideNotificationItem(ctx) {
+	provide(ITEM_KEY, ctx);
+}
+function useNotificationItemContext() {
+	const ctx = inject(ITEM_KEY, null);
+	if (!ctx) throw new Error("[xh] Notification 卡片部件必须用在 XhNotificationItem 内");
+	return ctx;
+}
+//#endregion
+export { provideNotification, provideNotificationItem, useNotificationContext, useNotificationContextOptional, useNotificationItemContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,249 @@
+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";
+//#region src/components/notification/notification.d.ts
+type NotificationProps = NotificationSchema['props'];
+/** 默认插槽的载荷：当前可见的通知队列与它的落位分组，以及入队、改写、关闭的命令。 */
+interface NotificationRootSlotProps {
+  items: ResolvedNotification[];
+  placements: NotificationPlacement[];
+  count: number;
+  getItemsByPlacement: (placement: NotificationPlacement) => ResolvedNotification[];
+  create: (options?: NotificationOptions) => string;
+  update: (id: string, options: Partial<NotificationOptions>) => void;
+  dismiss: (id: string) => void;
+  dismissAll: () => void;
+}
+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;
+  };
+  gap: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  duration: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  removeDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  pauseOnPageIdle: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<NotificationTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'items-change': (_details: PayloadOf<NotificationProps, "onItemsChange">) => true;
+  'update:items': (_items: PayloadOf<NotificationProps, "onItemsChange">["items"]) => true;
+}, 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;
+  };
+  gap: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  duration: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  removeDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  pauseOnPageIdle: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  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<{
+  default?: (props: NotificationGroupSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 单条卡片。生命周期复用 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>;
+    default: undefined;
+  };
+  duration: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  removeDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  closable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  pauseOnPageIdle: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<NotificationTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'status-change': (_details: PayloadOf<ToastSchema["props"], "onStatusChange">) => true;
+  action: () => true;
+}, 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>;
+    default: undefined;
+  };
+  duration: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  removeDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  closable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  pauseOnPageIdle: {
+    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;
+  pauseOnPageIdle: boolean;
+  id: string;
+  description: string;
+}, SlotsType<{
+  default?: (props: {
+    item: NotificationItemApi;
+  }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 类型指示符。作者不写内容时由皮肤按 data-type 画一枚兜底字形。 */
+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>;
+declare const XhNotificationItemTitle: 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 XhNotificationItemDescription: 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 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 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 };
+//# sourceMappingURL=notification.d.ts.map

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

@@ -0,0 +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"}