@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/kbd/kbd.js

@@ -0,0 +1,68 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
+import { useKbdPlatform } from "./use-kbd-platform.js";
+import { computed, defineComponent, h, onBeforeUnmount, watchEffect } from "vue";
+import { connectKbd } from "@xihan-ui/headless";
+//#region src/components/kbd/kbd.ts
+const XhKbd = defineComponent({
+	name: "XhKbd",
+	props: {
+		keys: {
+			type: Array,
+			required: true
+		},
+		platform: { type: String },
+		variant: { type: String },
+		register: {
+			type: Boolean,
+			default: void 0
+		},
+		target: { type: [String, Function] },
+		preventDefault: {
+			type: Boolean,
+			default: void 0
+		},
+		enabled: {
+			type: Boolean,
+			default: void 0
+		},
+		translations: { type: Object }
+	},
+	emits: { "hot-key": (_details) => true },
+	setup(props, { emit }) {
+		const detected = useKbdPlatform();
+		const api = computed(() => connectKbd(withXhConfig("kbd", {
+			keys: props.keys,
+			platform: props.platform && props.platform !== "auto" ? props.platform : detected.value,
+			variant: props.variant,
+			register: props.register,
+			target: props.target,
+			preventDefault: props.preventDefault,
+			enabled: props.enabled,
+			translations: props.translations,
+			onHotKey: (details) => emit("hot-key", details)
+		}), vueNormalize));
+		const onKeyDown = (event) => api.value.handleKeyDown(event);
+		let bound = null;
+		const stop = () => {
+			bound?.removeEventListener("keydown", onKeyDown);
+			bound = null;
+		};
+		watchEffect(() => {
+			const next = api.value.resolveTarget(typeof document === "undefined" ? null : document);
+			if (next === bound) return;
+			stop();
+			bound = next;
+			bound?.addEventListener("keydown", onKeyDown);
+		});
+		onBeforeUnmount(stop);
+		return () => h("kbd", api.value.getRootProps(), api.value.segments.map((segment, index) => h("span", {
+			...api.value.getKeyProps({ value: segment.source }),
+			key: `${segment.source}-${index}`
+		}, segment.label)));
+	}
+});
+//#endregion
+export { XhKbd };
+
+//# sourceMappingURL=kbd.js.map

package/dist/components/kbd/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../../src/components/kbd/kbd.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// 提供 kbd 展示与快捷键注册实现。\n\nimport type { KbdPlatform, KbdProps, KbdTarget, KbdTranslations, KbdVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { connectKbd } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, onBeforeUnmount, watchEffect } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useKbdPlatform } from './use-kbd-platform'\n\nexport const XhKbd = defineComponent({\n  name: 'XhKbd',\n  props: {\n    keys: { type: Array as PropType<string[]>, required: true },\n    platform: { type: String as PropType<KbdPlatform> },\n    variant: { type: String as PropType<KbdVariant> },\n    register: { type: Boolean, default: undefined },\n    target: { type: [String, Function] as PropType<KbdTarget> },\n    preventDefault: { type: Boolean, default: undefined },\n    enabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<KbdTranslations>> },\n  },\n  emits: {\n    'hot-key': (_details: PayloadOf<KbdProps, 'onHotKey'>) => true,\n  },\n  setup(props, { emit }) {\n    const detected = useKbdPlatform()\n    const api = computed(() => connectKbd(withXhConfig('kbd', {\n      keys: props.keys,\n      platform: props.platform && props.platform !== 'auto' ? props.platform : detected.value,\n      variant: props.variant,\n      register: props.register,\n      target: props.target,\n      preventDefault: props.preventDefault,\n      enabled: props.enabled,\n      translations: props.translations,\n      onHotKey: details => emit('hot-key', details),\n    }) as KbdProps, vueNormalize))\n    const onKeyDown = (event: Event): void => api.value.handleKeyDown(event as KeyboardEvent)\n    let bound: EventTarget | null = null\n    const stop = (): void => {\n      bound?.removeEventListener('keydown', onKeyDown)\n      bound = null\n    }\n    watchEffect(() => {\n      const next = api.value.resolveTarget(typeof document === 'undefined' ? null : document)\n      if (next === bound)\n        return\n      stop()\n      bound = next\n      bound?.addEventListener('keydown', onKeyDown)\n    })\n    onBeforeUnmount(stop)\n\n    return () => h('kbd', api.value.getRootProps() as Record<string, unknown>, api.value.segments.map((segment, index) => h(\n      'span',\n      { ...api.value.getKeyProps({ value: segment.source }) as Record<string, unknown>, key: `${segment.source}-${index}` },\n      segment.label,\n    )))\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,QAAQ,gBAAgB;CACnC,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAA6B,UAAU;EAAK;EAC1D,UAAU,EAAE,MAAM,OAAgC;EAClD,SAAS,EAAE,MAAM,OAA+B;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAyB;EAC1D,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACpD,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,cAAc,EAAE,MAAM,OAA6C;CACrE;CACA,OAAO,EACL,YAAY,aAA8C,KAC5D;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,WAAW,eAAe;EAChC,MAAM,MAAM,eAAe,WAAW,aAAa,OAAO;GACxD,MAAM,MAAM;GACZ,UAAU,MAAM,YAAY,MAAM,aAAa,SAAS,MAAM,WAAW,SAAS;GAClF,SAAS,MAAM;GACf,UAAU,MAAM;GAChB,QAAQ,MAAM;GACd,gBAAgB,MAAM;GACtB,SAAS,MAAM;GACf,cAAc,MAAM;GACpB,WAAU,YAAW,KAAK,WAAW,OAAO;EAC9C,CAAC,GAAe,YAAY,CAAC;EAC7B,MAAM,aAAa,UAAuB,IAAI,MAAM,cAAc,KAAsB;EACxF,IAAI,QAA4B;EAChC,MAAM,aAAmB;GACvB,OAAO,oBAAoB,WAAW,SAAS;GAC/C,QAAQ;EACV;EACA,kBAAkB;GAChB,MAAM,OAAO,IAAI,MAAM,cAAc,OAAO,aAAa,cAAc,OAAO,QAAQ;GACtF,IAAI,SAAS,OACX;GACF,KAAK;GACL,QAAQ;GACR,OAAO,iBAAiB,WAAW,SAAS;EAC9C,CAAC;EACD,gBAAgB,IAAI;EAEpB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,IAAI,MAAM,SAAS,KAAK,SAAS,UAAU,EACpH,QACA;GAAE,GAAG,IAAI,MAAM,YAAY,EAAE,OAAO,QAAQ,OAAO,CAAC;GAA8B,KAAK,GAAG,QAAQ,OAAO,GAAG;EAAQ,GACpH,QAAQ,KACV,CAAC,CAAC;CACJ;AACF,CAAC"}

package/dist/components/kbd/use-kbd-platform.js

@@ -0,0 +1,15 @@
+import { onMounted, ref } from "vue";
+import { detectKbdPlatform } from "@xihan-ui/headless";
+//#region src/components/kbd/use-kbd-platform.ts
+/** 浏览器平台侦测只属于适配器；Headless 仍只接收显式平台事实。 */
+function useKbdPlatform() {
+	const detected = ref("auto");
+	onMounted(() => {
+		detected.value = detectKbdPlatform();
+	});
+	return detected;
+}
+//#endregion
+export { useKbdPlatform };
+
+//# sourceMappingURL=use-kbd-platform.js.map

package/dist/components/kbd/use-kbd-platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-kbd-platform.js","names":[],"sources":["../../../src/components/kbd/use-kbd-platform.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 kbd platform 相关实现。\n\nimport type { KbdPlatform } from '@xihan-ui/headless'\nimport type { Ref } from 'vue'\nimport { detectKbdPlatform } from '@xihan-ui/headless'\nimport { onMounted, ref } from 'vue'\n\n/** 浏览器平台侦测只属于适配器；Headless 仍只接收显式平台事实。 */\nexport function useKbdPlatform(): Ref<KbdPlatform> {\n  const detected = ref<KbdPlatform>('auto')\n  onMounted(() => {\n    detected.value = detectKbdPlatform()\n  })\n  return detected\n}\n"],"mappings":";;;;AAaA,SAAgB,iBAAmC;CACjD,MAAM,WAAW,IAAiB,MAAM;CACxC,gBAAgB;EACd,SAAS,QAAQ,kBAAkB;CACrC,CAAC;CACD,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/layout/context.ts"],"mappings":";;iBAMgB,cAAc,KAAK;iBAInB,oBAAoB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/layout/context.ts"],"mappings":";;iBAagB,cAAc,KAAK;iBAInB,oBAAoB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/layout/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { LayoutContext } from './use-layout'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<LayoutContext> = Symbol.for('xh-layout')\n\nexport function provideLayout(ctx: LayoutContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useLayoutContext(): LayoutContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Layout 部件必须用在 XhLayoutRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/layout/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 { InjectionKey } from 'vue'\nimport type { LayoutContext } from './use-layout'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<LayoutContext> = Symbol.for('xh-layout')\n\nexport function provideLayout(ctx: LayoutContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useLayoutContext(): LayoutContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Layout 部件必须用在 XhLayoutRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/layout/layout.d.ts

@@ -1,9 +1,9 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType } from "vue";
-import { LayoutSchema, LayoutSiderPlacement } from "@xihan-ui/headless";
+import { LayoutBreakpoint, LayoutSchema, LayoutSiderPlacement, LayoutSiderPresentation } from "@xihan-ui/headless";
 //#region src/components/layout/layout.d.ts
 type LayoutProps = LayoutSchema['props'];
-/** 各段一律渲染成 div：地标（banner / navigation / main / contentinfo）由作者自己标。 */
+/** 各段一律渲染为 div：地标（banner / navigation / main / contentinfo）由作者自行标注。 */
 declare const XhLayoutRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   siderCollapsed: {
     type: BooleanConstructor;
@@ -12,24 +12,28 @@ declare const XhLayoutRoot: import("vue").DefineComponent<import("vue").ExtractP
   defaultSiderCollapsed: BooleanConstructor;
   siderWidth: {
     type: StringConstructor;
-    default: undefined;
   };
   siderCollapsedWidth: {
     type: StringConstructor;
-    default: undefined;
   };
   siderPlacement: {
     type: PropType<LayoutSiderPlacement>;
-    default: undefined;
+  };
+  siderBreakpoint: {
+    type: PropType<LayoutBreakpoint>;
+  };
+  siderPresentation: {
+    type: PropType<LayoutSiderPresentation>;
   };
   headerFixed: BooleanConstructor;
   siderFixed: BooleanConstructor;
-  bordered: BooleanConstructor;
+  split: BooleanConstructor;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'sider-collapsed-change': (_details: PayloadOf<LayoutProps, "onSiderCollapsedChange">) => true;
   'update:siderCollapsed': (_siderCollapsed: PayloadOf<LayoutProps, "onSiderCollapsedChange">["collapsed"]) => true;
+  'sider-breakpoint': (_details: PayloadOf<LayoutProps, "onSiderBreakpoint">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   siderCollapsed: {
     type: BooleanConstructor;
@@ -38,35 +42,39 @@ declare const XhLayoutRoot: import("vue").DefineComponent<import("vue").ExtractP
   defaultSiderCollapsed: BooleanConstructor;
   siderWidth: {
     type: StringConstructor;
-    default: undefined;
   };
   siderCollapsedWidth: {
     type: StringConstructor;
-    default: undefined;
   };
   siderPlacement: {
     type: PropType<LayoutSiderPlacement>;
-    default: undefined;
+  };
+  siderBreakpoint: {
+    type: PropType<LayoutBreakpoint>;
+  };
+  siderPresentation: {
+    type: PropType<LayoutSiderPresentation>;
   };
   headerFixed: BooleanConstructor;
   siderFixed: BooleanConstructor;
-  bordered: BooleanConstructor;
+  split: BooleanConstructor;
 }>> & Readonly<{
   "onSider-collapsed-change"?: ((_details: import("@xihan-ui/headless").LayoutSiderCollapsedChangeDetails) => any) | undefined;
   "onUpdate:siderCollapsed"?: ((_siderCollapsed: boolean) => any) | undefined;
+  "onSider-breakpoint"?: ((_details: import("@xihan-ui/headless").LayoutSiderBreakpointDetails) => any) | undefined;
 }>, {
-  bordered: boolean;
+  split: boolean;
   defaultSiderCollapsed: boolean;
   headerFixed: boolean;
   siderFixed: boolean;
   siderCollapsed: boolean;
-  siderWidth: string;
-  siderCollapsedWidth: string;
-  siderPlacement: LayoutSiderPlacement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhLayoutHeader: import("vue").DefineComponent<{}, () => import("vue").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 XhLayoutSiderBackdrop: import("vue").DefineComponent<{}, () => import("vue").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 XhLayoutSider: import("vue").DefineComponent<{}, () => import("vue").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>;
@@ -80,5 +88,5 @@ declare const XhLayoutSiderTrigger: import("vue").DefineComponent<{}, () => impo
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhLayoutContent, XhLayoutFooter, XhLayoutHeader, XhLayoutRoot, XhLayoutSider, XhLayoutSiderTrigger };
+export { XhLayoutContent, XhLayoutFooter, XhLayoutHeader, XhLayoutRoot, XhLayoutSider, XhLayoutSiderBackdrop, XhLayoutSiderTrigger };
 //# sourceMappingURL=layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","names":[],"sources":["../../../src/components/layout/layout.ts"],"mappings":";;;;KAOK,cAAc;;cAGN,4BAAY,8BAAA;;;;;;;;;;;;;;;IAQa,MAAA,SAAS;;;;;;;;;EAON,2BAAA,UAAA,UAAU;EACJ,0BAAA,iBAAA,UAAU;;;;;;;;;;;;;;;;IARnB,MAAA,SAAS;;;;;;;;;;;;;;;;;;qCAmB7C;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,oCAAoB,wCAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"layout.d.ts","names":[],"sources":["../../../src/components/layout/layout.ts"],"mappings":";;;;KAcK,cAAc;;cAGN,4BAAY,8BAAA;;;;;;;;;;;;;IAQa,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACP,MAAA,SAAS;;;;;;;;EAOT,2BAAA,UAAA,UAAU;EACJ,0BAAA,iBAAA,UAAU;EACtB,qBAAA,UAAA,UAAU;;;;;;;;;;;;;;IAXP,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;qCAqBhD;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,oCAAoB,wCAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/layout/layout.js

@@ -2,7 +2,7 @@ import { provideLayout, useLayoutContext } from "./context.js";
 import { useLayout } from "./use-layout.js";
 import { defineComponent, h } from "vue";
 //#region src/components/layout/layout.ts
-/** 各段一律渲染成 div：地标（banner / navigation / main / contentinfo）由作者自己标。 */
+/** 各段一律渲染为 div：地标（banner / navigation / main / contentinfo）由作者自行标注。 */
 const XhLayoutRoot = defineComponent({
 	name: "XhLayoutRoot",
 	props: {
@@ -11,32 +11,27 @@ const XhLayoutRoot = defineComponent({
 			default: void 0
 		},
 		defaultSiderCollapsed: Boolean,
-		siderWidth: {
-			type: String,
-			default: void 0
-		},
-		siderCollapsedWidth: {
-			type: String,
-			default: void 0
-		},
-		siderPlacement: {
-			type: String,
-			default: void 0
-		},
+		siderWidth: { type: String },
+		siderCollapsedWidth: { type: String },
+		siderPlacement: { type: String },
+		siderBreakpoint: { type: String },
+		siderPresentation: { type: String },
 		headerFixed: Boolean,
 		siderFixed: Boolean,
-		bordered: Boolean
+		split: Boolean
 	},
 	emits: {
 		"sider-collapsed-change": (_details) => true,
-		"update:siderCollapsed": (_siderCollapsed) => true
+		"update:siderCollapsed": (_siderCollapsed) => true,
+		"sider-breakpoint": (_details) => true
 	},
 	setup(props, { slots, emit }) {
 		const notify = (details) => {
 			emit("sider-collapsed-change", details);
 			emit("update:siderCollapsed", details.collapsed);
 		};
-		const ctx = useLayout(props, notify);
+		const notifyBreakpoint = (details) => emit("sider-breakpoint", details);
+		const ctx = useLayout(props, notify, notifyBreakpoint);
 		provideLayout(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.());
 	}
@@ -48,6 +43,13 @@ const XhLayoutHeader = defineComponent({
 		return () => h("div", ctx.api.value.getHeaderProps(), slots.default?.());
 	}
 });
+const XhLayoutSiderBackdrop = defineComponent({
+	name: "XhLayoutSiderBackdrop",
+	setup(_, { slots }) {
+		const ctx = useLayoutContext();
+		return () => h("div", ctx.api.value.getSiderBackdropProps(), slots.default?.());
+	}
+});
 const XhLayoutSider = defineComponent({
 	name: "XhLayoutSider",
 	setup(_, { slots }) {
@@ -77,6 +79,6 @@ const XhLayoutSiderTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhLayoutContent, XhLayoutFooter, XhLayoutHeader, XhLayoutRoot, XhLayoutSider, XhLayoutSiderTrigger };
+export { XhLayoutContent, XhLayoutFooter, XhLayoutHeader, XhLayoutRoot, XhLayoutSider, XhLayoutSiderBackdrop, XhLayoutSiderTrigger };
 
 //# sourceMappingURL=layout.js.map

package/dist/components/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../../src/components/layout/layout.ts"],"sourcesContent":["import type { LayoutSchema, LayoutSiderPlacement } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideLayout, useLayoutContext } from './context'\nimport { useLayout } from './use-layout'\n\ntype LayoutProps = LayoutSchema['props']\n\n/** 各段一律渲染成 div：地标（banner / navigation / main / contentinfo）由作者自己标。 */\nexport const XhLayoutRoot = defineComponent({\n  name: 'XhLayoutRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    siderCollapsed: { type: Boolean, default: undefined },\n    defaultSiderCollapsed: Boolean,\n    siderWidth: { type: String, default: undefined },\n    siderCollapsedWidth: { type: String, default: undefined },\n    siderPlacement: { type: String as PropType<LayoutSiderPlacement>, default: undefined },\n    headerFixed: Boolean,\n    siderFixed: Boolean,\n    bordered: Boolean,\n  },\n  // sider-collapsed-change 携带 { collapsed }，update:siderCollapsed 携带裸布尔\n  emits: {\n    'sider-collapsed-change': (_details: PayloadOf<LayoutProps, 'onSiderCollapsedChange'>) => true,\n    'update:siderCollapsed': (_siderCollapsed: PayloadOf<LayoutProps, 'onSiderCollapsedChange'>['collapsed']) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: LayoutProps['onSiderCollapsedChange'] = (details) => {\n      emit('sider-collapsed-change', details)\n      emit('update:siderCollapsed', details.collapsed)\n    }\n    const ctx = useLayout(props as LayoutProps, notify)\n    provideLayout(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutHeader = defineComponent({\n  name: 'XhLayoutHeader',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutSider = defineComponent({\n  name: 'XhLayoutSider',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getSiderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutContent = defineComponent({\n  name: 'XhLayoutContent',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutFooter = defineComponent({\n  name: 'XhLayoutFooter',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 折叠把手渲染成原生 button：Enter/Space 的激活交给平台\nexport const XhLayoutSiderTrigger = defineComponent({\n  name: 'XhLayoutSiderTrigger',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('button', ctx.api.value.getSiderTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAUA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CAEN,OAAO;EACL,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACpD,uBAAuB;EACvB,YAAY;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC/C,qBAAqB;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxD,gBAAgB;GAAE,MAAM;GAA0C,SAAS,KAAA;EAAU;EACrF,aAAa;EACb,YAAY;EACZ,UAAU;CACZ;CAEA,OAAO;EACL,2BAA2B,aAA+D;EAC1F,0BAA0B,oBAAmF;CAC/G;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAiD,YAAY;GACjE,KAAK,0BAA0B,OAAO;GACtC,KAAK,yBAAyB,QAAQ,SAAS;EACjD;EACA,MAAM,MAAM,UAAU,OAAsB,MAAM;EAClD,cAAc,GAAG;EACjB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../../src/components/layout/layout.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// 提供 layout 相关实现。\n\nimport type { LayoutBreakpoint, LayoutSchema, LayoutSiderPlacement, LayoutSiderPresentation } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { provideLayout, useLayoutContext } from './context'\nimport { useLayout } from './use-layout'\n\ntype LayoutProps = LayoutSchema['props']\n\n/** 各段一律渲染为 div：地标（banner / navigation / main / contentinfo）由作者自行标注。 */\nexport const XhLayoutRoot = defineComponent({\n  name: 'XhLayoutRoot',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    siderCollapsed: { type: Boolean, default: undefined },\n    defaultSiderCollapsed: Boolean,\n    siderWidth: { type: String },\n    siderCollapsedWidth: { type: String },\n    siderPlacement: { type: String as PropType<LayoutSiderPlacement> },\n    siderBreakpoint: { type: String as PropType<LayoutBreakpoint> },\n    siderPresentation: { type: String as PropType<LayoutSiderPresentation> },\n    headerFixed: Boolean,\n    siderFixed: Boolean,\n    split: Boolean,\n  },\n  // sider-collapsed-change 携带 { collapsed }，update:siderCollapsed 携带裸布尔\n  emits: {\n    'sider-collapsed-change': (_details: PayloadOf<LayoutProps, 'onSiderCollapsedChange'>) => true,\n    'update:siderCollapsed': (_siderCollapsed: PayloadOf<LayoutProps, 'onSiderCollapsedChange'>['collapsed']) => true,\n    'sider-breakpoint': (_details: PayloadOf<LayoutProps, 'onSiderBreakpoint'>) => true,\n  },\n  setup(props, { slots, emit }) {\n    const notify: LayoutProps['onSiderCollapsedChange'] = (details) => {\n      emit('sider-collapsed-change', details)\n      emit('update:siderCollapsed', details.collapsed)\n    }\n    const notifyBreakpoint: LayoutProps['onSiderBreakpoint'] = details => emit('sider-breakpoint', details)\n    const ctx = useLayout(props as LayoutProps, notify, notifyBreakpoint)\n    provideLayout(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutHeader = defineComponent({\n  name: 'XhLayoutHeader',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 覆盖档铺在内容之上的遮罩：点它收起侧栏。写在 XhLayoutSider 之前，两层同一个层号\nexport const XhLayoutSiderBackdrop = defineComponent({\n  name: 'XhLayoutSiderBackdrop',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getSiderBackdropProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutSider = defineComponent({\n  name: 'XhLayoutSider',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getSiderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutContent = defineComponent({\n  name: 'XhLayoutContent',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhLayoutFooter = defineComponent({\n  name: 'XhLayoutFooter',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 折叠把手渲染成原生 button：Enter/Space 的激活交给平台\nexport const XhLayoutSiderTrigger = defineComponent({\n  name: 'XhLayoutSiderTrigger',\n  setup(_, { slots }) {\n    const ctx = useLayoutContext()\n    return () => h('button', ctx.api.value.getSiderTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAiBA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CAEN,OAAO;EACL,gBAAgB;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACpD,uBAAuB;EACvB,YAAY,EAAE,MAAM,OAAO;EAC3B,qBAAqB,EAAE,MAAM,OAAO;EACpC,gBAAgB,EAAE,MAAM,OAAyC;EACjE,iBAAiB,EAAE,MAAM,OAAqC;EAC9D,mBAAmB,EAAE,MAAM,OAA4C;EACvE,aAAa;EACb,YAAY;EACZ,OAAO;CACT;CAEA,OAAO;EACL,2BAA2B,aAA+D;EAC1F,0BAA0B,oBAAmF;EAC7G,qBAAqB,aAA0D;CACjF;CACA,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAiD,YAAY;GACjE,KAAK,0BAA0B,OAAO;GACtC,KAAK,yBAAyB,QAAQ,SAAS;EACjD;EACA,MAAM,oBAAqD,YAAW,KAAK,oBAAoB,OAAO;EACtG,MAAM,MAAM,UAAU,OAAsB,QAAQ,gBAAgB;EACpE,cAAc,GAAG;EACjB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,GAA8B,MAAM,UAAU,CAAC;CAC3G;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,iBAAiB;EAC7B,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC"}

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

@@ -4,7 +4,7 @@ import { LayoutApi, LayoutSchema } from "@xihan-ui/headless";
 interface LayoutContext {
   api: ComputedRef<LayoutApi>;
 }
-declare function useLayout(props: LayoutSchema['props'], onSiderCollapsedChange?: LayoutSchema['props']['onSiderCollapsedChange']): LayoutContext;
+declare function useLayout(props: LayoutSchema['props'], onSiderCollapsedChange?: LayoutSchema['props']['onSiderCollapsedChange'], onSiderBreakpoint?: LayoutSchema['props']['onSiderBreakpoint']): LayoutContext;
 //#endregion
 export { LayoutContext, useLayout };
 //# sourceMappingURL=use-layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-layout.d.ts","names":[],"sources":["../../../src/components/layout/use-layout.ts"],"mappings":";;;UASiB;EACf,KAAK,YAAY;;iBAGH,UACd,OAAO,uBACP,yBAAyB,kDACxB"}
+{"version":3,"file":"use-layout.d.ts","names":[],"sources":["../../../src/components/layout/use-layout.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,UACd,OAAO,uBACP,yBAAyB,iDACzB,oBAAoB,6CACnB"}

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

@@ -2,14 +2,21 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { connectLayout, layoutMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/layout/use-layout.ts
-function useLayout(props, onSiderCollapsedChange) {
+function useLayout(props, onSiderCollapsedChange, onSiderBreakpoint) {
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
 	const service = useMachine(layoutMachine, () => ({
 		...props,
-		onSiderCollapsedChange
-	}), createScope(null, createVueIdGenerator()));
+		onSiderCollapsedChange,
+		onSiderBreakpoint
+	}), scope);
+	if (typeof document !== "undefined") service.refs.set("config", createRuntimeConfig({
+		scope,
+		idGenerator: idGen
+	}));
 	return { api: computed(() => connectLayout(service, vueNormalize)) };
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-layout.js","names":[],"sources":["../../../src/components/layout/use-layout.ts"],"sourcesContent":["import type { LayoutApi, LayoutSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectLayout, layoutMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface LayoutContext {\n  api: ComputedRef<LayoutApi>\n}\n\nexport function useLayout(\n  props: LayoutSchema['props'],\n  onSiderCollapsedChange?: LayoutSchema['props']['onSiderCollapsedChange'],\n): LayoutContext {\n  // 把手要用 aria-controls 指向侧栏，两者的 id 必须同源，所以显式建 scope\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(layoutMachine, () => ({ ...props, onSiderCollapsedChange }), scope)\n  const api = computed(() => connectLayout(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,UACd,OACA,wBACe;CAIf,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO;CAAuB,IADtE,YAAY,MADZ,qBACsB,CACwD,CAAC;CAE7F,OAAO,EAAE,KADG,eAAe,cAAc,SAAS,YAAY,CACnD,EAAE;AACf"}
+{"version":3,"file":"use-layout.js","names":[],"sources":["../../../src/components/layout/use-layout.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 layout 相关实现。\n\nimport type { LayoutApi, LayoutSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectLayout, layoutMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface LayoutContext {\n  api: ComputedRef<LayoutApi>\n}\n\nexport function useLayout(\n  props: LayoutSchema['props'],\n  onSiderCollapsedChange?: LayoutSchema['props']['onSiderCollapsedChange'],\n  onSiderBreakpoint?: LayoutSchema['props']['onSiderBreakpoint'],\n): LayoutContext {\n  // 把手要用 aria-controls 指向侧栏，两者的 id 必须同源，所以显式建 scope\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(layoutMachine, () => ({ ...props, onSiderCollapsedChange, onSiderBreakpoint }), scope)\n  // 覆盖式侧栏与浮层必须读取同一运行时层栈；服务端没有 DOM，不挂 Escape 副作用。\n  if (typeof document !== 'undefined')\n    service.refs.set('config', createRuntimeConfig({ scope, idGenerator: idGen }))\n  const api = computed(() => connectLayout(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,UACd,OACA,wBACA,mBACe;CAEf,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,sBAAsB;EAAE,GAAG;EAAO;EAAwB;CAAkB,IAAI,KAAK;CAEhH,IAAI,OAAO,aAAa,aACtB,QAAQ,KAAK,IAAI,UAAU,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC,CAAC;CAE/E,OAAO,EAAE,KADG,eAAe,cAAc,SAAS,YAAY,CACnD,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/list/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBAKH,YAAY,KAAK;iBAIjB,kBAAkB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/list/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,YAAY,KAAK;iBAIjB,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/list/context.ts"],"sourcesContent":["import type { ListApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface ListContext {\n  api: ComputedRef<ListApi>\n}\n\nconst KEY: InjectionKey<ListContext> = Symbol.for('xh-list')\n\nexport function provideList(ctx: ListContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListContext(): ListContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] List 部件必须用在 XhListRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/list/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 { ListApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface ListContext {\n  api: ComputedRef<ListApi>\n}\n\nconst KEY: InjectionKey<ListContext> = Symbol.for('xh-list')\n\nexport function provideList(ctx: ListContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListContext(): ListContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] List 部件必须用在 XhListRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

package/dist/components/list/list.d.ts

@@ -1,15 +1,16 @@
 import { PropType } from "vue";
-import { Size } from "@xihan-ui/kernel";
+import { ControlVariant, Size } from "@xihan-ui/core";
 //#region src/components/list/list.d.ts
 declare const XhListRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  bordered: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
   hoverable: BooleanConstructor;
   split: BooleanConstructor;
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 根渲染成哪个标签，默认 ul；换成 div 即不进读屏的列表语义。 */
+  /** 根渲染为哪个标签，默认 ul；换为 div 即不进入读屏的列表语义。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -17,27 +18,26 @@ declare const XhListRoot: import("vue").DefineComponent<import("vue").ExtractPro
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  bordered: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
   hoverable: BooleanConstructor;
   split: BooleanConstructor;
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 根渲染成哪个标签，默认 ul；换成 div 即不进读屏的列表语义。 */
+  /** 根渲染为哪个标签，默认 ul；换为 div 即不进入读屏的列表语义。 */
   as: {
     type: StringConstructor;
     default: string;
   };
 }>> & Readonly<{}>, {
   as: string;
-  size: Size;
-  hoverable: boolean;
   split: boolean;
-  bordered: boolean;
+  hoverable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhListItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 条目渲染成哪个标签，默认 li；根换成 div 时这里一并换掉。 */
+  /** 条目渲染为哪个标签，默认 li；根换为 div 时这里一并更换。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -45,7 +45,7 @@ declare const XhListItem: import("vue").DefineComponent<import("vue").ExtractPro
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 条目渲染成哪个标签，默认 li；根换成 div 时这里一并换掉。 */
+  /** 条目渲染为哪个标签，默认 li；根换为 div 时这里一并更换。 */
   as: {
     type: StringConstructor;
     default: string;

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","names":[],"sources":["../../../src/components/list/list.ts"],"mappings":";;;cAQa,0BAAU,8BAAA;;;;;IAOK,MAAA,SAAS;;;;;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;;;;;;qCAgBnC;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCAUrB;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"list.d.ts","names":[],"sources":["../../../src/components/list/list.ts"],"mappings":";;;cAea,0BAAU,8BAAA;;IAIQ,MAAA,SAAS;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;IAHN,MAAA,SAAS;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;qCAgBnC;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCAUrB;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/list/list.js

@@ -7,14 +7,11 @@ import { connectList } from "@xihan-ui/headless";
 const XhListRoot = defineComponent({
 	name: "XhListRoot",
 	props: {
-		bordered: Boolean,
+		variant: { type: String },
 		hoverable: Boolean,
 		split: Boolean,
-		size: {
-			type: String,
-			default: void 0
-		},
-		/** 根渲染成哪个标签，默认 ul；换成 div 即不进读屏的列表语义。 */
+		size: { type: String },
+		/** 根渲染为哪个标签，默认 ul；换为 div 即不进入读屏的列表语义。 */
 		as: {
 			type: String,
 			default: "ul"
@@ -23,7 +20,7 @@ const XhListRoot = defineComponent({
 	setup(props, { slots }) {
 		const configured = withXhConfig("list", props);
 		const api = computed(() => connectList({
-			bordered: configured.bordered,
+			variant: configured.variant,
 			hoverable: configured.hoverable,
 			split: configured.split,
 			size: configured.size
@@ -35,7 +32,7 @@ const XhListRoot = defineComponent({
 const XhListItem = defineComponent({
 	name: "XhListItem",
 	props: { 
-	/** 条目渲染成哪个标签，默认 li；根换成 div 时这里一并换掉。 */
+	/** 条目渲染为哪个标签，默认 li；根换为 div 时这里一并更换。 */
 as: {
 		type: String,
 		default: "li"

package/dist/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.ts"],"sourcesContent":["import type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectList } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideList, useListContext } from './context'\n\nexport const XhListRoot = defineComponent({\n  name: 'XhListRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    bordered: Boolean,\n    hoverable: Boolean,\n    split: Boolean,\n    size: { type: String as PropType<Size>, default: undefined },\n    /** 根渲染成哪个标签，默认 ul；换成 div 即不进读屏的列表语义。 */\n    as: { type: String, default: 'ul' },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('list', props)\n    const api = computed(() => connectList({\n      bordered: configured.bordered,\n      hoverable: configured.hoverable,\n      split: configured.split,\n      size: configured.size,\n    }, vueNormalize))\n    provideList({ api })\n    return () => h(props.as, api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItem = defineComponent({\n  name: 'XhListItem',\n  props: {\n    /** 条目渲染成哪个标签，默认 li；根换成 div 时这里一并换掉。 */\n    as: { type: String, default: 'li' },\n  },\n  setup(props, { slots }) {\n    const ctx = useListContext()\n    return () => h(props.as, ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 媒体位排在条目最前，内容由作者塞（头像、图标、缩略图都行）\nexport const XhListItemMedia = defineComponent({\n  name: 'XhListItemMedia',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemMediaProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItemContent = defineComponent({\n  name: 'XhListItemContent',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标题渲染为 div 而不是 hN：它只做视觉主次，不往文档大纲里插一级标题\nexport const XhListItemTitle = defineComponent({\n  name: 'XhListItemTitle',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItemDescription = defineComponent({\n  name: 'XhListItemDescription',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 操作位排在条目末尾，按钮由作者放进插槽\nexport const XhListItemAction = defineComponent({\n  name: 'XhListItemAction',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemActionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAQA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,UAAU;EACV,WAAW;EACX,OAAO;EACP,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;;EAE3D,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAK;CACpC;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,QAAQ,KAAK;EAC7C,MAAM,MAAM,eAAe,YAAY;GACrC,UAAU,WAAW;GACrB,WAAW,WAAW;GACtB,OAAO,WAAW;GAClB,MAAM,WAAW;EACnB,GAAG,YAAY,CAAC;EAChB,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC"}
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.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// 提供 list 相关实现。\n\nimport type { ControlVariant, Size } from '@xihan-ui/core'\nimport type { PropType } from 'vue'\nimport { connectList } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideList, useListContext } from './context'\n\nexport const XhListRoot = defineComponent({\n  name: 'XhListRoot',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    variant: { type: String as PropType<ControlVariant> },\n    hoverable: Boolean,\n    split: Boolean,\n    size: { type: String as PropType<Size> },\n    /** 根渲染为哪个标签，默认 ul；换为 div 即不进入读屏的列表语义。 */\n    as: { type: String, default: 'ul' },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('list', props)\n    const api = computed(() => connectList({\n      variant: configured.variant,\n      hoverable: configured.hoverable,\n      split: configured.split,\n      size: configured.size,\n    }, vueNormalize))\n    provideList({ api })\n    return () => h(props.as, api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItem = defineComponent({\n  name: 'XhListItem',\n  props: {\n    /** 条目渲染为哪个标签，默认 li；根换为 div 时这里一并更换。 */\n    as: { type: String, default: 'li' },\n  },\n  setup(props, { slots }) {\n    const ctx = useListContext()\n    return () => h(props.as, ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 媒体位排在条目最前，内容由作者塞（头像、图标、缩略图都行）\nexport const XhListItemMedia = defineComponent({\n  name: 'XhListItemMedia',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemMediaProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItemContent = defineComponent({\n  name: 'XhListItemContent',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标题渲染为 div 而不是 hN：它只做视觉主次，不往文档大纲里插一级标题\nexport const XhListItemTitle = defineComponent({\n  name: 'XhListItemTitle',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhListItemDescription = defineComponent({\n  name: 'XhListItemDescription',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 操作位排在条目末尾，按钮由作者放进插槽\nexport const XhListItemAction = defineComponent({\n  name: 'XhListItemAction',\n  setup(_, { slots }) {\n    const ctx = useListContext()\n    return () => h('div', ctx.api.value.getItemActionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAeA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,SAAS,EAAE,MAAM,OAAmC;EACpD,WAAW;EACX,OAAO;EACP,MAAM,EAAE,MAAM,OAAyB;;EAEvC,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAK;CACpC;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,QAAQ,KAAK;EAC7C,MAAM,MAAM,eAAe,YAAY;GACrC,SAAS,WAAW;GACpB,WAAW,WAAW;GACtB,OAAO,WAAW;GAClB,MAAM,WAAW;EACnB,GAAG,YAAY,CAAC;EAChB,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAED,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACzG;AACF,CAAC;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,mBAAmB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC"}

package/dist/components/listbox/context.js

@@ -24,7 +24,7 @@ function provideListboxItemGroup(ctx) {
 }
 function useListboxItemGroupContext() {
 	const ctx = inject(GROUP_KEY, null);
-	if (!ctx) throw new Error("[xh] Listbox 分组标题必须用在 XhListboxItemGroup 内");
+	if (!ctx) throw new Error("[xh] Listbox 分组标题必须用在 XhListboxGroup 内");
 	return ctx;
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/listbox/context.ts"],"sourcesContent":["import type { ListboxItemGroupProps, ListboxItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { ListboxContext } from './use-listbox'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / item-indicator 这类子部件复用同一份声明。 */\nexport interface ListboxItemContext {\n  item: ComputedRef<ListboxItemProps>\n}\n\n/** 分组自报的身份，供分组标题取到同一个值（标题的 id 由它派生）。 */\nexport interface ListboxItemGroupContext {\n  group: ComputedRef<ListboxItemGroupProps>\n}\n\nconst KEY: InjectionKey<ListboxContext> = Symbol.for('xh-listbox')\nconst ITEM_KEY: InjectionKey<ListboxItemContext> = Symbol.for('xh-listbox-item')\nconst GROUP_KEY: InjectionKey<ListboxItemGroupContext> = Symbol.for('xh-listbox-item-group')\n\nexport function provideListbox(ctx: ListboxContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListboxContext(): ListboxContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 部件必须用在 XhListboxRoot 内')\n  return ctx\n}\n\nexport function provideListboxItem(ctx: ListboxItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useListboxItemContext(): ListboxItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 条目子部件必须用在 XhListboxItem 内')\n  return ctx\n}\n\nexport function provideListboxItemGroup(ctx: ListboxItemGroupContext): void {\n  provide(GROUP_KEY, ctx)\n}\n\nexport function useListboxItemGroupContext(): ListboxItemGroupContext {\n  const ctx = inject(GROUP_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 分组标题必须用在 XhListboxItemGroup 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,YAAmD,OAAO,IAAI,uBAAuB;AAE3F,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,4CAA4C;CAC9D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/listbox/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 { ListboxGroupProps, ListboxItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { ListboxContext } from './use-listbox'\nimport { inject, provide } from 'vue'\n\n/** 条目声明的值与禁用，供 item-text / item-indicator 等子部件复用同一份声明。 */\nexport interface ListboxItemContext {\n  item: ComputedRef<ListboxItemProps>\n}\n\n/** 分组声明的身份，供分组标题取到同一个值（标题的 id 由它派生）。 */\nexport interface ListboxItemGroupContext {\n  group: ComputedRef<ListboxGroupProps>\n}\n\nconst KEY: InjectionKey<ListboxContext> = Symbol.for('xh-listbox')\nconst ITEM_KEY: InjectionKey<ListboxItemContext> = Symbol.for('xh-listbox-item')\nconst GROUP_KEY: InjectionKey<ListboxItemGroupContext> = Symbol.for('xh-listbox-item-group')\n\nexport function provideListbox(ctx: ListboxContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useListboxContext(): ListboxContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 部件必须用在 XhListboxRoot 内')\n  return ctx\n}\n\nexport function provideListboxItem(ctx: ListboxItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useListboxItemContext(): ListboxItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 条目子部件必须用在 XhListboxItem 内')\n  return ctx\n}\n\nexport function provideListboxItemGroup(ctx: ListboxItemGroupContext): void {\n  provide(GROUP_KEY, ctx)\n}\n\nexport function useListboxItemGroupContext(): ListboxItemGroupContext {\n  const ctx = inject(GROUP_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Listbox 分组标题必须用在 XhListboxGroup 内')\n  return ctx\n}\n"],"mappings":";;AAsBA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAC/E,MAAM,YAAmD,OAAO,IAAI,uBAAuB;AAE3F,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT"}